/* Edición opcional del encabezado. Solo se carga con PEDIR_SEASONAL_THEME=christmas. */
.christmas-logo { position: relative; display: block; width: 100%; }
.christmas-decoration, .christmas-decoration * { pointer-events: none; }
.christmas-decoration, .christmas-sparkles { position: absolute; inset: 0; }
.christmas-logo .christmas-hat {
  position: absolute; width: 15.5%; height: auto; left: 6%; top: -13%;
  transform: rotate(-10deg); transform-origin: 50% 90%;
}
.christmas-spark { position: absolute; height: auto; color: #E9A11A; opacity: 0; transform: scale(.85); }
.christmas-spark-1 { left: 0; top: 28%; width: 4.5%; }
.christmas-spark-2 { left: 24%; top: -12%; width: 3.9%; }
.christmas-spark-3 { left: 33%; top: 54%; width: 3.1%; }
.christmas-spark-4 { left: 4%; top: 95%; width: 3.6%; }
.christmas-sparkles.is-playing .christmas-spark { animation: sg-christmas-spark 2.2s ease-in-out both; }
.christmas-sparkles.is-playing .christmas-spark-2 { animation-delay: .15s; }
.christmas-sparkles.is-playing .christmas-spark-3 { animation-delay: .3s; }
.christmas-sparkles.is-playing .christmas-spark-4 { animation-delay: .45s; }
@keyframes sg-christmas-spark {
  0%, 100% { opacity: 0; transform: scale(.85); }
  25%, 60% { opacity: .9; transform: scale(1); }
}
.christmas-welcome {
  display: flex; align-items: center; gap: 10px; margin-top: 12px;
  padding: 12px 16px; border-radius: var(--small-radius);
  background: #EDF5E8; color: #194D26;
  font-size: 14px; font-weight: 600; line-height: 1.45;
}
.christmas-welcome > svg { width: 18px; height: 18px; flex: 0 0 auto; pointer-events: none; }
.christmas-welcome p { min-width: 0; text-wrap: balance; }
@media (min-width: 600px) {
  .christmas-welcome { font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .christmas-sparkles { display: none; }
  .christmas-sparkles.is-playing .christmas-spark { animation: none; }
}