/* v22 · /ecosistema/ (solo esta página; se carga después de ecosistema.css).
   Banda del propósito, ficha «qué es / para quién / qué aporta al territorio» en cada capítulo
   y rótulos en letra normal: sin versalitas espaciadas encima de los títulos. */

/* El propósito: desarrollo territorial de raíz, empezando por la escuela */
.eco-base{ padding-block:clamp(4rem,7vw,6rem) }
.eco-base__rej{ display:grid; gap:clamp(2rem,4vw,3.5rem) }
@media (min-width:62rem){ .eco-base__rej{ grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); align-items:start } }
.eco-base__cab .h2{ max-width:20ch; text-wrap:balance }
.eco-base__cab .entrada{ margin-top:var(--e-md); max-width:46ch }
.eco-base__liga{ margin-top:var(--e-md); font-family:var(--sans) }
.eco-base__lista{ list-style:none; margin:0; padding:0; counter-reset:b; border-top:1px solid var(--filete-firme) }
.eco-base__lista li{ counter-increment:b; display:grid; grid-template-columns:2.4rem minmax(0,1fr); gap:.3rem .9rem; padding:1.2rem 0; border-bottom:1px solid var(--filete); font-family:var(--sans) }
.eco-base__lista li::before{ content:counter(b, decimal-leading-zero); grid-row:1 / span 2; font-size:.88rem; font-weight:700; line-height:1.6; color:var(--petroleo) }
.eco-base__lista b{ grid-column:2; font-size:1.12rem; font-weight:650; line-height:1.3; color:var(--tinta) }
.eco-base__lista span{ grid-column:2; font-family:var(--lee); font-size:1rem; line-height:1.55; color:var(--tinta-2) }

/* Ficha clave de cada capítulo */
.cap__clave{ margin:var(--e-md) 0 0; display:grid; max-width:40rem; border-top:1px solid rgba(244,242,238,.16); font-family:var(--sans); text-align:left }
.cap__clave > div{ display:grid; grid-template-columns:minmax(0,9.5rem) minmax(0,1fr); gap:.2rem 1.1rem; padding:.85rem 0; border-bottom:1px solid rgba(244,242,238,.1) }
.cap__clave dt{ font-size:.86rem; font-weight:650; line-height:1.5; color:var(--c) }
.cap__clave dd{ margin:0; font-size:.98rem; line-height:1.55; color:#DCE3E6; text-wrap:pretty }
.cap__clave a{ color:var(--papel); text-decoration:underline; text-decoration-color:var(--c); text-underline-offset:.2em }
.cap__clave a:hover{ text-decoration-thickness:2px }
@media (max-width:30rem){ .cap__clave > div{ grid-template-columns:minmax(0,1fr) } }
.cap__clave--3{ max-width:none; margin-inline:auto }
@media (min-width:56rem){
  .cap__clave--3{ grid-template-columns:repeat(3, minmax(0,1fr)); gap:0 clamp(1.25rem,3vw,2.5rem); border-top:0 }
  .cap__clave--3 > div{ grid-template-columns:minmax(0,1fr); align-content:start; border-bottom:0; border-top:1px solid rgba(244,242,238,.16); padding-top:1rem }
}
.cap--centro .cap__clave--3{ width:min(100%, 64rem) }

/* Pie del panel «Empresas y Estado» */
.actores__pie{ margin:1.5rem 0 0; text-align:center; font-family:var(--sans) }

/* Rótulos sin versalitas espaciadas */
main .antetitulo{ text-transform:none; letter-spacing:.005em; font-size:.98rem; font-weight:650 }
.orb__rotulo{ text-transform:none; letter-spacing:.01em; font-size:.88rem }
.orb__ficha small{ text-transform:none; letter-spacing:.01em }
.cap__sub{ text-transform:none; letter-spacing:.005em; font-size:1rem; font-weight:650 }
.reco__etapa{ text-transform:none; letter-spacing:.005em; font-size:.88rem }
.sirve__esp{ text-transform:none; letter-spacing:.01em; font-size:.84rem }