/* Landing pública de cada juego (SEO) */
.jl-migas { font-size: 13px; font-weight: 800; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.6); }
.jl-migas a { color: #fff; text-decoration: none; }
.jl-hero { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; padding: 0 16px 18px; overflow: hidden; }
.jl-escena { position: relative; align-self: stretch; margin: 0 -16px 4px; height: 230px; display: grid; place-items: center; overflow: hidden; border-radius: 22px 22px 0 0; border-bottom: 2px solid var(--canto);
  background: radial-gradient(circle at 50% 55%, color-mix(in srgb, var(--c) 45%, #fff), color-mix(in srgb, var(--c) 85%, #000) 120%); }
.jl-escena .rayos { position: absolute; inset: -50%; background: repeating-conic-gradient(from 0deg, rgba(255,255,255,.22) 0 9deg, transparent 9deg 22deg); animation: gira 30s linear infinite; }
.jl-escena img { position: relative; width: 190px; height: 190px; border-radius: 40px; border: 3px solid var(--canto); box-shadow: 0 6px 0 var(--canto); animation: flota-arte 3s ease-in-out infinite; }
@keyframes flota-arte { 50% { transform: translateY(-6px) rotate(-2deg); } }
.jl-hero h1 { color: #fff; }
.jl-lema { margin: 0; font-weight: 800; color: var(--tinta-suave); font-size: 17px; }
.jl-chips { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.jl-chips svg { color: var(--cielo-hondo); }
.jl-entrar { font-weight: 800; color: var(--tinta-suave); }
.jl .tarjeta > p { margin: 8px 0 0; line-height: 1.6; }
.jl-pasos { list-style: none; margin: 10px 0 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.jl-pasos li { display: flex; gap: 12px; align-items: center; font-weight: 700; }
.jl-pasos .disco { font-family: var(--titulos); font-weight: 800; font-size: 18px; }
.jl-migas .boton-redondo { color: var(--tinta); text-shadow: none; }