@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--navy:#071923;--navy2:#0b2734;--line:#285064;--ice:#bceaf7;--blue:#70d5ff;--lime:#c5f779;--paper:#eff4ee;--muted:#a9bdc4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--paper);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,a{outline-offset:4px}::selection{background:var(--lime);color:var(--navy)}.skip{position:absolute;left:1rem;top:-5rem;background:var(--lime);color:var(--navy);padding:.7rem;z-index:10}.skip:focus{top:1rem}.site-shell{max-width:1600px;margin:auto;overflow:hidden}.topbar{height:90px;padding:0 clamp(24px,5.2vw,84px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:32px;position:relative;z-index:2}.wordmark,.footer-brand{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-size:23px;font-weight:700;letter-spacing:-.055em;white-space:nowrap}.wordmark span span,.footer-brand strong span{color:var(--lime)}.wordmark-icon{width:35px;height:35px;display:grid;place-items:center;border:2px solid var(--lime);border-radius:10px;color:var(--lime);font-size:29px;line-height:1;letter-spacing:0}.topbar nav{margin-left:auto;display:flex;gap:36px;font-size:13px;font-weight:700;color:#c9d9dd}.topbar nav a:hover,.text-link:hover,footer a:hover{color:var(--lime)}.nav-action{border:1px solid #6caac1;padding:12px 18px;border-radius:4px;font-size:13px;font-weight:700;white-space:nowrap}.nav-action span{margin-left:18px;color:var(--lime)}.nav-action:hover{background:#123642}
.hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:735px}.hero-copy{padding:clamp(55px,6vw,95px) 35px 45px clamp(24px,5.2vw,84px);position:relative;z-index:1}.eyebrow{font-family:'Space Grotesk',sans-serif;font-size:12px;letter-spacing:.17em;font-weight:700;color:var(--lime);margin:0 0 30px}.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px #c5f77925;margin-right:12px}.event-logo{display:block;width:min(420px,90%);height:auto;margin:0 0 38px;border:1px solid #5e8793;border-radius:4px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Space Grotesk',sans-serif;letter-spacing:-.07em}h1{font-size:clamp(57px,6.1vw,100px);line-height:.99;margin-bottom:28px}h1 em,h2 em{color:var(--lime);font-style:normal}.hero-intro{max-width:510px;color:#c5d6d9;font-size:18px;line-height:1.7;margin-bottom:34px}.hero-intro strong{color:white}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 21px;border-radius:4px;font-weight:700;font-size:14px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button.primary{background:var(--lime);color:var(--navy)}.button.primary:hover{background:#dbff9f}.text-link{font-size:14px;font-weight:700;border-bottom:1px solid #7596a4;padding:9px 0}.text-link span{color:var(--lime);padding-left:7px}.hero-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:74px;font-family:'Space Grotesk',sans-serif;color:#a9c3ca;font-size:11px;letter-spacing:.13em;font-weight:700}.hero-meta i{width:3px;height:3px;border-radius:50%;background:var(--lime)}
.hero-art{position:relative;min-height:670px;background:radial-gradient(circle at 47% 48%,#1e5867 0,#0c2936 40%,#091d2a 72%);border-left:1px solid var(--line);overflow:hidden}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#76b2bb13 1px,transparent 1px),linear-gradient(90deg,#76b2bb13 1px,transparent 1px);background-size:37px 37px;mask-image:linear-gradient(90deg,transparent,black 25%)}.orbit{position:absolute;border:1px solid #82d0d940;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%)}.orbit-one{width:73%;aspect-ratio:1}.orbit-two{width:96%;aspect-ratio:1;border-style:dashed}.main-emblem{position:absolute;width:min(70%,440px);left:50%;top:48%;transform:translate(-50%,-50%);filter:drop-shadow(0 25px 60px #020b11aa)}.scan,.art-bottom{position:absolute;font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;color:#a4d7df}.scan{padding:12px 16px;border:1px solid #458096;background:#08222ccf}.scan-a{top:14%;right:6%}.scan-a span{color:var(--lime);margin-left:14px}.scan-b{bottom:20%;left:5%;color:var(--lime)}.art-bottom{bottom:31px;left:6%;right:6%;display:flex;justify-content:space-between;border-top:1px solid #4b8893;padding-top:17px}.art-bottom span:last-child{color:var(--lime)}
.ticker{background:var(--lime);color:var(--navy);overflow:hidden;white-space:nowrap;padding:21px 0;text-align:center;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:15px;letter-spacing:.13em}.ticker b{margin:0 29px;color:#418573;font-size:16px}.section-pad{padding:115px clamp(24px,5.2vw,84px)}.experience{background:#f2f4ec;color:var(--navy)}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end;margin-bottom:66px}.section-heading .eyebrow{grid-column:1/-1;color:#2b83a0;margin-bottom:-8px}.section-heading h2{font-size:clamp(44px,5vw,76px);line-height:1.04;margin:0}.section-heading h2 em{color:#2787a2}.section-heading>p:last-child{max-width:490px;color:#52636a;font-size:18px;line-height:1.7;margin:0 0 5px auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bed1d1;border-bottom:1px solid #bed1d1}.steps article{padding:32px 33px 37px 0;min-height:260px}.steps article+article{padding-left:33px;border-left:1px solid #bed1d1}.step-number{font-family:'Space Grotesk',sans-serif;font-size:12px;color:#267e9b;font-weight:700}.step-icon{font-size:42px;color:#2792a5;margin:14px 0 22px;line-height:1}.steps h3{font-family:'Space Grotesk',sans-serif;font-size:24px;letter-spacing:-.05em;margin-bottom:9px}.steps p{max-width:270px;color:#55696e;line-height:1.6;margin:0}
.date-section{background:#0a2230}.date-panel{border:1px solid #6d9dac;background:linear-gradient(135deg,#c5f779 0,#d5f7aa 52%,#f0f2d6 100%);color:var(--navy);box-shadow:16px 16px 0 #174254}.date-top{display:flex;justify-content:space-between;gap:16px;padding:22px 30px;border-bottom:1px solid #829a78;font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em}.date-status .pulse{background:#186c68;box-shadow:0 0 0 5px #186c6820}.date-main{display:grid;grid-template-columns:.65fr 1fr}.date-main>div:first-child{padding:52px clamp(28px,4vw,66px);border-right:1px solid #829a78}.date-month,.date-weekday{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:.15em;font-size:14px;margin:0}.date-day{font-family:'Space Grotesk',sans-serif;font-size:clamp(155px,19vw,300px);font-weight:700;line-height:.9;letter-spacing:-.12em;display:block;margin:15px 0 18px -15px}.date-detail{padding:55px clamp(28px,5vw,80px)}.date-detail h2{font-size:clamp(50px,5vw,78px);line-height:1.02;margin-bottom:22px}.date-detail h2 em{color:#247790}.date-detail>p{color:#3e5b5d;line-height:1.6;font-size:17px;max-width:460px;margin-bottom:40px}.time{display:flex;align-items:center;gap:15px;margin-bottom:40px}.time>span{font-size:44px;line-height:1;color:#1c6573}.time strong{font-family:'Space Grotesk',sans-serif;font-size:25px;letter-spacing:-.04em;display:block}.time small{color:#587374;display:block;margin-top:2px}.button.dark{background:var(--navy);color:#fff}.button.dark:hover{background:#215569}footer{padding:40px clamp(24px,5.2vw,84px);display:flex;justify-content:space-between;align-items:center;gap:20px;color:#9fb9c1;font-size:13px}footer .footer-brand{font-size:19px;color:white}footer .footer-brand .wordmark-icon{width:29px;height:29px;font-size:23px}footer small{font-family:'DM Sans',sans-serif;font-weight:400;font-size:11px;letter-spacing:0;margin-left:8px;color:#8eacb5}footer p{margin:0}footer a{white-space:nowrap}
@media(max-width:1050px){.hero{grid-template-columns:1fr 1fr}.hero-art{min-height:600px}h1{font-size:clamp(56px,6vw,80px)}.hero-meta{margin-top:45px}.section-heading{grid-template-columns:1fr}.section-heading .eyebrow{grid-column:auto}.section-heading>p:last-child{margin:0}.date-main{grid-template-columns:.6fr 1fr}.date-day{font-size:190px}}
@media(max-width:760px){.topbar{height:72px;gap:14px}.topbar nav{display:none}.nav-action{margin-left:auto;padding:10px 12px}.nav-action span{margin-left:5px}.hero{display:flex;flex-direction:column}.hero-copy{padding:55px 24px 45px}.hero-art{min-height:440px;border-left:0;border-top:1px solid var(--line)}.main-emblem{width:62%;max-height:370px}.orbit-one{width:55%}.orbit-two{width:75%}.scan-a{top:10%}.scan-b{bottom:18%}.hero-meta{margin-top:44px}.ticker{font-size:11px;text-align:left}.ticker b{margin:0 15px}.section-pad{padding:75px 24px}.section-heading{gap:18px;margin-bottom:42px}.steps{grid-template-columns:1fr}.steps article,.steps article+article{min-height:auto;padding:25px 0;border-left:0}.steps article+article{border-top:1px solid #bed1d1}.step-icon{display:inline-block;margin:0 16px 0 0;vertical-align:middle}.steps h3{display:inline-block;margin:0;vertical-align:middle}.steps p{max-width:none;margin-top:12px}.date-main{grid-template-columns:1fr}.date-main>div:first-child{padding:35px 30px;border-right:0;border-bottom:1px solid #829a78}.date-day{font-size:170px;margin:0 0 0 -10px}.date-detail{padding:40px 30px}.date-top{padding:18px;flex-wrap:wrap}.date-panel{box-shadow:8px 8px 0 #174254}footer{flex-wrap:wrap}.footer-brand{width:100%}}
@media(max-width:430px){h1{font-size:52px}.hero-intro{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:12px}.hero-art{min-height:350px}.scan{font-size:8px}.scan-a{right:3%}.scan-b{left:3%}.art-bottom{font-size:8px}.date-detail h2{font-size:46px}.time strong{font-size:21px}.date-status{display:none}.event-logo{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.main-emblem{aspect-ratio:1;display:grid;place-items:center;border:2px solid #70d5ff88;border-radius:50%;background:radial-gradient(circle,#17475c 0,#0b2a39 68%,#081d2a 69%);box-shadow:0 0 0 19px #70d5ff10,0 25px 60px #020b11aa;max-height:none}
.main-emblem::before{content:"";position:absolute;inset:9%;border:1px dashed #a6e9d566;border-radius:50%}
.main-emblem img{width:64%;height:64%;object-fit:contain;position:relative;filter:drop-shadow(0 14px 30px #0008)}
.emblem-flag{position:absolute;right:8%;top:14%;width:62px;height:62px;display:grid;place-items:center;background:var(--lime);border:7px solid var(--navy2);border-radius:50%;color:var(--navy);font-size:37px;line-height:1}
@media(max-width:760px){.main-emblem{width:min(62%,370px)}.emblem-flag{width:48px;height:48px;font-size:28px;border-width:5px}}
.wordmark img.wordmark-icon,.footer-brand img.wordmark-icon{border:0;border-radius:50%;object-fit:contain}
.date-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.registration-note{max-width:470px;margin:25px 0 0!important;padding-top:14px;border-top:1px solid #829a78;color:#3e5b5d;font-size:13px!important;line-height:1.5!important;scroll-margin-top:30px}
.scan-a{display:flex;gap:16px;align-items:center;white-space:nowrap}.scan-a .signal-state{margin-left:0;color:var(--lime)}
.scan-b{max-width:calc(100% - 32px);overflow-wrap:anywhere;line-height:1.35}
.next-signal{appearance:none;border:0;background:none;color:var(--lime);font:inherit;letter-spacing:inherit;cursor:pointer;padding:0;text-transform:uppercase}
.next-signal:hover{text-decoration:underline;text-underline-offset:4px}.next-signal span{padding-left:10px}
.signal-enter .main-emblem img{animation:signal-icon-in .6s ease both}.signal-enter .scan{animation:signal-copy-in .6s ease both}
@keyframes signal-icon-in{from{opacity:0;transform:scale(.86) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes signal-copy-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:430px){.scan-a{gap:7px}.art-bottom{gap:10px}.next-signal{font-size:8px}.scan-b{bottom:17%}}
@media(prefers-reduced-motion:reduce){.signal-enter .main-emblem img,.signal-enter .scan{animation:none}}
.event-scene{position:relative;margin:0;min-height:clamp(560px,56vw,790px);overflow:hidden;background:#061923}
.event-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 42%,#0619231f 61%,#061923cc 100%);pointer-events:none}
.event-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 50%}
.event-scene figcaption{position:absolute;z-index:1;right:clamp(24px,5.2vw,84px);top:50%;transform:translateY(-50%);width:min(390px,31%);display:flex;flex-direction:column;align-items:flex-start;color:#f4f8ef;text-shadow:0 2px 18px #021017}
.event-scene figcaption span,.event-scene figcaption small{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;letter-spacing:.15em;color:#bceaf7}
.event-scene figcaption strong{font-family:'Space Grotesk',sans-serif;font-size:clamp(36px,4vw,62px);line-height:1.04;letter-spacing:-.07em;margin:18px 0 30px}
.event-scene figcaption small{color:var(--lime)}
@media(max-width:760px){.event-scene{min-height:0;display:flex;flex-direction:column}.event-scene>img{position:relative;height:390px;object-position:34% center}.event-scene::after{display:none}.event-scene figcaption{position:relative;top:auto;right:auto;transform:none;width:auto;padding:28px 24px 36px;background:#082331}.event-scene figcaption strong{font-size:42px;margin:12px 0 20px}}
@media(max-width:430px){.event-scene>img{height:320px;object-position:33% center}.event-scene figcaption strong{font-size:38px}}
.wordmark>span{display:flex;flex-direction:column;line-height:1.02;font-size:15px;letter-spacing:0}
.wordmark>span>span{font-size:20px;letter-spacing:-.05em}
.footer-brand strong{font-size:18px;letter-spacing:-.04em}.footer-brand strong span{white-space:nowrap}
.date-detail h2{font-size:clamp(39px,4.4vw,66px)}
@media(max-width:430px){.wordmark>span{font-size:12px}.wordmark>span>span{font-size:16px}.footer-brand small{display:block;margin-left:0}.footer-brand{flex-wrap:wrap}.event-logo{width:100%}}

/* Emblema circular del evento: tamaño equilibrado en la portada. */
.event-logo{width:clamp(145px,16vw,190px);height:auto;margin-bottom:24px;border:0;border-radius:50%}
@media(max-width:430px){.event-logo{width:150px}}
