/* Portada inmersiva a partir de la referencia del organizador. */
:root{--yellow:#f4df00}
.header{position:fixed;top:0;left:0;width:100%;height:150px;padding:20px 4%;background:transparent;border:0;backdrop-filter:none;align-items:flex-start;transition:height .2s,background .2s}
.header .brand{width:clamp(190px,18vw,290px)}
.header nav{margin:20px 0 0 auto;gap:30px;font-size:16px;text-shadow:0 1px 6px #000}
.header-cta{margin-top:8px;border-color:var(--yellow);color:var(--yellow);font-size:15px;letter-spacing:.06em;padding:13px 23px}
.header.is-scrolled{height:86px;align-items:center;padding-block:8px;background:#101110f2;backdrop-filter:blur(12px);border-bottom:1px solid #ffffff18}
.header.is-scrolled .brand{width:145px}.header.is-scrolled nav,.header.is-scrolled .header-cta{margin-top:0}
.hero{min-height:clamp(790px,57vw,1000px);background:#10100d}
.hero-art{inset:0;z-index:-2;height:100%;width:100%}
.hero-art img{width:100%;height:100%;object-fit:cover;object-position:50% center;filter:none}
.hero-art:after{background:linear-gradient(90deg,#07080666,transparent 48%),linear-gradient(0deg,#08090766,transparent 23%)}
.hero:after{display:none}
.hero-copy{position:relative;width:54%;padding:clamp(185px,13vw,220px) 0 55px 4%}
.hero-copy>.eyebrow{font-size:12px;letter-spacing:.25em;color:#f5f5f1;gap:17px}
.hero h1{font-size:clamp(84px,8.2vw,138px);line-height:.88;font-weight:900;font-style:italic;letter-spacing:-.035em;margin:28px 0 18px;text-shadow:0 2px 15px #0002}
.hero-copy>p{font-size:clamp(17px,1.42vw,23px);color:white;line-height:1.4;margin:0}
.hero-actions{margin:29px 0 42px;gap:30px}
.hero-actions .button{font-family:var(--body);font-size:15px;letter-spacing:0;font-weight:700;padding:18px 22px}
.hero-actions .text-link{font-size:16px;border-color:#c6c6b8;white-space:nowrap}
.hero-date{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.hero-date>strong{font-size:40px;letter-spacing:.15em;font-weight:600}
.hero-date strong span{font-weight:400;margin:0 9px}
.hero-date>span{font-size:11px;letter-spacing:.28em;color:#eee;line-height:1.8}

.sagan-caption{left:auto;right:4%;bottom:55px;max-width:320px;text-shadow:0 2px 12px #000}
.sagan-caption>.eyebrow{color:white;font-size:12px;font-style:italic;letter-spacing:.17em}
.sagan-caption>div{font-size:52px;white-space:nowrap}.sagan-caption em{color:white}
.champion{display:flex;flex-direction:column;align-items:stretch;gap:7px;font-size:10px;letter-spacing:.08em;max-width:none}
.champion i{width:100%;height:5px;background:linear-gradient(90deg,#009be3 0 20%,#ed242b 20% 40%,#101110 40% 60%,#ffe500 60% 80%,#27a836 80%)}
.sagan-profile{display:flex;gap:30px;align-items:center;padding:28px 0 36px;border-top:1px solid #373b32;border-bottom:1px solid #373b32;margin:0 0 40px}
.world-titles{font-family:var(--display);font-size:100px;font-weight:800;font-style:italic;line-height:1;color:var(--yellow);min-width:130px}
.sagan-profile .eyebrow{margin-bottom:8px;font-size:11px}.sagan-profile h3{font-size:35px;font-style:italic;margin-bottom:12px}.sagan-profile p{color:#bfc3b6;max-width:690px;font-size:17px;line-height:1.6}
.guest-photo{height:auto;aspect-ratio:1.45;background:#181b16}
.guest-photo.maligno img,.guest-photo.carolina img{position:static;width:100%;height:100%;margin:0;object-fit:cover;object-position:center;transform:none}
.guest-photo:after{background:linear-gradient(0deg,#0f100f 0%,transparent 36%)}
.guest-info p{max-width:540px;line-height:1.7;font-size:16px}.guest-info{padding-bottom:32px}
@media(min-width:1800px){.hero-copy{padding-top:230px}.hero{min-height:1020px}}
@media(max-width:1200px) and (min-width:761px){.header{height:140px;gap:20px}.header .brand{width:190px}.header nav{gap:19px;font-size:14px}.header-cta{padding:12px 16px;font-size:13px}.hero-copy{width:59%;padding-top:182px}.hero-copy>.eyebrow{font-size:10px;letter-spacing:.2em}.hero h1{font-size:91px}.hero-art img{object-position:58% center}.hero-actions{gap:22px}.hero-actions .button{font-size:13px;padding:18px}.hero-actions .text-link{font-size:14px}.sagan-caption>div{font-size:42px}.sagan-caption{bottom:48px}.hero-date>strong{font-size:35px}.hero{min-height:800px}}
@media(max-width:760px){
 .header{height:88px;padding:10px 5%;align-items:center;background:linear-gradient(#080a07e8,#080a0770,transparent);gap:10px}.header .brand{width:135px}.header.is-scrolled{height:78px}.header.is-scrolled .brand{width:125px}.header nav{margin:0;top:88px;font-size:16px;text-shadow:none}.header.is-scrolled nav{top:78px}.header-cta{margin:0 0 0 auto;padding:9px 10px;font-size:10px;letter-spacing:.02em;gap:9px}.header-cta span{font-size:18px}.menu-toggle{font-size:12px;gap:5px;padding:10px 0}.header nav a{padding:12px 0}
 .hero{min-height:1035px;padding-top:0}.hero-art{inset:300px 0 auto;height:500px;width:100%;z-index:-2}.hero-art img{object-position:73% center;object-fit:cover;height:100%;width:100%}.hero-art:after{background:linear-gradient(0deg,#10100d,transparent 35%),linear-gradient(180deg,#10100d 0%,transparent 18%)}
 .hero-copy{width:100%;padding:124px 6% 35px}.hero-copy>.eyebrow{font-size:9px;letter-spacing:.14em;gap:10px}.hero-copy .mini-line{width:18px}.hero h1{font-size:clamp(65px,15.2vw,105px);line-height:.9;letter-spacing:-.03em;margin:25px 0 0;max-width:100%;text-shadow:0 2px 15px #0005}.hero-copy>p{margin-top:450px;font-size:16px;max-width:100%}.hero-actions{margin:23px 0 25px;gap:19px;flex-wrap:wrap}.hero-actions .button{font-size:13px;padding:16px 19px;min-height:55px}.hero-actions .text-link{font-size:14px;padding-block:6px}.hero-date{gap:1px}.hero-date>strong{font-size:30px;letter-spacing:.1em}.hero-date strong span{margin:0 7px}.hero-date>span{font-size:9px;letter-spacing:.18em}
 .sagan-caption{top:708px;bottom:auto;right:6%;max-width:260px}.sagan-caption>div{font-size:40px}.sagan-caption>.eyebrow{font-size:10px}.champion{font-size:9px;align-items:stretch;gap:6px}.champion i{width:100%;height:4px}
 .sagan-profile{gap:22px;align-items:flex-start;padding:24px 0 28px;margin-bottom:30px}.world-titles{font-size:66px;min-width:72px}.sagan-profile .eyebrow{font-size:9px;margin-bottom:8px}.sagan-profile h3{font-size:30px;margin-bottom:11px}.sagan-profile p{font-size:15px}.guest-photo{aspect-ratio:1.15}.guest-photo img{object-position:center}.guest-info p{font-size:15px}
}
@media(min-width:540px) and (max-width:760px){.hero-art{top:360px;height:520px}.hero-copy>p{margin-top:475px}.sagan-caption{top:790px}.hero{min-height:1150px}}
@media(prefers-reduced-motion:reduce){.header{transition:none}}
