/* Pa'lante · ruleta de premios. Colores sacados del letrero del local
   (neón amarillo con el apóstrofo rojo sobre negro) y del neón rosa de dentro. */
:root{--negro:#08080b;--panel:#131318;--panel2:#1c1c24;--linea:#2b2b36;--tx:#f7f5ee;--sv:#a9a6b8;--tn:#6f6c80;
  --amarillo:#f5e042;--amarillo-d:#c9b71c;--rojo:#e3262d;--rosa:#ff2e88;--morado:#7b2ff7;--oro:#ffb300;--ok:#35d49a;--mal:#ff5c5c;
  color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;background:var(--negro);color:var(--tx);font:16px/1.5 Archivo,system-ui,-apple-system,sans-serif;-webkit-text-size-adjust:100%}
body{background:radial-gradient(1200px 600px at 50% -200px,#2a0f2a 0%,transparent 60%),radial-gradient(900px 500px at 110% 110%,#231b04 0%,transparent 60%),var(--negro);min-height:100vh}
a{color:var(--amarillo)}
button{font:inherit;cursor:pointer}
[hidden]{display:none!important}

/* Logotipo provisional: tipográfico, imitando el letrero de neón. */
.logo{display:flex;flex-direction:column;align-items:center;line-height:1;user-select:none}
.logo .neon{font-family:Yellowtail,'Brush Script MT',cursive;font-size:64px;color:var(--amarillo);letter-spacing:.01em;
  text-shadow:0 0 6px rgba(245,224,66,.75),0 0 22px rgba(245,224,66,.45),0 0 48px rgba(245,224,66,.25);transform:rotate(-4deg);padding:0 .15em}
.logo .neon em{font-style:normal;color:var(--rojo);text-shadow:0 0 6px rgba(227,38,45,.9),0 0 18px rgba(227,38,45,.6)}
.logo small{display:block;margin-top:6px;font:800 12px/1 Archivo,sans-serif;letter-spacing:.42em;color:var(--tx);opacity:.9;padding-left:.42em}
.logo.peq .neon{font-size:40px}.logo.peq small{font-size:9px;letter-spacing:.36em}
.logo.gran .neon{font-size:clamp(64px,7vw,120px)}.logo.gran small{font-size:clamp(12px,1.2vw,18px)}
.lema{font:700 17px/1.3 Archivo,sans-serif;letter-spacing:.02em;text-align:center;margin:14px 0 0;color:var(--tx)}
.lema b{color:var(--amarillo)}

.w{max-width:520px;margin:0 auto;padding:22px 16px 40px}
.c{background:var(--panel);border:1px solid var(--linea);border-radius:18px;padding:16px;margin:14px 0}
h1{font-size:26px;line-height:1.15;margin:8px 0 6px;letter-spacing:-.01em}
h2{font-size:19px;margin:6px 0 8px}
.s{color:var(--sv);font-size:14.5px;margin:0 0 10px}
.chip{display:inline-block;font-size:12px;font-weight:800;padding:4px 10px;border-radius:99px;background:var(--panel2);border:1px solid var(--linea);color:var(--sv);letter-spacing:.02em}
.chip.am{background:rgba(245,224,66,.12);border-color:rgba(245,224,66,.35);color:var(--amarillo)}
label{display:block;font-size:13px;font-weight:700;color:var(--sv);margin:10px 0 5px}
input,select{width:100%;background:var(--panel2);border:1px solid var(--linea);color:var(--tx);border-radius:12px;padding:13px 14px;font:inherit;font-size:16px}
input:focus,select:focus{outline:2px solid var(--amarillo);outline-offset:1px}
.btn{display:block;width:100%;border:0;border-radius:14px;padding:16px;font:800 18px/1 Archivo,sans-serif;letter-spacing:.04em;color:#111;
  background:linear-gradient(180deg,#fff27a,var(--amarillo) 55%,var(--amarillo-d));box-shadow:0 0 24px rgba(245,224,66,.28);margin-top:14px;text-transform:uppercase}
.btn:disabled{opacity:.4;box-shadow:none}
.btn.sec{background:var(--panel2);color:var(--tx);border:1px solid var(--linea);box-shadow:none;text-transform:none;font-weight:700;font-size:16px}
.btn.rojo{background:linear-gradient(180deg,#ff5a60,var(--rojo));color:#fff;box-shadow:0 0 20px rgba(227,38,45,.3)}
.error{background:rgba(255,92,92,.1);border:1px solid rgba(255,92,92,.4);color:#ffc9c9;border-radius:12px;padding:10px 12px;font-size:14.5px;margin:10px 0}
.cod{font:800 34px/1 ui-monospace,Menlo,monospace;letter-spacing:.16em;background:#000;padding:14px 18px;border-radius:14px;display:inline-block;color:var(--amarillo);border:1px solid rgba(245,224,66,.35)}
.pie{color:var(--tn);font-size:12.5px;text-align:center;margin-top:26px}
.pie details{text-align:left;background:var(--panel);border:1px solid var(--linea);border-radius:14px;padding:10px 14px;margin:10px 0}
.pie summary{cursor:pointer;font-weight:700;color:var(--sv)}
.pie ol{padding-left:18px;margin:8px 0}.pie li{margin:4px 0}
.mayores{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:var(--sv);margin-top:6px}
.mayores i{font-style:normal;display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid var(--rojo);color:var(--tx);font-size:11px}
/* Otros locales: logo en imagen o su nombre en neón (lo pone Solers al darlos de alta). */
.logo.img img{display:block;max-height:72px;max-width:240px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(245,224,66,.35))}
.logo.peq.img img{max-height:48px;max-width:180px}.logo.gran.img img{max-height:140px;max-width:420px}
.logo .neon.txt{font-size:44px;transform:rotate(-3deg);text-align:center;line-height:1.05}
.logo.peq .neon.txt{font-size:30px}.logo.gran .neon.txt{font-size:clamp(48px,5vw,90px)}
.provisional{font-size:11px;color:var(--tn);text-align:center;margin-top:4px}