/* Controles superpuestos, viaje secuencial y pista visible de exploración. */
.sound-control{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));z-index:100;background:#161310d9;color:#eee3cf;border-color:#b9a48660;backdrop-filter:blur(8px);box-shadow:0 3px 16px #0002}
#intro{padding-top:24px}
#experience:has(#concert:not([hidden])){padding-top:0}
.traveling #experience{height:100svh;min-height:100svh;padding:0;gap:0}
.travel-date{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;pointer-events:none}
.travel-date>span,.travel-date>small{display:none}
.travel-date strong{display:block;transform-origin:center;font-size:clamp(80px,14vw,170px)}
.traveling #message{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:0 20px;animation:message-arrival .6s both}
.traveling .skip{position:fixed;bottom:30px}
#arrival-flash{position:fixed;inset:0;z-index:90;pointer-events:none;background:radial-gradient(ellipse at center,#fffbed,#f4dab6);animation:arrival-glow 1.15s ease-in-out both}
.concert-hero{min-height:0}
.event-copy{padding:18px 0 16px}
.event-copy .brand img{max-height:230px}
.event-copy .tagline{margin:8px 0 20px}
.stage{height:470px}
.explore{text-decoration:none;color:inherit;padding:15px 0 12px;cursor:pointer;scroll-margin-top:20px}
.explore h3 span{display:inline-block;margin-left:10px;color:#e34842;animation:explore-down 1.8s ease-in-out infinite}
.explore:hover h3{color:#fff1d7}
#event-objects{scroll-margin-top:24px}
@keyframes message-arrival{from{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur(0)}}
@keyframes arrival-glow{0%{opacity:0}40%,55%{opacity:1}100%{opacity:0}}
@keyframes explore-down{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@media(min-width:1500px){.concert-hero{min-height:0}.stage{height:500px}}
@media(max-width:1000px){.stage{height:410px}.event-copy .brand img{max-height:205px}}
@media(max-width:640px){#intro{padding-top:24px}.event-copy{padding-top:16px}.event-copy .brand img{max-height:185px}.stage{height:230px}.event-copy .tagline{margin-bottom:12px}.event-copy .tickets{margin-top:10px}.explore{padding:14px 0}.arrival-note{margin-bottom:12px}.traveling #experience{padding:0}}
@media(prefers-reduced-motion:reduce){.explore h3 span,.traveling #message,#arrival-flash{animation:none!important}}