/* Paginas interiores de GDR Colombia. Mismo sistema que la portada:
   papel, tinta, azul niebla y durazno; Lora para titulos, Nunito para texto. */
@font-face{font-family:Lora;font-style:normal;font-weight:500;font-display:swap;src:url("fonts/lora-medium.ttf") format("truetype")}
@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url("fonts/nunito-regular.ttf") format("truetype")}
@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url("fonts/nunito-semibold.ttf") format("truetype")}
:root{
  --paper:#FCF7F0;
  --ink:#203F53;
  --body-ink:#435966;
  --muted:#586B76;
  --hero-blue:#C5DDEF;
  --rule-left:#BCD3E4;
  --peach:#F4D9BD;
  --thread-dot:#5F9AC6;      /* solo para puntos y marcas, no para texto */
  --label:#3B6F97;           /* rotulos: 5:1 sobre papel, 4.5:1 sobre azul */
  --tierra:#9A5A38;          /* rotulos sobre durazno y arena */
  --field:#F2E7DA;
  --tint-azul:rgba(197,221,239,.42);
  --edge-azul:#B3CFE3;
  --tint-durazno:rgba(244,217,189,.46);
  --edge-durazno:#E7CCAC;
  --tint-arena:#F4EBE0;
  --edge-arena:#E6D9C8;
  --display:Lora,Georgia,"Times New Roman",serif;
  --text:Nunito,"Avenir Next",system-ui,-apple-system,sans-serif;
  --maxw:1220px;
  --gutter:34px;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.75 var(--text);-webkit-font-smoothing:antialiased}
h1,h2,h3{margin:0;font-family:var(--display);font-weight:500;letter-spacing:-.025em;text-wrap:balance}
p,ul,ol,dl,dd,figure{margin:0;padding:0}
li{list-style:none}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:2px}
::selection{background:var(--peach);color:var(--ink)}
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.grain{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.16;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='150' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.skip{position:absolute;left:-999px;top:12px;z-index:20;padding:10px 16px;background:var(--ink);color:var(--paper);border-radius:999px;font-size:13px}
.skip:focus{left:12px}

/* ---------- cabecera compartida ---------- */
.site-head{position:relative;z-index:5;padding-block:16px}
.head-row{display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand img{height:58px;width:auto;transition:transform .35s var(--ease)}
.brand:hover img{transform:translateY(-1px)}
.site-nav{display:flex;align-items:center;gap:6px 24px;flex-wrap:wrap}
.site-nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;
  text-decoration:none;font-size:12px;font-weight:600;letter-spacing:.03em}
.site-nav a::after{content:"";position:absolute;left:0;right:0;bottom:9px;height:2px;
  background:var(--label);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.site-nav a:hover::after,.site-nav a[aria-current="page"]::after{transform:scaleX(1)}
.site-nav a[aria-current="page"]{color:var(--label)}
.site-nav .nav-cta{margin-left:6px;padding:0 20px;border:1.5px solid var(--rule-left);border-radius:999px;
  transition:background-color .25s var(--ease),border-color .25s var(--ease)}
.site-nav .nav-cta::after{display:none}
.site-nav .nav-cta:hover{background:var(--peach);border-color:var(--peach)}

.crumbs{display:flex;align-items:center;gap:10px;padding-block:6px 0;font-size:12px;letter-spacing:.02em;color:var(--muted)}
.crumbs a{text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.crumbs span[aria-current]{color:var(--ink)}

/* ---------- apertura compacta ---------- */
.opener{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(30px,5vw,80px);
  align-items:center;padding-block:clamp(20px,3vw,40px) clamp(28px,4vw,48px)}
.eyebrow{margin-bottom:12px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--label)}
.opener h1{font-size:clamp(32px,4vw,54px);line-height:1.08;letter-spacing:-.035em}
.lead{margin-top:22px;max-width:36ch;color:var(--body-ink);font-size:clamp(17px,1.4vw,19.5px);line-height:1.65;text-wrap:pretty}
.opener-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

/* foto con marco blanco, como en la portada */
.polaroid{margin:0;min-width:0}
.polaroid img{width:100%;background:#DCE9F3;border:10px solid #fff;border-radius:3px;
  box-shadow:0 26px 44px -26px rgba(32,63,83,.5);object-fit:cover;
  transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.polaroid:hover img{box-shadow:0 30px 50px -26px rgba(32,63,83,.55)}
.polaroid figcaption{margin-top:12px;font-size:12.5px;line-height:1.5;color:var(--muted)}
.tilt-a img{transform:rotate(-2deg)} .tilt-a:hover img{transform:rotate(-1.4deg) translateY(-2px)}
.tilt-b img{transform:rotate(2.2deg)} .tilt-b:hover img{transform:rotate(1.6deg) translateY(-2px)}
.tilt-c img{transform:rotate(-1.4deg)} .tilt-c:hover img{transform:rotate(-.8deg) translateY(-2px)}
.ratio-wide img{aspect-ratio:16/9}
.ratio-land img{aspect-ratio:4/3}
.ratio-tall img{aspect-ratio:4/5}

/* ---------- secciones ---------- */
.section{padding-block:clamp(34px,5vw,56px)}
.section-head{max-width:60ch;margin-bottom:clamp(24px,4vh,40px)}
.section-head h2{font-size:clamp(24px,2.5vw,33px);line-height:1.18}
.section-head p{margin-top:12px;color:var(--body-ink);font-size:18px;line-height:1.7;text-wrap:pretty}
.band{background:var(--tint-azul);border-block:1px solid var(--edge-azul)}
.band-durazno{background:var(--tint-durazno);border-block:1px solid var(--edge-durazno)}
.band-arena{background:var(--tint-arena);border-block:1px solid var(--edge-arena)}
.band-tinta{background:var(--ink);color:var(--paper)}
.band-tinta .eyebrow{color:var(--hero-blue)}
.band-tinta p,.band-tinta li,.band-tinta dd{color:rgba(252,247,240,.88)}

/* texto + foto, alternando lado */
.editorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(30px,5vw,80px);align-items:center}
.editorial.flip{grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}
.editorial.flip > .polaroid{order:-1}
.editorial h2{font-size:clamp(23px,2.3vw,30px);line-height:1.2}
.editorial h3{font-size:clamp(20px,2vw,25px);line-height:1.22}
.editorial .kicker{margin-top:6px;color:var(--muted);font-size:15px}
.editorial p{margin-top:16px;color:var(--body-ink);font-size:18px;line-height:1.72;text-wrap:pretty}
.editorial .copy > p:first-of-type{margin-top:14px}
.copy{min-width:0;border-left:2px solid var(--rule-left);padding-left:clamp(18px,2vw,28px)}
.copy.no-rule{border:0;padding:0}

/* pares de listas dentro de un bloque editorial */
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;margin-top:22px}
.facts h4{margin:0 0 6px;font:600 11px/1.4 var(--text);letter-spacing:.1em;text-transform:uppercase;color:var(--label)}
.dots li{position:relative;padding:6px 0 6px 18px;color:var(--body-ink);font-size:17px;line-height:1.6}
.dots li::before{content:"";position:absolute;left:0;top:16px;width:6px;height:6px;border-radius:999px;background:var(--thread-dot)}
.band-tinta .facts h4{color:var(--hero-blue)}
.band-tinta .dots li::before{background:var(--hero-blue)}

/* cita */
.quote{max-width:30ch;margin-inline:auto;text-align:center;font-family:var(--display);
  font-size:clamp(24px,3vw,38px);line-height:1.25;letter-spacing:-.03em}
.quote-src{margin-top:16px;text-align:center;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.quote-rule{width:56px;height:2px;margin:0 auto 26px;background:var(--peach);border:0}

/* cajas */
.box{--tint:var(--tint-azul);--edge:var(--edge-azul);background:var(--tint);border:1px solid var(--edge);
  border-radius:18px;padding:clamp(22px,2.6vw,32px);min-width:0;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.box.lift:hover{transform:translateY(-3px);box-shadow:0 22px 34px -26px rgba(32,63,83,.45)}
.t-azul{--tint:var(--tint-azul);--edge:var(--edge-azul)}
.t-durazno{--tint:var(--tint-durazno);--edge:var(--edge-durazno)}
.t-arena{--tint:var(--tint-arena);--edge:var(--edge-arena)}
.t-blanco{--tint:#fff;--edge:var(--edge-arena)}
.t-tinta{--tint:var(--ink);--edge:var(--ink);color:var(--paper)}
.t-durazno .eyebrow,.t-arena .eyebrow,.t-durazno .num,.t-arena .num{color:var(--tierra)}
.box.t-tinta .eyebrow,.box.t-tinta .num{color:var(--hero-blue)}
.box.t-tinta p,.box.t-tinta li,.box.t-tinta dd{color:rgba(252,247,240,.88)}
.box h2{font-size:clamp(20px,2vw,26px);line-height:1.22}
.box h3{font-size:18.5px;line-height:1.25}
.box p{margin-top:12px;color:var(--body-ink);font-size:15.5px;line-height:1.7;text-wrap:pretty}
.box .pill{margin-top:20px}
.row-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.2vw,28px)}
.row-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.2vw,28px)}
.row-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.8vw,24px)}
.num{font-family:var(--display);font-size:26px;line-height:1;color:var(--label)}
.num + h3{margin-top:12px}

/* ficha de datos (registro) */
.ficha{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 22px;align-items:baseline}
.ficha dt{font:600 11px/1.5 var(--text);letter-spacing:.1em;text-transform:uppercase;color:var(--label);white-space:nowrap}
.ficha dd{color:var(--body-ink);font-size:15.5px;line-height:1.55}
.t-tinta .ficha dt{color:var(--hero-blue)}

/* personas */
.person h3{font-size:19px}
.person .role{margin-top:6px;color:var(--muted);font-size:13.5px;letter-spacing:.02em}
.person p{margin-top:10px}

/* ciclo terreno <-> ciencia */
.loop{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(14px,2vw,26px);align-items:center}
.loop-arrows{display:grid;gap:10px;justify-items:center;color:var(--label);font-size:22px;line-height:1}
.loop-arrows span{display:block}

/* evidencia consultable */
.evidence li{padding:16px 0;border-top:1px solid var(--rule-left)}
.evidence li:last-child{border-bottom:1px solid var(--rule-left)}
.evidence a{display:inline;font-family:var(--display);font-size:17.5px;line-height:1.35;letter-spacing:-.01em;
  text-decoration:none;background-image:linear-gradient(var(--rule-left),var(--rule-left));
  background-size:100% 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .3s var(--ease)}
.evidence a:hover{background-image:linear-gradient(var(--label),var(--label));background-size:100% 2px}
.evidence .meta{margin-top:5px;font-size:13px;color:var(--muted)}
.evidence .meta b{font-weight:600;color:var(--body-ink)}
.evidence-more{margin-top:18px}

/* fichas horizontales de pasos / jornada */
.step{position:relative}
.step .polaroid img{border-width:7px}
.step h3{margin-top:14px;font-size:17.5px}
.step p{margin-top:8px;color:var(--body-ink);font-size:15px;line-height:1.65}
.step .num{font-size:22px}

/* fila de etiquetas */
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.chip{display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border:1px solid var(--edge-azul);
  border-radius:999px;background:rgba(252,247,240,.55);font-size:14.5px;color:var(--body-ink)}
.chip .mark{width:20px;height:20px;font-size:11px}
.mark{display:grid;place-items:center;border-radius:999px;background:rgba(197,221,239,.6);color:var(--label)}
.band-tinta .chip,.box.t-tinta .chip{background:rgba(197,221,239,.13);border-color:rgba(197,221,239,.34);color:rgba(252,247,240,.92)}
.band-tinta .mark,.box.t-tinta .mark{background:rgba(197,221,239,.22);color:var(--hero-blue)}

/* botones */
.pill,.back{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:11px 24px;
  border:1.5px solid var(--rule-left);border-radius:999px;background:transparent;color:inherit;
  text-decoration:none;font-size:12.5px;font-weight:600;letter-spacing:.045em;line-height:1;
  transition:background-color .25s var(--ease),border-color .25s var(--ease),transform .15s var(--ease)}
.pill .arrow,.back .arrow{transition:transform .25s var(--ease)}
.pill:hover,.back:hover{background:var(--peach);border-color:var(--peach)}
.pill:hover .arrow{transform:translateX(4px)}
.back:hover .arrow{transform:translateX(-4px)}
.pill:active,.back:active,.cta:active{transform:translateY(1px)}
.pill:focus-visible,.back:focus-visible,.cta:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:999px}
.band-tinta .pill,.box.t-tinta .pill{border-color:rgba(197,221,239,.45);color:var(--paper)}
.band-tinta .pill:hover,.box.t-tinta .pill:hover{background:var(--peach);border-color:var(--peach);color:var(--ink)}
.band-tinta .pill:focus-visible,.box.t-tinta .pill:focus-visible{outline-color:var(--paper)}
.cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 28px;border-radius:999px;
  background:var(--ink);color:var(--paper);text-decoration:none;white-space:nowrap;
  font-size:12.5px;font-weight:600;letter-spacing:.06em;transition:background-color .25s var(--ease),transform .15s var(--ease)}
.cta:hover{background:#16303F}
.band-tinta .cta,.box.t-tinta .cta{background:var(--paper);color:var(--ink)}
.band-tinta .cta:hover,.box.t-tinta .cta:hover{background:var(--peach)}
.text-link{font-weight:600;font-size:14px;text-decoration:none;border-bottom:1.5px solid var(--rule-left);transition:border-color .25s var(--ease)}
.text-link:hover{border-color:var(--label)}

/* siguiente paso */
.next{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr);gap:clamp(14px,2vw,24px)}
.next .box{display:flex;flex-direction:column}
.next .box h3{font-size:20px}
.next .box p{flex:1}
.next-tag{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--label);margin-bottom:10px}
.box.t-tinta .next-tag{color:var(--hero-blue)}
.wide{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(20px,3vw,48px);align-items:center}

/* ---------- pie compartido ---------- */
.site-foot{margin-top:clamp(30px,6vh,64px);border-top:1px solid var(--rule-left);padding-block:clamp(34px,5vh,56px) 36px;color:var(--muted)}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,.8fr);gap:clamp(24px,4vw,64px)}
.foot-grid h2{font-family:var(--text);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--label);margin-bottom:12px}
.foot-brand img{height:52px;width:auto}
.foot-brand p{margin-top:14px;max-width:34ch;font-size:14px;line-height:1.65}
.foot-list li{font-size:14.5px;line-height:1.6;color:var(--body-ink)}
.foot-list li + li{margin-top:6px}
.foot-list a{text-decoration:none;border-bottom:1px solid var(--rule-left);transition:border-color .25s var(--ease)}
.foot-list a:hover{border-color:var(--label)}
.foot-list a[aria-current="page"]{color:var(--label);border-color:var(--label)}
.foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;
  margin-top:clamp(26px,4vh,40px);padding-top:18px;border-top:1px solid var(--rule-left);font-size:12px;letter-spacing:.02em}
.foot-bottom a{text-decoration:none}
.foot-bottom a:hover{text-decoration:underline}

/* El contenido permanece visible aunque JavaScript falle. */
.reveal.is-in{animation:section-enter .65s var(--ease) both}
@keyframes section-enter{from{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:none}}
/* ---------- pantallas ---------- */
@media(max-width:1000px){
  .row-3,.row-4,.next{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foot-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media(max-width:820px){
  .opener,.editorial,.editorial.flip,.row-2,.loop,.wide{grid-template-columns:minmax(0,1fr)}
  .editorial.flip > .polaroid{order:0}
  .opener{gap:26px;padding-top:18px}
  .opener .polaroid{max-width:440px}
  .loop-arrows{grid-auto-flow:column;transform:rotate(90deg);justify-content:center}
  .facts{grid-template-columns:minmax(0,1fr)}
  .wide{justify-items:start}
  .foot-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:700px){
  :root{--gutter:24px}
  .head-row{flex-direction:column;align-items:flex-start;gap:6px}
  .brand img{height:48px}
  .site-nav{gap:2px 18px}
  .site-nav .nav-cta{margin-left:0}
  .opener h1{font-size:clamp(32px,9vw,42px)}
  .lead{font-size:16.5px}
  .row-3,.row-4,.next{grid-template-columns:minmax(0,1fr)}
  .quote{font-size:24px}
  .box{border-radius:14px}
  .ficha{grid-template-columns:minmax(0,1fr);gap:2px 0}
  .ficha dd + dt{margin-top:10px}
}
@media(max-width:380px){
  .site-nav a{font-size:11.5px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js .reveal{opacity:1;transform:none;transition:none}
  .polaroid img,.box,.pill,.back,.cta,.site-nav a::after,.pill .arrow,.back .arrow,.evidence a,.brand img{transition:none}
  .hero-p-media{transform:none!important}
  .polaroid:hover img{transform:none}
  .tilt-a img{transform:rotate(-2deg)} .tilt-b img{transform:rotate(2.2deg)} .tilt-c img{transform:rotate(-1.4deg)}
}

/* Continuidad editorial de las tres páginas */
html{scroll-behavior:auto}
main{overflow:clip}
section[id]{scroll-margin-top:24px}
.crumbs{margin-top:8px}
.site-head{border-bottom:1px solid rgba(188,211,228,.5)}
.brand img{height:64px}
.copy{border-left-width:1px}
.lead{font-size:18.5px;max-width:44ch}
.menu-toggle{display:none;font:600 13px var(--text);color:var(--ink);background:transparent;border:1px solid var(--rule-left);border-radius:999px;padding:10px 16px;min-height:44px;cursor:pointer}
/* bloque editorial de una sola columna */
.editorial.solo{grid-template-columns:minmax(0,1fr);justify-items:center}
.editorial.solo .copy{width:100%;max-width:66ch}
.editorial .dots{margin-top:16px}
.institution-note{padding:24px 0 24px 28px;border-left:1px solid var(--rule-left)}
.institution-note h3{font-size:23px}
.evidence-layout{align-items:center}
.evidence-layout .polaroid{margin-top:30px;max-width:360px}
.evidence li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:start;padding:24px 0}
/* icono de cada documento: circulo azul niebla, trazo fino en el azul de los rotulos */
.evidence-icon{display:grid;place-items:center;width:46px;height:46px;margin-top:1px;border-radius:999px;
  background:rgba(197,221,239,.55);border:1px solid var(--edge-azul);color:var(--label)}
.evidence-icon svg{display:block;width:22px;height:22px}
.evidence .eyebrow{margin:0 0 12px;font-size:10px}
.evidence .meta{margin-top:14px;font-size:15px}
.closing{background:var(--tint-durazno);border-top:1px solid var(--edge-durazno)}
.closing h2{font-size:clamp(25px,2.7vw,34px);line-height:1.2;max-width:24ch}
.closing p:not(.eyebrow){margin-top:16px;font-size:17.5px;color:var(--body-ink);max-width:59ch}
.closing-actions{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.cta{gap:12px;white-space:normal;line-height:1.5;text-align:center}
.foot-nav{display:flex;flex-direction:column;align-items:flex-start}
.foot-nav a{font-size:14px;min-height:36px;text-decoration:none}
.foot-nav a:hover,.foot-nav a[aria-current]{text-decoration:underline}
.foot-list a{overflow-wrap:anywhere}
.site-foot{margin-top:0}
@media(max-width:700px){
 .head-row{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}
 .brand img{height:52px}
 .menu-ready .menu-toggle{display:inline-flex;align-items:center;gap:14px}
 .site-nav{width:100%;gap:0;display:grid;grid-template-columns:1fr 1fr}
 .menu-ready .site-nav:not(.is-open){display:none}
 .site-nav a{padding:4px 8px;font-size:13px}
 .site-nav .nav-cta{justify-content:center;margin:4px 0}
 .site-nav a::after{left:8px;right:8px;bottom:4px}
 .site-head{padding-block:12px}
 .opener{padding-block:20px 32px;gap:26px}
 .opener h1{font-size:34px}
 .lead{margin-top:16px;font-size:17px;line-height:1.65}
 .opener-actions{margin-top:20px}
 .opener .polaroid img{aspect-ratio:1.5}
 .polaroid img{border-width:7px}
 .polaroid figcaption{font-size:11px}
 .section{padding-block:36px}
 .editorial{gap:30px}
 .institution-note{padding:8px 0 8px 20px}
 .evidence li{gap:14px}
 .evidence-icon{width:40px;height:40px}
 .evidence-icon svg{width:19px;height:19px}
 .foot-bottom{align-items:flex-start}
 .hero-p-inner{padding-block:32px clamp(230px,62vw,320px)}
 .hero-p h1{font-size:36px}
 .evidence.dos-columnas{grid-template-columns:minmax(0,1fr);gap:0}
 .editorial.pareja{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

.reference-label{font:600 13px/1.5 var(--text);color:var(--ink);margin-bottom:16px;letter-spacing:.01em}

/* apertura centrada, sin foto */
.opener.centrada{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}
.opener.centrada .lead{margin-inline:auto;max-width:52ch}
.opener.centrada .opener-actions{justify-content:center}
.cta.grande{min-height:58px;padding:17px 40px;font-size:14.5px;letter-spacing:.05em;
  transition:background-color .25s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease)}
.cta.grande:hover{transform:scale(1.07);box-shadow:0 18px 30px -18px rgba(32,63,83,.55)}
.cta.grande:active{transform:scale(1.03)}
/* franja con el enlace al documento, al final de los programas */
.doc-strip{padding-block:26px 10px;text-align:center}
.doc-strip p.doc-link{margin:0;font-size:13.5px}
/* apertura de Patrocinadores: la foto de fondo hace zoom al desplazarse, como en la portada */
.hero-p{position:relative;isolation:isolate;overflow:hidden;margin-top:14px;background:var(--hero-blue)}
.hero-p-media{position:absolute;inset:0;z-index:-1;background:url("fotos/equipo-ninos.webp") center top / cover no-repeat;
  transform-origin:50% 42%;will-change:transform}
.hero-p-fade{position:absolute;inset:0 0 auto;height:74%;z-index:0;pointer-events:none;
  background:linear-gradient(to bottom,#FCF7F0 0%,rgba(252,247,240,.97) 24%,rgba(252,247,240,.82) 50%,rgba(252,247,240,.4) 76%,rgba(252,247,240,0) 100%)}
.hero-p-inner{position:relative;z-index:1;text-align:center;padding-block:36px clamp(330px,40vw,640px)}
.hero-p h1{font-size:clamp(34px,4.4vw,58px);line-height:1.08;letter-spacing:-.035em}
.hero-p .lead{margin-top:16px;margin-inline:auto;max-width:64ch}
.hero-p .opener-actions{margin-top:22px}
.hero-p .opener-actions{justify-content:center}
/* enlace discreto a un documento */
.closing p.doc-link{margin-top:14px;font-size:13.5px}
.doc-link a{color:var(--muted);text-decoration:none;border-bottom:1px solid var(--rule-left);transition:color .25s var(--ease),border-color .25s var(--ease)}
.doc-link a:hover{color:var(--ink);border-color:var(--label)}
/* bloque apilado: titular centrado y lista debajo */
.apilada{max-width:1080px}
/* dos articulos lado a lado */
.evidence.dos-columnas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 44px;border-top:1px solid var(--rule-left)}
.evidence.dos-columnas li{border-top:0;border-bottom:1px solid var(--rule-left)}
.section-head.centrada{margin-inline:auto;text-align:center;max-width:60ch}
.section-head.centrada p{margin-inline:auto;max-width:52ch}
.evidence-intro{margin:0 0 26px;color:var(--body-ink);font-size:18px;line-height:1.72;text-wrap:pretty}
.editorial.pareja{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.evidence .reference-label{font-size:clamp(20px,2vw,25px);line-height:1.22}
/* aire entre la carta de origen y la alianza */
.origen + .section{padding-top:clamp(64px,8vw,110px)}
/* titular con icono a la izquierda */
.h-icono{display:flex;align-items:center;gap:14px}
.h-icono .evidence-icon{flex:none}
/* carta de origen: silueta de Barranquilla como horizonte, solo el contorno sobre el tinte azul */
.origen{--silueta:min(92%,960px);background-image:url("fotos/barranquilla-silueta.webp");background-repeat:no-repeat;
  background-position:center bottom 22px;background-size:var(--silueta) auto;
  padding-bottom:calc(var(--silueta) * .318 + 54px)}