:root{--marino:#0f1b2d;--marino2:#16263d;--dorado:#b7791f;--dorado-claro:#e0b25a;--tinta:#1c1f26;--gris:#5b6270;--fondo:#f7f4ee;--borde:#e6dfd2}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;color:var(--tinta);background:var(--fondo);line-height:1.6}
a{color:var(--dorado)}
a:focus-visible,button:focus-visible{outline:2px solid var(--dorado);outline-offset:3px}
.contenedor{max-width:1040px;margin:0 auto;padding:0 24px}
header.barra{background:var(--marino);color:#fff}
header.barra .contenedor{display:flex;align-items:center;justify-content:space-between;height:64px}
.marca{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700;letter-spacing:.3px}
.marca img{height:32px;width:auto}
nav a{color:#d9dee7;text-decoration:none;margin-left:22px;font-size:.95rem}
nav a:hover{color:#fff}
.btn{display:inline-block;background:var(--dorado);color:#fff;text-decoration:none;font-weight:600;padding:12px 22px;border-radius:8px}
.btn:hover{background:#9f6815}
.btn-borde{background:transparent;border:1px solid #fff3;color:#fff}
.btn-borde:hover{background:#ffffff14}
.portada{background:linear-gradient(160deg,var(--marino) 0%,var(--marino2) 100%);color:#fff;padding:72px 0 80px}
.portada .contenedor{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}
.portada h1{font-size:2.4rem;line-height:1.2;margin:0 0 16px}
.portada p{color:#c9d1dd;font-size:1.1rem;margin:0 0 28px}
.portada .acciones{display:flex;gap:12px;flex-wrap:wrap}
.portada img{max-width:280px;width:100%;justify-self:center}
section{padding:64px 0}
h2{font-size:1.6rem;margin:0 0 8px}
.subt{color:var(--gris);margin:0 0 32px}
.rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}
.tarjeta{background:#fff;border:1px solid var(--borde);border-radius:12px;padding:22px}
.tarjeta h3{margin:0 0 6px;font-size:1.05rem}
.tarjeta p{margin:0;color:var(--gris);font-size:.95rem}
.franja{background:#fff;border-top:1px solid var(--borde);border-bottom:1px solid var(--borde)}
footer{background:var(--marino);color:#aab3c2;font-size:.9rem;padding:28px 0}
footer .contenedor{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
footer a{color:#d9dee7;margin-left:18px}
.documento{max-width:820px;margin:0 auto;padding:48px 24px 72px}
.documento h1{font-size:1.9rem;margin:0 0 4px}
.documento .fecha{color:var(--gris);margin:0 0 32px}
.documento h2{font-size:1.2rem;margin:32px 0 8px}
.documento h3{font-size:1.02rem;margin:20px 0 6px}
.documento ul{padding-left:22px}
.documento .recuadro{background:#fff;border:1px solid var(--borde);border-left:4px solid var(--dorado);border-radius:8px;padding:16px 20px;margin:20px 0}
@media (max-width:760px){.portada .contenedor{grid-template-columns:1fr}.portada img{max-width:180px}.portada h1{font-size:1.8rem}nav a{margin-left:14px}nav .ocultar-movil{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}