:root{--bg:#07090d;--cyan:#edce83;--gold:#edce83;--muted:#afb3be;--line:#c7b58c30}
body{background:#07090d}.hero{background:radial-gradient(ellipse at 90% 40%,#13304766,transparent 58%)}.hero:before,.hero:after{display:none!important}
.hero-grid{grid-template-columns:.88fr 1.25fr;gap:48px;padding:48px 0 60px;align-items:center}.hero h1{font-size:clamp(58px,6.3vw,90px);margin-bottom:24px}.hero-copy{max-width:490px}.artists{font-size:clamp(25px,2.6vw,35px);gap:10px}.artists b{color:#edce83}.tribute-label{color:#c4b58e}.intro{font-size:15px;line-height:1.7;max-width:450px}.eras-line{font-size:12px;letter-spacing:.02em;margin:20px 0}.date{margin:24px 0;padding:17px 0}.date strong{font-size:52px}.hero .button{font-size:20px;letter-spacing:.035em;min-height:65px;padding:18px 30px;background:#edce83;border-color:#edce83;color:#101116;gap:22px}.button:hover{background:#ffe8ac}.ticket-note{max-width:430px;line-height:1.6}
.era-stage{min-width:0;position:relative}.era-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start}.era-pillar{appearance:none;text-align:left;position:relative;width:100%;height:500px;overflow:hidden;border:1px solid #ffffff25;border-radius:2px;background:#111821;cursor:pointer;padding:0;color:#fff;isolation:isolate;transition:border-color .25s,transform .4s}.era-pillar:nth-child(2){margin-top:30px}.era-pillar:nth-child(3){margin-top:60px}.era-pillar img{position:absolute;bottom:0;left:0;width:100%;height:145%;max-width:none;object-fit:cover;object-position:50% 100%;transition:transform .7s,opacity .4s;opacity:.78}.era-pillar:after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#05090cdd,transparent 42%,transparent 63%,#05090cdd)}.era-pillar:hover img,.era-pillar.is-active img{opacity:1;transform:scale(1.035)}.era-pillar:hover,.era-pillar.is-active{border-color:#edce83}.era-pillar:focus-visible{outline:3px solid #edce83;outline-offset:4px}.pillar-label{position:absolute;z-index:2;left:14px;right:10px;top:18px}.pillar-label small{display:block;text-transform:uppercase;font:10px Arial,sans-serif;letter-spacing:.12em;color:#d1d9e2;line-height:1.5}.pillar-label strong{display:block;margin-top:12px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:32px;font-weight:600;line-height:.98}.pillar-select{position:absolute;bottom:18px;right:14px;z-index:2;width:29px;height:29px;border:1px solid #edce8370;display:grid;place-items:center;font:22px Arial;color:#edce83}.era-pillar.is-active .pillar-select{background:#edce83;color:#0c1117}.era-caption{margin-top:23px;padding:19px 0 0;border-top:1px solid #edce8350}.era-caption-kicker{font-size:10px;letter-spacing:.17em;color:#edce83}.era-caption p{min-height:42px;margin:8px 0;font-size:13px;color:#d6dae3;line-height:1.65}.era-instruction{color:#7e8998;font-size:10px}.ribbon{background:#0d1016}.chapter{padding:75px 0}.era-grid{gap:18px;border:0}.era{border:1px solid var(--line)!important;padding:22px;background:#0e131a;display:flex;flex-direction:column}.era:after{display:none!important}.era-cover{height:300px!important;aspect-ratio:auto!important;position:relative}.era-cover img{position:absolute!important;bottom:0!important;width:100%!important;height:150%!important;max-height:none!important;object-fit:cover!important;object-position:50% 100%!important;animation:none!important;filter:none!important;transform:none!important;aspect-ratio:auto!important}.era-cover:after{display:none}.era p{line-height:1.7}.info{gap:45px}.closing{background:linear-gradient(110deg,#19222f,#0b111a)}.closing .button{font-size:18px}.official-poster{border:1px solid var(--line);padding:18px;margin-top:26px}.official-poster summary{font-size:13px;color:#edce83}.official-poster .poster{max-width:300px;margin:22px auto}.poster{animation:none!important}.poster a{box-shadow:none}.mobile-buy{background:#090c12f5!important;border-top:1px solid #edce8350}.mobile-buy .button{font-size:14px;letter-spacing:.02em}
@media(max-width:1000px){.hero-grid{gap:28px;grid-template-columns:.9fr 1.1fr}.era-pillar{height:430px}.pillar-label strong{font-size:27px}.pillar-label{left:10px}.hero h1{font-size:66px}.hero .button{font-size:18px}.era-caption p{min-height:60px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav-links{gap:16px;font-size:11px}.nav-links a:first-child{display:none}.hero-grid{display:flex;flex-direction:column;gap:30px;padding:32px 0 42px}.hero-copy{max-width:none;width:100%}.hero h1{font-size:clamp(60px,13vw,86px);margin-bottom:20px}.artists{font-size:30px}.hero .button{width:100%;font-size:20px;min-height:62px}.hero .intro{max-width:none}.hero .date{margin:22px 0}.era-stage{width:100%;max-width:620px}.era-pillars{gap:7px}.era-pillar{height:345px}.era-pillar:nth-child(2){margin-top:14px}.era-pillar:nth-child(3){margin-top:28px}.pillar-label{left:9px;top:13px}.pillar-label small{font-size:8px;letter-spacing:.045em}.pillar-label strong{font-size:25px;margin-top:9px}.era-caption p{min-height:44px}.era-grid{display:grid;grid-template-columns:1fr}.era{display:grid;grid-template-columns:115px 1fr;gap:0 20px;padding:18px}.era-cover{grid-row:1/5;width:115px;height:195px!important;margin:0!important}.era .number{margin-bottom:10px!important}.era h3{font-size:30px}.era small{font-size:11px}.era p{font-size:12px;line-height:1.6}.section-heading{gap:24px}.chapter{padding:48px 0}.closing{padding:28px}.mobile-buy{display:flex!important;padding-bottom:max(12px,env(safe-area-inset-bottom))}.mobile-buy .button{padding:12px 15px;gap:10px;white-space:nowrap}.info{gap:25px}}
@media(max-width:380px){.era-pillar{height:310px}.pillar-label strong{font-size:22px}.mobile-buy>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.era-pillar,.era-pillar img{transition:none!important}}
/* Paleta de las tres etapas y encuadres alineados */
.era-pillar:nth-child(1){--era-color:#92d8f2;background:#123849}
.era-pillar:nth-child(2){--era-color:#f4f4f4;background:#151515;margin-top:0}
.era-pillar:nth-child(3){--era-color:#ff9844;background:#391a0d;margin-top:0}
.era-pillar:nth-child(3) img{height:175%}
.era-pillar:after{background:linear-gradient(180deg,#05090ce6,transparent 38%,transparent 65%,#05090cd9)}
.era-pillar:hover,.era-pillar.is-active{border-color:var(--era-color);box-shadow:0 0 0 1px var(--era-color)}
.pillar-label strong,.pillar-select{color:var(--era-color)}
.pillar-select{border-color:var(--era-color)}
.era-pillar.is-active .pillar-select{background:var(--era-color)}
.era:nth-child(1) h3{color:#92d8f2}.era:nth-child(2) h3{color:#fff}.era:nth-child(3) h3{color:#ff9844}
.era:nth-child(3) .era-cover img{height:175%!important}
@media(max-width:760px){.era-pillar:nth-child(2),.era-pillar:nth-child(3){margin-top:0}}