/* Radios593 — efecto navideño v2 (se activa con la clase html.xmas desde navidad.js) */

/* Nieve (canvas): por debajo del reproductor y de los avisos, sin capturar toques */
.xmas-snow { position: fixed; inset: 0; z-index: 940; pointer-events: none; }

.xmas-btn { color: var(--text-2); }
.xmas-btn[aria-pressed="true"] { color: #6cc4ff; }

.xmas-drift { display: none; }

/* ── Gorro de Papá Noel sobre el logo ── */
html.xmas .topbar .brand { position: relative; }
html.xmas .topbar .brand::after {
  content: ""; position: absolute; left: -9px; top: -11px; width: 38px; height: 32px; transform: rotate(-14deg); pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 36'%3E%3Cpath d='M6 29C7 13 17 4 32 6c-2 3-1 8 4 11 2.4 2.6 3.4 6.600 3.600 12z' fill='%23e11d2e'/%3E%3Cpath d='M12 24C13 15 19 9 28 8' fill='none' stroke='%23ff6b78' stroke-width='2' stroke-linecap='round' opacity='.7'/%3E%3Cg fill='%23fff'%3E%3Ccircle cx='8' cy='29' r='4.2'/%3E%3Ccircle cx='15' cy='30' r='4.4'/%3E%3Ccircle cx='23' cy='30' r='4.4'/%3E%3Ccircle cx='31' cy='30' r='4.4'/%3E%3Ccircle cx='38' cy='29' r='4.2'/%3E%3Crect x='8' y='27' width='30' height='6' rx='3'/%3E%3Ccircle cx='33' cy='5' r='4.8'/%3E%3C/g%3E%3Ccircle cx='31.500' cy='3.600' r='1.600' fill='%23e8eefc'/%3E%3C/svg%3E") center / contain no-repeat;
  filter: drop-shadow(0 2px 3px rgba(0,0,0,.4));
}

/* ── Subrayado de "en vivo." en bastón de caramelo ── */
html.xmas .hero__title em::after {
  height: .11em; background: repeating-linear-gradient(-55deg, #e8213b 0 .24em, #fff .24em .48em);
  box-shadow: 0 0 .5em rgba(232, 33, 59, .45);
}

/* ── Nieve acumulada en el borde superior del pie (suave, degradada) ── */
html.xmas .xmas-drift {
  display: block; position: absolute; left: 0; right: 0; top: 0; height: 30px; z-index: 2; pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='30' viewBox='0 0 320 30' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23f2f6ff' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%23f2f6ff' stop-opacity='.9'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 0H320V15C302 22 284 22 268 13C252 4 236 6 220 15C202 26 186 26 168 15C152 5 136 7 120 16C102 26 84 25 68 15C52 6 36 8 22 15C14 19 7 19 0 15Z' fill='url(%23g)'/%3E%3C/svg%3E") repeat-x 0 0 / 320px 30px;
  -webkit-mask-image: linear-gradient(180deg, #000 0, #000 55%, transparent 100%); mask-image: linear-gradient(180deg, #000 0, #000 55%, transparent 100%);
}

/* Tarjeta de instalar: toque rojo/verde */
html.xmas .pwa-card--install { background: radial-gradient(120% 150% at 0% 0%, #d0233f 0%, #7d0f2b 38%, #1b3d2a 78%, #0e2418 100%); box-shadow: 0 28px 70px rgba(125, 15, 43, .5), 0 0 0 1px rgba(255,255,255,.12) inset; }

@media (prefers-reduced-motion: reduce) {
  .xmas-snow { display: none; }
}
@media (max-width: 760px) {
  html.xmas .topbar .brand::after { width: 32px; height: 27px; left: -7px; top: -9px; }
}