/* winum - estilos. variables base */
:root{
    --bg:#121116;
    --bg-2:#1c1b22;
    --bg-3:#23212a;
    --bg-4:#2a2832;
    --line:#2e2c38;
    --blue:#2b82f6;
    --blue-deep:#0066ff;
    --blue-dark:#1646b8;
    --green:#26d367;
    --text:#ffffff;
    --muted:#9c9aa7;
    --muted-2:#6f6d7a;
    --radius:16px;
    --radius-sm:10px;
    --sidebar-w:248px;
}

*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:rgba(43,130,246,.25)}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
    font-family:'Inter',system-ui,sans-serif;
    background:var(--bg);
    color:var(--text);
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb{background:#34323e;border-radius:8px}
::-webkit-scrollbar-track{background:transparent}

/* logo */
.logo{display:inline-flex;align-items:center}
.logo-text{
    font-weight:900;
    font-style:italic;
    font-size:26px;
    letter-spacing:-1px;
    color:#fff;
    transform:skewX(-6deg);
    text-shadow:
        2px 0 0 #080e1c,
        4px 4px 0 var(--blue-deep),
        5px 5px 0 var(--blue-deep),
        6px 6px 0 var(--blue-deep);
}

/* barra lateral */
.sidebar{
    position:fixed;top:0;left:0;
    width:var(--sidebar-w);height:100vh;
    background:var(--bg-2);
    border-right:1px solid var(--line);
    display:flex;flex-direction:column;
    padding:18px 14px;
    gap:12px;
    overflow-y:auto;
    z-index:60;
}
.sidebar-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.sidebar-close{display:none;font-size:20px;color:var(--muted)}

.login-widget{
    display:flex;align-items:center;justify-content:space-between;
    background:var(--bg-3);border-radius:var(--radius-sm);
    padding:12px 14px;width:100%;
    transition:.2s;
}
.login-widget:hover{background:var(--bg-4)}
.login-widget-left{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px}
.login-widget-left i{font-size:20px;color:var(--muted)}
.login-widget>i{color:var(--muted-2);font-size:12px}

.seg-toggle{display:flex;gap:8px}
.seg-btn{
    flex:1;background:var(--bg-3);border-radius:var(--radius-sm);
    padding:10px;font-size:13px;font-weight:600;color:var(--muted);
    display:flex;align-items:center;justify-content:center;gap:6px;transition:.2s;
}
.seg-btn.active{color:#fff;background:var(--bg-4)}
.seg-btn:hover{color:#fff}

.side-feature{
    display:flex;align-items:center;justify-content:space-between;
    background:var(--bg-3);border-radius:var(--radius-sm);
    padding:10px 14px;font-size:13px;font-weight:600;transition:.2s;
}
.side-feature:hover{background:var(--bg-4)}
.wheel-mini{
    width:34px;height:34px;border-radius:50%;
    background:conic-gradient(var(--blue) 0 25%,#fff 0 50%,var(--blue) 0 75%,#fff 0);
    display:flex;align-items:center;justify-content:center;color:var(--blue-dark);font-size:12px;
}

.side-nav{display:flex;flex-direction:column;gap:2px}
.side-link{
    display:flex;align-items:center;justify-content:space-between;
    padding:11px 12px;border-radius:var(--radius-sm);
    font-size:14px;color:var(--muted);transition:.2s;
}
.side-link span:first-child{display:flex;align-items:center;gap:11px}
.side-link i{width:18px;text-align:center}
.side-link:hover{background:var(--bg-3);color:#fff}
.badge-green{background:var(--green);color:#06210f;font-size:11px;font-weight:800;padding:2px 8px;border-radius:20px}

.install-app{
    margin-top:auto;
    background:linear-gradient(135deg,var(--blue-dark),#0b286e);
    border-radius:var(--radius-sm);
    padding:12px;display:flex;align-items:center;gap:10px;
}
.install-phone{font-size:22px;color:#bcd2ff}
.install-text{display:flex;flex-direction:column;line-height:1.2;flex:1}
.install-text strong{font-size:13px}
.install-text span{font-size:11px;color:#a9c2ff}
.install-btn{background:rgba(255,255,255,.15);border-radius:8px;padding:8px 10px;color:#fff}
.install-btn:hover{background:rgba(255,255,255,.28)}

.sidebar-bottom{display:flex;flex-direction:column;gap:8px}
.lang-select,.support-btn{
    display:flex;align-items:center;justify-content:space-between;
    background:var(--bg-3);border-radius:var(--radius-sm);
    padding:11px 14px;font-size:13px;font-weight:600;transition:.2s;
}
.lang-select:hover,.support-btn:hover{background:var(--bg-4)}
.support-btn span:first-child{display:flex;align-items:center;gap:8px}
.support-247{color:var(--green);font-weight:800;font-size:12px}

/* contenedor principal */
.main-wrap{margin-left:var(--sidebar-w);min-height:100vh;display:flex;flex-direction:column}

.topbar{
    position:sticky;top:0;z-index:40;
    display:flex;align-items:center;gap:12px;
    padding:14px 24px;
    background:rgba(18,17,22,.85);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
}
.burger{display:none;font-size:20px}
.support-mobile{display:none;font-size:18px;width:42px;height:42px;border-radius:10px;background:var(--bg-4);color:#fff}
.logo-mobile{display:none}
.topbar-actions{margin-left:auto;display:flex;gap:10px}

/* botones */
.btn{
    border-radius:10px;padding:10px 20px;font-size:14px;font-weight:700;
    transition:.2s;white-space:nowrap;
}
.btn-primary{background:var(--blue);color:#fff}
.btn-primary:hover{background:#1f6fe0;transform:translateY(-1px)}
.btn-ghost{background:var(--bg-4);color:#fff}
.btn-ghost:hover{background:#37343f}
.btn-light{background:rgba(255,255,255,.92);color:#0b0f1a}
.btn-light:hover{background:#fff;transform:translateY(-1px)}
.btn-block{width:100%}

/* contenido */
.content{flex:1;padding:22px 24px 40px;display:flex;flex-direction:column;gap:34px}
.page-h1{font-size:15px;font-weight:600;color:var(--muted);margin:-4px 0 -14px;letter-spacing:.2px}

/* banner principal */
.hero{position:relative}
.hero-track{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.promo{
    position:relative;overflow:hidden;
    border-radius:var(--radius);
    min-height:200px;padding:26px;
    display:flex;flex-direction:column;justify-content:space-between;
}
.promo-blue{background:linear-gradient(120deg,#1e62d6,#0a2a6e)}
.promo-dark{background:linear-gradient(120deg,#13325f,#070d1c)}
.promo-purple{background:linear-gradient(120deg,#6a2fb0,#1a0b2e)}
.promo-body{position:relative;z-index:2;max-width:70%}
.promo h2{font-size:22px;font-weight:800;margin-bottom:18px;line-height:1.2}
.promo-cta{align-self:flex-start;padding:8px 16px;font-size:13px}
.promo-art{
    position:absolute;right:-10px;bottom:-10px;
    font-size:110px;opacity:.22;color:#fff;z-index:1;
    transform:rotate(-10deg);
}
.promo-dark .promo-art{color:#f7931a;opacity:.5}
.promo-art-40{font-size:74px;font-weight:900;color:#39ff8b;opacity:.35;right:14px;bottom:6px}

.hero-dots{display:flex;justify-content:center;gap:7px;margin-top:14px}
.hero-dots button{width:8px;height:8px;border-radius:50%;background:#3a3845;transition:.2s}
.hero-dots button.active{background:var(--blue);width:22px;border-radius:6px}

/* categorias */
.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.cat{
    position:relative;overflow:hidden;
    background:var(--bg-3);border-radius:var(--radius);
    padding:18px;min-height:90px;
    display:flex;align-items:flex-start;
    font-weight:700;font-size:15px;transition:.2s;
    border:1px solid transparent;
}
.cat:hover{transform:translateY(-3px);border-color:var(--blue)}
.cat span{position:relative;z-index:2;max-width:70%}
.cat-icon{position:absolute;right:-6px;bottom:-8px;font-size:54px;opacity:.85;z-index:1}
.cat-casino .cat-icon{color:#3b82f6}
.cat-sport .cat-icon{color:#e5e7eb}
.cat-live .cat-icon{color:#ef4444}
.cat-wheel .cat-icon{color:#60a5fa}
.cat-bonus .cat-icon{color:#34d399}

/* titulos de bloque */
.block-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.block-head h2{font-size:20px;font-weight:800}
.block-sub{color:var(--muted);margin-top:-8px;margin-bottom:16px;font-size:14px}
.all-games{
    display:inline-flex;align-items:center;gap:6px;
    background:var(--bg-3);padding:7px 14px;border-radius:8px;
    font-size:13px;font-weight:600;color:var(--muted);transition:.2s;
}
.all-games:hover{color:#fff;background:var(--bg-4)}

/* grilla de juegos */
.games-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:14px}
.game-card{
    position:relative;border-radius:12px;overflow:hidden;
    aspect-ratio:3/4;cursor:pointer;
    display:flex;flex-direction:column;justify-content:flex-end;
    transition:.25s;border:1px solid var(--line);
}
.game-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px rgba(0,0,0,.5)}
.game-card .game-img{
    position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
    z-index:1;transition:transform .3s ease;
}
.game-card:hover .game-img{transform:scale(1.05)}
.game-overlay{
    position:relative;z-index:2;
    background:linear-gradient(transparent,rgba(0,0,0,.88));
    padding:24px 10px 10px;
}
.game-title{font-size:13px;font-weight:800;line-height:1.15}
.game-provider{font-size:10px;color:#cbd5e1;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}
.game-play{
    position:absolute;inset:0;z-index:3;
    background:rgba(43,130,246,.0);
    display:flex;align-items:center;justify-content:center;
    opacity:0;transition:.25s;
}
.game-card:hover .game-play{opacity:1;background:rgba(10,18,40,.55)}
.game-play i{font-size:34px;color:#fff;background:var(--blue);width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding-left:4px}

/* bonos */
.bonus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bonus-card{
    background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);
    padding:24px;display:flex;flex-direction:column;gap:10px;transition:.2s;
    position:relative;overflow:hidden;
}
.bonus-card:hover{border-color:var(--blue);transform:translateY(-3px)}
.bonus-tag{align-self:flex-start;background:rgba(43,130,246,.15);color:#7fb2ff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;text-transform:uppercase}
.bonus-card h3{font-size:24px;font-weight:900;color:var(--blue);line-height:1.1}
.bonus-card p{color:var(--muted);font-size:14px;flex:1}
.bonus-card .btn{align-self:flex-start;margin-top:6px}

/* ventajas */
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.feature{
    background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);
    padding:22px;text-align:center;transition:.2s;
}
.feature:hover{border-color:var(--blue)}
.feature i{font-size:30px;color:var(--blue);margin-bottom:12px}
.feature h3{font-size:15px;font-weight:700;margin-bottom:6px}
.feature p{font-size:13px;color:var(--muted)}

/* medios de pago */
.payments-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.pay{
    background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-sm);
    padding:20px 10px;text-align:center;transition:.2s;
}
.pay:hover{border-color:var(--blue);background:var(--bg-3)}
.pay i{font-size:28px;margin-bottom:8px;color:#cbd5e1}
.pay span{display:block;font-size:12px;color:var(--muted);font-weight:600}

/* guia */
.guide{display:flex;flex-direction:column;gap:16px}
.guide-card{
    background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);
    padding:24px 26px;
}
.guide-card h3{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;margin-bottom:12px}
.guide-card h3 i{color:var(--blue)}
.guide-card p{color:var(--muted);font-size:14px;margin-bottom:12px}
.guide-card p:last-child{margin-bottom:0}
.guide-card .btn{margin-top:6px}
.steps{margin:0 0 14px;padding-left:20px;display:flex;flex-direction:column;gap:9px}
.steps li{color:#d6d4df;font-size:14px;line-height:1.55}
.steps li strong{color:#fff}
.check-list{list-style:none;margin:0 0 12px;display:flex;flex-direction:column;gap:8px}
.check-list li{color:#d6d4df;font-size:14px;padding-left:26px;position:relative}
.check-list li::before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--green);position:absolute;left:0;top:1px;font-size:13px}
.guide-tip{
    background:rgba(43,130,246,.1);border-left:3px solid var(--blue);
    border-radius:8px;padding:12px 14px;font-size:13px;color:#bcd0f0 !important;
    display:flex;align-items:flex-start;gap:8px;
}
.guide-tip i{color:var(--blue);margin-top:2px}
.trouble{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.trouble div{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:14px;color:var(--muted)}
.trouble div strong{color:#fff;display:inline}

/* tablas de datos (pagos, wagering) */
.data-table{width:100%;border-collapse:collapse;margin:6px 0 14px;font-size:13.5px}
.data-table thead th{
    background:var(--bg);color:#fff;font-weight:700;text-align:left;
    padding:11px 12px;border-bottom:2px solid var(--blue);white-space:nowrap;
}
.data-table td{padding:11px 12px;border-bottom:1px solid var(--line);color:#d6d4df}
.data-table tbody tr:hover{background:rgba(43,130,246,.06)}
.data-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px;border:1px solid var(--line)}
.table-scroll .data-table{margin:0}
.table-note{font-size:12px;color:var(--muted-2);margin-top:-6px}

/* sellos de licencia / seguridad */
.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 14px}
.trust-badge{
    display:flex;align-items:center;gap:8px;
    background:var(--bg);border:1px solid var(--line);border-radius:10px;
    padding:9px 13px;font-size:13px;font-weight:600;color:#d6d4df;
}
.trust-badge i{color:var(--green)}

.author-box{
    display:flex;gap:16px;align-items:flex-start;
    background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);
    padding:20px;margin-top:4px;
}
.author-avatar{
    flex-shrink:0;width:52px;height:52px;border-radius:50%;
    background:linear-gradient(135deg,var(--blue),var(--blue-dark));
    display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;color:#fff;
}
.author-name{font-weight:700;font-size:15px;margin-bottom:4px}
.author-meta{color:var(--muted);font-size:13px;margin-bottom:8px;line-height:1.5}
.author-date{color:var(--muted-2);font-size:12px}

/* juego responsable */
.responsible{
    background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);
    padding:24px;display:flex;gap:18px;align-items:flex-start;
}
.responsible i{font-size:34px;color:var(--blue);flex-shrink:0}
.responsible h3{font-size:16px;margin-bottom:6px}
.responsible p{color:var(--muted);font-size:13px}

/* pie */
.footer{background:var(--bg-2);border-top:1px solid var(--line);padding:40px 24px 24px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px;max-width:1300px;margin:0 auto}
.footer-brand p{color:var(--muted);font-size:13px;margin:12px 0 16px;max-width:320px}
.footer-social{display:flex;gap:10px}
.footer-social a{
    width:36px;height:36px;border-radius:50%;background:var(--bg-3);
    display:flex;align-items:center;justify-content:center;color:var(--muted);transition:.2s;
}
.footer-social a:hover{background:var(--blue);color:#fff}
.footer-col h4{font-size:14px;margin-bottom:14px}
.footer-col a{display:block;color:var(--muted);font-size:13px;padding:5px 0;transition:.2s}
.footer-col a:hover{color:#fff}
.footer-bottom{
    max-width:1300px;margin:28px auto 0;padding-top:20px;border-top:1px solid var(--line);
    display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;
    color:var(--muted-2);font-size:12px;
}
.footer-badges{display:flex;align-items:center;gap:10px}
.age-badge{background:#ef4444;color:#fff;font-weight:800;font-size:12px;padding:3px 8px;border-radius:6px}

/* chat flotante */
.chat-fab{
    position:fixed;right:22px;bottom:22px;z-index:50;
    width:54px;height:54px;border-radius:50%;
    background:var(--blue);color:#fff;font-size:22px;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 8px 24px rgba(43,130,246,.5);transition:.2s;
}
.chat-fab:hover{transform:scale(1.08)}

/* modal (sin uso por ahora) */
.modal{
    position:fixed;inset:0;z-index:100;
    background:rgba(8,8,12,.78);backdrop-filter:blur(4px);
    display:none;align-items:center;justify-content:center;padding:20px;
}
.modal.open{display:flex}
.modal-card{
    background:var(--bg-2);border:1px solid var(--line);border-radius:18px;
    width:100%;max-width:400px;padding:30px;position:relative;
    animation:pop .25s ease;
}
@keyframes pop{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
.modal-close{position:absolute;top:16px;right:16px;font-size:20px;color:var(--muted)}
.modal-logo{text-align:center;margin-bottom:18px}
.modal-tabs{display:flex;background:var(--bg-3);border-radius:10px;padding:4px;margin-bottom:20px}
.modal-tab{flex:1;padding:10px;border-radius:8px;font-weight:700;font-size:14px;color:var(--muted);transition:.2s}
.modal-tab.active{background:var(--blue);color:#fff}
.modal-form{display:flex;flex-direction:column;gap:14px}
.modal-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--muted)}
.modal-form input,.modal-form select{
    background:var(--bg);border:1px solid var(--line);border-radius:10px;
    padding:12px 14px;color:#fff;font-size:14px;font-family:inherit;
}
.modal-form input:focus,.modal-form select:focus{outline:none;border-color:var(--blue)}
.modal-note{font-size:11px;color:var(--muted-2);text-align:center;margin-top:4px}

/* avisos */
.toast{
    position:fixed;bottom:90px;left:50%;transform:translateX(-50%) translateY(20px);
    background:var(--blue);color:#fff;padding:12px 22px;border-radius:10px;
    font-weight:600;font-size:14px;z-index:120;opacity:0;pointer-events:none;transition:.3s;
    box-shadow:0 8px 24px rgba(0,0,0,.4);
}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* fondo oscuro del menu */
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:55;display:none}
.overlay.show{display:block}

/* barra fija abajo en mobile */
.mobile-cta{
    position:fixed;left:0;right:0;bottom:0;z-index:70;
    display:none;gap:10px;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom));
    background:rgba(18,17,22,.96);
    backdrop-filter:blur(12px);
    border-top:1px solid var(--line);
}
.mobile-cta .btn{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:13px 10px;font-size:14px}
.mobile-cta .btn-ghost{flex:0 0 38%}

/* responsive */
@media(max-width:1200px){
    .games-grid{grid-template-columns:repeat(5,1fr)}
    .payments-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:1000px){
    .hero{margin:0 -14px} /* que el carrusel ocupe todo el ancho */
    .hero-track{
        display:flex;gap:12px;
        padding:0 14px;
        overflow-x:auto;
        scroll-snap-type:x mandatory;
        scroll-padding:0 14px;
        -webkit-overflow-scrolling:touch;
    }
    .hero-track::-webkit-scrollbar{display:none}
    .promo{
        flex:0 0 100%;
        scroll-snap-align:start;
        min-height:180px;
        padding:22px;
    }
    .promo h2{font-size:20px;overflow-wrap:break-word;hyphens:none}
    .promo-body{max-width:80%}
    .promo-art{font-size:88px}
    .promo-art-40{font-size:60px}
    .categories{grid-template-columns:repeat(3,1fr)}
    .features-grid{grid-template-columns:repeat(2,1fr)}
    .bonus-grid{grid-template-columns:1fr}
    .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
    :root{--sidebar-w:280px}
    .sidebar{width:var(--sidebar-w);max-width:86vw;transform:translateX(-100%);transition:transform .3s ease;box-shadow:0 0 40px rgba(0,0,0,.6);padding-bottom:calc(18px + env(safe-area-inset-bottom))}
    .sidebar.open{transform:translateX(0)}
    .sidebar-close{display:block}
    .main-wrap{margin-left:0}
    .burger{display:block;width:42px;height:42px;border-radius:10px}
    .logo-mobile{display:inline-flex}
    .logo-mobile .logo-text{font-size:22px}
    .topbar-actions{display:none} /* CTA va en la barra fija inferior */
    .logo-mobile{margin-left:6px}
    .support-mobile{display:flex;align-items:center;justify-content:center;margin-left:auto}
    .games-grid{grid-template-columns:repeat(3,1fr);gap:10px}
    .categories{grid-template-columns:repeat(2,1fr);gap:10px}
    .content{padding:16px 14px 32px;gap:26px}
    .topbar{padding:10px 14px}
    /* deja espacio para la barra fija inferior */
    .footer{padding-bottom:calc(24px + 72px + env(safe-area-inset-bottom))}
    .mobile-cta{display:flex}
    .chat-fab{bottom:calc(82px + env(safe-area-inset-bottom))}
    .toast{bottom:calc(150px + env(safe-area-inset-bottom))}
    /* bloques */
    .block-head h2{font-size:18px}
    .promo{min-height:170px;padding:22px}
    .promo h2{font-size:19px}
    .guide-card{padding:20px}
    .guide-card h3{font-size:16px}
    .responsible{flex-direction:column;gap:12px}
    .bonus-card h3{font-size:22px}
    /* touch targets */
    .side-link{padding-top:14px;padding-bottom:14px}
    .all-games{padding:9px 14px}
}
@media(max-width:480px){
    .games-grid{grid-template-columns:repeat(2,1fr);gap:9px}
    .payments-grid{grid-template-columns:repeat(3,1fr);gap:10px}
    .footer-grid{grid-template-columns:1fr;gap:20px}
    .footer-bottom{flex-direction:column;align-items:flex-start}
    .promo h2{font-size:18px}
    .game-title{font-size:12px}
    .game-provider{font-size:9px}
    .block-head{flex-wrap:wrap;gap:8px}
    .install-app{margin-top:14px}
    .modal-card{padding:24px 20px}
    .feature{padding:18px}
}
@media(max-width:360px){
    .games-grid{grid-template-columns:repeat(2,1fr)}
    .mobile-cta .btn{font-size:13px;padding:12px 6px}
    .mobile-cta .btn-ghost{flex:0 0 34%}
}
/* No mostrar barra fija en escritorio aunque exista el nodo */
@media(min-width:769px){ .mobile-cta{display:none !important} }
/* Respeta usuarios que prefieren menos movimiento */
@media(prefers-reduced-motion:reduce){
    *{animation-duration:.001ms !important;transition-duration:.001ms !important}
    html{scroll-behavior:auto}
}