/* Entradas dentro de cuencavibra.com: la boletera de vozalma con la marca arcade de Cuenca Vibra (noche morada, lima, teal,
   amarillo; Bangers para títulos, Jersey 10 pixel para rótulos y Montserrat para el texto). Las fuentes van aquí mismo (OFL). */
@font-face { font-family: "Bangers"; src: url(bangers.woff2) format("woff2"); font-display: swap; }
@font-face { font-family: "Jersey 10"; src: url(jersey10.woff2) format("woff2"); font-display: swap; }
@font-face { font-family: "Montserrat"; src: url(montserrat.woff2) format("woff2"); font-weight: 100 900; font-display: swap; }

:root {
  --color-bg: #160E25;
  --color-surface: #211740;
  --color-surface-2: #2B2766;
  --color-surface-3: #3a3480;
  --color-border: #3b3170;
  --color-border-input: #5b52a3;
  --color-text: #ffffff;
  --color-text-muted: #c7c0e6;
  --color-coral: #8DC63F;
  --color-coral-hover: #a3d95a;
  --color-coral-fuerte: #6fa62a;
  --color-coral-soft: #26361a;
  --color-azul: #2A93A9;
  --color-azul-soft: #133a45;
  --color-on-coral: #160E25;
  --degradado: linear-gradient(120deg, #2B2766 0%, #2A93A9 55%, #8DC63F 100%);
  --degradado-calido: linear-gradient(120deg, #F7D23E 0%, #8DC63F 100%);
  --font-sans: "Montserrat", system-ui, -apple-system, Arial, sans-serif;
}
.promo { display: none; }
.cabecera { background: rgb(22 14 37 / .92); border-bottom: 3px solid #2B2766; }
.marca img { width: auto; height: 34px; border-radius: 0; }
.marca span { font: 400 20px/1 "Jersey 10", ui-monospace, monospace; letter-spacing: .06em; color: #8DC63F; }
h1, h2 { font-family: "Bangers", Impact, sans-serif; font-weight: 400; letter-spacing: .03em; }
h1 { color: #F7D23E; text-shadow: 3px 3px 0 #D7392E; }
.boton.primario { border: 3px solid #160E25; box-shadow: 0 4px 0 #0b0614; font-family: "Bangers", Impact, sans-serif; font-weight: 400; font-size: 19px; letter-spacing: .05em; }
.boton.primario:active { transform: translateY(3px); box-shadow: 0 1px 0 #0b0614; }
.sitio-volver { font: 400 18px/1 "Jersey 10", ui-monospace, monospace; letter-spacing: .05em; }
.pie-sitio { color: var(--color-text-muted); }
