.juegos-contenedor{max-width:1080px;margin:auto}.juegos-hero{text-align:center;padding:36px 15px 26px}.juegos-eyebrow,.juegos-titulo>div>span{color:#86efac;text-transform:uppercase;letter-spacing:.13em;font-weight:800;font-size:.75rem}.juegos-hero h1{font-size:clamp(2.2rem,6vw,4rem);color:white;margin:5px 0 12px}.juegos-hero p{max-width:720px;margin:auto;color:#cbd5e1;font-size:1.08rem}
.juegos-selector{position:sticky;top:10px;z-index:10;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px auto 18px;padding:8px;max-width:850px;border-radius:18px;background:rgba(15,23,42,.94);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px);box-shadow:0 16px 40px rgba(0,0,0,.22)}.selector-opcion{display:flex;align-items:center;gap:11px;min-width:0;padding:11px 13px;color:white;text-align:left;border:1px solid transparent;border-radius:12px;background:transparent;cursor:pointer}.selector-opcion:hover,.selector-opcion.activo{background:#27364b;border-color:rgba(134,239,172,.45)}.selector-opcion.activo{box-shadow:inset 3px 0 #22c55e}.selector-icono{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:10px;background:#172236;color:#86efac;font-size:1.15rem;font-weight:900}.selector-opcion>span:last-child{display:flex;flex-direction:column;min-width:0}.selector-opcion strong{font-size:.92rem}.selector-opcion small{margin-top:2px;color:#aab8ca;font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selector-ayuda{margin:0 auto 28px;text-align:center;color:#aab8ca;font-size:.82rem}.selector-ayuda strong{color:#86efac}
.juegos-paneles{min-height:460px}.panel-juego[hidden]{display:none}.juegos-bloque{margin-bottom:70px;padding:30px;border-radius:24px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);animation:mostrar-panel .24s ease}.juegos-titulo{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.juegos-titulo h2{margin:2px 0 0;color:white;text-align:left;font-size:2rem}.juegos-titulo>a{color:#86efac;font-weight:800;text-decoration:none}.juegos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.juego-card{--acento:#22c55e;display:flex;flex-direction:column;position:relative;padding:22px;border-radius:18px;background:#27364b;border:1px solid rgba(255,255,255,.08);overflow:hidden}.bloque-ordena .juego-card{--acento:#38bdf8}.bloque-ruleta .juego-card{--acento:#facc15}.bloque-camino .juego-card{--acento:#a78bfa}.bloque-memoria .juego-card{--acento:#fb7185}.bloque-palabra .juego-card{--acento:#fb923c}.juego-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--acento)}.juego-card-icono{display:grid;place-items:center;width:48px;height:48px;margin-bottom:15px;border-radius:13px;background:color-mix(in srgb,var(--acento) 16%,transparent);color:var(--acento);font-size:1.5rem;font-weight:900}.juego-etiqueta{position:absolute;right:18px;top:20px;color:#cbd5e1;font-size:.76rem}.juego-card h3{text-align:left;color:white;font-size:1.18rem;margin-bottom:10px}.juego-card>p{color:#cbd5e1;font-size:.9rem;flex:1}.juego-meta{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 16px;color:#aab8ca;font-size:.74rem}.juego-accion{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border-radius:9px;background:var(--acento);color:#0f172a;text-decoration:none;text-align:center;font-weight:900}.juego-card:hover{transform:translateY(-4px);border-color:var(--acento);box-shadow:0 16px 30px rgba(0,0,0,.18)}.juegos-vacio{grid-column:1/-1;text-align:center;color:#cbd5e1}@keyframes mostrar-panel{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:850px){.juegos-grid{grid-template-columns:1fr 1fr}.juegos-selector{grid-template-columns:repeat(2,1fr);position:static}}
@media(max-width:600px){.juegos-hero{padding-top:15px}.juegos-hero p{font-size:.96rem}.juegos-selector{margin:12px 0 14px;padding:7px;gap:6px}.selector-opcion{padding:9px 7px;gap:7px}.selector-icono{flex-basis:34px;height:34px;font-size:1rem}.selector-opcion strong{font-size:.78rem}.selector-opcion small{font-size:.58rem}.selector-ayuda{margin-bottom:20px;font-size:.75rem}.juegos-paneles{min-height:0}.juegos-bloque{padding:20px 14px;border-radius:18px;margin-bottom:35px}.juegos-titulo{align-items:flex-start}.juegos-titulo h2{font-size:1.5rem}.juegos-titulo>a{font-size:.8rem}.juegos-grid{grid-template-columns:1fr}.juego-card{padding:20px}}