@charset "UTF-8";
/* ============================================================================
   CONECTA COMUNIDAD · PORTADA v15
   Se carga después de v11.css y solo en la portada (main.inicio).
   Escala contenida (--t-display, --t-h2), todo centrado y simétrico, acción
   principal en oro (--sol), movimiento suave y quieto con movimiento reducido.
   Orden: piezas comunes · hero · cifras · diferenciales · pausa · ecosistema ·
   frentes · método (regla interactiva) · proyectos · aliados · fundador ·
   preguntas · cierre.
   ========================================================================== */

@view-transition{ navigation:auto }

.inicio{ --sombra-texto:0 1px 2px rgba(6,17,31,.6) }

/* ---------- Piezas comunes ---------- */
/* v22: rótulos en caja de oración (BRIEF_v22 · Diseño: sin mayúsculas espaciadas) */
.inicio .antetitulo{ font-family:var(--sans); font-size:.92rem; font-weight:650; letter-spacing:.005em; text-transform:none;
  color:var(--ac); margin:0 0 var(--e-sm); display:block }
.inicio .oscuro .antetitulo,.inicio .oscuro.antetitulo{ --ac:var(--sol-2) }
.inicio .h2{ font-size:var(--t-h2); line-height:1.1; text-wrap:balance }
.inicio .sec-cab{ display:grid; gap:var(--e-sm); margin-bottom:clamp(2.5rem,5vw,3.75rem) }
.inicio .sec-cab--centro{ text-align:center; justify-items:center }
.inicio .sec-cab--centro .h2{ max-width:24ch }
.inicio .sec-cab--centro .entrada{ margin-inline:auto; max-width:60ch }

.boton--sol,.oscuro .boton--sol{ background:var(--sol); border-color:var(--sol); color:var(--tinta); font-weight:650 }
.boton--sol:hover,.oscuro .boton--sol:hover{ background:var(--sol-2); border-color:var(--sol-2); color:var(--tinta) }
.inicio .boton{ min-height:var(--toque) }
.inicio :focus-visible{ outline:3px solid var(--sol); outline-offset:3px }
.inicio .liga--flecha{ min-height:var(--toque); display:inline-flex; align-items:center }
.vo{ position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0 }

/* ============================================================================
   1 · HERO: el titular cambia con cada foto
   ========================================================================== */
.portada--v13{ height:100svh; min-height:36rem; max-height:60rem }
.portada--v13 .portada__velo{ background:
    linear-gradient(to bottom, rgba(10,26,47,.5) 0, rgba(10,26,47,0) 20%),
    linear-gradient(to top, rgba(10,26,47,.94) 0, rgba(10,26,47,.78) 26%, rgba(10,26,47,.32) 54%, rgba(10,26,47,0) 74%) }
/* transición de imagen: fundido lento con un leve cambio de luz */
.portada--v13 .portada__foto{ transition:opacity 1.6s cubic-bezier(.45,0,.2,1), filter 1.6s ease; filter:brightness(.82) saturate(.9) }
.portada--v13 .portada__foto[data-activa="true"]{ filter:none }

.portada--v13 .portada__in{ position:absolute; inset:auto 0 0; padding:0 0 clamp(1rem,2.6vh,1.75rem) }
.hero{ display:grid; justify-items:center; text-align:center }
.hero__rotulo{ font-family:var(--sans); font-size:.9rem; font-weight:600; letter-spacing:.005em; text-transform:none; line-height:1.6;
  color:rgba(244,242,238,.72); text-shadow:var(--sombra-texto); max-width:60rem }
.hero__rotulo span{ transition:color .6s ease, box-shadow .6s ease }
.hero__rotulo span[data-on]{ color:var(--sol-2); box-shadow:inset 0 -1px 0 rgba(232,194,112,.6) }
.portada--v13 .hero__t{ display:grid; justify-items:center; align-items:center; margin-top:.85rem; font-family:var(--sans); font-weight:650; font-stretch:103%;
  font-size:min(var(--t-display), 3.4rem); line-height:1.04; letter-spacing:-.03em; color:var(--papel); text-wrap:balance;
  text-shadow:0 2px 28px rgba(6,17,31,.4) }
.hero__f{ grid-area:1 / 1; opacity:0; transform:translateY(.32em); filter:blur(6px);
  transition:opacity .6s ease, transform .8s var(--salida), filter .6s ease }
.hero__f[data-on]{ opacity:1; transform:none; filter:none; transition-delay:.18s }
.hero__lede{ font-family:var(--sans); font-size:clamp(1rem,.94rem + .3vw,1.16rem); line-height:1.55; color:#E6ECEE; max-width:46ch;
  margin-top:1rem; text-shadow:var(--sombra-texto) }
.hero__acc{ justify-content:center; margin-top:1.6rem }
.portada--v13 .boton{ min-height:var(--toque); padding:.75rem 1.35rem; font-size:.95rem }

/* Controles: una barra por foto con el nombre del lugar y su progreso */
.portada--v13 .portada__control{ display:flex; align-items:flex-end; gap:1rem; justify-self:auto; margin-top:clamp(2rem,5vh,3.25rem); max-width:var(--ancho) }
.portada--v13 .portada__barras{ flex:1 1 auto; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:.9rem; min-width:0 }
.portada--v13 .portada__barra{ width:100%; display:grid; gap:.6rem; padding:.55rem 0 .35rem; min-height:var(--toque); text-align:left; color:inherit; font:inherit }
.portada--v13 .portada__barra i{ height:2px; background:rgba(244,242,238,.28) }
.portada--v13 .portada__barra i::after{ background:var(--sol-2) }
.portada--v13 .portada__barra[data-visto="true"] i::after{ background:var(--papel); opacity:.5 }
.portada__barra-t{ display:grid; gap:.15rem; font-family:var(--sans); line-height:1.3; text-shadow:var(--sombra-texto); min-width:0 }
.portada__barra-l{ display:block; font-size:.78rem; font-weight:600; color:rgba(244,242,238,.72); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:color .3s ease }
.portada__barra-l b{ font-weight:700; color:rgba(232,194,112,.85); letter-spacing:.06em }
.portada__barra-p{ margin:0 .4rem; color:rgba(244,242,238,.45) }
.portada__barra-t small{ display:block; font-size:.7rem; font-weight:500; letter-spacing:.01em; color:rgba(244,242,238,.5); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:color .3s ease }
.portada--v13 .portada__barra:hover .portada__barra-l,.portada--v13 .portada__barra[aria-current="true"] .portada__barra-l{ color:var(--papel) }
.portada--v13 .portada__barra[aria-current="true"] .portada__barra-l b{ color:var(--sol-2) }
.portada--v13 .portada__barra:hover .portada__barra-t small,.portada--v13 .portada__barra[aria-current="true"] .portada__barra-t small{ color:rgba(244,242,238,.82) }
.portada--v13 .portada__lugar{ display:none }
/* v17: entre 768 y 1099 px, cada pestaña muestra solo su número; la activa, también el rótulo */
@media (min-width:48rem) and (max-width:68.74rem){
  .portada--v13 .portada__barras{ display:flex; gap:.75rem }
  .portada--v13 .portada__barras > li{ flex:1 1 0; min-width:0; transition:flex-grow .4s var(--salida) }
  .portada--v13 .portada__barras > li:has(.portada__barra[aria-current="true"]){ flex-grow:4 }
  .portada--v13 .portada__barra:not([aria-current="true"]) :is(.portada__barra-p,.portada__barra-c){ display:none }
}

.portada--v13 .portada__pausa{ width:var(--toque); height:var(--toque); flex:0 0 auto; background:rgba(10,26,47,.45);
  box-shadow:inset 0 0 0 1px rgba(244,242,238,.28); -webkit-backdrop-filter:none; backdrop-filter:none }
.portada--v13 .portada__pausa:hover{ background:rgba(10,26,47,.75) }

@media (max-width:47.99rem){
  .portada--v13{ min-height:max(36rem, 100svh); max-height:none }
  .portada--v13 .portada__velo{ background:
    linear-gradient(to bottom, rgba(10,26,47,.55) 0, rgba(10,26,47,.05) 18%),
    linear-gradient(to top, rgba(10,26,47,.96) 0, rgba(10,26,47,.86) 38%, rgba(10,26,47,.4) 62%, rgba(10,26,47,.05) 82%) }
  .hero__rotulo{ font-size:.8rem; letter-spacing:0; max-width:none }
  .portada--v13 .hero__t{ font-size:clamp(1.95rem, 8.6vw, 2.4rem); line-height:1.06 }
  .hero__lede{ font-size:1rem; max-width:32ch }
  .hero__acc{ flex-wrap:wrap; width:100%; max-width:26rem; margin-inline:auto }
  .hero__acc .boton{ flex:1 1 auto; justify-content:center }
  .portada--v13 .portada__control{ flex-wrap:wrap; align-items:center; gap:.25rem .75rem; margin-top:1.5rem }
  .portada--v13 .portada__barras{ gap:.35rem }
  .portada__barra-t{ display:none }
  .portada--v13 .portada__barra{ padding:1.05rem 0 }
  .portada--v13 .portada__lugar{ display:block; order:3; flex:1 0 100%; max-width:none; margin:0; text-align:center; white-space:normal;
    font-size:.8rem; color:#DCE3E6 }
}

/* v24.1: fuera los bloques 2 (cifras), 3 (diferenciales) y 4 (pausa): ya no están en la portada. */

/* ============================================================================
   5 · ECOSISTEMA: presentación con cinco puertas (el recorrido es de espacios.py)
   ========================================================================== */
.eco13__cab .h2{ max-width:22ch }
.eco13 .entrada{ color:#DCE3E6 }
.puertas{ list-style:none; padding:0; margin:0; display:grid; gap:.75rem }
@media (min-width:40rem){ .puertas{ grid-template-columns:repeat(2,minmax(0,1fr)) } .puerta:last-child{ grid-column:1 / -1 } }
@media (min-width:64rem){ .puertas{ grid-template-columns:repeat(5,minmax(0,1fr)) } .puerta:last-child{ grid-column:auto } .puerta__v{ min-height:2.6em; line-height:1.3 } }
.puerta a{ position:relative; display:flex; flex-direction:column; gap:.3rem; height:100%; padding:1.15rem .9rem 1.1rem; border-radius:0 0 .375rem .375rem; text-decoration:none; color:var(--papel);
  background:linear-gradient(180deg, rgba(244,242,238,.05), rgba(244,242,238,0) 70%); box-shadow:inset 0 2px 0 var(--c);
  transition:background .35s ease, box-shadow .35s ease }
.puerta a:hover,.puerta a:focus-visible{ background:linear-gradient(180deg, color-mix(in srgb, var(--c) 20%, transparent), rgba(244,242,238,0) 85%); box-shadow:inset 0 4px 0 var(--c) }
.puerta__n{ font-family:var(--sans); font-size:.76rem; font-weight:700; letter-spacing:.12em; color:rgba(244,242,238,.6) }
.puerta__v{ font-family:var(--sans); font-size:.7rem; font-weight:700; letter-spacing:.01em; text-transform:none; color:var(--c); margin-top:.35rem }
.puerta__nombre{ font-family:var(--sans); font-size:1.12rem; font-weight:650; letter-spacing:-.01em; line-height:1.2 }
.puerta__d{ font-family:var(--sans); font-size:.88rem; line-height:1.45; color:#C9D4D7; padding-right:1.6rem }
.puerta__ir{ position:absolute; right:1.1rem; bottom:1.1rem; color:var(--c); transition:transform .25s var(--salida) }
.puerta a:hover .puerta__ir{ transform:translateX(3px) }
.eco13__guia{ text-align:center; font-family:var(--sans); font-size:.92rem; color:#B9C9CC; margin:clamp(2rem,4vw,2.75rem) auto 0; max-width:50ch }
.eco13__fin{ text-align:center; margin-top:clamp(2.5rem,5vw,3.5rem) }

/* v24.1: 6 · Frentes pasa a v24-portada.css (frentes24). */

/* ============================================================================
   7 · MÉTODO: la regla “manda la más baja”, por niveles
   ========================================================================== */
.metodo13{ position:relative; overflow:hidden; isolation:isolate; padding-block:clamp(4.5rem,9vw,7.5rem) }
.metodo13::before{ content:""; position:absolute; left:50%; top:-16rem; width:44rem; aspect-ratio:1; transform:translateX(-50%); border-radius:50%; z-index:-1;
  background:radial-gradient(circle, rgba(232,194,112,.12), transparent 65%) }
.metodo13 .entrada{ color:#DCE3E6 }
.ict{ display:grid; gap:1rem; max-width:70rem; margin-inline:auto }
@media (min-width:62rem){ .ict{ grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:1.25rem } }
.ict__panel{ padding:clamp(1.1rem,2.6vw,1.75rem); border-radius:var(--r-lg); background:rgba(6,17,31,.32); box-shadow:inset 0 0 0 1px rgba(216,203,179,.2) }
.ict__guia{ display:grid; gap:.5rem; justify-items:center; text-align:center }
@media (min-width:48rem){ .ict__guia{ grid-template-columns:1fr 1fr; gap:1rem; text-align:left; justify-items:stretch } }
.ict__paso{ display:flex; align-items:flex-start; gap:.6rem; font-family:var(--sans); font-size:.92rem; line-height:1.45; color:#EEF2F3; text-align:left }
.ict__paso b{ flex:0 0 auto; display:inline-grid; place-items:center; width:1.6rem; height:1.6rem; border-radius:50%; background:var(--sol-2); color:var(--noche); font-size:.8rem }
.ict__inicio{ margin:1rem 0 .4rem; padding:.7rem 1rem; border-radius:var(--r-md); background:rgba(244,242,238,.06); font-family:var(--sans); font-size:.86rem; line-height:1.5; color:#C9D4D7; text-align:center }
.ict__inicio[data-cambiado]{ color:#9FB2B5 }
.ict__filas{ display:grid }
.ict__fila{ min-width:0; padding:.8rem 0; display:grid; grid-template-columns:minmax(0,1fr) auto 4.2rem; align-items:center; gap:.5rem 1.1rem }
.ict__fila + .ict__fila{ border-top:1px solid rgba(216,203,179,.14) }
.ict__lab{ margin:0; display:grid; gap:.1rem; max-width:100% }
.ict__lab b{ font-family:var(--sans); font-size:.98rem; font-weight:650; color:var(--papel); transition:color .3s ease }
.ict__lab span{ font-family:var(--sans); font-size:.82rem; line-height:1.35; color:#B9C9CC }
.ict__niveles{ display:flex; gap:.3rem }
.ict__nivel{ position:relative; cursor:pointer }
.ict__nivel input{ position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:pointer }
.ict__nivel span{ display:grid; place-items:center; width:2.75rem; height:2.75rem; border-radius:.6rem; font-family:var(--sans); font-size:.92rem; font-weight:650;
  color:#9FB2B5; background:rgba(244,242,238,.08); box-shadow:inset 0 0 0 1px rgba(244,242,238,.14); transition:background .3s ease, color .3s ease, transform .2s var(--salida), box-shadow .3s ease }
.ict__nivel:hover span{ background:rgba(244,242,238,.16); color:var(--papel) }
.ict__nivel[data-lleno] span{ background:#5FB3AC; color:var(--noche); box-shadow:none }
.ict__nivel input:checked + span{ transform:scale(1.06); box-shadow:0 0 0 2px var(--papel) }
.ict__nivel input:focus-visible + span{ outline:3px solid var(--sol); outline-offset:3px }
.ict__fila[data-baja] .ict__nivel[data-lleno] span{ background:var(--sol-2) }
.ict__fila[data-baja] .ict__lab b{ color:var(--sol-2) }
.ict__v{ position:relative; display:flex; justify-content:center; font-family:var(--sans) }
.ict__v b{ font-size:1.4rem; font-weight:650; line-height:1; color:var(--papel); font-variant-numeric:tabular-nums }
.ict__manda{ font-size:.66rem; font-weight:700; letter-spacing:.01em; text-transform:none; color:var(--noche); background:var(--sol-2); border-radius:999px; padding:.15rem .45rem;
  position:absolute; top:calc(100% + .3rem); left:50%; translate:-50% 0; white-space:nowrap; opacity:0; transform:scale(.8); transition:opacity .3s ease, transform .3s var(--salida) }
.ict__fila[data-baja] .ict__v b{ color:var(--sol-2) }
.ict__fila[data-baja] .ict__manda{ opacity:1; transform:none }
@media (max-width:47.99rem){
  .ict__fila{ grid-template-columns:minmax(0,1fr) auto; gap:.6rem .75rem }
  .ict__lab{ grid-column:1 / -1; text-align:center; justify-items:center }
  .ict__fila{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:.6rem .75rem }
  .ict__lab{ flex:0 0 100% }
  .ict__v{ display:contents }
  .ict__v b{ width:2rem; text-align:center }
  .ict__manda{ flex:0 0 auto; position:static; translate:none; display:none }
  .ict__fila[data-baja]::after{ content:""; flex-basis:100%; order:3; height:0 }
  .ict__fila[data-baja] .ict__manda{ order:4 }
  .ict__fila[data-baja] .ict__manda{ display:inline-block }
}
@media (max-width:23.5rem){ .ict__nivel span{ width:2.5rem; height:2.75rem } .ict__niveles{ gap:.22rem } }

.ict__res{ display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; gap:.5rem; padding:clamp(1.4rem,3vw,2.2rem);
  border-radius:var(--r-lg); background:linear-gradient(165deg, rgba(232,194,112,.16), rgba(6,17,31,.3)); box-shadow:inset 0 0 0 1px rgba(232,194,112,.35) }
@media (min-width:62rem){ .ict__res{ align-self:stretch } } /* v17: misma altura que el panel izquierdo */
.ict__k{ font-family:var(--sans); font-size:.92rem; font-weight:650; letter-spacing:.005em; color:var(--sol-2) }
.ict__n{ display:flex; align-items:baseline; gap:.4rem; font-family:var(--sans); color:var(--papel) }
.ict__n b{ font-size:clamp(3.4rem,2.6rem + 2.4vw,4.6rem); font-weight:650; line-height:1; letter-spacing:-.04em; color:var(--sol-2); font-variant-numeric:tabular-nums; display:inline-block }
.ict__n span{ font-size:1.05rem; color:#C9D4D7 }
.ict__barra{ display:grid; grid-template-columns:repeat(5,1fr); gap:.3rem; width:min(100%,17rem) }
.ict__barra i{ height:.8rem; border-radius:.3rem; background:rgba(244,242,238,.12); transition:background .45s ease, transform .45s var(--salida) }
.ict__barra i[data-lleno]{ background:var(--sol-2) }
.ict__frase{ font-family:var(--sans); font-size:1.02rem; line-height:1.55; color:#EEF2F3; max-width:32ch; margin-top:.35rem }
.ict__frase b{ color:var(--sol-2) }
.ict__prom{ width:min(100%,17rem); display:grid; gap:.4rem; margin-top:.6rem; padding-top:.9rem; border-top:1px solid rgba(244,242,238,.14) }
.ict__prom p{ font-family:var(--sans); font-size:.86rem; line-height:1.5; color:#B9C9CC }
.ict__prom b{ color:var(--papel) }
.ict__prom-barra{ display:block; height:.4rem; border-radius:99px; background:rgba(244,242,238,.1); overflow:hidden }
.ict__prom-barra i{ display:block; height:100%; width:calc(var(--x) * 100%); border-radius:inherit;
  background:repeating-linear-gradient(135deg, rgba(244,242,238,.4) 0 4px, rgba(244,242,238,.18) 4px 8px); transition:width .5s var(--salida) }
.ict__acc{ display:flex; flex-wrap:wrap; justify-content:center; gap:.5rem; margin-top:.6rem }
.ict__boton{ appearance:none; min-height:var(--toque); padding:.5rem 1.1rem; border-radius:999px; border:0; background:var(--papel); color:var(--noche); font:650 .88rem var(--sans); cursor:pointer;
  transition:background .25s ease }
.ict__boton:hover{ background:var(--sol-2) }
.ict__boton--linea{ background:transparent; color:var(--papel); box-shadow:inset 0 0 0 1px rgba(244,242,238,.4) }
.ict__boton--linea:hover{ background:rgba(244,242,238,.1) }
.ict__boton[hidden]{ display:none }
@media (prefers-reduced-motion:no-preference){
  .ict__n b.cambia{ animation:ict-late .6s var(--salida) }
  .ict__barra.cambia i[data-lleno]{ animation:ict-seg .6s var(--salida) both; animation-delay:calc(var(--i) * 60ms) }
  .ict__fila.recien-baja .ict__v b{ animation:ict-late .6s var(--salida) }
}
@keyframes ict-late{ 0%{ transform:scale(1) } 35%{ transform:scale(1.25); color:var(--papel) } 100%{ transform:scale(1) } }
@keyframes ict-seg{ 0%{ transform:scaleY(1) } 40%{ transform:scaleY(1.6) } 100%{ transform:scaleY(1) } }
.metodo13__pie{ display:grid; justify-items:center; gap:var(--e-md); text-align:center; margin-top:clamp(2rem,4vw,3rem) }
.metodo13__pie .acciones{ margin:0; justify-content:center }
.metodo13__nota{ font-family:var(--sans); font-size:.86rem; line-height:1.5; color:#B9C9CC; max-width:60ch }

/* v24.1: 8 · Proyectos pasa a v24-portada.css (proyectos24). */

/* ============================================================================
   9 · ALIADOS: dos bandas (Empresas / Instituciones); todo lo dibuja aliados.css
   ========================================================================== */
.aliados13{ background:var(--niebla) }
.aliados13 .sec-cab .h2{ max-width:24ch }
.aliados13 .aliados{ margin-top:0 }
.aliados13 .nota{ text-align:center }

/* ============================================================================
   10 · FUNDADOR: retrato, línea de formación, nota de prensa y siete compromisos
   ========================================================================== */
.fundador13{ background:var(--papel); padding-block:clamp(4.5rem,9vw,7.5rem) }
.fundador13__rej{ display:grid; gap:clamp(2.5rem,5vw,4.5rem); align-items:center; max-width:72rem; margin-inline:auto }
@media (min-width:62rem){ .fundador13__rej{ grid-template-columns:minmax(0,5fr) minmax(0,6fr) } }
.retrato13{ position:relative; margin:0 auto; width:min(100%, 26rem); isolation:isolate }
.retrato13__foto{ position:relative; display:block; aspect-ratio:4/5; border-radius:var(--r-xl); overflow:hidden; background:var(--petroleo-hondo);
  box-shadow:0 30px 60px -36px rgba(14,23,38,.6) }
.retrato13__foto picture{ display:block; height:100% }
.retrato13__foto img{ width:100%; height:100%; object-fit:cover; object-position:50% 40%; transition:transform 1.4s var(--salida) }
.retrato13:hover .retrato13__foto img{ transform:scale(1.03) }
.retrato13__foto::after{ content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(180deg, rgba(10,26,47,0) 55%, rgba(10,26,47,.82) 100%) }
.retrato13__firma{ position:absolute; left:0; right:0; bottom:1.4rem; z-index:1; display:grid; justify-items:center; gap:.2rem; text-align:center; font-family:var(--sans); color:var(--papel); text-shadow:var(--sombra-texto) }
.retrato13__firma b{ font-size:1.2rem; font-weight:650; letter-spacing:-.005em }
.retrato13__firma span{ font-size:.74rem; font-weight:650; letter-spacing:.01em; text-transform:none; color:var(--sol-2) }
.fundador13__texto{ display:grid; justify-items:center; text-align:center }
.fundador13__cita{ font-family:var(--lee); font-style:italic; font-size:clamp(1.4rem,1.1rem + .9vw,1.9rem); line-height:1.32; color:var(--tinta); max-width:26ch; text-wrap:balance }
.fundador13__bio{ font-family:var(--sans); font-size:1rem; line-height:1.7; color:var(--tinta-2); max-width:50ch; margin-top:var(--e-md) }
.fundador13__texto .liga--flecha{ margin-top:.25rem; color:var(--petroleo) }

/* v24.1: línea de formación, nota de prensa y compromisos viven en /nosotros/. */

/* ============================================================================
   11 · PREGUNTAS FRECUENTES
   ========================================================================== */
.preguntas-v12{ background:var(--blanco) }
.preguntas-v12__rej{ display:grid; gap:clamp(2rem,4vw,3rem) }
@media (min-width:62rem){ .preguntas-v12__rej{ grid-template-columns:minmax(0,4fr) minmax(0,7fr); gap:var(--e-2xl) } .preguntas-v12__cab{ position:sticky; top:calc(var(--alto-nav) + 2rem); align-self:start } }
.preguntas-v12__cab .h2{ max-width:14ch; color:var(--tinta) }
.preguntas-v12__cab .entrada{ margin-top:var(--e-md) }
.pregunta{ border-bottom:1px solid var(--filete) }
.pregunta:first-child{ border-top:1px solid var(--filete) }
.pregunta summary{ list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:1.5rem; min-height:var(--toque);
  padding:1.2rem .25rem; font-family:var(--sans); font-size:clamp(1.02rem,.98rem + .2vw,1.14rem); font-weight:650; line-height:1.35; color:var(--tinta); letter-spacing:-.01em }
.pregunta summary::-webkit-details-marker{ display:none }
.pregunta summary:hover{ color:var(--petroleo) }
.pregunta summary i{ flex:0 0 auto; width:2.25rem; height:2.25rem; border-radius:50%; position:relative; box-shadow:inset 0 0 0 1px var(--filete-firme); transition:background .25s ease, box-shadow .25s ease }
.pregunta summary i::before,.pregunta summary i::after{ content:""; position:absolute; left:50%; top:50%; width:.8rem; height:2px; margin:-1px 0 0 -.4rem; background:var(--tinta); transition:transform .3s var(--salida) }
.pregunta summary i::after{ transform:rotate(90deg) }
.pregunta[open] summary i{ background:var(--sol); box-shadow:none }
.pregunta[open] summary i::after{ transform:rotate(0) }
.pregunta__r{ padding:0 3.5rem 1.5rem .25rem }
.pregunta__r p{ font-family:var(--sans); font-size:1rem; line-height:1.65; color:var(--tinta-2); max-width:62ch }
@media (prefers-reduced-motion:no-preference){ .pregunta[open] .pregunta__r{ animation:sube .45s var(--salida) both } }

/* ============================================================================
   12 · CIERRE a pantalla completa, centrado
   ========================================================================== */
.cierre-v12{ position:relative; isolation:isolate; overflow:hidden; background:var(--noche); color:var(--papel); min-height:min(100svh, 52rem); display:flex; align-items:flex-end }
.cierre-v12__foto{ position:absolute; inset:0; z-index:-2 }
.cierre-v12__foto picture{ display:block; height:100% }
.cierre-v12__foto img{ width:100%; height:100%; object-fit:cover; object-position:var(--pos,50% 25%) }
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .cierre-v12__foto img{ animation:cierre-acerca linear both; animation-timeline:view(); animation-range:entry 0% cover 60% }
    @keyframes cierre-acerca{ from{ transform:scale(1.1) } to{ transform:scale(1) } }
  }
}
.cierre-v12::after{ content:""; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(to top, rgba(10,26,47,.95) 0, rgba(10,26,47,.8) 34%, rgba(10,26,47,.25) 64%, rgba(10,26,47,.35) 100%) }
.cierre-v12__in{ width:100%; padding-block:calc(var(--alto-nav) + 3rem) clamp(4rem,8vw,6rem); display:grid; justify-items:center; text-align:center }
.cierre-v12__t{ font-family:var(--sans); font-weight:650; font-stretch:103%; font-style:normal; font-size:var(--t-display); line-height:1; letter-spacing:-.03em; color:var(--papel); text-shadow:0 2px 30px rgba(6,17,31,.4) }
.cierre-v12__lede{ font-family:var(--sans); font-size:clamp(1.02rem,.98rem + .25vw,1.16rem); line-height:1.55; color:#E6ECEE; max-width:44ch; margin-top:var(--e-md); text-shadow:var(--sombra-texto) }
.cierre-v12__chips{ list-style:none; padding:0; margin:var(--e-lg) 0 0; display:flex; flex-wrap:wrap; justify-content:center; gap:.6rem }
.cierre-v12__chip{ min-height:var(--toque); padding:.55rem 1.1rem; font-size:.95rem; text-decoration:none; background:rgba(10,26,47,.55); box-shadow:inset 0 0 0 1px rgba(244,242,238,.35); transition:background .25s ease, color .25s ease, box-shadow .25s ease }
.cierre-v12__chip svg{ transition:transform .25s var(--salida) }
.cierre-v12__chip:hover{ background:var(--papel); color:var(--tinta); box-shadow:none }
.cierre-v12__chip:hover svg{ transform:translateX(3px) }
.cierre-v12 .acciones{ margin-top:var(--e-lg); justify-content:center; align-items:center; gap:var(--e-sm) var(--e-lg) }
.cierre-v12 .cierre__correo{ min-height:var(--toque); display:inline-flex; align-items:center }
@media (max-width:40rem){ .cierre-v12{ min-height:max(38rem, 100svh) } .cierre-v12__chip{ flex:1 1 calc(50% - .6rem); justify-content:center; padding-inline:.6rem } }

/* ---------- Movimiento reducido ---------- */
@media (prefers-reduced-motion:reduce){
  .hero__f,.hero__rotulo span,.portada--v13 .portada__foto,.dif14,.dif14__mas,.dif14__foto img,.lamina__foto img,.puerta a,.ict__nivel span,.ict__barra i,.ict__prom-barra i,.form15__linea::after,.form15__punto,.form15__hito,.cifra14__n span,.comp14,.lamina__foto img{ transition:none !important }
  .hero__f{ transform:none; filter:none }
}
.inicio [data-eco]{ scroll-margin-top:calc(var(--alto-nav) + 1rem) }
.inicio [id^="paso-"]{ scroll-margin-top:calc(var(--alto-nav) + 1rem) }

/* ============================================================================
   v16 · LECTURA RÁPIDA
   ========================================================================== */
/* Aliados: enlace a Proyectos */
.aliados13__mas{ text-align:center; margin-top:clamp(2rem,4vw,2.75rem) }

/* Preguntas: el enlace de cada respuesta va en su propia línea */
.pregunta__r p .liga{ display:flex; width:fit-content; margin-top:.5rem }

.eco13 .reco__fin{ display:flex; justify-content:center; text-align:center }

/* ============================================================================
   v18 · Franja «Desarrollo territorial de raíz» (lleva a /desarrollo-territorial/)
   ========================================================================== */
.raiz18{ background:var(--noche) }
.raiz18__in{ display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:clamp(2rem,5vw,5rem); align-items:center }
.raiz18__txt .h2{ max-width:20ch }
.raiz18__txt .entrada{ margin-top:var(--e-md) }
.raiz18__fig{ margin:0; display:grid; gap:0 }
.raiz18__sis{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:.35rem; align-items:end }
.raiz18__sis li{ display:grid; justify-items:center; gap:.5rem; font-family:var(--sans); font-size:.8rem; font-weight:600; color:var(--papel); text-align:center; line-height:1.2 }
.raiz18__sis svg{ width:clamp(1.7rem,1.2rem + 1.2vw,2.4rem); height:auto; color:var(--c) }
.rv .raiz18__fig[data-entra] li{ opacity:0; transform:translateY(10px); transition:opacity .6s var(--curva), transform .6s var(--curva) }
.rv .raiz18__fig.visto li{ opacity:1; transform:none }
.rv .raiz18__fig.visto li:nth-child(2){ transition-delay:.08s } .rv .raiz18__fig.visto li:nth-child(3){ transition-delay:.16s }
.rv .raiz18__fig.visto li:nth-child(4){ transition-delay:.24s } .rv .raiz18__fig.visto li:nth-child(5){ transition-delay:.32s }
.rv .raiz18__fig.visto li:nth-child(6){ transition-delay:.40s } .rv .raiz18__fig.visto li:nth-child(7){ transition-delay:.48s }
.raiz18__suelo{ height:2px; background:var(--piedra); margin-top:.9rem;
  -webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent) }
.raiz18__abajo{ display:flex; justify-content:space-around; gap:.5rem; padding:1.2rem 0 .2rem;
  background:repeating-linear-gradient(180deg, rgba(216,203,179,.06) 0 2px, transparent 2px 10px) }
.raiz18__abajo b{ font-family:var(--sans); font-size:.92rem; font-weight:650; color:var(--piedra); letter-spacing:.02em }
.raiz18__fig figcaption{ margin-top:var(--e-md); text-align:center; font-family:var(--sans); font-size:.9rem; color:var(--suave-claro) }
@media (max-width:63.99rem){ .raiz18__in{ grid-template-columns:1fr } }
@media (max-width:47.99rem){
  .raiz18__sis{ grid-template-columns:repeat(4,minmax(0,1fr)); row-gap:1rem }
  .raiz18__sis li{ font-size:.76rem }
}
@media (prefers-reduced-motion:reduce){ .rv .raiz18__fig[data-entra] li{ opacity:1; transform:none; transition:none } }