/* NexStudio — Tema Halloween (Staff → Temas). Solo se carga con body.theme-halloween. */
body.theme-halloween {
  --line: rgba(160, 90, 255, 0.22);
  --line2: rgba(255, 122, 24, 0.28);
  --green: #ff9a2e;
  --green2: #ff7a18;
  --orange: #ff7a18;
  --orange2: #ffb347;
  --hw-purple: #8b3dff;
  --hw-purple2: #b47cff;
  --hw-orange: #ff7a18;
  --hw-yellow: #ffd34d;
}
body.theme-halloween .ns-bg {
  background:
    radial-gradient(ellipse 70% 45% at 100% -10%, rgba(255, 122, 24, 0.22), transparent 52%),
    radial-gradient(ellipse 60% 45% at -10% 90%, rgba(139, 61, 255, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 30% at 50% 110%, rgba(255, 122, 24, 0.10), transparent 60%),
    linear-gradient(180deg, #0d0814 0%, #08060c 45%, #050407 100%);
}
body.theme-halloween .ns-header { border-bottom-color: rgba(255, 122, 24, 0.35); box-shadow: 0 1px 0 rgba(139, 61, 255, 0.25); }
body.theme-halloween .ns-nav a.on { color: var(--hw-orange); }
body.theme-halloween .ns-btn,
body.theme-halloween a.ns-btn { background: linear-gradient(135deg, #ff9a2e, #ff6a00); color: #1a0b02; box-shadow: 0 10px 28px rgba(255, 106, 0, 0.28); }
body.theme-halloween .ns-btn-ghost,
body.theme-halloween a.ns-btn-ghost { background: transparent; color: var(--text); border: 1px solid rgba(180, 124, 255, 0.4); box-shadow: none; }
body.theme-halloween .ns-btn-sm { background: linear-gradient(135deg, #ff9a2e, #ff6a00) !important; color: #1a0b02 !important; }
body.theme-halloween .ns-btn-orange,
body.theme-halloween a.ns-btn-orange { background: linear-gradient(135deg, var(--hw-purple), var(--hw-purple2)); color: #fff; box-shadow: 0 10px 28px rgba(139, 61, 255, 0.3); }
body.theme-halloween .ns-kicker { color: var(--hw-purple2); }
body.theme-halloween .ns-footer { border-top-color: rgba(139, 61, 255, 0.3); }
body.theme-halloween ::selection { background: rgba(255, 122, 24, 0.45); color: #fff; }

/* ---------- Decoración (detrás del contenido, sin clics) ---------- */
.ns-hw-deco { position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; contain: strict; }
.ns-hw-deco span { position: absolute; display: block; pointer-events: none; }
.ns-hw-deco svg { display: block; width: 100%; height: 100%; }
.ns-hw-web { top: 64px; width: 190px; height: 190px; color: rgba(225, 215, 255, 0.16); }
.ns-hw-web-l { left: 0; }
.ns-hw-web-r { right: 0; transform: scaleX(-1); }
.ns-hw-bat { width: 46px; height: 20px; color: rgba(20, 8, 30, 0.95); filter: drop-shadow(0 0 6px rgba(180, 124, 255, 0.55)); top: 18%; left: -60px; animation: ns-hw-fly 26s linear infinite; }
.ns-hw-bat-2 { top: 32%; width: 34px; height: 15px; animation-duration: 34s; animation-delay: -12s; }
.ns-hw-bat-3 { top: 11%; width: 28px; height: 12px; animation-duration: 41s; animation-delay: -25s; }
.ns-hw-bat svg { animation: ns-hw-flap .32s ease-in-out infinite alternate; transform-origin: 50% 40%; }
@keyframes ns-hw-fly {
  0% { transform: translate(0, 0); }
  25% { transform: translate(28vw, -3vh); }
  50% { transform: translate(55vw, 2vh); }
  75% { transform: translate(82vw, -2vh); }
  100% { transform: translate(calc(100vw + 120px), 1vh); }
}
@keyframes ns-hw-flap { from { transform: scaleY(1); } to { transform: scaleY(.55); } }
.ns-hw-pk { bottom: 10px; width: 74px; height: 68px; opacity: .55; filter: drop-shadow(0 0 14px rgba(255, 122, 24, 0.45)); }
.ns-hw-pk-l { left: 12px; }
.ns-hw-pk-r { right: 96px; width: 56px; height: 52px; opacity: .45; }
@media (max-width: 760px) {
  .ns-hw-web { top: 56px; width: 110px; height: 110px; color: rgba(225, 215, 255, 0.13); }
  .ns-hw-bat-3 { display: none; }
  .ns-hw-pk { width: 46px; height: 42px; opacity: .4; }
  .ns-hw-pk-r { display: none; }
}

/* ---------- Cuenta regresiva 1.0.5: calabaza (solo estilo; lógica intacta) ---------- */
body.theme-halloween .ns-cd {
  color: #ffeedd;
  border: 1px solid rgba(255, 122, 24, 0.7);
  background:
    radial-gradient(120% 140% at 50% -20%, rgba(255, 122, 24, 0.24), transparent 60%),
    radial-gradient(80% 120% at 0% 120%, rgba(139, 61, 255, 0.35), transparent 60%),
    radial-gradient(80% 120% at 100% 120%, rgba(139, 61, 255, 0.35), transparent 60%),
    linear-gradient(135deg, rgba(26, 10, 36, 0.96), rgba(10, 5, 14, 0.96));
  animation: ns-hw-cd-glow 2.8s ease-in-out infinite;
  padding-left: 7.2rem; padding-right: 7.2rem;
}
body.theme-halloween .ns-cd::before { background: linear-gradient(100deg, transparent 40%, rgba(255, 170, 80, 0.12) 50%, transparent 60%); }
@keyframes ns-hw-cd-glow {
  0%, 100% { box-shadow: 0 0 0 1px rgba(255, 122, 24, .15), 0 0 22px rgba(255, 122, 24, .28), 0 0 40px rgba(139, 61, 255, .18), 0 14px 40px rgba(0, 0, 0, .5); }
  50% { box-shadow: 0 0 0 1px rgba(255, 122, 24, .35), 0 0 40px rgba(255, 122, 24, .5), 0 0 60px rgba(139, 61, 255, .3), 0 14px 40px rgba(0, 0, 0, .5); }
}
body.theme-halloween .ns-cd-live { position: relative; }
body.theme-halloween .ns-cd-live::before,
body.theme-halloween .ns-cd-live::after {
  content: ""; position: absolute; top: 50%; width: 92px; height: 86px; margin-top: -30px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 112'%3E%3Cpath d='M57 22c-2-9 1-16 9-20l5 4c-6 3-8 8-7 16z' fill='%235a8f2e'/%3E%3Cellipse cx='60' cy='68' rx='57' ry='42' fill='%23d9580b'/%3E%3Cellipse cx='60' cy='68' rx='36' ry='42' fill='%23f07414'/%3E%3Cellipse cx='60' cy='68' rx='15' ry='42' fill='%23ff8d26'/%3E%3Cg fill='%23ffd84a'%3E%3Canimate attributeName='opacity' values='0.75;1;0.8;1;0.75' dur='2.2s' repeatCount='indefinite'/%3E%3Cg transform='translate(40 58)'%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='scale' values='1 1;1 1;1 0.1;1 1;1 1' keyTimes='0;0.86;0.9;0.94;1' dur='4s' repeatCount='indefinite' additive='sum'/%3E%3Cpath d='M-10 6L0-8 10 6z'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(80 58)'%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='scale' values='1 1;1 1;1 0.1;1 1;1 1' keyTimes='0;0.86;0.9;0.94;1' dur='4s' repeatCount='indefinite' additive='sum'/%3E%3Cpath d='M-10 6L0-8 10 6z'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M55 72l5-8 5 8z'/%3E%3Cpath d='M26 80q34 24 68 0l-9 4-6-6-7 7-8-7-8 7-7-7-6 6z'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
  filter: drop-shadow(0 0 14px rgba(255, 140, 30, .75));
  animation: ns-hw-jack 2.4s ease-in-out infinite;
  pointer-events: none;
}
body.theme-halloween .ns-cd-live::before { left: -6.4rem; }
body.theme-halloween .ns-cd-live::after { right: -6.4rem; animation-delay: -1.2s; }
@keyframes ns-hw-jack {
  0%, 100% { transform: translateY(0) rotate(-3deg); filter: drop-shadow(0 0 10px rgba(255, 140, 30, .55)); }
  50% { transform: translateY(-4px) rotate(3deg); filter: drop-shadow(0 0 22px rgba(255, 160, 40, .95)); }
}
body.theme-halloween .ns-cd-kicker { color: var(--hw-orange); }
body.theme-halloween .ns-cd-dot { background: var(--hw-purple2); box-shadow: 0 0 10px var(--hw-purple2); }
body.theme-halloween .ns-cd-title { color: #fff1e0; text-shadow: 0 0 18px rgba(255, 122, 24, .55); }
/* Cada dígito dentro de una "calabaza": cuerpo naranja con gajos y tallo, cifras de vela. */
body.theme-halloween .ns-cd-cell {
  position: relative;
  border-radius: 46% 46% 42% 42% / 52% 52% 48% 48%;
  border: 0;
  background:
    radial-gradient(ellipse 30% 70% at 50% 50%, rgba(255, 255, 255, .06), transparent 70%),
    radial-gradient(ellipse 22% 90% at 22% 50%, rgba(0, 0, 0, .22), transparent 70%),
    radial-gradient(ellipse 22% 90% at 78% 50%, rgba(0, 0, 0, .22), transparent 70%),
    radial-gradient(ellipse 90% 90% at 50% 40%, #ff9c33 0%, #f07414 55%, #b8480a 100%);
  box-shadow: inset 0 -6px 14px rgba(90, 30, 0, .55), inset 0 4px 10px rgba(255, 210, 140, .35), 0 6px 18px rgba(0, 0, 0, .45), 0 0 18px rgba(255, 122, 24, .35);
  padding-top: .75rem;
}
body.theme-halloween .ns-cd-cell::before {
  content: ""; position: absolute; left: 50%; top: -11px; width: 18px; height: 15px; margin-left: -6px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 16'%3E%3Cpath d='M8 16C7 9 9 4 14 1l3 3c-4 2-5 6-4 12z' fill='%236fae36'/%3E%3Cpath d='M13 6c3-2 6-1 7 1-3 0-5 0-7-1z' fill='%234c7a2a'/%3E%3C/svg%3E") center / contain no-repeat; pointer-events: none;
}
body.theme-halloween .ns-cd-cell strong {
  color: #2a0c00;
  text-shadow: 0 0 1px rgba(255, 230, 150, .9), 0 0 10px rgba(255, 220, 90, .85), 0 0 22px rgba(255, 200, 60, .6);
}
body.theme-halloween .ns-cd-cell small { color: #2a0c00; font-weight: 800; text-shadow: 0 1px 0 rgba(255, 200, 120, .45); }
body.theme-halloween .ns-cd-sep { color: var(--hw-orange); text-shadow: 0 0 12px rgba(255, 122, 24, .8); }
body.theme-halloween .ns-cd-when { color: rgba(255, 228, 200, .85); }
body.theme-halloween .ns-cd.is-proc .ns-cd-cell { filter: saturate(.85); }
@media (max-width: 860px) {
  body.theme-halloween .ns-cd { padding-left: 1.4rem; padding-right: 1.4rem; }
  body.theme-halloween .ns-cd-live::before { left: auto; right: -.4rem; top: -.5rem; margin-top: 0; width: 46px; height: 43px; }
  body.theme-halloween .ns-cd-live::after { display: none; }
}
@media (max-width: 560px) {
  body.theme-halloween .ns-cd { padding: .95rem .8rem 1rem; }
  body.theme-halloween .ns-cd-live::before { right: -.3rem; top: -.4rem; width: 38px; height: 36px; }
  body.theme-halloween .ns-cd-kicker { padding-right: 2rem; }
  body.theme-halloween .ns-cd-cell { padding-top: .6rem; }
}

@media (prefers-reduced-motion: reduce) {
  .ns-hw-bat, .ns-hw-bat svg { animation: none; }
  .ns-hw-bat-1 { transform: translate(14vw, 0); }
  .ns-hw-bat-2 { transform: translate(78vw, 0); }
  .ns-hw-bat-3 { transform: translate(60vw, 0); }
  body.theme-halloween .ns-cd,
  body.theme-halloween .ns-cd-live::before,
  body.theme-halloween .ns-cd-live::after { animation: none; }
  body.theme-halloween .ns-cd-live::before,
  body.theme-halloween .ns-cd-live::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 112'%3E%3Cpath d='M57 22c-2-9 1-16 9-20l5 4c-6 3-8 8-7 16z' fill='%235a8f2e'/%3E%3Cellipse cx='60' cy='68' rx='57' ry='42' fill='%23d9580b'/%3E%3Cellipse cx='60' cy='68' rx='36' ry='42' fill='%23f07414'/%3E%3Cellipse cx='60' cy='68' rx='15' ry='42' fill='%23ff8d26'/%3E%3Cg fill='%23ffd84a'%3E%3Cg transform='translate(40 58)'%3E%3Cg%3E%3Cpath d='M-10 6L0-8 10 6z'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(80 58)'%3E%3Cg%3E%3Cpath d='M-10 6L0-8 10 6z'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M55 72l5-8 5 8z'/%3E%3Cpath d='M26 80q34 24 68 0l-9 4-6-6-7 7-8-7-8 7-7-7-6 6z'/%3E%3C/g%3E%3C/svg%3E"); }
}
@media print { .ns-hw-deco { display: none; } }