/* Estilos compartidos por las páginas legales.
   Antes cada una repetía su propio <style>; ahora van las tres desde acá. */
.legal{max-width:800px;margin:0 auto;padding:7.5rem 2rem 4rem}
.legal h1{font-size:2.4rem;font-weight:800;color:var(--g900);letter-spacing:-1px;margin-bottom:.5rem}
.legal .meta{font-size:.85rem;color:var(--g400);margin-bottom:2rem}
.legal h2{font-size:1.2rem;font-weight:800;color:var(--g900);margin:2.6rem 0 .9rem;letter-spacing:-.3px}
.legal h2 .n{font-size:.8rem;font-weight:800;color:var(--blue);margin-right:.5rem}
.legal h3{font-size:1rem;font-weight:700;color:var(--g800);margin:1.6rem 0 .6rem}
.legal p,.legal li{font-size:.95rem;color:var(--g700);line-height:1.75}
.legal p{margin-bottom:1rem}
.legal ul{margin:0 0 1rem 1.2rem;display:grid;gap:.45rem}
.legal a{color:var(--blue)}
.legal table{width:100%;border-collapse:collapse;margin-bottom:1.4rem;font-size:.9rem}
.legal th,.legal td{padding:.6rem .8rem;text-align:left;border:1px solid var(--border);vertical-align:top}
.legal thead th{background:var(--g50);font-weight:700;color:var(--g900);font-size:.82rem}
.legal tbody td:first-child,.legal tr>td:first-child{font-weight:600;color:var(--g900)}
.legal .pie{margin-top:3rem}
.aviso{background:var(--amber-bg);border:1px solid var(--amber-bd);border-radius:9px;padding:1rem 1.2rem;font-size:.88rem;color:var(--amber);line-height:1.65;margin-bottom:2rem}
@media(max-width:640px){.legal{padding:6.5rem 1.15rem 3rem}.legal h1{font-size:1.9rem}}