/* ALSU · Phase 1. Editorial conversion layout. Photo-first; no invented social proof. */
:root{--phase-ink:#0e2d24;--phase-green:#0f7a46;--phase-purple:#6c3be8}
html{scroll-padding-top:95px}
.header{position:relative;z-index:90;box-shadow:0 1px 0 #0e2d2410}
.header nav{gap:19px}
.header nav a{font-size:.78rem;white-space:nowrap;font-weight:650}
.cta-mobile-label{display:none}
.nav-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px;flex:0 0 44px;background:transparent;border:1px solid #d5e1d9;border-radius:9px;color:var(--ink)}
.nav-toggle span{width:17px;height:2px;background:currentColor;border-radius:3px;display:block;transition:transform .2s,opacity .2s}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-toggle:focus-visible,.featured-arrow:focus-visible{outline:3px solid var(--phase-purple);outline-offset:3px}
.hero{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(20px,3.8vw,55px);align-items:center;padding-top:56px;padding-bottom:65px}
.hero-copy{min-width:0}
.hero .hero-description{max-width:465px}
.hero .hero-footnote{max-width:420px}
.featured-spotlight{min-width:0;width:100%;max-width:100%;background:#0e2d24;color:#fff;border-radius:7px 45px 7px 7px;overflow:hidden;padding:22px 22px 16px;scroll-margin-top:86px;box-shadow:0 22px 50px #0e2d2416}
.featured-topline{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;padding:0 0 17px}
.featured-eyebrow{display:block;color:#d4e8dd;font-size:.63rem;letter-spacing:.16em;font-weight:750;margin-bottom:6px}
.featured-topline h2{font-size:clamp(1rem,1.9vw,1.4rem);font-weight:700;letter-spacing:-.035em;color:#fff;line-height:1.25}
.featured-topline h2 em{font-style:normal;color:#baefce}
.featured-arrows{display:flex;gap:7px;flex-shrink:0}
.featured-arrow{width:38px;height:38px;background:transparent;border:1px solid #ffffff65;border-radius:50%;display:grid;place-items:center;color:#fff;cursor:pointer;font-size:1.15rem;line-height:1}
.featured-arrow:hover:not(:disabled){background:#ffffff30}
.featured-arrow:disabled{opacity:.28;cursor:default}
.featured-track{width:100%;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;scroll-behavior:smooth;border-radius:2px 29px 2px 2px}
.featured-track::-webkit-scrollbar{display:none}
.featured-slide{position:relative;flex:0 0 100%;width:100%;height:clamp(320px,34vw,480px);display:block;scroll-snap-align:center;overflow:hidden;background:#152f27;color:white;isolation:isolate}
.featured-slide img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;filter:saturate(.92);transition:transform .55s ease}
.featured-slide:nth-child(1) img{object-position:center 22%}
.featured-slide:nth-child(2) img{object-position:center 20%}
.featured-slide:hover img{transform:scale(1.035)}
.featured-tint{position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,22,16,.97) 0%,rgba(6,22,16,.82) 17%,rgba(6,22,16,.19) 61%,rgba(6,22,16,.06) 100%)}
.featured-slide-copy{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:26px 26px 22px;z-index:1}
.featured-label{font-size:.67rem;letter-spacing:.17em;font-weight:750;color:#b6e9c8}
.featured-slide-copy strong{font-size:clamp(1.9rem,4.1vw,3rem);line-height:1.08;letter-spacing:-.052em;font-weight:780;color:#fff;text-wrap:balance}
.featured-subtitle{font-size:.87rem;font-weight:500;color:#e5eee9;line-height:1.45}
.featured-slide-link{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;border-top:1px solid #ffffff65;margin-top:5px;padding-top:13px;font-weight:700;font-size:.84rem;color:#fff}
.featured-slide-link span{font-size:1.15rem;color:#c9b4ff}
.featured-slide:focus-visible{outline:4px solid #c1a4ff;outline-offset:-4px}
.featured-bottomline{display:flex;justify-content:space-between;align-items:center;gap:11px;min-height:39px;padding-top:11px;color:#c9d8d0;font-size:.72rem;letter-spacing:.03em}
.featured-bottomline a{color:#fff;text-decoration:underline;text-decoration-color:#fff6;text-underline-offset:4px;font-weight:700}
.featured-hint{color:#c9d8d0}
.catalog-section{scroll-margin-top:85px}
#retos{scroll-margin-top:85px}
.empty-state>h3{margin-bottom:8px}
@media(max-width:1140px){.hero{gap:24px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.featured-spotlight{padding:16px 16px 10px}.featured-slide-copy{padding:23px 20px 18px}.featured-slide{height:390px}.header nav{gap:12px}}
@media(max-width:900px){.nav-toggle{display:flex}.header nav{display:none!important;position:absolute;left:16px;right:16px;top:calc(100% - 1px);border:1px solid #d6e0db;box-shadow:0 20px 30px #0e2d2426;background:#f8faf8;border-radius:0 0 15px 15px;padding:12px;flex-direction:column;gap:0;align-items:stretch}.header nav.is-open{display:flex!important}.header nav a{display:block;padding:14px 12px;border-bottom:1px solid #d6e0db;color:var(--ink);font-size:.91rem}.header nav a:last-child{border-bottom:0}.hero{grid-template-columns:1fr;gap:29px;padding-top:30px}.hero-copy{max-width:650px}.featured-spotlight{max-width:650px;margin-inline:auto}.featured-slide{height:410px}}
@media(max-width:560px){.header{gap:8px}.header .brand{margin-right:auto}.header .brand-logo{width:101px}.header-cta{order:2}.nav-toggle{order:3;width:42px;height:42px;flex-basis:42px}.cta-desktop-label{display:none}.cta-mobile-label{display:inline}.hero{padding-top:23px;padding-bottom:38px;gap:24px}.hero h1{font-size:clamp(2.4rem,10vw,3.45rem);line-height:1.06}.hero .eyebrow{margin-bottom:13px}.hero .hero-description{font-size:.94rem;line-height:1.63;margin-top:13px}.hero-actions{margin-top:21px;gap:15px}.hero-actions .button{min-height:45px;padding:10px 14px;font-size:.82rem}.hero-actions .quiet-link{font-size:.79rem}.hero .hero-footnote{margin-top:14px;font-size:.75rem;line-height:1.5}.featured-spotlight{border-radius:5px 30px 5px 5px;padding:13px 13px 9px}.featured-topline{padding-bottom:12px}.featured-topline h2{font-size:1rem}.featured-eyebrow{font-size:.58rem}.featured-arrow{width:34px;height:34px}.featured-slide{height:345px}.featured-slide-copy{padding:20px 19px 17px;gap:6px}.featured-slide-copy strong{font-size:clamp(1.75rem,8vw,2.45rem)}.featured-subtitle{font-size:.8rem}.featured-slide-link{font-size:.79rem;padding-top:10px}.featured-bottomline{flex-wrap:wrap;font-size:.66rem}.featured-hint{display:none}.featured-bottomline a{margin-left:auto}.hero .button{white-space:nowrap}}
@media(max-width:360px){.hero-actions{flex-wrap:wrap}.featured-slide{height:314px}.featured-bottomline a{font-size:.66rem}}
@media(prefers-reduced-motion:reduce){.featured-track{scroll-behavior:auto}.featured-slide img,.nav-toggle span{transition:none}.featured-slide:hover img{transform:none}}

/* Optimized images retain identical geometry without layout shifts. */
.featured-slide picture{display:block;position:absolute;inset:0}
.featured-slide picture>img{width:100%;height:100%}

/* Phase 2 accessibility: consistent targets and visible keyboard paths. */
.featured-arrow{min-width:44px;min-height:44px;width:44px;height:44px}
.featured-bottomline a,.hero-actions .quiet-link{display:inline-flex;align-items:center;min-height:44px}
.header nav a{display:inline-flex;align-items:center;min-height:44px}
.featured-slide:focus-visible,.featured-track:focus-visible,.header a:focus-visible,.footer-top a:focus-visible{outline:3px solid #6c3be8;outline-offset:3px}
@media(max-width:560px){.featured-arrow{width:44px;height:44px}.featured-bottomline a{min-height:42px}.header nav a{display:flex}}

/* iOS/mobile QA 2026-10-17: legacy styles.css hides every span in
   .header .button at <=560px. Restore only the intended CTA label. */
@media(max-width:560px){
 .header .header-cta{width:auto;min-width:78px;max-width:none;min-height:44px;flex:0 0 auto;padding:10px 13px;white-space:nowrap;color:#fff;font-weight:750;font-size:.81rem!important}
 .header .header-cta .cta-mobile-label{display:inline!important;color:inherit}
 .header .header-cta .cta-desktop-label{display:none!important}
 .hero .hero-footnote{display:none}
 .hero .hero-description{font-size:.92rem;line-height:1.52;margin-top:12px}
 .hero .hero-actions{margin-top:17px}
 .hero{gap:18px}
}

/* La oferta actual tiene dos conferencistas aprobados.
   Ambos deben quedar accesibles desde la primera pantalla, sin añadir afirmaciones de resultados. */
.hero-expert-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px;max-width:465px}
.hero-expert-link{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0;min-height:82px;padding:13px 15px;border:1px solid #ceded4;border-radius:10px;background:#f5f9f6;text-decoration:none;color:var(--ink);transition:border-color .2s,background .2s}
.hero-expert-link:hover{background:#e8f3ec;border-color:#0f7a46}
.hero-expert-link:focus-visible{outline:3px solid #6c3be8;outline-offset:3px}
.hero-expert-link>span{font-size:.7rem;color:#577365;font-weight:750;letter-spacing:.025em}
.hero-expert-link strong{font-size:.84rem;line-height:1.38;font-weight:800}
.hero-expert-link strong span{color:#0f7a46}
@media(max-width:560px){.hero-expert-links{gap:8px;margin-top:14px}.hero-expert-link{padding:12px 11px;min-height:72px}.hero-expert-link strong{font-size:.76rem}.hero-expert-link>span{font-size:.66rem}}
@media(max-width:360px){.hero-expert-links{grid-template-columns:1fr}.hero-expert-link{min-height:60px}}
@media(prefers-reduced-motion:reduce){.hero-expert-link{transition:none}}