/* /css/f26-puente.css · capa puente (v160). Se carga la ÚLTIMA en las páginas que aún usan fga.css.
   No toca marcado. Quitar el <link> devuelve la página a su estado anterior. */
@font-face{font-family:"Source Serif 4";src:url("/fonts/source-serif-4-latin-600-normal.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}

/* 1 · Paleta fría: fuera el pergamino. Se fija el tema claro, como en las cuatro páginas nuevas */
:root:root:root{
  color-scheme:light;
  --parchment:#F1F3F6; --paper:#FFFFFF; --ink:#1B2533; --navy:#0C2340; --gold:#C09A5B;
  --bg:#FFFFFF; --surface:#EEF1F4; --fg:#1B2533; --head:#0C2340; --link:#1A5C6B;
  --muted:#4A5566; --gold-ink:#4A5566; --mist:#B3BFCE;
  --rule:#D9DEE4; --rule-strong:#B4BCC6;
  --band:#0A1A2F; --band-fg:#F1F3F6; --band-muted:#9FB0C2;
  --serif:"Source Serif 4",Georgia,"Times New Roman",serif;
}

/* 2 · Cabecera y migas en tinta, como en portada */
header.site,.bc141{
  --bg:#0A1A2F; --fg:#F1F3F6; --head:#F1F3F6; --muted:#9FB0C2; --link:#B3BFCE;
  --rule:#2E4560; --rule-strong:#5C7A99;
}
header.site{background:#0A1A2F;border-bottom:1px solid #2E4560;-webkit-backdrop-filter:none;backdrop-filter:none}
.site .wrap{min-height:64px;padding-top:8px;padding-bottom:8px}
.brand b{font-family:var(--serif);font-weight:600;font-size:1.25rem;letter-spacing:0;color:#F1F3F6}
.bc141{border-bottom:0}
@media (max-width:760px){.brand b{font-size:1.0625rem}}

/* 3 · Misma caja que las páginas nuevas: el logotipo no salta al cambiar de página */
.wrap{max-width:1280px;padding-left:clamp(20px,4vw,32px);padding-right:clamp(20px,4vw,32px)}

/* 4 · Titulares en serifa 600; cuerpo en Inter */
h1,h2,h3,.hero-photo h1{font-family:var(--serif);font-weight:600;color:var(--head);text-wrap:balance}
h1,.hero-photo h1{font-size:clamp(2.5rem,1.9167rem + 2.9167vw,4.25rem);line-height:1.04;letter-spacing:-.012em;max-width:14em}
h2,.one h2,.v78 h2{font-size:clamp(1.75rem,1.5rem + 1.25vw,2.5rem);line-height:1.15;letter-spacing:-.006em;max-width:22em}
h3{font-size:clamp(1.25rem,1.1rem + .6vw,1.5rem);line-height:1.2;letter-spacing:0}
.hero-photo h1,.band h2,.adv142 h2{color:#F1F3F6}
.hero .lede,.hero-photo .lede,.h2-sub,.cita .cita-frase{font-family:var(--sans);font-style:normal}
.fig figcaption,.spec,.slide span,dialog.lb p,.pull cite,.photo .cap{font-family:var(--sans)}
.s141 h2,.s141 li a b,.n141-m li a b{font-family:var(--serif);font-weight:600}

/* 5 · Etiquetas: gris de sistema, 600, sin oro */
.eyebrow,.adv142-k{font-size:.875rem;font-weight:600;letter-spacing:0;text-transform:none;color:#4A5566}
.hero-photo .eyebrow,.band .eyebrow,.adv142-k{color:#B3BFCE}

/* 6 · Secciones y bandas */
section.block{border-bottom:0}
section.block.alt{background:#EEF1F4}
.band,.adv142{background:#0A1A2F;border-bottom:0}
.hero-photo{background:#0A1A2F}
.hero-photo .tint,.hero-photo .tint.dark{background:linear-gradient(90deg,rgba(10,26,47,.84) 0%,rgba(10,26,47,.84) 52%,rgba(10,26,47,.20) 78%,rgba(10,26,47,.08) 100%)}
.adv142 h2{font-family:var(--serif);font-weight:600}
.adv142-tri b{font-family:var(--serif);font-weight:600}
.adv142-tri li.enc b{color:#F1F3F6}
.adv142-vid,.adv142-tri,.adv142-tri li{border-color:#2E4560}
.cita{border-left-color:#0C2340}

/* 7 · El oro, solo en el botón principal sobre oscuro. El prefijo :root:root:root gana a las reglas de tema oscuro de fga.css */
:root:root:root .btn{font-weight:600;font-size:1rem;min-height:48px;padding:13px 24px;border-radius:2px;border-color:#0C2340;color:#0C2340;background:transparent}
:root:root:root .btn.primary{background:#0C2340;border-color:#0C2340;color:#F1F3F6}
:root:root:root .hero-photo .btn,:root:root:root .band .btn{border-color:#B3BFCE;color:#F1F3F6}
:root:root:root .hero-photo .btn.primary,:root:root:root .band .btn.primary{background:#C09A5B;border-color:#C09A5B;color:#0A1A2F}
:root:root:root .hero-photo .btn.primary:hover,:root:root:root .band .btn.primary:hover{background:#D9BE8A;border-color:#D9BE8A}
.site nav.n141 .n141-i.on>a.n141-t{border-bottom-color:#5C7A99}
.n141-m{border-top-color:#5C7A99}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#1A5C6B}

/* 8 · Cifras: Inter 700 tabular, como .f26-num */
.stats b,.facts b,.evid-strip .grid4 b{font-family:var(--sans);font-weight:700;letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:#0C2340}
.facts div,.stats{border-top:2px solid #0C2340}

/* 9 · Tablas y formularios */
th{font-weight:600;color:#4A5566;border-bottom:2px solid #0C2340}
form.lead{background:#FFFFFF;border:1px solid #D9DEE4;border-top:3px solid #0C2340}
form.lead label{font-weight:600;color:#1B2533}
form.lead input,form.lead select,form.lead textarea{background:#FFFFFF;border-color:#8A95A3;min-height:48px}
.quad{background:#D9DEE4;border-color:#D9DEE4}
.quad div{background:#FFFFFF}

/* 10 · Pie y aviso de cookies */
/* Pie igual que el de portada (.f26-pie): rejilla 2,2fr + 4, títulos con filete, enlaces de 44 px en móvil */
footer{background:#0A1A2F;color:#D3DBE5;font-size:.875rem;line-height:1.5;padding:64px 0 48px}
footer .wrap{display:grid;grid-template-columns:minmax(0,2.2fr) repeat(4,minmax(0,1fr));gap:48px 24px}
footer .wrap>div:first-child{min-width:0}
footer p{margin:0}
footer a{display:inline-block;padding:6px 0;color:#D3DBE5;text-decoration:none}
footer a:hover{color:#FFFFFF;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#C09A5B}
footer ul{gap:2px}
footer b{font-family:var(--serif);font-weight:600;font-size:1.0625rem;color:#FFFFFF}
footer p span[style]{display:none}
footer h5,footer .ft-t{font-family:var(--sans);font-size:.875rem;font-weight:600;color:#FFFFFF;opacity:1;letter-spacing:0;text-transform:none;margin:0 0 12px;padding-top:12px;border-top:1px solid #2E4560}
footer .legal{color:#9FB0C2;font-size:.8125rem;line-height:1.55;margin-top:12px;max-width:46ch}
footer :focus-visible{outline-color:#D9BE8A}
@media (max-width:980px){footer .wrap{grid-template-columns:repeat(4,minmax(0,1fr))}footer .wrap>div:first-child{grid-column:1/-1}}
@media (max-width:760px){footer{padding:48px 0 32px}footer .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}footer a{padding:12px 0;min-height:44px;box-sizing:border-box}footer ul{gap:0}}
.cookie{background:#FFFFFF;color:#1B2533;border-top:1px solid #D9DEE4;box-shadow:none}
.cookie button{border-color:#0C2340;color:#0C2340}
.cookie button.ok{background:#0C2340;color:#F1F3F6}

/* 11 · Restos */
.adv142 .wrap{max-width:1280px}
td,.datos td,.datos td:nth-child(2){font-family:var(--sans)}
.datos td:nth-child(2){font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums;color:#0C2340}
.ilus-fig img{filter:grayscale(1) contrast(1.06)}
.adv142 a:not(.btn),.band a:not(.btn){color:#F1F3F6}
/* Zonas oscuras de páginas interiores: botón principal en oro, secundario con borde claro */
:root:root:root .ei-hero .btn,:root:root:root .gate .btn{border-color:#B3BFCE;color:#F1F3F6}
:root:root:root .ei-hero .btn.primary,:root:root:root .gate .btn.primary{background:#C09A5B;border-color:#C09A5B;color:#0A1A2F}

/* 12 · Bandas CTA («Siguiente paso»): serifa 600, botón oro con texto tinta, enlace secundario claro */
.cta146{background:#0A1A2F;color:#F1F3F6;padding:clamp(48px,6vw,72px) 0}
.cta146 h2{font-family:var(--serif);font-weight:600;font-size:clamp(1.625rem,1.3rem + 1.4vw,2.25rem);line-height:1.15;letter-spacing:-.006em;color:#F1F3F6;max-width:22ch}
.cta146 p{color:#D3DBE5;font-size:1.0625rem;line-height:1.55;margin-top:12px}
.cta146 .wrap{border-top:1px solid #2E4560;padding-top:clamp(32px,4vw,48px)}
.cta146 .acc{gap:8px}
.cta146 a.b1{background:#C09A5B;border:1px solid #C09A5B;color:#0B1626;border-radius:2px;font-weight:600;min-height:48px;box-sizing:border-box;display:inline-flex;align-items:center;padding:12px 24px}
.cta146 a.b1:hover{background:#D9BE8A;border-color:#D9BE8A;color:#0B1626}
.cta146 a.b2{color:#F1F3F6;font-size:1rem;display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-decoration-color:#9FB0C2;text-underline-offset:4px}
.cta146 a.b2:hover{text-decoration-color:#C09A5B}
.cta146 a:focus-visible{outline-color:#D9BE8A}
@media (max-width:640px){.cta146 a.b1{width:100%;justify-content:center;text-align:center}}

/* 13 · «Y ahora»: serifa 600, filas enlazables de 56 px, flecha en el extremo */
.sig145 b{font-family:var(--serif);font-weight:600;font-size:1.25rem;color:#0C2340}
.sig145 span{color:#4A5566;opacity:1;font-size:1rem}
.sig145 a{padding:16px 0;min-height:56px;align-items:baseline;position:relative}
.sig145 a:hover{background:#F1F3F6}
.sig145 a:hover b{text-decoration:underline;text-decoration-color:#C09A5B;text-underline-offset:5px}
@media (min-width:641px){.sig145 a{padding-right:28px}.sig145 a::after{content:"\2192";position:absolute;right:6px;top:50%;transform:translateY(-50%);color:#0C2340}}
@media (max-width:640px){.sig145 a{padding:14px 0}}

/* 14 · Cargo del firmante: sans, sin cursiva */
.q146 .rol,.rol{font-family:var(--sans);font-style:normal;font-size:clamp(1rem,.95rem + .25vw,1.125rem);line-height:1.5;color:#4A5566;max-width:52ch}

/* 15 · Contacto: el formulario arranca a la altura del titular; sin hueco antes de «Y ahora» */
#contacto.block{padding-bottom:24px}
#siguiente145.block{padding-top:24px}
#contacto .grid2{align-items:start;gap:clamp(32px,5vw,64px)}
#contacto form.lead{background:#FFFFFF;border:1px solid #D9DEE4;border-top:3px solid #0C2340;padding:clamp(20px,3vw,32px);gap:16px}
@media (min-width:861px){#contacto form.lead{margin-top:2rem}}
#contacto form.lead .consent{display:flex;align-items:flex-start;gap:10px;font-size:.875rem;line-height:1.45;color:#4A5566;font-weight:400}
#contacto form.lead .consent input{width:20px;min-height:20px;flex:0 0 auto;margin:2px 0 0}
#contacto form.lead button.btn{width:100%}
#contacto .cf-turnstile{margin:0 !important}

/* 16 · Zonas táctiles (≥44 px) y contraste de etiquetas pequeñas */
a.brand{min-height:44px;display:inline-flex;align-items:center}
a.reg88{min-height:44px;box-sizing:border-box}
a.f26-enlace{min-height:44px;display:inline-flex;align-items:center}
.js-n141 .n141-tog,.n141-tog{min-height:44px;box-sizing:border-box}
.n141-b{min-height:44px;min-width:44px;box-sizing:border-box}
.bc141 a{display:inline-flex;align-items:center;min-height:44px}
.bc141 ol{align-items:center}
.eyebrow,.fig figcaption,.photo .cap,.spec,.pill,.hero-photo .credit,.strip .lab,.steps .when,.cover .k,.prompt .lab,.disc .tag,.tree li .st,.path .ph .n,.subnav span,.h2-sub,form.lead .after,form.lead label{color:#4A5566;opacity:1}
.hero-photo .credit,.band .eyebrow,.adv142-k,.hero-photo .eyebrow{color:#B3BFCE;opacity:1}
.hero-photo .credit{color:#D3DBE5}
::placeholder{color:#5F6B7A;opacity:1}
.cookie{font-size:.875rem}
.cookie span a{color:#1A5C6B !important}
.cookie button{min-height:44px;padding:0 18px}
#contacto.block{padding-top:clamp(32px,4vw,56px)}
.photo .cap{color:#FFFFFF;opacity:1;text-shadow:0 1px 3px rgba(10,26,47,.7)}