:root { color-scheme: dark; }
body.diamond-post-event { background: #050507; }
body.diamond-post-event .venue-footer,
body.diamond-post-event #diamond-ride,
body.diamond-post-event #vip-giveaway,
body.diamond-post-event .mode-dock { display: none !important; }
body.diamond-post-event .mobile-dock { display: none !important; }
body.diamond-post-event.post-event-focus main > :not(.post-event-stage) { display: none !important; }
body.diamond-post-event.post-event-focus main { max-width: none; min-height: 80svh; padding: 0 !important; margin: 0 !important; }
/* Visible, script-independent fallback for old QR links and slow mobile devices. */
body.diamond-post-event.post-event-focus:not(.post-event-ready) main::before {
 content: 'GRACIAS POR TODO · NOS VEMOS PRONTO';
 display: grid; place-items: end center; box-sizing: border-box;
 min-height: 85svh; padding: 0 20px 11svh; text-align: center;
 color: #f8f8fc; font: 700 clamp(15px, 2.4vw, 27px)/1.5 system-ui, sans-serif;
 letter-spacing: .16em; text-shadow: 0 3px 20px #000;
 background-image: url('/assets/diamond-nos-vemos-pronto-3d.png'), radial-gradient(ellipse at center, #272733, #050507 75%);
 background-position: center 42%, center; background-size: contain, cover; background-repeat: no-repeat;
}
.post-event-stage { isolation: isolate; position: relative; overflow: hidden; display: grid; place-items: center; text-align: center; min-height: min(100svh, 1000px); background: radial-gradient(ellipse at 50% 30%, #24242c 0, #0a0a0d 53%, #050507 88%); padding: clamp(58px, 7vw, 100px) 18px 80px; color: #f7f7f8; }
.post-event-stage::after { content: ''; pointer-events: none; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 0%, #ffffff07 50%, transparent 100%); mix-blend-mode: screen; opacity: .4; }
.post-event-content { width: min(1050px, 100%); position: relative; z-index: 1; }
.post-event-eyebrow { display: block; color: #d2d2dd; font-size: 11px; font-weight: 750; letter-spacing: .3em; text-transform: uppercase; margin: 0 0 17px; }
.post-event-art { margin: 0 auto; width: min(100%, 1030px); filter: drop-shadow(0 0 24px #ffffff15); }
.post-event-art img { display: block; width: 100%; height: auto; object-fit: contain; border: 0; }
.post-event-message { font-size: clamp(15px, 2vw, 19px); line-height: 1.65; letter-spacing: .04em; color: #bdbdc8; margin: 16px auto 0; max-width: 600px; }
.post-event-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.post-event-links a { display: inline-flex; align-items: center; justify-content: center; min-height: 49px; padding: 0 24px; border-radius: 999px; color: #fff; text-decoration: none; border: 1px solid #8a8a956e; background: #ffffff0b; font-size: 12px; letter-spacing: .13em; text-transform: uppercase; font-weight: 750; transition: background .2s, border-color .2s, transform .2s; }
.post-event-links a:first-child { background: #f0f0f2; color: #09090c; border-color: #f0f0f2; }
.post-event-links a:hover { transform: translateY(-2px); border-color: white; background: #ffffff24; }
.post-event-links a:first-child:hover { color: black; background: white; }
.post-event-soldout-title { margin: 30px 0 14px; color: #eee; font: 800 clamp(30px, 5vw, 60px)/1.05 system-ui, sans-serif; letter-spacing: -.04em; }
.post-event-soldout-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; width: min(700px, 100%); margin: 24px auto; }
.post-event-soldout-item { border: 1px solid #57576366; background: #ffffff09; border-radius: 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 17px; text-align: left; }
.post-event-soldout-item span { color: #e2e2e5; font-size: 14px; font-weight: 650; }
.post-event-soldout-item strong { flex: 0 0 auto; color: #e7e7ee; border: 1px solid #a9a9b5; border-radius: 5px; padding: 5px 8px; letter-spacing: .12em; font-size: 10px; }
@media (max-width: 650px) {
 .post-event-stage { min-height: 78svh; padding: 67px 15px 60px; }
 .post-event-art { width: 110%; max-width: none; margin-left: -5%; }
 .post-event-eyebrow { letter-spacing: .2em; font-size: 10px; }
 .post-event-soldout-grid { grid-template-columns: 1fr; }
 .post-event-links a { width: min(290px, 100%); }
}
@media (prefers-reduced-motion: reduce) { .post-event-links a { transition: none; } }