@font-face{font-family:TicketSerif;src:url('assets/eb-garamond.woff') format('woff');font-display:swap}
.event-showcase{background:#101720;color:#d5edf0}
.event-reel{padding:5px 3px 16px;gap:30px;align-items:stretch}
.event-reel .designed-ticket{--ticket-paper:#bdf4f2;--ticket-bg:#10151b;--ticket-button:#8af2f4;display:grid;grid-template-columns:minmax(0,1fr) 21%;color:var(--ticket-paper);background:var(--ticket-bg);border:2px solid var(--ticket-paper);border-radius:22px;mask-image:none;-webkit-mask-image:none;overflow:visible;isolation:isolate;box-shadow:0 12px 30px #0003;margin:0;flex:0 0 100%;min-width:0}
.event-reel .designed-ticket.serena{--ticket-paper:#ffeda4;--ticket-bg:#062b6b;--ticket-button:#ffd429;background:linear-gradient(100deg,#07357d,#05245b)}
.designed-main{padding:20px 25px 12px;min-width:0}
.designed-top{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--ticket-paper);padding:0 0 13px;font:700 clamp(10px,1.35vw,20px)/1.2 TicketSerif,Georgia;letter-spacing:5px;position:relative;z-index:4}
.cup-state{position:relative;letter-spacing:3px}
.cup-state summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;text-transform:uppercase;min-height:36px;padding:5px 0 5px 10px}
.cup-state summary::-webkit-details-marker{display:none}
.cup-state summary i{width:10px;height:10px;flex-shrink:0;border-radius:50%;background:#82dde8}
.cup-state summary b{font:18px Inter;letter-spacing:0;transition:transform .2s}
.cup-state[open] summary b{transform:rotate(45deg)}
.cup-state summary:hover{color:#fff}
.cup-state summary:focus-visible,.designed-ticket a:focus-visible{outline:2px solid var(--ticket-paper);outline-offset:4px}
.cup-state-panel{position:absolute;right:0;top:calc(100% + 12px);width:300px;max-width:70vw;background:var(--ticket-paper);color:var(--ticket-bg);padding:22px;box-shadow:0 15px 35px #0005;letter-spacing:0;border:1px solid currentColor}
.cup-state-panel>strong{font:700 22px/1.1 Inter;letter-spacing:-.7px}
.cup-state-panel p{font:13px/1.6 Inter;margin:12px 0 17px}
.cup-state-panel a{font:700 12px/1.5 Inter;text-decoration:underline;text-underline-offset:4px}
.designed-ticket[data-status=completed] .cup-state summary i{background:#ffeda4}
.designed-ticket[data-status=live] .cup-state summary i{background:#ff285b;animation:cup-live-pulse 1.7s ease-out infinite}
@keyframes cup-live-pulse{0%,100%{box-shadow:0 0 0 0 #ff285b00}35%{box-shadow:0 0 0 7px #ff285b33}70%{box-shadow:0 0 0 12px #ff285b00}}
.designed-art{position:relative;aspect-ratio:1110/480;overflow:hidden;margin:9px -3px 0;isolation:isolate}
.designed-art img{position:absolute;display:block;width:138.378%;height:auto;max-width:none;left:-4.505%;top:-28.125%;user-select:none;pointer-events:none}
.solidaridad .designed-art{aspect-ratio:1134/470}
.solidaridad .designed-art img{width:135.45%;left:-5.291%;top:-29.787%}
.designed-location{font:700 clamp(10px,1.5vw,22px)/1.3 TicketSerif,Georgia;letter-spacing:4px;padding:13px 0 14px;border-bottom:1px solid var(--ticket-paper);white-space:normal}
.designed-metrics{display:grid;grid-template-columns:1.1fr 1fr 1.1fr;gap:0;padding:14px 0}
.designed-metrics>div{padding:0 20px;border-right:1px solid var(--ticket-paper);display:flex;flex-direction:column;justify-content:flex-end}
.designed-metrics>div:first-child{padding-left:0}.designed-metrics>div:last-child{border:0;padding-right:0}
.designed-metrics strong{font:700 clamp(35px,5.1vw,78px)/.75 TicketSerif,Georgia;letter-spacing:-3px;margin-bottom:9px}
.designed-metrics span{font:clamp(8px,1vw,15px)/1.4 Plex;letter-spacing:-.2px}
.designed-live{display:flex;width:100%;align-items:center;justify-content:space-between;gap:15px;border:0;border-radius:14px;background:var(--ticket-button);color:var(--ticket-bg);padding:10px 20px 13px;font:700 clamp(20px,2.6vw,40px)/1.15 TicketSerif,Georgia;text-decoration:none;transition:background .2s,transform .2s;min-height:62px;text-align:left}
.designed-live b,.designed-case b{font:40px/1 Inter;font-weight:400;transition:transform .25s}
.designed-live:hover{background:var(--ticket-paper);color:var(--ticket-bg);text-decoration:none}
.designed-live:hover b,.designed-case:hover b{transform:translateX(5px)}
.designed-live:active{transform:translateY(2px)}
.designed-live.pending-live{opacity:.8;cursor:default;background:#bdf4f224;color:var(--ticket-paper);border:1px solid #bdf4f270}
.designed-case{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--ticket-paper);padding:10px 0 2px;margin-top:12px;color:inherit;font:700 clamp(20px,2.3vw,34px)/1.2 TicketSerif,Georgia;text-decoration:none}
.designed-case:hover{color:#fff;text-decoration:none}
.designed-stub{border-left:3px dotted var(--ticket-paper);background:#073db7;border-radius:0 20px 20px 0;padding:23px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;justify-content:flex-start}
.serena .designed-stub{background:#041f4d}
.designed-stub::before,.designed-stub::after{content:'';position:absolute;left:-17px;width:30px;height:15px;background:#101720;border:2px solid var(--ticket-paper);z-index:3}
.designed-stub::before{top:-2px;border-top:0;border-radius:0 0 30px 30px}.designed-stub::after{bottom:-2px;border-bottom:0;border-radius:30px 30px 0 0}
.designed-stub .stub-edition{font:700 clamp(12px,1.5vw,22px)/1.2 TicketSerif,Georgia;letter-spacing:4px;padding:0 0 15px;width:100%;border-bottom:1px solid}
.designed-stub .stub-year{font:italic clamp(50px,7.7vw,118px)/1 TicketSerif,Georgia;letter-spacing:-7px;padding:8px 0 16px;border-bottom:1px solid;width:100%}
.designed-stub .stub-month{font:700 clamp(10px,1.35vw,21px)/1 TicketSerif,Georgia;letter-spacing:3px;margin-top:17px}
.designed-stub .stub-dates{display:flex;flex-direction:column;align-items:center;margin:16px 0 20px;font:italic clamp(70px,10vw,152px)/.75 TicketSerif,Georgia;letter-spacing:-7px}
.stub-dates i{font:24px/1 Inter;letter-spacing:0;margin:10px 0}
.stub-brand{font:700 clamp(13px,1.7vw,24px)/1 TicketSerif,Georgia;letter-spacing:6px;border-top:1px solid;width:100%;padding-top:16px}
.stub-state{font:700 10px/1.4 TicketSerif,Georgia;letter-spacing:3px;margin-top:40px}
.stub-mobile-date{display:none}
@media(max-width:1000px){.designed-main{padding:15px 18px 12px}.designed-top{letter-spacing:3px;font-size:12px;gap:10px}.cup-state{letter-spacing:1.5px}.designed-location{letter-spacing:2px}.designed-stub{padding:20px 15px}.designed-metrics>div{padding-inline:12px}.stub-state{font-size:8px;letter-spacing:2px}}
@media(max-width:650px){.event-reel{padding:3px 2px 12px;gap:18px}.event-reel .designed-ticket{display:flex;flex-direction:column;border-radius:17px}.designed-main{padding:12px 14px 14px}.designed-top{font-size:9px;letter-spacing:1.1px;gap:7px;padding-bottom:8px}.cup-state{letter-spacing:.7px}.cup-state summary{gap:5px;min-height:36px;padding-left:0}.cup-state summary i{width:7px;height:7px}.cup-state summary b{font-size:14px}.cup-state-panel{width:260px;max-width:75vw;padding:18px}.cup-state-panel>strong{font-size:20px}.cup-state-panel p{font-size:12px}.designed-art{margin:10px -5px 0}.designed-location{font-size:10px;letter-spacing:1.1px;padding:11px 0;line-height:1.4}.designed-metrics{padding:17px 0}.designed-metrics>div{padding-inline:10px}.designed-metrics strong{font-size:40px;letter-spacing:-2px;margin-bottom:6px}.designed-metrics span{font:8px/1.4 Inter;letter-spacing:0}.designed-live{font-size:22px;line-height:1.05;padding:13px 12px;border-radius:9px;min-height:60px}.designed-live b,.designed-case b{font-size:28px}.designed-case{font-size:24px;padding-top:13px;margin-top:14px;min-height:50px}.designed-stub{border-left:0;border-top:2px dotted var(--ticket-paper);border-radius:0 0 15px 15px;padding:17px 14px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:14px}.designed-stub::before,.designed-stub::after{width:12px;height:24px;top:-14px;bottom:auto;border:2px solid var(--ticket-paper);border-radius:0 24px 24px 0;left:-2px;border-left:0}.designed-stub::after{left:auto;right:-2px;transform:rotate(180deg)}.designed-stub .stub-year,.designed-stub .stub-month,.designed-stub .stub-dates,.designed-stub .stub-state,.designed-stub .stub-brand{display:none}.designed-stub .stub-edition{font-size:10px;letter-spacing:1px;padding:0;border:0;width:auto;white-space:nowrap}.stub-mobile-date{display:block;font:700 12px/1.3 TicketSerif,Georgia;letter-spacing:.6px;text-align:right}}
@media(prefers-reduced-motion:reduce){.designed-ticket *{animation:none!important;transition:none!important}}
