/* JB PASS · Supreme visual layer
   Presentation and interaction only. Business flows remain in the existing pages. */
:root{
  --sup-lime:#cfff00;
  --sup-mint:#72ffd0;
  --sup-blue:#3c8cff;
  --sup-ink:#030504;
  --sup-panel:rgba(8,13,10,.9);
  --sup-line:rgba(222,255,213,.15);
  --sup-display:'Bricolage Grotesque','Space Grotesk',Manrope,sans-serif;
}

/* Cuentas separadas del centro de soporte */
.supportAccessCallout{background:linear-gradient(135deg,rgba(202,255,0,.06),rgba(68,222,159,.04))!important}.supportAccount{margin:12px 0;border:1px solid var(--line,#30352f);border-radius:16px;background:#0b0f0c;overflow:hidden}.supportAccount summary{display:flex;align-items:center;justify-content:space-between;padding:16px;cursor:pointer}.supportAccount summary span{display:grid;gap:4px}.supportAccount summary small{color:#818981}.supportAccount summary em{color:#caff00;font-size:11px;font-style:normal}.supportAccount>form{display:grid;gap:10px;padding:0 16px 14px}.supportAccountActions{display:flex;gap:8px;padding:0 16px 16px}.supportAccountActions form{margin:0}.supportAccounts .settingsIntro>.btn{margin-top:12px}
html{scroll-behavior:smooth}
body{background:radial-gradient(circle at 88% 2%,rgba(55,129,255,.07),transparent 28%),#030504}
.supremeScrollProgress{position:fixed;z-index:9999;left:0;top:0;width:100%;height:2px;pointer-events:none;background:linear-gradient(90deg,var(--sup-lime),var(--sup-mint),var(--sup-blue));transform:scaleX(var(--scroll-progress,0));transform-origin:left center;box-shadow:0 0 18px rgba(207,255,0,.7)}
.nav{border-bottom-color:rgba(255,255,255,.08);background:rgba(2,5,3,.76);box-shadow:0 12px 45px rgba(0,0,0,.18);backdrop-filter:blur(24px) saturate(135%)}
.nav:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--sup-lime) 18%,var(--sup-blue) 78%,transparent);opacity:.26}

/* Supreme home: a live-event stage that reacts to the active event. */
.homeSupreme{--pointer-x:50%;--pointer-y:42%;--active-poster:none;position:relative;min-height:calc(100svh - 82px)!important;background:linear-gradient(90deg,rgba(1,4,2,.98) 0%,rgba(1,4,2,.87) 34%,rgba(1,4,2,.26) 76%,rgba(1,4,2,.62) 100%),linear-gradient(180deg,transparent 62%,#030504 100%),url('jbpass-stage-supreme.webp') 58% center/cover no-repeat!important}
.homeSupreme:before{content:"";position:absolute;z-index:0;inset:0;background:radial-gradient(600px circle at var(--pointer-x) var(--pointer-y),rgba(143,255,194,.09),transparent 56%);pointer-events:none;transition:background .12s linear}
.homeSupreme:after{opacity:.75;background:linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.homeAtmosphere{z-index:0!important}
.activePosterAura{position:absolute;right:-3%;top:8%;width:56%;height:72%;background-image:linear-gradient(90deg,#030504 0%,transparent 42%),var(--active-poster);background-position:center;background-size:cover;filter:blur(55px) saturate(1.35);opacity:.13;transform:scale(1.08);transition:background-image .7s ease,opacity .7s ease}
.stageSweep{position:absolute;inset:-20%;background:conic-gradient(from 220deg at 76% 12%,transparent 0 17%,rgba(207,255,0,.11) 18%,transparent 19% 31%,rgba(60,140,255,.09) 32%,transparent 33%);animation:supSweep 13s ease-in-out infinite alternate;transform-origin:76% 12%}
@keyframes supSweep{from{rotate:-4deg;opacity:.45}to{rotate:5deg;opacity:.9}}
.supremeSideNote{position:absolute;z-index:2;right:17px;top:50%;display:flex;align-items:center;gap:12px;writing-mode:vertical-rl;rotate:180deg;color:rgba(255,255,255,.36);font-size:8px;font-weight:900;letter-spacing:.25em;text-transform:uppercase}
.supremeSideNote i{width:1px;height:58px;background:linear-gradient(var(--sup-lime),transparent)}
.homeHeroGrid{position:relative;z-index:2}
.homePitch{align-self:center}
.supremeEdition{display:block;margin:17px 0 -7px;color:rgba(255,255,255,.42);font-size:9px;font-weight:800;letter-spacing:.28em;text-transform:uppercase}
.homePitch h1{max-width:800px;font-size:clamp(76px,7.2vw,122px)!important;line-height:.79!important;letter-spacing:-.08em!important}
.homePitch h1 span{filter:drop-shadow(0 14px 36px rgba(207,255,0,.14))}
.homePitch>p{max-width:560px}
.supremeExplore{display:inline-flex;align-items:center;gap:13px;margin-top:27px;color:#e9eee9;font-size:10px;font-weight:900;letter-spacing:.13em;text-decoration:none;text-transform:uppercase}
.supremeExplore i{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.17);border-radius:50%;color:var(--sup-lime);font-style:normal;transition:transform .25s ease,border-color .25s ease}
.supremeExplore:hover i{transform:translateY(4px);border-color:var(--sup-lime)}
.homeCarousel{transform-style:preserve-3d}
.homeCarousel .carouselViewport{overflow-x:auto!important;overflow-y:hidden!important;padding:18px 0;margin:-18px 0}
.homeCarousel .featureSlide{height:min(61vh,590px)!important;min-height:510px;overflow:hidden;border-color:rgba(200,255,191,.22);background:linear-gradient(135deg,rgba(15,24,18,.95),rgba(3,7,5,.9));box-shadow:0 55px 150px rgba(0,0,0,.7),0 0 0 1px rgba(207,255,0,.035) inset;transform:perspective(1500px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)) translateZ(0);transition:transform .28s ease,border-color .35s ease,opacity .35s ease}
.homeCarousel .featureSlide:not(.isActive){opacity:.28}
.homeCarousel .featureSlide.isActive{border-color:rgba(207,255,0,.42)}
.homeCarousel .featureSlide:before{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;border:1px solid transparent;background:linear-gradient(120deg,rgba(255,255,255,.14),transparent 26%,transparent 72%,rgba(207,255,0,.1)) border-box;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude}
.homeCarousel .featurePoster{position:relative;isolation:isolate}
.posterScanline{position:absolute;z-index:3;left:0;right:0;top:-12%;height:14%;background:linear-gradient(transparent,rgba(207,255,0,.15),transparent);mix-blend-mode:screen;opacity:0}
.featureSlide.isActive .posterScanline{animation:supScan 5.5s ease-in-out infinite}
@keyframes supScan{0%,18%{top:-14%;opacity:0}32%{opacity:.7}70%{opacity:.25}84%,100%{top:106%;opacity:0}}
.featureStatus{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;color:#95a098;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.featureStatus span{display:flex;align-items:center;gap:8px}.featureStatus i{width:7px;height:7px;border-radius:50%;background:var(--sup-mint);box-shadow:0 0 0 5px rgba(114,255,208,.08),0 0 18px rgba(114,255,208,.7)}
.featureStatus em{font-style:normal;color:rgba(255,255,255,.34)}
.homeCarousel .featureCopy h2{font-size:clamp(38px,4vw,64px)!important;max-height:none;overflow:visible}
.homeCarousel .featureSlide.isLongTitle .featureCopy h2{font-size:clamp(33px,3.35vw,54px)!important;line-height:.94}
.homeCarousel .featureSlide.isVeryLongTitle .featureCopy h2{font-size:clamp(27px,2.75vw,44px)!important;line-height:.98}
.featureCountdown{display:flex;gap:8px;margin-top:17px}
.featureCountdown>span{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:4px;min-width:65px;padding:8px 10px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.025)}
.featureCountdown b{font:700 15px var(--sup-display);color:#efffe9;font-variant-numeric:tabular-nums}.featureCountdown small{font-size:7px;color:#78817a;letter-spacing:.08em;text-transform:uppercase}
.homeCarousel .featureBottom{margin-top:18px}
.homeCarousel .featureBottom .btn{position:relative;overflow:hidden}
.homeCarousel .featureBottom .btn:after{content:"";position:absolute;inset:-3px;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.65),transparent 70%);translate:-130% 0;transition:translate .6s ease}.homeCarousel .featureBottom .btn:hover:after{translate:130% 0}
.carouselProgress span{box-shadow:0 0 12px var(--sup-lime)}

/* A meaningful narrative section, not decorative filler. */
.supremeJourney{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);gap:clamp(42px,7vw,110px);align-items:end;padding-top:clamp(95px,10vw,160px);padding-bottom:clamp(78px,9vw,130px)}
.journeyIntro h2{margin:17px 0 24px;font:800 clamp(48px,5.8vw,86px)/.9 var(--sup-display);letter-spacing:-.065em}.journeyIntro h2 span{color:transparent;background:linear-gradient(100deg,var(--sup-lime),var(--sup-mint));background-clip:text;-webkit-background-clip:text}.journeyIntro p{max-width:460px;color:#889188;line-height:1.7}
.journeyTrack{counter-reset:journey;display:grid;gap:12px}
.journeyTrack article{display:grid;grid-template-columns:48px 58px minmax(150px,.8fr) minmax(190px,1fr);align-items:center;gap:18px;min-height:102px;padding:17px 22px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(110deg,rgba(13,20,15,.88),rgba(5,8,6,.82));transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s ease,background .35s ease}
.journeyTrack article:hover{transform:translateX(-10px);border-color:rgba(207,255,0,.35);background:linear-gradient(110deg,rgba(20,30,20,.96),rgba(7,12,9,.9))}
.journeyTrack article>span{color:#647066;font-size:9px;font-weight:900;letter-spacing:.13em}.journeyTrack article>i{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:rgba(207,255,0,.09);color:var(--sup-lime);font:normal 23px var(--sup-display)}.journeyTrack h3{margin:0;font:700 22px var(--sup-display)}.journeyTrack p{margin:0;color:#7f8981;font-size:12px;line-height:1.55}
.homeAppInvite{position:relative;overflow:hidden}.homeAppInvite:after{content:"APP";position:absolute;right:-10px;bottom:-45px;color:rgba(255,255,255,.025);font:800 150px var(--sup-display);letter-spacing:-.08em;pointer-events:none}
.catalogHeader h2{max-width:780px}
.eventCard{isolation:isolate}.eventCard:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(280px circle at var(--card-x,50%) var(--card-y,30%),rgba(207,255,0,.09),transparent 70%);opacity:0;transition:opacity .3s ease}.eventCard:hover:after{opacity:1}

/* Event creator: progressive wizard. Without JS every panel remains visible. */
.eventWizard{padding:clamp(22px,3vw,38px)!important;border:1px solid rgba(207,255,0,.16)!important;border-radius:30px!important;background:radial-gradient(circle at 92% 4%,rgba(60,140,255,.12),transparent 23%),linear-gradient(150deg,#0c130f,#050806 62%)!important;box-shadow:0 42px 120px rgba(0,0,0,.34)!important}
.eventWizardHeading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:25px}.eventWizardHeading h2{margin:8px 0 7px!important;font:800 clamp(34px,4vw,54px)/.95 var(--sup-display);letter-spacing:-.055em}.eventWizardHeading p{max-width:620px;margin:0;color:#7f8981}.eventDraftChip{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:9px 11px;border:1px solid rgba(114,255,208,.15);border-radius:999px;background:rgba(114,255,208,.035);color:#9cac9f;font-size:9px;font-weight:800;letter-spacing:.05em}.eventDraftChip i{width:7px;height:7px;border-radius:50%;background:var(--sup-mint);box-shadow:0 0 14px var(--sup-mint)}.eventDraftChip button{display:none;padding:0;border:0;background:none;color:#d7ff8a;font:inherit;cursor:pointer}.eventWizard[data-event-id="0"] .eventDraftChip button{display:inline}.eventDraftChip.hasDraft{border-color:rgba(207,255,0,.32);color:#e5efdf}.eventWizardSteps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:0 0 22px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(0,0,0,.24)}
.eventWizardSteps button{display:flex;align-items:center;gap:10px;min-width:0;padding:11px;border:1px solid transparent;border-radius:14px;background:transparent;color:#6f7a71;text-align:left;cursor:pointer;transition:.25s ease}.eventWizardSteps button b{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:9px}.eventWizardSteps button span{min-width:0;font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.eventWizardSteps button small{display:block;overflow:hidden;margin-top:2px;color:#596159;font-size:7px;font-weight:700;letter-spacing:0;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.eventWizardSteps button.isComplete{color:#b9c4bb}.eventWizardSteps button.isComplete b{border-color:rgba(114,255,208,.28);color:var(--sup-mint)}.eventWizardSteps button.isActive{border-color:rgba(207,255,0,.24);background:linear-gradient(120deg,rgba(207,255,0,.13),rgba(207,255,0,.035));color:#f7ffe8}.eventWizardSteps button.isActive b{border-color:var(--sup-lime);background:var(--sup-lime);color:#071000;box-shadow:0 8px 24px rgba(207,255,0,.16)}
.eventWizardPanel{margin:0!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(13,20,15,.96),rgba(5,8,6,.98))!important;animation:wizardIn .42s cubic-bezier(.2,.8,.2,1)}
.eventWizard.isEnhanced .eventWizardPanel:not(.isActive){display:none!important}.eventWizard.isEnhanced .eventWizardPanel.isActive{display:block!important}
@keyframes wizardIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.wizardPanelIntro{padding-bottom:21px;margin-bottom:22px;border-bottom:1px solid rgba(255,255,255,.09)}.wizardPanelIntro>span{color:var(--sup-lime);font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.wizardPanelIntro h3{margin:8px 0 7px;font:800 clamp(27px,3vw,40px)/1 var(--sup-display);letter-spacing:-.045em}.wizardPanelIntro p{max-width:680px;margin:0;color:#7c867e;line-height:1.55}
.eventTitleInput{height:62px!important;font:700 clamp(18px,2vw,26px) var(--sup-display)!important;letter-spacing:-.025em}.categoryQuickPick{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0 18px}.categoryQuickPick button,.ticketPresetBar button{padding:8px 11px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:#0a0f0b;color:#9ca69e;font-size:9px;font-weight:800;cursor:pointer}.categoryQuickPick button:hover,.ticketPresetBar button:hover{border-color:rgba(207,255,0,.45);color:#efffc8;background:rgba(207,255,0,.07)}
.uploadWizardPanel .uploadBox{position:relative;grid-template-columns:minmax(180px,.55fr) minmax(280px,1.45fr);grid-template-rows:auto auto auto;align-items:center;column-gap:24px;min-height:390px;padding:22px!important;border:1px dashed rgba(207,255,0,.35);background:linear-gradient(135deg,rgba(207,255,0,.04),rgba(60,140,255,.035))}.uploadWizardPanel .uploadBox>img{grid-column:2;grid-row:1/4;width:100%;height:350px!important;max-height:350px;object-fit:contain!important;background:#030504}.uploadWizardPanel .uploadBox>b,.uploadWizardPanel .uploadBox>span:not(.uploadActionIcon),.uploadWizardPanel .uploadBox>input{grid-column:1}.uploadActionIcon{display:grid!important;place-items:center;width:58px;height:58px;margin:0 auto;border-radius:18px;background:var(--sup-lime);color:#071000!important;font:700 28px var(--sup-display);box-shadow:0 16px 45px rgba(207,255,0,.16)}.uploadGuides{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.uploadGuides span{padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#6f7971;font-size:9px}.uploadGuides b{display:block;margin-bottom:3px;color:#dce5dc}
.ticketPresetBar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:18px;padding:12px;border:1px solid rgba(207,255,0,.12);border-radius:16px;background:rgba(207,255,0,.025)}.ticketPresetBar>span{margin-right:auto;color:#758078;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.ticketTypeRow{border-radius:19px!important;background:linear-gradient(145deg,#0f1611,#080b09)!important}.ticketTypeRow.isTable{border-color:rgba(207,255,0,.26)!important}.tableRowsBuilder{grid-column:1/-1}.tableRowConfig{border-radius:12px;background:#080c09}
.eventReviewCard{display:grid;grid-template-columns:minmax(190px,.58fr) minmax(0,1.42fr);gap:24px;margin:0 0 23px;padding:14px;border:1px solid rgba(207,255,0,.2);border-radius:23px;background:radial-gradient(circle at 100% 0,rgba(60,140,255,.13),transparent 38%),#070b08}.eventReviewPoster{height:290px;border-radius:16px;overflow:hidden;background:#030504}.eventReviewPoster img{width:100%;height:100%;object-fit:contain}.eventReviewCard>div:last-child{display:flex;flex-direction:column;justify-content:center;padding:10px}.eventReviewCard>div:last-child>span{color:var(--sup-lime);font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.eventReviewCard h3{margin:10px 0 16px;font:800 clamp(30px,4vw,52px)/.92 var(--sup-display);letter-spacing:-.055em;overflow-wrap:anywhere}.eventReviewCard p{margin:4px 0;color:#929c94}.eventReviewFacts{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.eventReviewFacts span{padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#727d75;font-size:8px;text-transform:uppercase}.eventReviewFacts b{color:#dfffc8}.publishChoice{display:grid;grid-template-columns:minmax(210px,.55fr) minmax(0,1fr);gap:15px;align-items:center}.publishChoice p{margin:0;color:#747d76;font-size:11px;line-height:1.55}.eventReviewPanel .saveEvent{height:57px;font-size:14px}.eventWizardControls{display:none;grid-template-columns:150px 1fr 150px;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(2,5,3,.72);backdrop-filter:blur(16px)}.eventWizard.isEnhanced .eventWizardControls{display:grid}.eventWizardControls>div{text-align:center}.eventWizardControls>div b,.eventWizardControls>div span{display:block}.eventWizardControls>div b{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.eventWizardControls>div span{margin-top:2px;color:#687169;font-size:8px}.eventWizardControls .btn{width:100%}.eventWizardControls .isHidden{visibility:hidden;pointer-events:none}.eventWizardAlert{margin:0 0 18px}

@media(max-width:1100px){
  .homeSupreme{min-height:auto!important;background-position:62% top!important}.homeHeroGrid{gap:55px}.homeSupreme .homePitch{display:block!important;max-width:820px}.homeSupreme .homePitch .eyebrow,.homeSupreme .homePitch h1,.homeSupreme .homePitch>p,.homeSupreme .homePitch .heroSearch,.homeSupreme .homePitch .homeProof{grid-column:auto!important;grid-row:auto!important}.homeSupreme .homePitch>p{margin:0!important}.homeSupreme .homePitch .heroSearch{margin-top:30px!important}.homeSupreme .homePitch .homeProof{margin-top:23px!important}.homePitch h1{font-size:clamp(78px,11vw,118px)!important}.homeCarousel .featureSlide{height:560px!important}.supremeJourney{grid-template-columns:1fr}.journeyIntro{max-width:760px}.eventWizardSteps button small{display:none}
}
@media(max-width:760px){
  .supremeSideNote{display:none}.homeSupreme{padding-top:38px!important;background:linear-gradient(180deg,rgba(2,5,3,.94),rgba(2,5,3,.62) 38%,#030504 88%),url('jbpass-stage-supreme.webp') 67% top/auto 680px no-repeat!important}.homeSupreme:before{display:none}.activePosterAura{right:-35%;top:23%;width:100%;height:42%;opacity:.09}.homePitch h1{font-size:clamp(60px,18.5vw,84px)!important;line-height:.82!important}.supremeEdition{margin-top:14px}.supremeExplore{margin-top:22px}.homeCarousel .carouselViewport{overflow-x:auto!important}.homeCarousel .featureSlide{height:auto!important;min-height:0;transform:none!important}.homeCarousel .featureSlide:not(.isActive){opacity:1}.homeCarousel .featureCopy h2,.homeCarousel .featureSlide.isLongTitle .featureCopy h2,.homeCarousel .featureSlide.isVeryLongTitle .featureCopy h2{max-height:none;font-size:clamp(32px,10vw,46px)!important;line-height:.98}.featureStatus{margin-top:2px}.featureCountdown{display:grid;grid-template-columns:repeat(3,1fr)}.featureCountdown>span{min-width:0;justify-content:center}.supremeJourney{gap:38px;padding-top:90px}.journeyIntro h2{font-size:clamp(47px,14vw,66px)}.journeyTrack article{grid-template-columns:36px 50px 1fr;padding:15px}.journeyTrack article p{grid-column:2/-1}.journeyTrack article:hover{transform:none}.journeyTrack article>i{width:46px;height:46px}.eventWizard{width:calc(100% - 20px)!important;padding:15px!important;border-radius:22px!important}.eventWizardHeading{display:block}.eventWizardHeading h2{font-size:37px}.eventDraftChip{width:max-content;margin-top:15px}.eventWizardSteps{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px}.eventWizardSteps::-webkit-scrollbar{display:none}.eventWizardSteps button{flex:0 0 116px;scroll-snap-align:start;padding:9px}.eventWizardSteps button span{font-size:8px}.eventWizardPanel{padding:18px!important;border-radius:18px!important}.wizardPanelIntro h3{font-size:31px}.eventTitleInput{height:56px!important;font-size:19px!important}.uploadWizardPanel .uploadBox{display:flex;flex-direction:column;min-height:0;padding:15px!important}.uploadWizardPanel .uploadBox>img{order:-1;width:100%;height:auto!important;max-height:380px;aspect-ratio:4/5;object-fit:contain!important}.uploadActionIcon{width:50px;height:50px;margin-top:9px}.uploadGuides{grid-template-columns:1fr}.ticketPresetBar>span{width:100%}.ticketPresetBar button{flex:1}.typeHeader{display:block}.typeHeader .btn{width:100%;margin-top:12px}.typeCore,.typeInventory{grid-template-columns:1fr!important}.eventReviewCard{grid-template-columns:1fr}.eventReviewPoster{height:auto;aspect-ratio:4/5}.eventReviewCard>div:last-child{padding:8px 5px}.publishChoice{grid-template-columns:1fr}.eventWizardControls{position:sticky;z-index:30;bottom:max(8px,env(safe-area-inset-bottom));grid-template-columns:92px 1fr 116px;padding:8px;border-radius:16px;box-shadow:0 18px 55px rgba(0,0,0,.7)}.eventWizardControls .btn{min-height:46px;padding-inline:10px;font-size:11px}.eventWizardControls>div span{display:none}
}
@media(max-width:430px){
  .homeProof{display:grid;grid-template-columns:repeat(3,1fr)}.homeProof span{text-align:center;white-space:normal}.homeCarousel .featureFacts{grid-template-columns:1fr!important}.featureCountdown{gap:5px}.featureCountdown>span{padding:7px 5px}.journeyTrack article{grid-template-columns:32px 43px 1fr;gap:10px}.journeyTrack article>i{width:42px;height:42px}.eventWizardControls{grid-template-columns:78px 1fr 102px}.eventWizardControls>div b{font-size:8px}.eventWizardSteps button{flex-basis:106px}.categoryQuickPick button{flex:1}.ticketPresetBar button{flex:1 0 45%}
}

/* Mobile event creator: keep the wizard inside the physical viewport on iOS. */
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:clip}
  .adminSectionNav{
    width:calc(100% - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    min-width:0!important;
    margin-inline:auto!important;
    overflow-x:auto!important;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
  }
  .adminGrid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-inline:auto!important;
    padding-left:max(10px,env(safe-area-inset-left))!important;
    padding-right:max(10px,env(safe-area-inset-right))!important;
  }
  .adminGrid>.adminList,
  .adminGrid>.adminEditor,
  .adminEditor.eventWizard,
  .eventWizard form,
  .eventWizardPanel,
  .eventWizardHeading,
  .eventWizardHeading>div,
  .eventWizardPanel>*,
  .eventWizard .row2,
  .eventWizard .moneyInput,
  .eventWizard .mapSearchRow,
  .eventWizard .publishChoice,
  .eventWizard .typeHeader,
  .eventWizard .ticketTypeRow,
  .eventWizard .typeCore,
  .eventWizard .typeInventory{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .adminEditor.eventWizard{
    width:100%!important;
    margin:0!important;
    padding:14px!important;
    overflow:visible!important;
  }
  .eventWizardHeading p,
  .wizardPanelIntro p,
  .wizardPanelIntro h3{
    max-width:100%!important;
    overflow-wrap:anywhere;
  }
  .eventWizard .row2,
  .eventWizard .mapSearchRow,
  .eventWizard .publishChoice{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  .eventWizard input,
  .eventWizard textarea,
  .eventWizard select,
  .eventWizard .input{
    display:block;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .categoryQuickPick{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    max-width:100%;
    overflow:visible;
  }
  .categoryQuickPick button{width:100%;min-width:0!important}
  .eventWizardSteps{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
  }
  .eventWizardControls{
    left:0;
    right:0;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .eventWizardControls>*{min-width:0!important}
  .eventWizardControls .btn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

@media(max-width:430px){
  .adminEditor.eventWizard{padding:12px!important;border-radius:20px!important}
  .eventWizardPanel{padding:15px!important}
  .eventWizardHeading h2{font-size:clamp(31px,10vw,37px)!important;overflow-wrap:anywhere}
  .wizardPanelIntro h3{font-size:clamp(27px,8.5vw,31px)!important}
  .eventWizardControls{grid-template-columns:minmax(70px,.8fr) minmax(60px,.7fr) minmax(96px,1fr)!important;gap:6px!important}
}

/* Wide laptops and browser zoom: fit the complete featured event above the fold. */
@media(min-width:1101px) and (max-height:900px){
  .showcaseHero.homeSupreme{
    min-height:calc(100svh - 76px)!important;
    padding-top:clamp(24px,4vh,38px)!important;
  }
  .homeHeroGrid{align-items:start;gap:clamp(28px,4vw,64px)}
  .homePitch{align-self:start;padding:10px 0 24px}
  .homePitch h1{
    margin:18px 0 18px!important;
    font-size:clamp(66px,6vw,96px)!important;
    line-height:.84!important;
  }
  .homePitch>p{font-size:clamp(14px,1.15vw,17px);line-height:1.55}
  .homePitch .heroSearch{margin-top:20px!important}
  .homePitch .homeProof{margin-top:17px!important}
  .supremeEdition{margin-top:10px}
  .supremeExplore{margin-top:15px}
  .homeCarousel .carouselTop{margin-bottom:9px}
  .homeCarousel .carouselViewport{padding:10px 0;margin:-10px 0}
  .homeCarousel .featureSlide{
    height:clamp(530px,calc(100svh - 190px),650px)!important;
    min-height:0;
  }
  .homeCarousel .featurePoster{margin:10px}
  .homeCarousel .featureCopy{padding:clamp(22px,2.4vw,34px)}
  .homeCarousel .featureStatus{margin-bottom:9px}
  .homeCarousel .featureCopy h2{
    margin:12px 0 17px;
    font-size:clamp(34px,3.2vw,50px)!important;
    line-height:.94;
  }
  .homeCarousel .featureSlide.isLongTitle .featureCopy h2{font-size:clamp(30px,2.8vw,44px)!important}
  .homeCarousel .featureSlide.isVeryLongTitle .featureCopy h2{font-size:clamp(25px,2.35vw,36px)!important}
  .homeCarousel .featureFacts{gap:14px;padding:12px 0}
  .homeCarousel .featureFacts p{font-size:11px;line-height:1.42}
  .featureCountdown{margin-top:11px}
  .featureCountdown>span{padding:6px 8px}
  .homeCarousel .featureBottom{margin-top:12px}
  .homeCarousel .featureBottom>span b{font-size:22px}
}
@media(prefers-reduced-motion:reduce){.stageSweep,.posterScanline{animation:none!important}.homeCarousel .featureSlide,.journeyTrack article{transition:none!important;transform:none!important}.supremeScrollProgress{display:none}}

/* Centro de conversaciones: respuesta de soporte sin salir del administrador. */
.contactAdminShell{padding-bottom:90px}.contactAdminShell .messageInbox{padding-bottom:0}.contactAdminShell .messageItem{padding:clamp(20px,3vw,32px);background:linear-gradient(145deg,rgba(16,22,17,.98),rgba(8,12,9,.98));border-color:rgba(147,174,139,.2);scroll-margin-top:100px}.contactAdminShell .messageItem.resolved{opacity:1;border-color:rgba(147,174,139,.11)}.contactAdminShell .messageItem>header b{font-size:17px;color:#f4f7f2}.contactAdminShell .messageItem>header small{margin-top:5px;font-size:11px}.contactAdminShell .messageItem>h2{font-size:clamp(21px,2.3vw,30px)}
.contactConversation{display:grid;gap:12px;margin-top:18px}.contactBubble{width:min(82%,820px);padding:17px 19px;border:1px solid rgba(142,158,139,.18);border-radius:18px;background:#0b0f0c}.contactBubble>span{display:block;margin-bottom:9px;color:#788277;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.contactBubble>b{display:block;margin-bottom:7px;color:#dbe4d8;font-size:12px}.contactBubble p{margin:0!important;color:#b9c1b6!important;font-size:14px;line-height:1.7!important}.contactBubble.incoming{justify-self:start;border-bottom-left-radius:5px}.contactBubble.outgoing{justify-self:end;border-color:rgba(198,244,0,.23);border-bottom-right-radius:5px;background:linear-gradient(135deg,rgba(29,38,21,.96),rgba(12,17,12,.98))}.contactBubble.outgoing>span{color:#adc65c}.contactBubble.failed{border-color:rgba(255,107,107,.38);background:rgba(46,15,17,.45)}.contactBubble.failed>span,.contactBubble.failed>small{color:#ff9b9b}.contactBubble.failed>small{display:block;margin-top:10px;font-size:11px}
.contactReply{margin-top:20px;border:1px solid rgba(198,244,0,.2);border-radius:18px;background:rgba(7,10,8,.76);overflow:hidden}.contactReply summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 19px;color:#edf4e9;font-size:13px;font-weight:800;cursor:pointer;list-style:none}.contactReply summary::-webkit-details-marker{display:none}.contactReply summary span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(198,244,0,.1);color:var(--lime);font-size:19px;transition:transform .2s ease}.contactReply[open] summary span{transform:rotate(45deg)}.contactReply form{display:grid;gap:10px;padding:5px 19px 19px;border-top:1px solid rgba(143,160,139,.12)}.contactReply form>label{margin-top:12px}.contactReply textarea{min-height:138px;resize:vertical}.replySendBar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:7px}.replySendBar small{max-width:620px;color:#778075;line-height:1.55}.replySendBar b{color:#aeb8aa}.contactState{display:flex;align-items:center;gap:8px;color:#9da797;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.contactState i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px rgba(198,244,0,.45)}.messageItem.resolved .contactState i{background:#657063;box-shadow:none}.contactAdminShell .messageItem>footer{padding-top:18px;border-top:1px solid rgba(143,160,139,.12)}
@media(max-width:700px){.contactAdminShell{padding-inline:14px}.contactAdminShell .messageItem{padding:18px 15px}.contactAdminShell .messageItem>header,.contactAdminShell .messageItem>footer,.replySendBar{align-items:flex-start;flex-direction:column}.contactAdminShell .messageItem>header time{margin-top:3px}.contactBubble{width:94%;box-sizing:border-box}.contactReply summary{padding:15px;font-size:12px}.contactReply form{padding:5px 15px 15px}.replySendBar .btn,.contactAdminShell .messageItem>footer form,.contactAdminShell .messageItem>footer button{width:100%}}