/* Estilo común con la home: tipografías, encabezado claro con el logo y banda con la bandera flameando.
   Se carga después del <style> de cada página y pisa solo lo visual (los ids y el comportamiento no cambian). */
:root{--display:"Barlow Condensed","Arial Narrow",Arial,sans-serif;--body:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;--paper:#F6F9FC;--linea:#D8E1EA}
body{font-family:var(--body);background:var(--paper)}
h1,h2,h3{font-family:var(--display);letter-spacing:.01em;line-height:1.05}
:focus-visible{outline:3px solid #E1A01B;outline-offset:2px}

header.top{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:18px;min-height:72px;padding:8px max(16px,calc((100vw - 1320px)/2 + 24px));
  background:rgba(246,249,252,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--linea);color:#10263F}
header.top img.marca{height:54px;width:auto;display:block}
header.top .ir{margin-left:auto;display:flex;gap:20px;align-items:center;font-weight:600}
header.top .ir a{color:#44586F;text-decoration:none}header.top .ir a:hover{color:#10263F}
header.top .cambiar{color:#10263F!important;font-weight:600}
header.top .salir{margin-left:10px;background:none;border:2px solid #10263F;color:#10263F;border-radius:10px;padding:8px 14px;font-size:15px;font-weight:700;cursor:pointer}

.banda{background:#1B4672 url(/img/hero-bandera.svg) center/100% 100% no-repeat;color:#fff;padding:30px 16px 92px}
.banda .w{max-width:1100px;margin:0 auto}
.banda.centro .w{text-align:center}
.banda .eyebrow{font-family:var(--display);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#9FC3E4;font-size:15px}
.banda h1{font-size:clamp(34px,5vw,58px);font-weight:800;text-transform:uppercase;margin:4px 0 0;color:#fff}
.banda h1 em{font-style:normal;color:#E1A01B}
.banda + main{position:relative;margin-top:-70px}

.card{border:1px solid var(--linea);border-radius:18px;box-shadow:0 14px 36px rgba(16,38,63,.10)}
.card h1{font-size:32px}.card h2{font-size:24px}
button,.btn{border-radius:10px}

@media (max-width:640px){header.top .ir .opc{display:none}header.top img.marca{height:46px}header.top{gap:10px}.banda{padding:22px 16px 84px}}
/* Páginas de texto (legal, ayuda): el contenido va en una hoja blanca sobre la banda */
main.hoja{background:#fff;border:1px solid var(--linea);border-radius:18px;box-shadow:0 14px 36px rgba(16,38,63,.10);padding:28px;margin-bottom:40px}
@media (max-width:640px){main.hoja{padding:18px;margin-inline:12px}}