/* =========================================================
   TEMAS.CSS — Estilos de temporada (se elige en Panel → Apariencia)
   El tema "normal" no cambia nada. Los demás solo redefinen
   los colores del diseño y agregan un pequeño detalle decorativo.
   ========================================================= */

/* Barra superior fina (solo en temas de temporada) */
html:not([data-tema="normal"]) body::before {
  content: "";
  position: fixed;
  inset: 0 0 auto 0;
  height: 6px;
  z-index: 1000;
  pointer-events: none;
  background: var(--barra, transparent);
}

/* ── Halloween ─────────────────────────────────────────── */
html[data-tema="halloween"] {
  --c-rojo:       #D4560C;
  --c-rojo-hover: #AE430A;
  --c-teal:       #3A2257;
  --c-teal-hover: #2D1944;
  --c-crema:      #FFF1E3;
  --c-negro:      #1B1024;
  --c-borde:      #EBD3BE;
  --c-gris:       #5E4A58;
  --c-verde:      #4B6B1F;
  --c-dorado:     #A5620F;
  --barra: repeating-linear-gradient(90deg, #D4560C 0 28px, #3A2257 28px 56px);
}
html[data-tema="halloween"] body { background: #FFFAF4; }
html[data-tema="halloween"] .header-tagline::after { content: " 🎃"; }
html[data-tema="halloween"] .footer-tagline::after { content: " 🦇"; }

/* ── Navidad ───────────────────────────────────────────── */
html[data-tema="navidad"] {
  --c-rojo:       #B3122B;
  --c-rojo-hover: #8F0E22;
  --c-teal:       #1F5E3B;
  --c-teal-hover: #184A2E;
  --c-crema:      #FFF5F1;
  --c-negro:      #1A0A0A;
  --c-borde:      #EBD6D3;
  --c-dorado:     #B38A1A;
  --barra: repeating-linear-gradient(90deg, #B3122B 0 24px, #1F5E3B 24px 48px);
}
html[data-tema="navidad"] body {
  background-color: #FFFDFB;
  background-image:
    radial-gradient(circle at 20px 20px, rgba(179, 18, 43, .07) 2px, transparent 3px),
    radial-gradient(circle at 60px 60px, rgba(31, 94, 59, .07) 2px, transparent 3px);
  background-size: 80px 80px;
}
html[data-tema="navidad"] .header-tagline::after { content: " 🎄"; }
html[data-tema="navidad"] .footer-tagline::after { content: " ⭐"; }

/* ── Fiestas Patrias ───────────────────────────────────── */
html[data-tema="fiestas-patrias"] {
  --c-rojo:       #D91023;
  --c-rojo-hover: #B00D1C;
  --c-teal:       #8F0B18;
  --c-teal-hover: #740913;
  --c-crema:      #FFF4F4;
  --c-negro:      #1A0A0A;
  --c-borde:      #F0D5D8;
  --barra: linear-gradient(90deg, #D91023 0 33.34%, #FFFFFF 33.34% 66.67%, #D91023 66.67% 100%);
}
html[data-tema="fiestas-patrias"] .header-tagline::after { content: " 🇵🇪"; }
html[data-tema="fiestas-patrias"] .footer-tagline::after { content: " 🇵🇪"; }