/* Supraide Activaciones · pagina publica · v0.1 */
/* letras propias (Montserrat, SIL OFL, ver assets/fuentes/), sin pedir nada a Google */
@font-face{font-family:'Montserrat';src:url(fuentes/montserrat-latin-400-normal.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat';src:url(fuentes/montserrat-latin-600-normal.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat';src:url(fuentes/montserrat-latin-700-normal.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat';src:url(fuentes/montserrat-latin-800-normal.woff2) format('woff2');font-weight:800;font-style:normal;font-display:swap}
:root{
  --tinta:#141B35; --tinta-2:#2e1d73; --morado:#6938EF; --morado-osc:#3d1fa3; --texto:#141B35; --suave:#454b66;
  --fondo:#F7F9FF; --papel:#efeafc; --blanco:#fff;
  --rojo:#D6266F; --rojo-osc:#b01a5b; --sol:#FFCA45; --menta:#2fbfa5;
  --borde:#e2dcf5; --sombra:0 10px 30px -12px rgba(61,31,163,.28);
  --radio:20px; --ancho:1180px;
  --f-tit:'Montserrat',system-ui,sans-serif;
  --f-txt:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--fondo);color:var(--texto);font-family:var(--f-txt);font-size:18px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{max-width:100%;display:block}
h1,h2,h3{font-family:var(--f-tit);line-height:1.1;margin:0 0 .5em;letter-spacing:-.02em}
h1{font-size:clamp(36px,5vw,60px);font-weight:800}
.resalte{color:var(--sol)}
h2{font-size:clamp(30px,3.8vw,46px);font-weight:800;max-width:22ch}
.h2-chico{font-size:clamp(26px,2.8vw,34px)}
h3{font-size:21px;font-weight:800}
p{margin:0 0 1em}
a{color:var(--rojo-osc);text-underline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,.aviso:focus{outline:3px solid var(--rojo-osc);outline-offset:3px;border-radius:8px}
.barra :focus-visible,.hero :focus-visible,.fondo-tinta>.ancho>:not(.contacto-form) :focus-visible,.pie :focus-visible,.pasos :focus-visible{outline-color:var(--sol)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.saltar{position:absolute;left:12px;top:-60px;background:var(--sol);color:var(--tinta);padding:10px 16px;border-radius:10px;font-weight:800;z-index:50}
.saltar:focus{top:12px}
.ancho{width:min(var(--ancho),100% - 40px);margin-inline:auto}
.angosto{max-width:760px}

/* botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 26px;border-radius:999px;font-weight:800;font-size:17px;text-decoration:none;border:2px solid transparent;cursor:pointer;font-family:var(--f-txt);transition:transform .15s ease,background .15s ease}
.btn:hover{transform:translateY(-2px)}
.btn-rojo{background:var(--rojo);color:#fff}
.btn-rojo:hover{background:var(--rojo-osc)}
.btn-claro{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.btn-claro:hover{border-color:#fff}
.btn-borde{background:transparent;color:var(--tinta);border-color:var(--tinta)}
.btn-wa{background:#15803d;color:#fff;margin-top:8px}
.btn-wa:hover{background:#116a32}
.btn-chico{min-height:44px;padding:8px 18px;font-size:16px}
.botones{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 22px}

/* etiquetas */
.eti{display:inline-block;font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--rojo-osc);margin-bottom:12px}
.eti-sol{color:var(--sol)}
.sub{font-size:19px;color:var(--suave);max-width:60ch}
.fondo-tinta .sub{color:#dcd8f0}

/* barra */
.barra{position:sticky;top:0;z-index:30;background:rgba(36,18,99,.97);backdrop-filter:saturate(1.2) blur(8px);color:#fff}
.barra-in{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}
.logo-img{height:64px;width:auto}
.logo-pie .logo-img{height:72px}
.logo-marca{width:40px;height:40px;flex:none}
.logo-txt{display:flex;flex-direction:column;line-height:1}
.logo-chico{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.8}
.logo-grande{font-family:var(--f-tit);font-weight:800;font-size:22px}
.menu{display:flex;align-items:center;gap:22px}
.menu a{color:#fff;text-decoration:none;font-weight:600;font-size:16px}
.menu a.btn{font-weight:800}
.menu a:not(.btn):hover{text-decoration:underline}
.menu .idioma{border:1.5px solid rgba(255,255,255,.5);border-radius:999px;padding:4px 12px;font-weight:800;font-size:14px}
.menu-btn{display:none;background:none;border:0;color:#fff;width:48px;height:48px;cursor:pointer;border-radius:12px}
.hamb,.hamb::before,.hamb::after{display:block;width:24px;height:3px;border-radius:2px;background:#fff;position:relative;margin:auto;transition:transform .2s}
.hamb::before,.hamb::after{content:"";position:absolute;left:0}
.hamb::before{top:-8px}.hamb::after{top:8px}
.menu-btn[aria-expanded="true"] .hamb{background:transparent}
.menu-btn[aria-expanded="true"] .hamb::before{transform:translateY(8px) rotate(45deg)}
.menu-btn[aria-expanded="true"] .hamb::after{transform:translateY(-8px) rotate(-45deg)}

/* hero */
.hero{background:radial-gradient(900px 500px at 85% 20%,#8a5cff 0,transparent 60%),linear-gradient(135deg,#5a2ee0 0,#3d1fa3 55%,#2a1475 100%);color:#fff;padding:56px 0 72px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:40px;background:var(--fondo);clip-path:ellipse(70% 100% at 50% 100%)}
.hero-in{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:40px;position:relative;z-index:1}
.hero h1{max-width:14ch}
.hero-sub{font-size:20px;color:#e3e0f5;max-width:52ch}
.chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px 20px;font-weight:600;font-size:16px;color:#e3e0f5}
.chips li{display:flex;align-items:center;gap:8px}
.check{width:22px;height:22px;flex:none}
.hero-dibujo{width:100%;height:auto}
.hero-arte img{width:100%;height:auto;border-radius:24px}
.dedo{animation:raspar 2.6s ease-in-out infinite;transform-origin:center}
@keyframes raspar{0%,100%{transform:translate(0,0)}25%{transform:translate(-50px,6px)}50%{transform:translate(-20px,-14px)}75%{transform:translate(20px,4px)}}
.confeti>*{animation:flotar 5s ease-in-out infinite}
.confeti>*:nth-child(2n){animation-delay:-2s}
@keyframes flotar{0%,100%{translate:0 0}50%{translate:0 -8px}}

/* secciones */
.seccion{padding:84px 0}
.fondo-papel{background:var(--papel)}
.fondo-tinta{background:linear-gradient(160deg,#2e1d73,#1c1250);color:#fff}
.fondo-sol{background:#fff1c7}
.rejilla{display:grid;gap:20px;margin-top:36px}
.r4{grid-template-columns:repeat(4,1fr)}
.r3{grid-template-columns:repeat(3,1fr)}
.tarjeta{background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radio);padding:26px;box-shadow:var(--sombra);position:relative}
.tarjeta p{color:var(--suave);margin:0}
.tarjeta h3{margin-bottom:.35em}
.num{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--sol);color:var(--tinta);font-weight:800;font-family:var(--f-tit);font-size:20px;margin-bottom:16px}
.dolor:nth-child(2) .num{background:#c9b8ff}
.dolor:nth-child(3) .num{background:#ffb3c0}
.dolor:nth-child(4) .num{background:#c9c2ff}

.juego{padding:0 0 24px;overflow:hidden;display:flex;flex-direction:column}
.juego>*:not(.juego-arte){margin-inline:24px}
.juego-arte{height:150px;display:grid;place-items:center;background:linear-gradient(135deg,#fff3cf,#ffe0e6);margin-bottom:18px}
.juego:nth-child(4n+2) .juego-arte{background:linear-gradient(135deg,#d7f5ee,#fff3cf)}
.juego:nth-child(4n+3) .juego-arte{background:linear-gradient(135deg,#e8e4ff,#d7f5ee)}
.juego:nth-child(4n) .juego-arte{background:linear-gradient(135deg,#ffe0e6,#e8e4ff)}
.juego-arte svg{width:84px;height:84px}
.juego-arte img{width:100%;height:100%;object-fit:cover}
.tag{align-self:flex-start;font-size:13px;font-weight:700;background:var(--morado-osc);color:#fff;border-radius:999px;padding:3px 10px;margin-bottom:10px}
.nota{margin-top:28px;font-weight:600}

.pasos{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:p}
.pasos li{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:var(--radio);padding:26px;position:relative}
.pasos p{color:#dcd8f0;margin:0}
.paso-num{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--sol);color:var(--tinta);font-family:var(--f-tit);font-weight:800;font-size:24px;margin-bottom:16px}
.modos{margin-top:72px}
.modo{background:var(--fondo)}
.modo h3{color:var(--tinta)}
.modo-ico svg{width:64px;height:64px;margin-bottom:12px}

.quien{border-top:6px solid var(--morado)}
.quien:nth-child(3n+2){border-top-color:var(--sol)}
.quien:nth-child(3n){border-top-color:var(--rojo)}

.dos-col{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.lista-check{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:14px;font-weight:600;font-size:19px}
.lista-check li{display:flex;gap:12px;align-items:flex-start}
.lista-check .check{margin-top:3px}
.lista-check.chica{font-size:16px;gap:8px;margin:18px 0 24px}
.incluye{background:var(--blanco);border-radius:var(--radio);padding:32px;box-shadow:var(--sombra)}
.incluye-lista{margin:20px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}
.incluye-lista dt{font-weight:800}
.incluye-lista dd{margin:2px 0 0;color:var(--suave);font-size:16px}

.planes{align-items:stretch}
.plan{display:flex;flex-direction:column;padding:30px}
.plan .btn{margin-top:auto}
.plan-precio{font-family:var(--f-tit);font-weight:800;font-size:18px;color:var(--rojo-osc)!important;margin-bottom:12px!important}
.plan-dest{border:3px solid var(--rojo);transform:translateY(-8px)}
.plan-cinta{position:absolute;top:-15px;left:30px;background:var(--rojo);color:#fff;font-weight:800;font-size:13px;border-radius:999px;padding:4px 12px}

.quienes p{color:var(--suave)}
.faq{display:grid;gap:10px;margin-top:20px}
.faq details{background:var(--blanco);border:1px solid var(--borde);border-radius:16px;padding:0 20px}
.faq summary{cursor:pointer;font-weight:800;padding:16px 28px 16px 0;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:12px;font-size:24px;color:var(--rojo-osc);font-weight:800}
.faq details[open] summary::after{content:"–"}
.faq details p{color:var(--suave);margin:0 0 16px}

/* contacto */
.contacto-in{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start}
.contacto-form{background:var(--fondo);color:var(--texto);border-radius:24px;padding:30px}
.contacto-form:empty{display:none}
.campos{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
.campo{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:15px}
.campo-ancho{grid-column:1/-1}
.campo input,.campo select,.campo textarea{font:inherit;font-weight:400;font-size:17px;min-height:50px;padding:11px 14px;border:2px solid #857e70;border-radius:12px;background:#fff;color:var(--texto);width:100%}
.campo textarea{resize:vertical;min-height:90px}
.campo [aria-invalid="true"]{border-color:var(--rojo)}
.campo-err{color:var(--rojo-osc);font-size:14px;font-weight:700}
.permiso{display:flex;gap:12px;align-items:flex-start;margin:18px 0 6px;font-size:15px;color:var(--suave)}
.permiso input{width:24px;height:24px;flex:none;margin-top:1px;accent-color:var(--rojo)}
.btn-enviar{width:100%;margin-top:14px}
.trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.aviso{border-radius:12px;padding:14px 16px;font-weight:700;margin-bottom:18px}
.aviso-ok{background:#d7f5ee;color:#0d5c4e}
.aviso-err{background:#ffe0e6;color:#8f1a30}

/* privacidad */
.priv h1{font-size:clamp(34px,4.4vw,48px)}
.priv h2{font-size:22px;margin-top:28px;max-width:none}
.priv p{color:var(--suave)}

/* pie */
.pie{background:#140c38;color:#cfcbe6;padding:44px 0}
.pie-in{display:grid;grid-template-columns:1fr auto;gap:12px 24px;align-items:end}
.pie p{margin:10px 0 0}
.logo-pie{color:#fff}
.pie a{color:#fff}
.pie-links{display:flex;gap:10px;justify-self:end}
.pie-der{grid-column:1/-1;font-size:14px;opacity:.85}

/* tablet */
@media (max-width:1020px){
  .r4{grid-template-columns:repeat(2,1fr)}
  .pasos{grid-template-columns:repeat(2,1fr)}
  .hero-in{grid-template-columns:1fr}
  .hero-arte{max-width:560px}
  .dos-col,.contacto-in{grid-template-columns:1fr;gap:40px}
}
/* telefono */
@media (max-width:860px){
  .menu-btn{display:block}
  #menu{display:none;position:absolute;top:72px;left:0;right:0;background:var(--tinta);flex-direction:column;align-items:stretch;padding:12px 20px 22px;gap:4px;box-shadow:0 20px 30px -10px rgba(0,0,0,.4)}
  #menu.abierto{display:flex}
  #menu a:not(.btn){padding:12px 4px;font-size:18px}
  #menu .idioma{align-self:flex-start;margin:6px 0 10px;padding:6px 16px}
  .menu-fijo{display:flex}
}
@media (max-width:640px){
  body{font-size:17px}
  .seccion{padding:60px 0}
  .hero{padding:36px 0 60px}
  .r3,.r4,.pasos,.incluye-lista,.campos{grid-template-columns:1fr}
  .botones .btn{flex:1 1 100%}
  .plan-dest{transform:none}
  .contacto-form{padding:22px}
  .pie-in{grid-template-columns:1fr}
  .pie-links{justify-self:start}
  .juego-arte{height:130px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* ===== v0.9 · página más épica: fondo profundo, juegos protagonistas, amarillo para las acciones ===== */
:root{--profundo:#160B32;--violeta:#6D32FF;--fucsia:#E51D73;--amarillo:#FFD338;--claro:#FAF8FF}
body{background:var(--claro)}
.btn-amarillo{background:var(--amarillo);color:#1d0f45;box-shadow:0 5px 0 #c99a12}
.btn-amarillo:hover{background:#ffdd5c}
.btn-amarillo:active{transform:translateY(2px);box-shadow:0 3px 0 #c99a12}
.btn-borde-claro{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
.btn-borde-claro:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.barra{background:rgba(22,11,50,.94)}
.eti{color:var(--fucsia)}
.eti-sol{color:var(--amarillo)}

/* hero */
.hero{background:radial-gradient(620px 520px at 74% 46%,rgba(109,50,255,.75),transparent 70%),radial-gradient(420px 360px at 92% 85%,rgba(229,29,115,.35),transparent 70%),var(--profundo);padding:64px 0 96px}
.hero::after{background:var(--claro)}
.hero h1{font-size:clamp(38px,5.4vw,66px);max-width:13ch}
.hero .resalte{color:var(--amarillo)}
.hero-sub{color:#d9d2f5;font-size:19px;max-width:46ch}
.hero-arte{position:relative}
.hero-aparatos{position:relative;width:100%;aspect-ratio:1/0.92}
.hero-aparatos img{position:absolute;height:auto;border-radius:0;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
.hero-pantalla{width:84%;right:-4%;top:0}
.hero-telefono{width:38%;left:2%;bottom:-6%;animation:flotar 5s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.hero-telefono{animation:none}}

/* el problema: tarjetas cortas sobre blanco cálido */
.seccion{padding:80px 0}
.tarjeta{border-color:#ebe4ff;box-shadow:0 12px 30px -18px rgba(22,11,50,.35)}
.dolor .num{background:var(--amarillo)}
.dolor:nth-child(2) .num,.dolor:nth-child(3) .num,.dolor:nth-child(4) .num{background:var(--amarillo)}

/* juegos protagonistas */
.fondo-violeta{background:radial-gradient(800px 500px at 50% 0,rgba(109,50,255,.55),transparent 70%),linear-gradient(180deg,#2a1373,#1b0d4a);color:#fff}
.fondo-violeta .sub{color:#d9d2f5}
.fondo-violeta .nota{color:#e9e3ff}.fondo-violeta .nota a{color:var(--amarillo)}
.juegos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px}
.juego2{position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.14);border-radius:26px;padding:20px 22px 22px;transition:transform .2s ease,border-color .2s ease}
.juego2:hover{transform:translateY(-4px);border-color:rgba(255,211,56,.6)}
.juego2-listo{background:linear-gradient(180deg,rgba(109,50,255,.55),rgba(109,50,255,.18));border-color:rgba(255,211,56,.55)}
.juego2-estado{align-self:flex-start;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.12);color:#e9e3ff}
.juego2-listo .juego2-estado{background:var(--amarillo);color:#1d0f45}
.juego2-arte{height:190px;display:grid;place-items:center;margin:8px 0 10px}
.juego2-arte img{max-height:180px;max-width:78%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 16px 22px rgba(0,0,0,.35))}
.juego2-arte svg{width:110px;height:110px}
.juego2 h3{color:#fff;font-size:22px;margin-bottom:.3em}
.juego2 p{color:#d9d2f5;margin:0 0 16px;font-size:16px}
.juego2-pie{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.juego2 .tag{margin:0;background:rgba(255,255,255,.14)}

/* cómo funciona: cuatro pasos unidos por una línea */
.fondo-claro{background:var(--claro)}
.pasos-unidos{list-style:none;padding:0;margin:44px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative;counter-reset:none}
.pasos-unidos::before{content:"";position:absolute;left:12%;right:12%;top:30px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--violeta),var(--fucsia),var(--amarillo))}
.pasos-unidos li{position:relative;text-align:center;background:none;border:0;padding:0;color:var(--texto)}
.pasos-unidos .paso-num{position:relative;display:grid;place-items:center;width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:var(--violeta);color:#fff;font-weight:800;font-size:26px;border:5px solid var(--claro);box-shadow:0 8px 18px -8px rgba(109,50,255,.7)}
.pasos-unidos li:nth-child(2) .paso-num{background:#a12bd0}
.pasos-unidos li:nth-child(3) .paso-num{background:var(--fucsia)}
.pasos-unidos li:nth-child(4) .paso-num{background:var(--amarillo);color:#1d0f45}
.pasos-unidos h3{font-size:20px;color:var(--texto)}
.pasos-unidos p{color:var(--suave);margin:0}
.fondo-claro .modos{margin-top:64px}
.fondo-claro .tarjeta.modo{background:#fff}
.fondo-claro .modo h3{color:var(--texto)}.fondo-claro .modo p{color:var(--suave)}

/* juego limpio: amarillo como acento, no como fondo entero */
.fondo-sol{background:#fff;border-top:6px solid var(--amarillo)}
/* contacto profundo, formulario corto */
.fondo-tinta{background:radial-gradient(700px 400px at 20% 0,rgba(109,50,255,.45),transparent 70%),var(--profundo)}
.contacto-form .campos{grid-template-columns:1fr 1fr}
.btn-enviar{width:100%;margin-top:6px;min-height:58px;font-size:19px}
.pie{background:var(--profundo)}

@media (max-width:980px){
  .juegos-grid{grid-template-columns:repeat(2,1fr)}
  .pasos-unidos{grid-template-columns:repeat(2,1fr);row-gap:36px}
  .pasos-unidos::before{display:none}
  .hero-aparatos{max-width:560px;margin:10px auto 0}
}
@media (max-width:640px){
  .juegos-grid{grid-template-columns:1fr}
  .juego2-arte{height:160px}.juego2-arte img{max-height:150px}
  .pasos-unidos{grid-template-columns:1fr}
  .pasos-unidos li{display:grid;grid-template-columns:64px 1fr;column-gap:16px;text-align:left;align-items:start}
  .pasos-unidos .paso-num{margin:0;grid-row:span 2}
  .pasos-unidos::before{display:block;left:30px;right:auto;top:10px;bottom:10px;width:4px;height:auto;background:linear-gradient(180deg,var(--violeta),var(--fucsia),var(--amarillo))}
  .contacto-form .campos{grid-template-columns:1fr}
  .hero{padding:40px 0 80px}
}
.hero-aparatos .hero-pantalla{width:86%;right:-2%;top:2%;left:auto}
.hero-aparatos .hero-telefono{width:34%;left:0;bottom:-4%;top:auto}
.menu a.btn-amarillo{color:#1d0f45}
.fondo-profundo{background:radial-gradient(700px 420px at 85% 10%,rgba(109,50,255,.45),transparent 70%),var(--profundo);color:#fff}
.fondo-profundo .eti{color:var(--amarillo)}
.fondo-profundo :focus-visible{outline-color:var(--amarillo)}
/* en el teléfono: los dos listos grandes, los demás de a dos y sin texto largo */
@media (max-width:640px){
  .juegos-grid{grid-template-columns:1fr 1fr;gap:12px}
  .juego2{padding:14px 14px 16px;border-radius:20px}
  .juego2-listo{grid-column:span 2}
  .juego2:not(.juego2-listo) .juego2-arte{height:96px}
  .juego2:not(.juego2-listo) .juego2-arte img{max-height:88px}
  .juego2:not(.juego2-listo) h3{font-size:16px}
  .juego2:not(.juego2-listo) p,.juego2:not(.juego2-listo) .tag{display:none}
  .juego2:not(.juego2-listo) .juego2-pie .btn{width:100%;min-height:40px;font-size:14px;padding:6px 10px}
  .juego2-estado{font-size:10px;padding:3px 8px}
}
/* dónde se juega: los íconos nuevos, grandes */
.modo-ico{height:120px;display:flex;align-items:center;margin-bottom:14px}
.modo-ico img{max-height:116px;width:auto;filter:drop-shadow(0 12px 16px rgba(22,11,50,.25))}
.tarjeta.modo{text-align:left}
.modo-ico img{height:116px;width:auto;object-fit:contain}