/* ============================================================
   Páginas sueltas de la web (campus, abónate, rifa, instalar la
   app, legales, 404) con el lenguaje del DOSSIER 26/27.
   Capa encima de la hoja de cada página: les cambia los tokens
   (--r, --gold, --k…) por los del dossier, la tipografía (Anton
   para lo grande, Oswald para etiquetas y botones, Inter para
   leer) y las esquinas. No toca textos, formularios ni scripts.
   Quitar la línea que la carga = la página de antes.
   ============================================================ */
:root{
  --r:#c81616;--r2:#8a0d0d;--gold:#d8a64a;
  --k:#050202;--k2:#120808;--k3:#1a0d0d;--k4:#241212;--k5:#2c1717;
  --w:#f6f1ea;
  --dz-oro:linear-gradient(180deg,#f7d77a,#c98f2a 70%,#6b450f);
  --dz-rojo:linear-gradient(180deg,#ff4949 0%,#c81616 60%,#6b0606 100%)
}
body{font-family:'Inter',system-ui,-apple-system,sans-serif!important;
  background:radial-gradient(1200px 600px at 20% -10%,rgba(200,22,22,.16),transparent 60%),radial-gradient(900px 500px at 100% 110%,rgba(216,166,74,.08),transparent 60%),#050202!important}

/* ── lo grande: Anton ── */
h1,h2,.hero h1,.success h2,.ok-card h2,.legal-card h2,.cifra,.price-tag b,.premio .p,.papeleta .num,.dato b,
.nav b,.top b,.nav-name{font-family:'Anton',sans-serif!important;font-weight:400!important;letter-spacing:.01em!important;font-style:normal!important}
h1{line-height:1!important}

/* ── etiquetas, botones y menús: Oswald espaciada ── */
.eyebrow,.sec,.iban .lbl,.invita .cnt b,details.cond summary,.ok-card .ref,.nav-back,.legal-link,.priv-tab,.toc b,
.legal-card h3,.mias a b,.card b,h3{font-family:'Oswald',sans-serif!important;font-weight:500!important;letter-spacing:.1em!important}
.eyebrow{letter-spacing:.3em!important;color:var(--gold)!important}
.btn,.cta,button.btn,a.btn{font-family:'Oswald',sans-serif!important;font-weight:600!important;letter-spacing:.14em!important;text-transform:uppercase;border-radius:4px!important}

/* ── esquinas del dossier: rectas ── */
.card,.legal-card,.ok-card,.premio,.papeleta,.price-tag,.invita,details.cond,.success{border-radius:4px!important}

/* ── la pincelada roja bajo la primera cabecera grande ── */
h1::after{content:"";display:block;height:10px;margin:14px 0 4px;max-width:260px;
  background:linear-gradient(90deg,#c81616,#ff2b2b 50%,transparent);
  clip-path:polygon(0% 60%,6% 30%,14% 75%,24% 35%,36% 80%,50% 30%,64% 75%,76% 35%,88% 70%,100% 55%,100% 80%,90% 90%,78% 55%,66% 90%,54% 58%,42% 90%,30% 58%,18% 90%,8% 58%,0% 82%)}
.cifra + h1::after,.success h1::after{display:none}