/* ===== Tema Navidad (temporal) =====
   Todo está dentro de .tema-navidad: si tema.js no pone esa clase, nada de esto se aplica. */
.tema-navidad{--oro:#E8D3A2;--oro2:#C9A55C;--calida:255,210,150}

/* Encabezado: línea champagne y luces cálidas muy sutiles */
.tema-navidad header{border-bottom-color:rgba(232,211,162,.28)}
.tema-navidad body:not(:has(.hero)) header{position:relative}
.tema-navidad header::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:8px;pointer-events:none;
 background:radial-gradient(circle,rgba(var(--calida),.95) 0 1.4px,rgba(var(--calida),.28) 2.6px,transparent 4.5px) 12px 0/58px 8px repeat-x;
 animation:rs-luces 3.6s ease-in-out infinite alternate}
.tema-navidad header::before{content:"";position:absolute;left:0;right:0;bottom:-4px;height:8px;pointer-events:none;
 background:radial-gradient(circle,rgba(255,236,200,.9) 0 1.2px,rgba(var(--calida),.22) 2.4px,transparent 4.5px) 41px 0/58px 8px repeat-x;
 animation:rs-luces 3.6s ease-in-out infinite alternate-reverse}
@keyframes rs-luces{from{opacity:.35}to{opacity:1}}

/* Portada: brillo cálido, ramas de pino y mensaje */
.tema-navidad .hero{position:relative;background:
 radial-gradient(900px 500px at 85% 10%,rgba(34,211,238,.10),transparent 60%),
 radial-gradient(760px 420px at 8% 0%,rgba(var(--calida),.075),transparent 62%)}
.tema-navidad .hero>.wrap{position:relative;z-index:1}
.rs-deco{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.rs-pino{position:absolute;width:420px;height:142px;background:url(/img/pino.svg) no-repeat center/contain;opacity:.55;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}
.rs-pino.p1{top:-30px;right:-40px;transform:rotate(8deg)}
.rs-pino.p2{bottom:-46px;left:-70px;transform:rotate(172deg) scaleY(-1);opacity:.4}
.rs-chispa{position:absolute;width:14px;height:14px;opacity:0;animation:rs-chispa 4.5s ease-in-out infinite}
.rs-chispa svg{display:block;width:100%;height:100%}
@keyframes rs-chispa{0%,100%{opacity:0;transform:scale(.6) rotate(0)}45%{opacity:.9;transform:scale(1) rotate(20deg)}60%{opacity:.6}}
.msg-navidad{display:flex;width:fit-content;align-items:center;gap:10px;margin:0 0 16px;padding:7px 14px 7px 10px;border-radius:20px;
 font-size:13.5px;font-weight:500;color:var(--oro);letter-spacing:.2px;
 background:linear-gradient(rgba(11,20,38,.6),rgba(11,20,38,.6)) padding-box,linear-gradient(90deg,rgba(232,211,162,.75),rgba(201,165,92,.25)) border-box;border:1px solid transparent}
.msg-navidad svg{flex:none}

/* Otras secciones: rama discreta en el borde de precios y del pie */
.tema-navidad #precio{position:relative;overflow:hidden}
.tema-navidad #precio>.wrap{position:relative;z-index:1}
.rs-pino.p3{top:-24px;left:-60px;width:360px;height:122px;opacity:.38;transform:rotate(-6deg)}
.rs-pino.p4{top:-24px;right:-60px;width:360px;height:122px;opacity:.38;transform:scaleX(-1) rotate(-6deg)}

/* Precio: oferta de lanzamiento con detalle champagne */
.tema-navidad .plan.top{border:2px solid transparent;
 background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(140deg,#F3E2B3,#C9A55C 35%,rgba(34,211,238,.9) 70%,#E8D3A2) border-box;
 box-shadow:0 0 0 1px rgba(232,211,162,.08),0 18px 50px -12px rgba(var(--calida),.22)}
.tema-navidad .plan.top .precio{background:linear-gradient(180deg,#FFF6DF,#E8D3A2 55%,#C9A55C);-webkit-background-clip:text;background-clip:text;color:transparent}
.tema-navidad .plan.top .precio small,.tema-navidad .plan.top .precio .antes{-webkit-text-fill-color:initial;color:var(--muted)}
.tag-navidad{position:static;align-self:flex-start;margin:2px 0 16px;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;
 font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#1A1408;
 background:linear-gradient(90deg,#F3E2B3,#D9BC7E 55%,#C9A55C);box-shadow:0 4px 14px rgba(201,165,92,.35)}

/* Nieve ligera */
#rs-nieve{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:15}

/* Teléfono: decoración más pequeña */
@media (max-width:640px){
 .rs-pino{width:250px;height:85px}
 .rs-pino.p1{top:-18px;right:-50px}
 .rs-pino.p2{display:none}
 .rs-pino.p3,.rs-pino.p4{width:220px;height:75px;top:-14px}
 .tema-navidad header::after,.tema-navidad header::before{background-size:44px 8px}
}
@media (prefers-reduced-motion:reduce){
 .tema-navidad header::after,.tema-navidad header::before,.rs-chispa{animation:none;opacity:.7}
}