/* Red Horse · sorteo — páginas legales y panel del equipo. */
:root{
  --ink:#020103; --bone:#fff; --bone-rgb:255,255,255;
  --red:#FB1216; --red-rgb:251,18,22; --gold:#FFBF21; --abyss:#011A5F; --abyss-rgb:1,26,95;
  --sans:'Bricolage Grotesque', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --display:'Anton', Impact, 'Arial Narrow', sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--ink)}
body{margin:0;min-height:100svh;color:var(--bone);font:500 1rem/1.55 var(--sans);
  background:radial-gradient(90% 40% at 50% -8%, rgba(var(--abyss-rgb),.7), transparent 70%), var(--ink)}
a{color:inherit;text-underline-offset:.2em}
a:hover{color:var(--gold)}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}
.wrap{max-width:44rem;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 20px 48px}
.brand{display:block;width:120px;margin:4px 0 28px}
.brand img{display:block;width:100%;height:auto}
.eyebrow{margin:0 0 6px;font:700 .74rem/1.2 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:rgba(var(--bone-rgb),.7)}
.title{margin:0 0 18px;font:400 clamp(2.8rem,11vw,4.6rem)/1.04 var(--display);text-transform:uppercase;padding-top:.16em;
  color:var(--red);background:url(/assets/img/thermal-core.webp) 50% 40%/cover;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.legal h2{margin:30px 0 8px;font:800 1.08rem/1.3 var(--sans);letter-spacing:.02em}
.legal p,.legal li{color:rgba(var(--bone-rgb),.86)}
.legal ul{padding-left:1.2em}
.legal li{margin:4px 0}
.updated{font-size:.86rem;color:rgba(var(--bone-rgb),.55)}
.todo{display:inline-block;padding:1px 8px;border-radius:6px;background:var(--gold);color:var(--ink);font-weight:800}
.foot{margin-top:40px;padding-top:16px;border-top:1px solid rgba(var(--bone-rgb),.12);font-size:.86rem;color:rgba(var(--bone-rgb),.55)}
.foot a{margin-right:12px}

/* ───── panel ───── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:0;
  background:var(--red);color:var(--bone);font:800 .86rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-decoration:none}
.btn:hover{color:var(--bone);filter:brightness(1.1)}
.btn:active{transform:scale(.97)}
.btn--ghost{background:transparent;border:1px solid rgba(var(--bone-rgb),.4)}
.btn--ghost:hover{background:rgba(var(--bone-rgb),.06);border-color:var(--bone)}
.btn--on{background:var(--gold);color:var(--ink)}
.btn--on:hover{color:var(--ink)}
.btn[disabled]{opacity:.45;cursor:not-allowed}
input.in{height:46px;padding:0 14px;border-radius:12px;border:1px solid rgba(var(--bone-rgb),.24);background:rgba(var(--bone-rgb),.06);color:var(--bone);font:500 16px/1 var(--sans);width:100%}
input.in:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(255,191,33,.28)}