/* ==========================================================================
   TEMA · danielpaz.es · "El horario" con toques de "La nevera" (oct-2026)
   Se carga DESPUÉS del <style> de cada página y redefine sus variables.
   Para cambiar la paleta en toda la web, se toca solo este bloque.
   ========================================================================== */
:root{
  /* Base */
  --fondo:#FFFFFF;
  --superficie:#F5F7FB;          /* tarjetas, campos */
  --superficie-activa:#EAF0FF;   /* seleccionado */
  --borde:#E1E6F0;
  --texto:#1B2440;               /* azul marino: más suave que el negro de noche */
  --texto-apagado:#5A6482;       /* 5,9:1 sobre blanco */

  /* Acción: azul de confianza. Texto blanco sobre él: 5,3:1 */
  --acento:#3457F5;
  --acento-oscuro:#2340D1;
  --acento-texto:#FFFFFF;

  /* Colores de familia: cada uno con un significado fijo */
  --sol:#FFD23F;                 /* lo que destaca: tus ratos, tu resultado */
  --sol-claro:#FFF4CC;
  --sol-texto:#6B4E00;
  --verde:#16A974;               /* lo que encaja */
  --verde-claro:#E3F7EE;
  --verde-texto:#0D6B4A;
  --rosa:#FFE6E2;                /* aviso: horario fijo, señales de estafa */
  --rosa-texto:#A2301F;
  --cielo-claro:#E4F1FF;

  --error:#B42318;
  --ok:#0D6B4A;

  /* Marca: el rojo vive solo en el logo */
  --marca:#CB3B33;
  --hueco:#B54708;              /* huecos legales por rellenar */

  --fuente:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --display:'Bricolage Grotesque','Plus Jakarta Sans',system-ui,sans-serif;
  --radio:14px;
}

body{background:var(--fondo);color:var(--texto);font-family:var(--fuente)}
h1,h2,.rol,.titular{font-family:var(--display);font-weight:800;letter-spacing:-.025em;color:var(--texto)}
h1{line-height:1.04}

/* Logo: siempre rojo de marca, aunque el acento sea azul */
.lockup rect{fill:var(--marca)}
.lockup tspan{fill:var(--marca)}
.lockup g circle{stroke:#FFFFFF}
.lockup g rect{fill:#FFFFFF}
.lockup-texto{font-family:var(--display);font-weight:800;fill:var(--texto)}

/* Botones: azul relleno, esquinas amables */
.boton{background:var(--acento);color:var(--acento-texto);border-radius:var(--radio);font-weight:700;
  box-shadow:0 3px 0 var(--acento-oscuro);transition:transform .08s ease,box-shadow .08s ease}
.boton:active{transform:translateY(2px);box-shadow:0 1px 0 var(--acento-oscuro)}
.boton:focus-visible{outline:3px solid var(--sol);outline-offset:3px}
.boton.secundario{background:#fff;color:var(--texto);border:1.5px solid var(--borde);box-shadow:none}

/* Campos */
input[type=email],input[type=text],input[type=url],textarea,select{background:#fff;border:1.5px solid var(--borde);color:var(--texto)}
input:focus,textarea:focus,select:focus{outline:3px solid var(--superficie-activa);outline-offset:0;border-color:var(--acento)}

/* Kits: etiqueta en pastilla amarilla, sin mayúsculas */
.etiqueta{display:inline-block;color:var(--sol-texto);background:var(--sol-claro);text-transform:none;letter-spacing:0;
  font-size:.82rem;font-weight:700;padding:.3rem .7rem;border-radius:999px}
.tarjeta,.guion,.mensaje,.portal,details,.mov{border:1.5px solid var(--borde);background:#fff}
.portal a.ir{color:var(--acento)}
.lista-pasos li::before{background:var(--sol);border:0;color:var(--texto);font-weight:800}
.humo{border-left:0;background:var(--rosa);border-radius:var(--radio);padding:1rem 1.1rem}
.humo, .humo *{color:var(--rosa-texto)}
.aviso{color:var(--error)}
.diez label{background:#fff;border:1.5px solid var(--borde)}

.pie-pagina{border-top:1.5px solid var(--borde)}

@media (prefers-reduced-motion:reduce){.boton{transition:none}}
@media print{.boton{box-shadow:none}}