/* Liceo Euler — Diseño de temporada: nieve, destellos y decoración del panel (v3.31.0).
 * Desarrollado por LEMA Digital Agency.
 * Solo se descarga con una temporada activa (o en la vista previa del panel). Nada aquí toca los estilos originales:
 * el lienzo de efectos no recibe eventos y la decoración del panel solo existe bajo html.le-tp-panel. */

/* ---------- Lienzo de nieve y destellos (uno solo, fijo, sin eventos) ---------- */
.le-fx{position:fixed;left:0;top:0;width:100%;height:100vh;height:100lvh;pointer-events:none;z-index:98;contain:strict;
  -webkit-user-select:none;user-select:none}
html[data-le-zona="auth"] .le-fx{z-index:20}
html[data-le-zona="panel"] .le-fx{z-index:28}
@media print{.le-fx{display:none!important}}

/* ---------- Panel: luces bajo la barra superior ---------- */
.le-tp-luces,.le-tp-badge{display:none}
html.le-tp-panel .le-tp-luces{display:flex;position:absolute;left:0;right:0;bottom:-11px;height:20px;padding:0 10px;
  justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:1;
  background:radial-gradient(120% 22px at 50% -12px,transparent 96%,rgba(30,52,96,.55) 97%,transparent 100%) 0 0/88px 20px repeat-x}
html.le-tp-panel .le-tp-luces i{position:relative;display:block;width:7px;height:10px;margin-top:5px;border-radius:50% 50% 46% 46%;
  background:var(--c);box-shadow:0 0 6px 1px var(--g),0 0 14px 2px var(--g);opacity:.62;
  animation:leTpTw 2.6s ease-in-out infinite;animation-delay:calc(var(--i) * -.41s)}
html.le-tp-panel .le-tp-luces i::before{content:"";position:absolute;left:1.5px;top:-3px;width:4px;height:3.5px;border-radius:1px;background:#3b4a63}
html.le-tp-panel .le-tp-luces i:nth-child(5n+1){--c:#ff5a5f;--g:rgba(255,90,95,.55)}
html.le-tp-panel .le-tp-luces i:nth-child(5n+2){--c:#ffd166;--g:rgba(255,209,102,.6)}
html.le-tp-panel .le-tp-luces i:nth-child(5n+3){--c:#4ade80;--g:rgba(74,222,128,.5)}
html.le-tp-panel .le-tp-luces i:nth-child(5n+4){--c:#7cc4ff;--g:rgba(124,196,255,.55)}
html.le-tp-panel .le-tp-luces i:nth-child(5n+5){--c:#fff6dc;--g:rgba(255,246,220,.6)}
html.le-tp-panel .le-tp-luces i:nth-child(n+13){display:none}
@media (min-width:700px){html.le-tp-panel .le-tp-luces i:nth-child(n+13){display:block}}
@keyframes leTpTw{0%,100%{opacity:.5}45%{opacity:1}60%{opacity:.82}}

/* ---------- Panel: insignia «Temporada: Navidad» ---------- */
html.le-tp-panel .le-tp-badge{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px 0 10px;border-radius:999px;
  background:linear-gradient(135deg,#14532d,#0b3b22);color:#f1f5f9;font-size:.8rem;font-weight:600;white-space:nowrap;
  box-shadow:0 8px 22px -12px rgba(11,59,34,.8),inset 0 0 0 1px rgba(255,255,255,.12)}
html.le-tp-panel .le-tp-badge b{color:#fde68a;font-weight:700}
html.le-tp-panel .le-tp-badge:focus-visible{outline:2px solid var(--blue,#35a7e0);outline-offset:2px}
.le-tp-badge__star{width:14px;height:14px;flex:none;background:#fde68a;
  clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);
  animation:leTpStar 3.2s ease-in-out infinite}
@keyframes leTpStar{0%,100%{transform:scale(.9) rotate(0);opacity:.85}50%{transform:scale(1.08) rotate(18deg);opacity:1}}
@media (hover:hover){html.le-tp-panel .le-tp-badge:hover{color:#fff;box-shadow:0 10px 26px -12px rgba(11,59,34,.9),inset 0 0 0 1px rgba(253,230,138,.45)}}
@media (max-width:760px){html.le-tp-panel .le-tp-badge{padding:0;width:34px;justify-content:center}html.le-tp-panel .le-tp-badge>span:last-child{display:none}}

/* ---------- Vista previa del panel: la página no se puede usar (solo mirar y desplazarse) ---------- */
html[data-le-tprev] .les-ov,html[data-le-tprev] .le-app,html[data-le-tprev] .le-toast{display:none!important}

@media (prefers-reduced-motion:reduce){
  html.le-tp-panel .le-tp-luces i,.le-tp-badge__star{animation:none!important}
  html.le-tp-panel .le-tp-luces i{opacity:.9}
}
@media print{.le-tp-luces,.le-tp-badge{display:none!important}}