@layer evp{@media (max-width:768px){
html body.gx-event main{padding-top:4px!important}
html body.gx-event .hero{display:block!important;padding:12px!important;margin:6px 0 10px!important;gap:0!important}
html body.gx-event #heroArt.poster{display:block!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;margin:0 0 12px!important;border-radius:12px!important;overflow:hidden!important}
html body.gx-event #heroArt.poster img{position:relative!important;z-index:1!important;display:block!important;width:100%!important;height:auto!important;max-height:68vh!important;object-fit:contain!important;margin:0 auto!important}
html body.gx-event .hero .key-details{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px 14px!important;margin:0!important}
html body.gx-event .hero .key-details .detail{position:relative!important;min-width:0!important;padding:0!important;margin:0!important}
html body.gx-event .hero .key-details .detail:has(.gx-dir) strong{padding-right:46px!important}
html body.gx-event a.gx-dir.sm{position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;display:block!important;width:40px!important;height:40px!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;border-radius:50%!important;border:0!important;box-shadow:0 2px 8px rgba(0,0,0,.4)!important;background:#fff url("/assets/google-maps-icon.svg") center/24px 24px no-repeat!important;font-size:0!important;overflow:hidden!important}
html body.gx-event a.gx-dir.sm>*{display:none!important}
html body.gx-event .ticket-panel{padding:12px!important;margin:0 0 10px!important}
html body.gx-event .ticket-panel>h2,html body.gx-event .gxts>label,html body.gx-event .gc-promo>summary{display:none!important}
html body.gx-event #tickets{padding-top:0!important;margin-top:0!important}html body.gx-event #tickets::before{margin:0 0 10px!important}html body.gx-event .gxts{padding:0!important;margin:0!important;border:0!important;background:none!important;box-shadow:none!important}
html body.gx-event .gc-promo{display:block!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
html body.gx-event .gc-promo .promo-message:empty{display:none!important}
html body.gx-event .evp-row{display:grid!important;grid-template-columns:minmax(0,1fr) 128px!important;gap:8px!important;align-items:stretch!important}
html body.gx-event .evp-row #gxtsSel{width:100%!important;min-width:0!important;text-overflow:ellipsis!important}
html body.gx-event .evp-row .promo{display:block!important;position:relative!important;margin:0!important;padding:0!important}
html body.gx-event .evp-row #promo{box-sizing:border-box!important;width:100%!important;height:100%!important;min-height:56px!important;margin:0!important;padding:0 40px 0 10px!important;border-radius:12px!important;border:1.5px solid rgba(255,122,26,.6)!important;background:#1f1c1a!important;color:#f3ead8!important;-webkit-text-fill-color:#f3ead8!important;font:600 14px/1.2 Archivo,system-ui,sans-serif!important}
html body.gx-event .evp-row #promo::placeholder{color:#bdb3a2!important;-webkit-text-fill-color:#bdb3a2!important}
html body.gx-event .evp-row #applyPromo{position:absolute!important;right:6px!important;top:50%!important;transform:translateY(-50%)!important;width:30px!important;height:30px!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:9px!important;background:#ff7a1a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a0d00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/18px 18px no-repeat!important;box-shadow:none!important;font-size:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
html body.gx-event .layout{gap:10px!important;margin-top:0!important}
html body.gx-event .layout>*{margin-top:0!important;margin-bottom:0!important}
html body.gx-event .layout aside{gap:10px!important}
}}
