﻿:root{--navy:#103667;--blue:#02649d;--gold:#9c771a;--gold-light:#c9a227;--ivory:#f2ece5;--ink:#1c2733;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:white;font:400 17px/1.6 'Raleway',sans-serif}
h1,h2,h3{font-family:'Archivo Black',sans-serif;font-weight:400;letter-spacing:-.01em;line-height:1.15;color:var(--navy);margin:0 0 24px}
h1{font-size:clamp(36px,4.5vw,64px)}
h2{font-size:clamp(28px,3vw,40px)}
h3{font-size:24px}
p{margin:0 0 20px}
a{color:inherit;text-decoration-thickness:2px;text-underline-offset:5px}
a:hover{color:var(--gold)}
a,button{transition:color .15s,background-color .15s}
button,input,select,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid var(--gold-light);outline-offset:5px}
img{display:block;max-width:100%;height:auto}
figure{margin:0}
figcaption,.meta{font-size:13px;font-weight:500;line-height:1.6;color:var(--navy)}
figcaption{margin-top:10px}
svg{width:22px;height:22px;flex-shrink:0;color:var(--gold-light)}
[hidden]{display:none!important}
.wrap{width:min(1280px,calc(100% - 40px));margin:auto}
.skip{position:absolute;top:-100px;left:20px;z-index:100;background:var(--ivory);padding:14px}
.skip:focus{top:10px}
.topbar{background:var(--navy);color:var(--ivory);font-size:12px}
.topbar .wrap{display:flex;justify-content:space-between;gap:18px;padding-block:7px}
.topbar a{text-decoration:none}
.topbar a:last-child{display:none}
header{background:white;border-bottom:2px solid var(--gold);position:relative;z-index:10}
.header-row{display:flex;justify-content:space-between;align-items:center;min-height:88px;gap:24px}
.brand-plate{background:var(--ivory);display:inline-flex;align-items:center;gap:14px;padding:14px 24px;border-radius:30px}
.brand-plate .logo{width:auto;height:54px;object-fit:contain}
.brand-plate .isotype{height:57px;width:auto;border-left:2px solid var(--gold);padding-left:12px;box-sizing:content-box}
header .brand-plate{background:white;padding:8px 0;border-radius:0}
.menu-button{background:var(--navy);border:0;border-radius:6px;color:var(--ivory);padding:10px 16px;min-height:44px}
nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--ivory);padding:24px;gap:18px;flex-direction:column}
nav.open{display:flex}
nav a{font-weight:600;color:var(--navy);text-decoration:none}
nav a[aria-current]{text-decoration:underline;text-decoration-color:var(--gold)}
.button{display:inline-flex;align-items:center;justify-content:center;background:var(--navy);color:var(--ivory);border:2px solid var(--navy);padding:12px 22px;border-radius:6px;font-weight:700;line-height:1.4;text-decoration:none;min-height:48px;cursor:pointer}
.button:hover{background:var(--blue);border-color:var(--blue);color:white}
.button.light{background:var(--ivory);border-color:var(--ivory);color:var(--navy)}
.button.light:hover{background:white}
.section{padding-block:64px;border-bottom:2px solid var(--gold)}
.ivory{background:var(--ivory)}
.blue{background:var(--blue);color:white}
.blue h2,.blue h3{color:white}
.pills{display:flex;flex-wrap:wrap;gap:10px;margin-block:20px}
.pill{background:var(--navy);color:var(--ivory);border-radius:28px;display:inline-flex;gap:9px;align-items:center;padding:10px 16px;font-size:12px;line-height:1.45;font-weight:700;text-transform:uppercase;max-width:100%}
.campaign{position:relative;background:var(--navy);color:var(--ivory);isolation:isolate;overflow:hidden}
.duotone{background:var(--navy);position:relative;overflow:hidden}
.duotone img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);mix-blend-mode:luminosity;opacity:.65}
.hero-photo{height:280px}
.hero-photo img{object-position:center 35%}
.hero-blue,.hero-edge{display:none}
.hero-content{position:relative;padding-top:32px;padding-bottom:44px}
.hero-copy h1{font-size:clamp(46px,5vw,72px);color:var(--ivory);margin:30px 0 12px}
.hero-copy .brand-plate{border:2px solid var(--gold);padding:17px 30px}
.hero-copy .logo{height:73px}
.hero-copy .isotype{height:86px}
.hero-sub{font-size:25px;line-height:1.35;font-style:italic;font-weight:500;color:var(--gold-light);max-width:540px}
.hero-pills{max-width:520px;gap:9px}
.hero-pills .pill{border:1px solid var(--gold-light)}
.hero-foot{font-size:14px;margin:24px 0 0}
.hero-caption{display:none}
.rounded{border-radius:32px}
.training{display:grid;gap:38px}
.training img{width:100%;height:220px;object-fit:cover;margin-bottom:25px}
.training article{display:flex;flex-direction:column;align-items:flex-start}
.training article p{margin-bottom:0}
.training .pills{margin-top:auto;padding-top:20px}
.training h3{margin-bottom:16px}
.impact{display:grid;gap:40px;align-items:center;position:relative;z-index:1}
.impact p{max-width:680px}
.archive{background:var(--ivory);padding:16px;border-radius:32px;transform:rotate(3deg);max-width:390px;margin:auto}
.archive img{border-radius:20px}
.watermark{position:relative;overflow:hidden}
.watermark:before{content:'';position:absolute;inset:0;background:url('../_media/marca/retrato-linea.png') 30% center/340px auto no-repeat;opacity:.1}
.editorial{display:grid;gap:40px}
.section-heading{margin-bottom:28px}
.section-heading h2{margin-bottom:16px}
.section-heading a,.text-link{font-weight:700;font-size:15px}
.sidebar{background:var(--ivory);border-top:2px solid var(--gold);padding:28px}
.sidebar h2{font-size:23px;border-top:2px solid var(--gold);padding-top:26px;margin-top:30px}
.sidebar h2:first-child{border:0;padding:0;margin:0 0 22px}
.sidebar h3{font-size:20px}
.sidebar p{font-size:15px}
.posters{display:grid;gap:22px}
.poster{background:var(--navy);color:var(--ivory);display:flex;flex-direction:column;min-width:0}
.poster>.duotone{height:220px}
.poster-copy{padding:22px;flex:1;display:flex;flex-direction:column}
.poster-copy .pill{border:1px solid var(--gold-light);align-self:flex-start;padding:7px 12px;margin-bottom:20px}
.poster h3{color:var(--ivory);font-size:23px}
.poster h3 a{text-decoration:none}
.poster h3 a:hover{text-decoration:underline;color:var(--ivory)}
.poster .meta{color:var(--ivory);margin-top:auto;margin-bottom:0}
.agenda-heading{margin-top:52px}
.event-list{background:var(--navy);color:var(--ivory)}
.event{display:grid;grid-template-columns:68px 1fr;gap:20px;padding:27px 20px;border-bottom:2px solid var(--gold)}
.event time{color:var(--gold-light);font-size:12px;line-height:1.2;font-weight:700}
.event time strong{display:block;font:42px/1.2 'Archivo Black',sans-serif}
.event h3{font-size:21px;color:var(--ivory);margin-bottom:15px}
.event h3 a{text-decoration:none}
.event h3 a:hover{text-decoration:underline;color:white}
.event .meta{color:var(--ivory);margin-bottom:9px}
.event .pills{margin:0}
.event .pill{border:1px solid var(--gold-light);padding:6px 10px}
.event-link{grid-column:2;font-size:13px}
.compact+.text-link{display:inline-block;margin-top:25px}
.mercedes,.split{display:grid;gap:36px;align-items:center}
.mercedes figure{max-width:560px}
.mercedes img{width:100%}
blockquote{font-size:25px;line-height:1.4;font-weight:500;font-style:italic;color:var(--gold);margin:0 0 20px}
.allies-section{border-top:0;padding-top:30px}
.allies{display:grid;align-items:center;gap:30px}
.allies>div{display:flex;flex-wrap:wrap;gap:20px 30px;font-weight:700;font-size:21px}
.allies img{max-width:410px;width:100%;border-radius:28px}
.press{display:flex;gap:20px 28px;flex-wrap:wrap;border-top:2px solid var(--gold);padding-top:28px;margin-top:38px;font-weight:700;color:var(--navy)}
footer{background:var(--navy);color:var(--ivory);padding-top:48px;font-size:14px}
.footer-grid{display:grid;gap:34px}
.footer-grid .brand-plate{margin-bottom:22px}
.footer-grid h2{color:var(--ivory);font-size:23px}
.footer-grid a{overflow-wrap:anywhere}
.footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.social{display:flex;gap:8px;align-items:center;margin-top:20px}
.footer-bottom{border-top:2px solid var(--gold);padding-block:22px;margin-top:38px;font-size:12px}
.inner-hero{position:relative;background:var(--navy);color:var(--ivory);isolation:isolate}
.inner-hero>.duotone{height:180px}
.inner-copy{padding-block:36px}
.inner-copy h1{color:var(--ivory)}
.inner-copy p{margin:0;max-width:620px}
.tabs{display:flex;flex-wrap:wrap;gap:6px 25px;border-bottom:1px solid var(--gold);margin-bottom:30px}
.tabs button{background:none;border:0;border-bottom:3px solid transparent;border-radius:0;padding:12px 0;min-height:48px;font-weight:700;color:var(--navy);cursor:pointer}
.tabs button[aria-pressed=true]{border-bottom-color:var(--gold)}
.filter-status{font-size:13px;margin-top:20px}
.program-feature{display:grid;gap:38px;align-items:center}
.program-poster{background:var(--navy);color:var(--ivory);padding:24px;border-bottom:10px solid var(--gold)}
.program-poster img{height:240px;width:100%;object-fit:cover;margin-bottom:25px}
.program-poster h2{color:var(--ivory);font-size:45px}
.program-poster .pill{border:1px solid var(--gold-light)}
.program-copy h2{font-size:34px}
.ruled-list{list-style:none;padding:0;margin-bottom:28px}
.ruled-list li{padding:14px 0;border-bottom:1px solid var(--gold)}
.subsection{border-top:2px solid var(--gold);padding-top:45px;margin-top:60px}
.course-grid{display:grid;gap:26px}
.course{background:var(--navy);color:var(--ivory);padding:30px;border-left:5px solid var(--gold)}
.course h3{color:var(--ivory);font-size:27px}
.course .pill{border:1px solid var(--gold-light)}
.course a{font-weight:600}
.reading{max-width:780px}
.team-grid{display:grid;gap:30px}
.person{display:flex;gap:24px;border-bottom:2px solid var(--gold);padding-block:25px}
.person h2{font-size:25px}
.person-seal{width:60px;height:90px;object-fit:contain}
.gold{color:var(--gold);font-weight:700}
.book-grid{display:grid;gap:28px}
.book{background:var(--navy);color:var(--ivory);padding:32px;border:2px solid var(--gold);outline:1px solid var(--gold);outline-offset:-12px;min-height:380px;display:flex;flex-direction:column}
.book .pill{border:1px solid var(--gold-light);align-self:flex-start;margin-bottom:24px}
.book h2{color:var(--ivory);font-size:25px}
.book p{margin-top:auto}
.book a{font-weight:600;font-size:14px}
.thread{padding:28px 0;border-bottom:2px solid var(--gold);max-width:940px}
.thread h2{font-size:26px;margin-top:18px}
.contact-plate{background:white;border:2px solid var(--gold);border-radius:32px;padding:28px}
label{display:block;font-weight:600;margin-top:15px}
input,select,textarea{display:block;width:100%;padding:12px;border:1px solid var(--navy);border-radius:6px;background:white;color:var(--ink)}
form button{margin:22px 0 14px}
.detail{padding:50px 0 75px;background:var(--ivory);min-height:60vh}
.detail h1{max-width:950px;font-size:clamp(34px,4vw,54px)}
.detail figure{max-width:560px;margin:30px 0}
.detail .lead{max-width:820px;font-size:21px}
.detail .pills{margin-bottom:32px}
.profile-seal{width:130px;margin-bottom:30px}

@media(min-width:700px){.wrap{width:min(1280px,calc(100% - 72px))}
.topbar a:last-child{display:block}
.training{grid-template-columns:1.35fr 1fr 1fr;gap:28px}
.training img{height:210px}
.training article:first-child img{height:270px}
.training article:nth-child(2){padding-top:60px}
.training article:nth-child(3){padding-top:100px}
.training h3{font-size:25px}
.training .button{font-size:14px;padding:11px 15px}
.impact{grid-template-columns:1.4fr 1fr;gap:70px}
.posters{grid-template-columns:repeat(3,minmax(0,1fr))}
.poster>.duotone{height:190px}
.poster h3{font-size:21px}
.poster-copy{padding:18px}
.mercedes,.split{grid-template-columns:1fr 1.15fr;gap:60px}
.allies{grid-template-columns:1.8fr 1fr}
.footer-grid{grid-template-columns:1.3fr .8fr 1.2fr}
.footer-nav{grid-template-columns:1fr}
.inner-hero{min-height:320px;display:flex;align-items:center;overflow:hidden}
.inner-hero>.duotone{position:absolute;inset:0 0 0 53%;height:100%;z-index:-2}
.inner-hero:before{content:'';position:absolute;inset:0 35% 0 0;background:var(--navy);clip-path:polygon(0 0,100% 0,85% 100%,0 100%);z-index:-1;border-bottom:2px solid var(--gold)}
.inner-copy{width:57%;padding-right:50px}
.inner-copy h1{font-size:48px}
.program-feature{grid-template-columns:.95fr 1.25fr;gap:65px}
.course-grid,.team-grid{grid-template-columns:1fr 1fr}
.book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.event{grid-template-columns:95px 1fr auto;align-items:center;padding:30px}
.event time strong{font-size:56px}
.event-link{grid-column:auto}
.news-grid .poster{aspect-ratio:4/5}
.news-grid .poster>.duotone{height:45%}
.news-grid .poster h3{font-size:24px}
.section{padding-block:80px}
}

@media(min-width:1100px){.menu-button{display:none}
nav{position:static;display:flex;flex-direction:row;align-items:center;background:none;padding:0;gap:24px;font-size:14px}
.header-row{min-height:94px}
.campaign{min-height:calc(100svh - 128px);height:auto;display:flex;align-items:center}
.hero-photo{position:absolute;inset:0 0 0 45%;height:100%;z-index:-3}
.hero-photo img{object-position:58% center}
.hero-blue,.hero-edge{display:block;position:absolute;inset:0 29% 0 0;clip-path:polygon(0 0,100% 0,77% 100%,0 100%);z-index:-1;background:var(--navy)}
.hero-edge{right:calc(29% - 3px);background:var(--gold-light);z-index:-2}
.hero-content{padding-top:45px;padding-bottom:48px}
.hero-copy{max-width:590px}
.hero-sub{font-size:28px}
.hero-copy h1{margin-top:30px}
.hero-caption{display:block;position:absolute;bottom:35px;right:4%;font-size:13px;text-align:right;color:var(--ivory);border-right:2px solid var(--gold-light);padding-right:15px}
.diagonal{clip-path:polygon(0 0,100% 0,100% 95%,0 100%);padding-bottom:110px;margin-bottom:-32px;position:relative;z-index:2}
.editorial{grid-template-columns:minmax(0,8fr) minmax(0,3fr);gap:38px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}
.section-heading h2{font-size:33px;margin:0}
.section-heading a{max-width:140px}
.compact .event{grid-template-columns:74px 1fr;padding:25px}
.compact .event-link{grid-column:2}
.compact .event h3{font-size:22px}
.editorial .poster h3{font-size:20px}
.editorial .poster>.duotone{height:155px}
.sidebar{align-self:start}
.sidebar h2{font-size:22px}
.footer-nav{grid-template-columns:1fr 1fr}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{animation:none!important;transition:none!important}
.hero-copy .isotype{clip-path:none!important}
.hero-blue,.hero-edge{clip-path:polygon(0 0,100% 0,77% 100%,0 100%)!important}
}

/* Ajustes derivados de la revisión visual y de contraste. */
a:hover{color:var(--navy);text-decoration:underline}
footer a:hover,.blue a:hover,.event a:hover,.course a:hover,.book a:hover,.topbar a:hover{color:var(--ivory);text-decoration:underline}
.person .gold{color:var(--navy)}
.poster:has(img[src*="mercedes-pulido"]) .duotone img{filter:none;mix-blend-mode:normal;opacity:1}
.poster:has(img[src*="afiche-septima"]) .duotone img{filter:none;mix-blend-mode:normal;opacity:1;object-fit:contain;background:var(--ivory)}
.section-heading>a{white-space:nowrap;max-width:none}
.poster{aspect-ratio:4/5}
.poster>.duotone{height:auto;aspect-ratio:16/9;flex-shrink:0}
.poster-copy{min-height:0}
.poster h3{overflow-wrap:break-word}
.topbar .wrap{flex-wrap:wrap;gap:2px 18px}
.hero-caption{background:var(--navy);padding:12px 16px}
.hero-copy h1{font-weight:900}
.event time strong{font-weight:900}

@media(min-width:700px){.editorial .posters{grid-template-columns:repeat(3,minmax(0,1fr))}
.editorial .poster{aspect-ratio:auto;min-height:350px}
.editorial .poster>.duotone{height:150px}
.news-grid .poster>.duotone{height:45%}
}

@media(max-width:699px){.hero-photo{height:205px;clip-path:polygon(0 0,100% 0,100% 88%,0 100%)}
.hero-content{padding-top:16px}
.hero-copy .brand-plate{padding:12px 22px}
.hero-copy .logo{height:62px}
.hero-copy .isotype{height:73px}
.hero-copy h1{font-size:48px;margin-top:24px}
.hero-sub{font-size:24px}
.hero-pills .pill{font-size:11px}
.hero-pills{gap:8px;margin-block:16px}
.hero-foot{font-size:13px}
.hero-copy .button{width:100%}
.training article .button{width:100%}
.section{padding-block:44px}
.topbar a{font-size:11px}
.topbar span{font-size:11px}
.poster{aspect-ratio:4/5}
.poster>.duotone{height:44%;aspect-ratio:auto}
.poster-copy{padding:22px}
.poster h3{font-size:24px}
.event{gap:16px;grid-template-columns:58px 1fr;padding:24px 16px}
.event h3{font-size:19px}
.event .pill{font-size:11px}
.hero-caption{display:none}
}


@media(min-width:1100px){.editorial .poster{aspect-ratio:4/5;min-height:0}
.editorial .poster>.duotone{height:38%}
.editorial .poster h3{font-size:20px}
.editorial .poster-copy .pill{margin-bottom:12px;font-size:10px}
.editorial .poster .meta{font-size:11px}
}

@media(max-width:699px){.hero-photo{height:150px}
.hero-content{padding-top:0;padding-bottom:28px}
.hero-copy .brand-plate{position:relative;margin-top:-22px}
.hero-copy .logo{height:54px}
.hero-copy .isotype{height:64px}
.hero-copy h1{margin-top:20px}
.hero-sub{font-size:22px}
.hero-pills{display:grid;grid-template-columns:1fr 1fr}
.hero-pills .pill{font-size:10px;padding:9px 11px}
.hero-pills .pill:nth-child(3){grid-column:1/-1;justify-self:start}
.hero-pills .pill:last-child{grid-column:2;grid-row:2;justify-self:end;max-width:95px}
.hero-pills .pill:nth-child(3){max-width:240px}
.hero-pills svg{width:18px;height:18px}
.hero-foot{margin-top:18px}
}

@media(prefers-reduced-motion:reduce){img[src$=".gif"]{display:none}
.allies a:has(img[src$=".gif"]):after{content:'DemoLab · Incubadora de líderes';display:block;color:var(--navy);font-weight:700;padding:24px;border:2px solid var(--gold);border-radius:28px}
}

@media(max-width:699px){.hero-pills{grid-template-columns:2fr 1fr}.hero-pills .pill:nth-child(3){grid-column:1;grid-row:2;max-width:100%}.hero-pills .pill:last-child{grid-column:2;grid-row:2;align-self:start}.hero-pills .pill{font-size:10px}}

/* Movimiento compartido: la composición y las diagonales permanecen fijas. */
.hero-isotype-mask{display:inline-flex;overflow:hidden;flex-shrink:0}
.photo-window{overflow:hidden}
.photo-window img{border-radius:0}
.duotone img[data-parallax]{height:114%;max-width:none;position:relative;top:-7%}
.photo-window img[data-parallax]{width:100%;scale:1.14}
.button[data-magnetico]{display:inline-flex}
[data-lineas] .mascara{padding-bottom:.12em;margin-bottom:-.12em}
[data-encender]>li{position:relative}
[data-encender]>li:before{content:'';position:absolute;left:-12px;top:12px;bottom:12px;width:3px;background:var(--gold-light);opacity:0;transform:scaleY(.5);transition:transform .2s var(--ease-salida),opacity .2s var(--ease-salida)}
[data-encender]>.encendido{color:var(--navy)}
[data-encender]>.encendido:before{opacity:1;transform:scaleY(1)}
footer{position:relative;isolation:isolate}
.footer-avila{position:absolute;inset:auto 0 0;width:100%;height:200px;z-index:-1;pointer-events:none}
body a,body button{transition:transform .12s var(--ease-salida),opacity .2s var(--ease-salida)}
nav a:not(.button){position:relative}
nav a:not(.button):after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:2px;background:var(--gold-light);transform:scaleX(0);transform-origin:left;transition:transform .2s var(--ease-salida)}
@media(hover:hover) and (pointer:fine){nav a:not(.button):hover:after{transform:scaleX(1)}}
@media(prefers-reduced-motion:no-preference){.button:active{scale:.97;transition:scale .12s var(--ease-salida)}}
@media(prefers-reduced-motion:reduce){.photo-window img[data-parallax]{scale:1}.duotone img[data-parallax]{height:100%;top:0}}
.program-poster .photo-window{height:240px;margin-bottom:25px}
.program-poster .photo-window img{height:100%;margin-bottom:0}
