/* CSS */
/* ===== MODO NAVIDAD GENERAL ===== */
body.navidad {
  /* Cambiá la ruta por donde pongas tu cursor de trineo */
  cursor: url("/images/mouse_saspyto.png") 16 16, auto;
}

/* Para que links, botones, etc. usen el mismo cursor */
body.navidad a,
body.navidad button,
body.navidad input,
body.navidad textarea,
body.navidad [role="button"] {
  cursor: inherit;
}

/* Opcional: desactivar cursor especial en mobile si querés */
@media (max-width: 768px) {
  body.navidad {
    cursor: auto;
  }
}

/* ===== COPOS DE NIEVE ===== */
.snowflake {
  position: fixed;
  top: -10px;
  left: 0;
  z-index: 9999;
  color: #ffffff;
  pointer-events: none;      /* no bloquea clicks */
  user-select: none;
  font-size: 12px;
  opacity: 0.8;
  filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.8));
  animation-name: snow-fall;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

/* Animación de caída */
@keyframes snow-fall {
  0% {
    transform: translate3d(0, -10px, 0);
  }

  100% {
    transform: translate3d(0, 110vh, 0);
  }
}
.snowflake {
  position: fixed;
  top: -10px;
  left: 0;
  z-index: 9999;
  pointer-events: none;
  user-select: none;
  display: block;               /* importante para width/height */
  filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.8));
  animation-name: snow-fall;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

.snowflake svg {
  width: 100%;
  height: 100%;
  stroke: #ffffff;
}

/* Animación de caída (la misma que ya tenías) */
@keyframes snow-fall {
  0% {
    transform: translate3d(0, -10px, 0);
  }
  100% {
    transform: translate3d(0, 110vh, 0);
  }
}