/* Responsive page rhythm, centered dialogs and canonical icon actions. */
main#top{width:100%;max-width:1320px;padding:28px clamp(24px,5vw,76px) 28px;margin-inline:auto}
main#top>section:not(.hero-comparison){min-height:0;padding-block:36px}
#ugc.ugc-block{min-height:0;max-width:1320px;padding:32px clamp(24px,5vw,76px);margin:0 auto}
#nosotros p{max-width:88ch}#talleres{min-height:0!important}
main#top>section{scroll-margin-top:170px}
#irm-modal-shell{width:min(520px,calc(100vw - 48px));max-width:100%;max-height:calc(100dvh - 48px);padding:22px;border-radius:10px!important}
#irm-modal-shell:has(#ficha-drawer.irm-active-pane){width:min(760px,calc(100vw - 48px))}
#irm-modal-shell:has(#purchase-drawer.irm-active-pane){width:min(680px,calc(100vw - 48px))}
#irm-modal-shell .menu-close{width:40px;height:40px}
#irm-modal-shell .irm-modal-pane{overflow-wrap:anywhere}
#irm-modal-layer{padding:16px}
.irm-action-icon{display:inline-block;flex:0 0 auto;width:18px;height:18px;margin-right:7px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
button,a.irm-cta{touch-action:manipulation}
button:not(:disabled),a.irm-cta{transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}
button:not(:disabled):focus-visible,a:focus-visible{outline:2px solid #8cfc98;outline-offset:4px}
@media(hover:hover){button:not(:disabled):hover,a.irm-cta:hover{border-color:#8cfc98;box-shadow:0 0 0 1px #8cfc9844}}
button:not(:disabled):active,a.irm-cta:active{transform:translateY(1px) scale(.985)}
#ius-game{padding-block:28px 8px!important;border-top:0}
.ius-game-card{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,64px);align-items:center;min-height:330px;padding:clamp(24px,4vw,48px);border:1px solid #8cfc984d;border-radius:14px;background:linear-gradient(135deg,#14251c,#0c120f 65%);box-shadow:0 20px 60px #0005;overflow:hidden}
.ius-game-art{position:relative;display:grid;place-items:center;min-height:245px;isolation:isolate;border-radius:10px;background:radial-gradient(ellipse at 50% 60%,#8cfc9825,transparent 70%)}
.ius-game-art::before{content:'';position:absolute;width:85%;height:65%;border:1px solid #8cfc9833;transform:perspective(400px) rotateX(60deg);border-radius:50%;bottom:0;z-index:-1}
.ius-game-art img{width:140px;height:175px;object-fit:contain;filter:drop-shadow(0 20px 18px #0008)}
.ius-game-copy .kick{font-size:11px;letter-spacing:.16em;color:#8cfc98;margin:0 0 10px}
.ius-game-copy h2{font:700 clamp(30px,4vw,48px)/1.08 "Space Grotesk",sans-serif!important;color:#f0f5f1!important;margin:0 0 16px}
.ius-game-copy p{font-size:16px;line-height:1.6;max-width:36ch;color:#c0cfc5!important;margin:0 0 24px}
.ius-game-copy .irm-cta{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:12px 20px;text-decoration:none}
@media(max-width:700px){main#top{padding-inline:24px}main#top>section:not(.hero-comparison){padding-block:26px}#ugc.ugc-block{padding:26px 24px}.ius-game-card{grid-template-columns:1fr;gap:12px;padding:24px}.ius-game-art{min-height:175px}.ius-game-art img{width:108px;height:135px}.ius-game-copy p{max-width:none}.ius-game-copy .irm-cta{width:100%;justify-content:center}#irm-modal-shell,#irm-modal-shell:has(#ficha-drawer.irm-active-pane),#irm-modal-shell:has(#purchase-drawer.irm-active-pane){width:calc(100vw - 40px);max-height:calc(100dvh - 40px);padding:18px}#irm-modal-shell #ficha-drawer .ficha-modal-scroll{display:block}.event-footer__top,.event-footer__legal{min-width:0}}
@media(prefers-reduced-motion:reduce){button,a.irm-cta{transition:none!important}}
@media(min-width:701px){main#top,#ugc.ugc-block{padding-inline:clamp(80px,7vw,96px)}}
@media(max-width:700px){#sp-fab-stack{position:relative;inset:auto;transform:none;flex-direction:row;justify-content:center;gap:14px;max-width:calc(100% - 48px);margin:20px auto;z-index:2}.footer-in-view #sp-fab-stack{visibility:visible;pointer-events:auto}#sp-fab-stack .sp-fab{width:54px;height:54px}#sp-fab-stack .sp-fab-face{width:54px;height:54px}}
main#top>#gal-b{margin-bottom:0;padding-bottom:12px}

/* Long event hashtags must shrink inside the flex heading on narrow screens. */
.ugc-head > div{min-width:0;max-width:100%}
.ugc-tag{overflow-wrap:anywhere}