:root{color-scheme:light dark;--fondo:#f1f5f9;--tarjeta:#fff;--texto:#0f172a;--suave:#475569;--borde:#e2e8f0;--marca:#002D62;--oro:#f59e0b}
@media(prefers-color-scheme:dark){:root{--fondo:#020617;--tarjeta:#0f172a;--texto:#f1f5f9;--suave:#94a3b8;--borde:#1e293b}}
*{box-sizing:border-box}
body{margin:0;background:var(--fondo);color:var(--texto);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.6}
.envoltorio{max-width:52rem;margin:0 auto;padding:1.5rem 1rem 3rem}
header{background:var(--marca);color:#fff;padding:1.25rem 1rem;margin:-1.5rem -1rem 1.5rem}
header a{color:#fff;text-decoration:none;font-weight:800;font-size:1.125rem}
h1{font-size:1.5rem;line-height:1.25;margin:1.5rem 0 .5rem}
h2{font-size:1.125rem;margin:2rem 0 .75rem}
.sorteo{background:var(--tarjeta);border:1px solid var(--borde);border-radius:1rem;padding:1rem 1.25rem;margin-bottom:1rem}
.sorteo h3{margin:0 0 .25rem;font-size:1rem}
.meta{color:var(--suave);font-size:.8125rem;margin:0 0 .75rem}
.numeros{display:flex;gap:.5rem;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.numeros li{background:var(--marca);color:#fff;font-weight:800;font-size:1.25rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:.75rem;font-variant-numeric:tabular-nums}
.numeros li:first-child{background:var(--oro);color:#0f172a}
.pendiente{color:var(--suave);font-style:italic;margin:0}
.fuente{font-size:.75rem;color:var(--suave);margin:.75rem 0 0}
nav ul{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0}
nav a{display:inline-block;background:var(--tarjeta);border:1px solid var(--borde);border-radius:.5rem;padding:.375rem .75rem;font-size:.875rem;color:var(--texto);text-decoration:none}
nav a:hover{border-color:var(--marca)}
.cta{display:inline-block;background:var(--oro);color:#0f172a;font-weight:800;padding:.75rem 1.25rem;border-radius:.75rem;text-decoration:none;margin:.5rem 0 1.5rem}
footer{border-top:1px solid var(--borde);margin-top:2.5rem;padding-top:1.25rem;color:var(--suave);font-size:.8125rem}
.wa{position:fixed;bottom:1.25rem;right:1.25rem;z-index:50;display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;background:#25D366;color:#fff;text-decoration:none;border-radius:9999px;box-shadow:0 10px 20px rgba(6,78,59,.4);transition:transform .2s}
.wa:hover{transform:scale(1.1)}
.wa svg{position:relative;width:1.75rem;height:1.75rem;fill:currentColor}
.wa .anillo{position:absolute;inset:0;border-radius:9999px;background:#25D366;opacity:.6;animation:pingLento 2.4s cubic-bezier(0,0,.2,1) infinite;pointer-events:none}
@keyframes pingLento{0%{transform:scale(1);opacity:.6}70%,100%{transform:scale(1.7);opacity:0}}
/* Quien pidió menos movimiento en su sistema no debería ver nada latiendo de
   forma perpetua. */
@media(prefers-reduced-motion:reduce){.wa .anillo{display:none}}