/* CORFOLÍDER — Sistema de páginas internas v1.0 | Home V28 aprobado e intacto */
:root{--ci-ink:#101827;--ci-navy:#13283d;--ci-navy2:#1c354e;--ci-gold:#c5a66f;--ci-gold-bright:#e0bc76;--ci-ivory:#f3f0e9;--ci-muted:#5a6672;--ci-line:rgba(19,40,61,.15);--ci-max:1220px}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body.page-inner{background:#fff;color:var(--ci-ink);padding-top:84px;font-family:'DM Sans',sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:clip}
body.page-inner *{box-sizing:border-box}
body.page-inner h1,body.page-inner h2,body.page-inner h3{font-family:'Manrope',sans-serif}
body.page-inner a:focus-visible,body.page-inner button:focus-visible,body.page-inner input:focus-visible,body.page-inner textarea:focus-visible,body.page-inner select:focus-visible{outline:3px solid var(--ci-gold-bright);outline-offset:4px}
body.page-inner .wrap{width:min(var(--ci-max),calc(100% - 44px));max-width:none;margin-inline:auto}
/* HERO: video no necesario; fondos propios por servicio */
body.page-inner .hero{min-height:540px;padding:91px 0 98px;position:relative;isolation:isolate;display:flex;align-items:center;background:#101f31;color:white;overflow:hidden}
body.page-inner .hero::before{content:'';position:absolute;inset:0;z-index:-2;background-image:var(--ci-photo);background-size:cover;background-position:var(--ci-photo-position,center 42%);transform:scale(1.025)}
body.page-inner .hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(7,16,28,.97),rgba(9,25,44,.91) 44%,rgba(5,16,30,.48) 100%),linear-gradient(0deg,rgba(6,13,24,.56),transparent 50%)}
body.page-inner .hero .wrap{position:relative;z-index:1}
body.page-inner .crumb{display:inline-flex;gap:12px;align-items:center;font:800 11px/1.5 'Manrope',sans-serif;letter-spacing:.15em;color:#e2c78e;text-transform:uppercase}
body.page-inner .crumb::before{content:'';height:8px;width:8px;background:var(--ci-gold);flex-shrink:0}
body.page-inner .hero h1{max-width:850px;margin:24px 0 20px;font:800 clamp(44px,5.4vw,80px)/1.055 'Manrope',sans-serif;letter-spacing:-.063em;color:#fff;text-wrap:balance}
body.page-inner .hero p{max-width:660px;color:rgba(255,255,255,.88);font-size:clamp(17px,1.55vw,21px);font-weight:500;line-height:1.67;margin:0 0 30px}
body.page-inner .hero .wrap::after{content:'';display:block;height:1px;max-width:590px;margin-top:31px;background:linear-gradient(90deg,rgba(224,188,118,.7),rgba(255,255,255,.18),transparent)}
body.page-inner .btn{border:1px solid var(--ci-gold)!important;border-radius:999px;background:var(--ci-gold)!important;color:#12243a!important;box-shadow:0 10px 25px rgba(12,27,43,.17);padding:14px 24px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:6px;max-width:100%;font:800 clamp(13px,1.1vw,15px)/1.2 'Manrope',sans-serif;white-space:nowrap;transition:transform .26s,box-shadow .26s,background .26s,border-color .26s}
body.page-inner .btn:hover{background:#e3c482!important;border-color:#e3c482!important;color:#12243a!important;transform:translateY(-3px);box-shadow:0 17px 34px rgba(10,25,40,.22)}
body.page-inner .btn.dark,body.page-inner .btn.light{background:var(--ci-gold)!important;color:#12243a!important}
/* Section hierarchy: open editorial, no generic boxed grid */
body.page-inner .section{padding:104px 0;background:white}
body.page-inner .section.cream{background:var(--ci-ivory)}
body.page-inner .section.dark{background:linear-gradient(145deg,#11253a,#0c192a 78%);color:#fff;position:relative;overflow:hidden;isolation:isolate}
body.page-inner .section.dark::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 94% 5%,rgba(224,188,118,.09),transparent 30%),linear-gradient(130deg,transparent 76%,rgba(255,255,255,.025) 76.1%,transparent 76.25%)}
body.page-inner .eyebrow{display:flex;align-items:center;gap:12px;color:#997b49;letter-spacing:.17em;font:800 11px/1.5 'Manrope',sans-serif;text-transform:uppercase}
body.page-inner .eyebrow::before{content:'';width:24px;height:2px;background:var(--ci-gold)}
body.page-inner h2{font:800 clamp(32px,4vw,56px)/1.11 'Manrope',sans-serif;letter-spacing:-.059em;color:inherit;max-width:950px;text-wrap:balance;margin:18px 0 23px}
body.page-inner h3{font:750 clamp(19px,1.65vw,24px)/1.22 'Manrope',sans-serif;letter-spacing:-.033em;margin:0}
body.page-inner .lede{font-size:clamp(17px,1.5vw,21px);line-height:1.72;max-width:730px;color:#526171}
body.page-inner .section.dark .lede{color:#e0e7ee}
body.page-inner .two{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(40px,7vw,110px);align-items:center}
body.page-inner .summary{padding:38px 42px;background:#f3eee5;background-image:none;border:none;border-left:4px solid var(--ci-gold);border-radius:0;box-shadow:none;transition:none}
body.page-inner .summary:hover{transform:none;box-shadow:none}
body.page-inner .summary b{font:800 11px/1.5 'Manrope',sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#846837;display:block;margin-bottom:9px}
body.page-inner .summary p{font-size:17px;line-height:1.7;color:#26364a;margin:0 0 24px}
body.page-inner .summary p:last-child{margin-bottom:0}
/* Four capability items: numbered editorial bands */
body.page-inner .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 52px;margin-top:45px}
body.page-inner .item{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;column-gap:20px;min-height:132px;border:0;border-top:1px solid #c7c5c0;border-radius:0;background:transparent!important;background-image:none!important;box-shadow:none!important;padding:27px 4px 24px;transition:padding-left .25s}
body.page-inner .item:hover{transform:none;box-shadow:none!important;padding-left:13px}
body.page-inner .item b{grid-row:span 2;color:#a17e44;font-size:12px;font-weight:800;letter-spacing:.13em;margin-top:5px}
body.page-inner .item h3{color:#182d43;max-width:460px}
body.page-inner .item p{grid-column:2;margin-top:8px;color:#5a6672}
/* Method steps: vertical dividers and open columns */
body.page-inner .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:58px}
body.page-inner .steps article{background:transparent!important;border:none;border-left:1px solid rgba(255,255,255,.28);border-radius:0;padding:10px 28px 18px;box-shadow:none!important;transition:none}
body.page-inner .steps article:first-child{padding-left:0;border-left:none}
body.page-inner .steps article:hover{transform:none!important;box-shadow:none!important}
body.page-inner .steps span{font:800 15px/1.2 'Manrope',sans-serif;color:#e0bc76;letter-spacing:.14em}
body.page-inner .steps h3{margin:24px 0 14px;color:#fff}
body.page-inner .steps p{font-size:14px;color:#c0ccd6;line-height:1.65}
/* Related services: simple directory links */
body.page-inner .related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:33px}
body.page-inner .related a{display:flex;align-items:center;min-height:100px;padding:20px 24px;border-radius:0;border:1px solid #d8d2c6;background:linear-gradient(90deg,#f7f3eb,#fff)!important;font:800 15px/1.45 'Manrope',sans-serif;color:#1d3045;box-shadow:none!important;transition:transform .25s,border-color .25s}
body.page-inner .related a:hover{border-color:var(--ci-gold);transform:translateY(-3px);box-shadow:0 14px 28px rgba(19,40,61,.09)!important}
/* Final CTA: cinematic but restrained */
body.page-inner .cta{position:relative;overflow:hidden;isolation:isolate;background:#12283d!important;color:#fff;padding:100px 0 105px;text-align:center}
body.page-inner .cta::before{content:'';position:absolute;inset:0;z-index:-2;background-image:var(--ci-cta-photo);background-size:cover;background-position:center}
body.page-inner .cta::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,rgba(7,20,36,.97),rgba(6,18,34,.91) 55%,rgba(0,0,0,.79))}
body.page-inner .cta .wrap{position:relative;z-index:1}
body.page-inner .cta h2{margin:0 auto 22px;max-width:930px;color:#fff;font-size:clamp(37px,4.6vw,65px);line-height:1.13}
body.page-inner .cta p{color:#edf1f4;line-height:1.7;font-size:16px;max-width:650px;margin:0 auto 27px}
/* Page-specific image mapping */
body.page-inner[data-page="desarrollo-de-liderazgo"]{--ci-photo:url("soluciones-liderazgo.webp");--ci-cta-photo:url("hero-equipos-y-cultura-respaldo.webp")}
body.page-inner[data-page="equipos-y-cultura"]{--ci-photo:url("hero-equipos-y-cultura-respaldo.webp");--ci-cta-photo:url("hero-equipos-y-cultura-respaldo.webp")}
body.page-inner[data-page="coaching"]{--ci-photo:url("hero-coaching-respaldo.webp");--ci-cta-photo:url("hero-equipos-y-cultura-respaldo.webp")}
body.page-inner[data-page="conferencias"]{--ci-photo:url("hero-conferencias-respaldo.webp");--ci-cta-photo:url("hero-equipos-y-cultura-respaldo.webp")}
body.page-inner[data-page="soluciones-a-medida"]{--ci-photo:url("taller-liderazgo-corporativo.webp");--ci-cta-photo:url("hero-equipos-y-cultura-respaldo.webp")}
body.page-inner[data-page="impacto-360"]{--ci-photo:url("hero-impacto-360-respaldo.webp");--ci-cta-photo:url("hero-equipos-y-cultura-respaldo.webp")}
body.page-inner[data-page="transforma-tu-mundo"]{--ci-photo:url("programa-transforma-tu-mundo.webp");--ci-cta-photo:url("hero-equipos-y-cultura-respaldo.webp")}
body.page-inner[data-page="mas-alla-del-exito"]{--ci-photo:url("programa-mas-alla-del-exito.webp");--ci-cta-photo:url("hero-equipos-y-cultura-respaldo.webp")}
body.page-inner[data-page="exito-autentico"]{--ci-photo:url("programa-exito-autentico.webp");--ci-cta-photo:url("hero-equipos-y-cultura-respaldo.webp")}
body.page-inner[data-page="contacto"]{--ci-photo:url("personas-detras.webp");--ci-cta-photo:url("hero-equipos-y-cultura-respaldo.webp")}
body.page-inner[data-page="gracias"]{--ci-photo:url("hero-contacto-respaldo.webp");--ci-cta-photo:url("hero-equipos-y-cultura-respaldo.webp")}
body.page-inner[data-page="impacto-360"]{--ci-photo-position:center 25%}
body.page-inner[data-page="desarrollo-de-liderazgo"]{--ci-photo-position:center 18%}
body.page-inner[data-page="conferencias"]{--ci-photo-position:center 30%}
body.page-inner[data-page="exito-autentico"],body.page-inner[data-page="mas-alla-del-exito"],body.page-inner[data-page="transforma-tu-mundo"]{--ci-cta-photo:url("programa-exito-autentico.webp")}
body.page-inner[data-page="contacto"],body.page-inner[data-page="gracias"]{--ci-photo-position:center 25%}
/* Program visual variant: warm highlights with brand identity */
body.page-inner[data-family="programa"] .hero::after{background:linear-gradient(100deg,rgba(7,16,28,.96),rgba(9,25,44,.89) 45%,rgba(19,28,39,.37) 100%),linear-gradient(0deg,rgba(10,19,29,.49),transparent 60%)}
body.page-inner[data-family="programa"] .section.cream{background:#f7f3eb}
body.page-inner[data-family="evaluacion"] .hero::after{background:linear-gradient(103deg,rgba(9,23,42,.98),rgba(13,38,59,.90) 48%,rgba(8,19,36,.43))}
/* Contact forms: retain contact-form.js and existing form markup */
body.page-contact .hero{min-height:410px;padding-block:70px}
body.page-contact .contact-grid{gap:28px;align-items:start}
body.page-contact .contact-form-shell,body.page-contact .contact-info-card,body.page-contact .contact-card{border-radius:12px;border-color:#e0d9cc;box-shadow:0 16px 44px rgba(16,31,47,.06)}
body.page-contact .contact-form-shell h2,body.page-contact .contact-info-card h2{font-size:clamp(27px,3vw,42px)}
body.page-contact .contact-field input,body.page-contact .contact-field select,body.page-contact .contact-field textarea{border-radius:10px}
body.page-contact .contact-card{background:#faf8f4}
body.page-contact .contact-success{border-radius:10px}
body.page-thanks .hero{min-height:450px}
/* Animation progressively enhanced: content visible even without JS */
body.page-inner .section .wrap,body.page-inner .cta .wrap{transition:opacity .65s ease,transform .65s ease}
body.page-inner.js-reveal [data-ci-reveal]{opacity:1;transform:none}
body.page-inner.js-reveal [data-ci-reveal].ci-awaiting{opacity:0;transform:translateY(19px)}
body.page-inner.js-reveal [data-ci-reveal].ci-shown{opacity:1;transform:none}
@media(max-width:1000px){body.page-inner .hero{min-height:470px;padding:75px 0}.wrap{max-width:none}body.page-inner .section{padding:78px 0}body.page-inner .two{gap:40px}body.page-inner .related{grid-template-columns:1fr 1fr}}
@media(max-width:780px){body.page-inner{padding-top:74px}body.page-inner .wrap{width:calc(100% - 36px)}body.page-inner .hero{min-height:420px;padding:55px 0 59px}body.page-inner .hero::after{background:linear-gradient(96deg,rgba(7,16,28,.94),rgba(7,19,35,.84) 70%,rgba(7,16,28,.53))}body.page-inner .hero h1{font-size:clamp(35px,8.2vw,54px)}body.page-inner .hero p{font-size:16px}body.page-inner .section{padding:66px 0}body.page-inner h2{font-size:clamp(30px,7.6vw,45px)}body.page-inner .two{grid-template-columns:1fr;gap:22px}body.page-inner .summary{padding:26px}body.page-inner .grid{grid-template-columns:1fr;gap:0}body.page-inner .item{min-height:104px;padding:22px 0}body.page-inner .steps{grid-template-columns:1fr;gap:0;margin-top:30px}body.page-inner .steps article,body.page-inner .steps article:first-child{padding:23px 0;border-left:0;border-top:1px solid rgba(255,255,255,.26)}body.page-inner .steps h3{margin:12px 0}body.page-inner .related{grid-template-columns:1fr;gap:10px}body.page-inner .related a{min-height:80px}body.page-inner .cta{padding:74px 0}body.page-inner .cta h2{font-size:clamp(31px,7.8vw,48px)}body.page-inner .btn{white-space:normal;text-align:center}body.page-contact .contact-grid{grid-template-columns:1fr}}
@media(max-width:390px){body.page-inner .wrap{width:calc(100% - 30px)}body.page-inner .hero h1{font-size:35px}body.page-inner .summary{padding:20px}body.page-inner .item{grid-template-columns:30px 1fr;gap:12px}body.page-inner .hero .btn{font-size:13px;padding-inline:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.page-inner *,body.page-inner *::before,body.page-inner *::after{animation:none!important;transition:none!important}body.page-inner.js-reveal [data-ci-reveal].ci-awaiting{opacity:1!important;transform:none!important}}

/* Certificaciones: fotografías de hero suministradas */
body.page-inner[data-page="transforma-tu-mundo"]{--ci-photo:url("hero-certificacion-transforma-tu-mundo.webp");--ci-photo-position:center 43%}
body.page-inner[data-page="mas-alla-del-exito"]{--ci-photo:url("hero-certificacion-mas-alla-del-exito.webp");--ci-photo-position:center 45%}
body.page-inner[data-page="exito-autentico"]{--ci-photo:url("hero-certificacion-exito-autentico.webp");--ci-photo-position:center 43%}
@media(max-width:780px){
 body.page-inner[data-page="transforma-tu-mundo"]{--ci-photo-position:54% center}
 body.page-inner[data-page="mas-alla-del-exito"]{--ci-photo-position:52% center}
 body.page-inner[data-page="exito-autentico"]{--ci-photo-position:58% center}
}


/* V4 · Hero editorial con portada por certificación */
body.page-inner[data-family="programa"] .hero.ci-cert-hero{min-height:590px;padding:65px 0 72px;}
body.page-inner .ci-cert-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.7fr);align-items:center;gap:clamp(28px,5vw,80px);width:min(1220px,calc(100% - 56px));}
body.page-inner .ci-cert-hero-copy{min-width:0;}
body.page-inner .ci-cert-hero-copy h1{max-width:760px;font-size:clamp(42px,4.9vw,71px);line-height:1.08;overflow-wrap:normal;}
body.page-inner .ci-cert-hero-copy p{max-width:610px;font-size:clamp(17px,1.45vw,20px);}
body.page-inner .ci-cert-hero .ci-cert-cover{margin:0;min-width:0;display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;}
body.page-inner .ci-cert-hero .ci-cert-cover img{width:auto;max-width:min(100%,350px);max-height:470px;height:auto;object-fit:contain;display:block;filter:drop-shadow(0 24px 28px rgba(0,0,0,.31));border-radius:5px;}
body.page-inner .ci-cert-hero::after{background:linear-gradient(100deg,rgba(5,15,28,.95) 0%,rgba(7,20,35,.86) 49%,rgba(5,17,30,.62) 100%),linear-gradient(0deg,rgba(6,13,24,.51),transparent 55%)!important;}
body.page-inner .ci-cert-hero .ci-cert-hero-grid::after{content:none!important;display:none!important;}
@media(max-width:900px){body.page-inner .ci-cert-hero-grid{grid-template-columns:minmax(0,1fr) minmax(205px,.55fr);gap:25px;}body.page-inner .ci-cert-hero .ci-cert-cover img{max-height:385px;}}
@media(max-width:720px){
 body.page-inner[data-family="programa"] .hero.ci-cert-hero{padding:46px 0 52px;min-height:unset;}
 body.page-inner .ci-cert-hero-grid{display:flex;flex-direction:column;align-items:stretch;width:calc(100% - 36px);gap:30px;}
 body.page-inner .ci-cert-hero-copy h1{font-size:clamp(34px,8.3vw,48px);margin-top:18px;}
 body.page-inner .ci-cert-hero .ci-cert-cover img{max-height:330px;max-width:min(73%,260px);}
 body.page-inner .ci-cert-hero .ci-cert-cover{justify-content:center;}
 body.page-inner .ci-cert-hero::after{background:linear-gradient(180deg,rgba(5,15,29,.92) 0%,rgba(7,19,34,.88) 62%,rgba(4,13,26,.72) 100%)!important;}
}
@media(prefers-reduced-motion:reduce){body.page-inner .ci-cert-hero .ci-cert-cover img{transition:none!important;}}
