/* V3 IMPACTO and IMPACTA pages: small additions on top of idc-pages.css + idc-v3.css. Site colours only. */

/* Hero: two body paragraphs under the lead */
.phero .hero-body{margin-top:1rem;max-width:40rem;color:#5A6269}
.phero .cta-row{margin-top:2rem}

/* Seven dimensions: letter inline with the doc heading "I — Identidad | Autovaloración" */
.units-7{grid-template-columns:1fr;gap:0;margin-top:2rem}
.units-7 .unit{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);column-gap:3.5rem;background:none;border:0;border-top:1px solid rgba(30,43,58,.14);border-radius:0;padding:2rem 0}
.units-7 .unit:last-child{border-bottom:1px solid rgba(30,43,58,.14)}
.units-7 .unit h3{grid-column:1;grid-row:1 / span 2;margin:0;line-height:1.25}
.units-7 .unit h3 .letter{display:inline-block;font-size:2.6rem;margin-right:.35rem;vertical-align:-.12em;line-height:1}
.units-7 .unit .q{grid-column:2;margin-bottom:.6rem;font-size:1.05rem}
.units-7 .unit p:not(.q){grid-column:2;font-size:.95rem}
.centered{text-align:center;margin-inline:auto}
.centered .lead{margin-inline:auto}

/* Capacity chain "Autovaloración → Visión → ..." */
.chain{font-family:'IBM Plex Serif',Georgia,serif;font-style:italic;font-size:clamp(1.15rem,2.2vw,1.6rem);line-height:1.5;color:#1E2B3A;border-top:1px solid rgba(30,43,58,.14);border-bottom:1px solid rgba(30,43,58,.14);padding:1.4rem 0;margin:1.6rem 0}

/* Numbered ecosystem list (IMPACTA) */
.eco{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 3rem;margin-top:2.2rem;counter-reset:eco}
.eco li{counter-increment:eco;position:relative;padding:1.1rem 0 1.1rem 3.2rem;border-top:1px solid rgba(30,43,58,.12);font-size:.98rem}
.eco li::before{content:counter(eco,decimal-leading-zero);position:absolute;left:0;top:1rem;font-family:'IBM Plex Serif',Georgia,serif;font-style:italic;font-size:1.5rem;color:#D46A4F;line-height:1}
.eco li strong{color:#1E2B3A;font-family:'Manrope',sans-serif;font-weight:700}
.eco-close{margin-top:2rem}

/* Inline links inside copy */
.inlink{color:#1E2B3A;border-bottom:1px solid #D46A4F;transition:color .25s}
.inlink:hover{color:#D46A4F}

/* Final CTA: text link on navy */
.final-cta .stack-c{max-width:44rem;margin:0 auto}
.final-cta .stack-c p{color:rgba(250,249,246,.85);margin-bottom:1rem}
.final-cta .cta-row{align-items:center}
.final-cta .tlink{color:#FAF9F6;border-bottom-color:#D46A4F}
.final-cta .tlink:hover{color:#E9E3D9}
.final-cta .tlink-row{margin-top:1.6rem}

/* Quote band body paragraphs */
.quote-band .qb-body{max-width:44rem;margin:2rem auto 0}
.quote-band .qb-body p{color:rgba(250,249,246,.85);margin-bottom:1rem}

/* Side image next to copy */
.split.v-center{align-items:center}

@media(max-width:900px){
 .eco{grid-template-columns:1fr}
 .units-7 .unit{grid-template-columns:1fr}
 .units-7 .unit h3,.units-7 .unit .q,.units-7 .unit p:not(.q){grid-column:1;grid-row:auto}
 .units-7 .unit h3{margin-bottom:.7rem}
}
@media(max-width:600px){
 .phero .cta-row .btn{width:100%;text-align:center}
 .final-cta .cta-row .btn{width:100%;text-align:center}
}
.units-7 .unit h3 .bar{color:#D46A4F;font-weight:400;margin:0 .1em}
.phero h1.h1-long{font-size:clamp(1.9rem,3.3vw,2.85rem);line-height:1.12}