/* =========================================================
   UCM · octubre.css — Temporada DRACUL
   Solo actúa cuando .ucm-site tiene la clase .tema-octubre
   (la pone el script de temporada; fuera de fechas no cambia nada)
   Paleta: negro, hueso #ECE4D6, sangre #8E0F14 / #C21F2A. Sin rosado.
   ========================================================= */
.ucm-site.tema-octubre{--v11-gold:#C21F2A;--v11-line:#2e1416;--v11-card:#0c0607;--oct-blood:#8E0F14;--oct-red:#C21F2A;--oct-bone:#ECE4D6}
.ucm-site.tema-octubre ::selection{background:#8E0F14;color:#ECE4D6}

/* Fondo: atardecer de sangre en vez de Miami + niebla */
.ucm-site.tema-octubre .atmosphere::before{background-image:url("/wp-content/uploads/ucm/assets/dracul-bg.webp")!important;background-position:center 30%!important;opacity:.3!important}
.ucm-site.tema-octubre .atmosphere::after{content:"";position:fixed;inset:-20%;z-index:0;pointer-events:none;
  background:radial-gradient(40% 30% at 20% 80%,rgba(236,228,214,.05),transparent 70%),radial-gradient(35% 25% at 80% 70%,rgba(236,228,214,.04),transparent 70%),radial-gradient(60% 40% at 50% 100%,rgba(142,15,20,.18),transparent 70%);
  animation:octFog 38s ease-in-out infinite alternate}
@keyframes octFog{from{transform:translate3d(-3%,0,0)}to{transform:translate3d(3%,-2%,0)}}
.ucm-site.tema-octubre .aurora{filter:hue-rotate(-40deg) saturate(1.4) brightness(.8)}
.ucm-site.tema-octubre #universe{filter:sepia(1) saturate(3) hue-rotate(-45deg) brightness(.9)}
.ucm-site.tema-octubre .hero::before{background:radial-gradient(closest-side,rgba(194,31,42,.30),rgba(142,15,20,.12) 55%,transparent 75%)!important}

/* Acentos */
.ucm-site.tema-octubre h1 em,.ucm-site.tema-octubre h2 em,.ucm-site.tema-octubre .v10-title em{background:linear-gradient(90deg,#ECE4D6 0%,#C21F2A 60%,#8E0F14 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.ucm-site.tema-octubre .button:not(.outline){background:#8E0F14!important;border-color:#8E0F14!important;color:#ECE4D6!important}
.ucm-site.tema-octubre .button:not(.outline):hover{background:#C21F2A!important;border-color:#C21F2A!important}
.ucm-site.tema-octubre .button.outline{border-color:#8E0F14!important}
.ucm-site.tema-octubre .eyebrow .dot,.ucm-site.tema-octubre .progress i,.ucm-site.tema-octubre .sf-pill i{background:#C21F2A!important;box-shadow:0 0 10px #C21F2A!important}
.ucm-site.tema-octubre .eq i{background:#C21F2A!important}
.ucm-site.tema-octubre .eq i:nth-child(2n){background:#ECE4D6!important}
.ucm-site.tema-octubre .listen-card{background:linear-gradient(160deg,#1a0709,#0a0506)!important;border-color:#2e1416!important}
.ucm-site.tema-octubre .listen-card::after{background:radial-gradient(closest-side,rgba(194,31,42,.3),transparent)!important}
.ucm-site.tema-octubre .values li:hover{border-color:#C21F2A!important;box-shadow:0 0 24px rgba(194,31,42,.3)!important}
.ucm-site.tema-octubre .globe .city{color:#E0484F!important}
.ucm-site.tema-octubre .globe article::before{background-image:url("/wp-content/uploads/ucm/assets/dracul-bg.webp")!important}
.ucm-site.tema-octubre .fab{background:#8E0F14!important;color:#ECE4D6!important}

/* Header de borde a borde en rojo sangre */
.ucm-site.tema-octubre .header{box-shadow:0 0 0 100vmax #050203,0 1px 0 100vmax rgba(194,31,42,.45)!important;background-color:#050203!important}

/* Franja de temporada (la agrega el script) */
.ucm-site .oct-ribbon{display:none}
.ucm-site.tema-octubre .oct-ribbon{display:flex;justify-content:center;gap:14px;align-items:center;padding:9px 16px;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:#ECE4D6;text-decoration:none;background:linear-gradient(90deg,#050203,#3a080c 50%,#050203);border-bottom:1px solid rgba(194,31,42,.4);position:relative;z-index:5}
.ucm-site.tema-octubre .oct-ribbon b{color:#E0484F;font-weight:700}
.ucm-site.tema-octubre .oct-ribbon:hover b{text-decoration:underline}

@media (prefers-reduced-motion:reduce){.ucm-site.tema-octubre .atmosphere::after{animation:none}}
@media (max-width:760px){.ucm-site.tema-octubre .oct-ribbon{letter-spacing:.18em;font-size:11px}}