/* Temporadas (v2) — estilos comunes. Los colores y las fechas salen de temporada.js;
   aquí solo está la forma de los adornos. Sin imágenes externas. */

/* Guirnalda (papel picado o foquitos) colgando de la parte alta del hero */
.tema-guirnalda{position:absolute;left:0;right:0;top:var(--tema-top,0);z-index:3;height:56px;pointer-events:none;overflow:hidden;transform-origin:50% 0;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.35));animation:tema-mecer 7s ease-in-out infinite alternate}
.tema-guirnalda svg{display:block;width:100%;height:56px}
@keyframes tema-mecer{from{transform:skewX(-.7deg)}to{transform:skewX(.7deg)}}

/* Saludo con botón para quitar la decoración */
.tema-chip{position:absolute;left:50%;top:calc(var(--tema-top,0px) + 62px);transform:translateX(-50%);z-index:4;display:inline-flex;align-items:center;gap:8px;
  padding:7px 8px 7px 14px;border-radius:999px;font:600 13px/1.2 var(--font,system-ui,sans-serif);color:#fff;white-space:nowrap;
  background:rgba(10,8,14,.74);border:1px solid var(--gold,#fff);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.tema-chip button{font:600 12px/1 var(--font,system-ui,sans-serif);color:#fff;background:rgba(255,255,255,.14);border:none;border-radius:999px;padding:7px 11px;min-height:28px;cursor:pointer}
.tema-chip button:hover{background:rgba(255,255,255,.24)}
.tema-chip button:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* Partículas que caen despacio (solo con movimiento permitido: lo decide el motor) */
.tema-particulas{position:fixed;top:0;left:0;right:0;bottom:0;z-index:60;pointer-events:none;overflow:hidden}
.tema-p{position:absolute;top:0;left:var(--x);opacity:.92;animation:tema-caer var(--d) linear var(--r) infinite;will-change:transform}
.tema-p-petalo{width:var(--sz);height:calc(var(--sz)*1.35);background:radial-gradient(ellipse at 30% 25%,#FFE3A0 0,var(--pc) 50%,#E8590C 100%);border-radius:100% 0 100% 0}
.tema-p-emoji{font-size:calc(var(--sz)*1.6);line-height:1}
.tema-p-nieve{width:calc(var(--sz)*.55);height:calc(var(--sz)*.55);background:#fff;border-radius:50%;box-shadow:0 0 6px rgba(255,255,255,.7)}
.tema-p-confeti{width:calc(var(--sz)*.5);height:calc(var(--sz)*.9);background:var(--pc);border-radius:1px}
@keyframes tema-caer{
  0%{transform:translate3d(0,-8vh,0) rotate(0deg)}
  50%{transform:translate3d(calc(var(--sw)*1px),52vh,0) rotate(200deg)}
  100%{transform:translate3d(0,108vh,0) rotate(380deg)}}

@media (max-width:640px){.tema-guirnalda,.tema-guirnalda svg{height:44px}.tema-chip{top:calc(var(--tema-top,0px) + 50px);font-size:12px}}
@media (prefers-reduced-motion:reduce){.tema-guirnalda{animation:none}.tema-particulas{display:none}}

/* Modo pagina: guirnalda y saludo fijos arriba de la pantalla (login y páginas sin hero) */
.tema-guirnalda.tema-fija{position:fixed;top:0;z-index:1000}
.tema-chip.tema-fija{position:fixed;top:62px;z-index:1001}
@media (max-width:640px){.tema-chip.tema-fija{top:50px}}

/* Modo app (sistemas de trabajo): banderines chicos en el borde superior, sin recibir clics */
.tema-franja-papel{position:fixed;top:0;left:0;right:0;height:17px;z-index:2147483000;pointer-events:none;overflow:hidden;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}
.tema-franja-papel svg{display:block;width:100%;height:17px}
.tema-suave .tema-p{opacity:.72}

/* Nunca en impresiones (tickets, cortes, reportes) */
@media print{.tema-guirnalda,.tema-chip,.tema-particulas,.tema-franja-papel{display:none!important}}

/* ===== Ajustes de ventanas del sitio corporativo (ventasnolikes.vercel.app) ===== */
html[data-tema]{--tema-top:76px}
html.tema-guirnalda-on .hero{position:relative;padding-top:calc(var(--header) + 112px)}
@media (max-width:640px){html.tema-guirnalda-on .hero{padding-top:calc(var(--header) + 108px)}}