/* Aspecto festivo del portal público (se carga solo cuando hay una temporada activa). */
.tema-cinta{
    display:flex; align-items:center; justify-content:center; gap:.7rem;
    padding:.5rem 1rem; text-align:center; font-weight:600; font-size:.92rem;
    font-family:"Poppins",sans-serif; position:relative; z-index:1001;
}
.tema-cinta-emoji{ font-size:1.25rem; animation:tema-latido 2.4s ease-in-out infinite; }
.tema-cinta-emoji:last-child{ animation-delay:1.2s; }
@keyframes tema-latido{ 0%,100%{ transform:scale(1) rotate(-4deg); } 50%{ transform:scale(1.22) rotate(6deg); } }
@media (max-width:576px){ .tema-cinta{ font-size:.8rem; padding:.45rem .6rem; } .tema-cinta-emoji{ display:none; } }

/* Franja decorativa (luces/guirnalda) bajo la cinta */
.tema-luces{ display:none; height:14px; position:relative; z-index:1001; }

body[class*="tema-"] .portal-header{ border-bottom:3px solid var(--hc-magenta); }
body[class*="tema-"] .badge-seccion{ letter-spacing:.04em; }
body[class*="tema-"] footer{ border-top:4px solid var(--hc-magenta); }

/* Partículas */
#tema-capa{ position:fixed; inset:0; pointer-events:none; overflow:hidden; z-index:900; }
.tema-particula{
    position:absolute; top:-8vh; will-change:transform,opacity; opacity:0;
    filter:drop-shadow(0 2px 3px rgba(0,0,0,.18)); user-select:none;
}
@keyframes tema-caer{
    0%{ transform:translate3d(0,-8vh,0) rotate(0deg); opacity:0; }
    8%{ opacity:.95; }
    50%{ transform:translate3d(var(--deriva),55vh,0) rotate(180deg); }
    100%{ transform:translate3d(calc(var(--deriva) * -.6),112vh,0) rotate(360deg); opacity:.9; }
}
@keyframes tema-subir{
    0%{ transform:translate3d(0,112vh,0) rotate(-8deg); opacity:0; }
    10%{ opacity:.95; }
    50%{ transform:translate3d(var(--deriva),50vh,0) rotate(8deg); }
    100%{ transform:translate3d(calc(var(--deriva) * -.7),-12vh,0) rotate(-6deg); opacity:.85; }
}
@keyframes tema-flotar{
    0%{ transform:translate3d(0,-8vh,0) rotate(-12deg); opacity:0; }
    10%{ opacity:.9; }
    35%{ transform:translate3d(var(--deriva),30vh,0) rotate(14deg); }
    65%{ transform:translate3d(calc(var(--deriva) * -1),62vh,0) rotate(-14deg); }
    100%{ transform:translate3d(var(--deriva),112vh,0) rotate(10deg); opacity:.85; }
}
.tema-particula.caer{ animation-name:tema-caer; }
.tema-particula.subir{ top:0; animation-name:tema-subir; }
.tema-particula.flotar{ animation-name:tema-flotar; }
.tema-particula{ animation-timing-function:linear; animation-iteration-count:infinite; }
body.tema-sin-efectos #tema-capa{ display:none; }

/* Botón para apagar la decoración */
.tema-btn-efectos{
    position:fixed; left:16px; bottom:16px; z-index:1100; width:42px; height:42px; border-radius:50%;
    border:none; background:#fff; color:var(--hc-magenta); box-shadow:0 8px 22px -8px rgba(0,0,0,.35);
    cursor:pointer; font-size:1rem;
}
.tema-btn-efectos[aria-pressed="false"]{ color:#9aa0ab; }

/* ---- Detalles por temporada ---- */
body.tema-navidad .tema-luces{
    display:block;
    background:
        radial-gradient(circle at 10px 4px,#ff3b3b 0 4px,transparent 5px) 0 0/48px 14px,
        radial-gradient(circle at 24px 8px,#ffd53b 0 4px,transparent 5px) 0 0/48px 14px,
        radial-gradient(circle at 38px 4px,#3bd16f 0 4px,transparent 5px) 0 0/48px 14px,
        linear-gradient(#2b2b2b,#2b2b2b) 0 0/100% 2px no-repeat;
    animation:tema-parpadeo 1.6s ease-in-out infinite alternate;
}
@keyframes tema-parpadeo{ from{ filter:brightness(.8); } to{ filter:brightness(1.35); } }

body.tema-halloween .tema-luces{
    display:block; height:12px;
    background:
        radial-gradient(circle at 50% 0,transparent 0 9px,#2b1340 10px) 0 0/28px 12px repeat-x;
}
body.tema-halloween .portal-header{ border-bottom-color:#6a2c91; }

body.tema-san_valentin .tema-luces,
body.tema-amor_amistad .tema-luces{
    display:block; height:12px;
    background:radial-gradient(circle at 50% 0,transparent 0 8px,var(--hc-magenta) 9px) 0 0/22px 12px repeat-x;
}

body.tema-mes_ninos .tema-luces{
    display:block; height:10px;
    background:repeating-linear-gradient(90deg,#ff4f9a 0 40px,#ffc933 40px 80px,#1fa8e8 80px 120px,#7ac943 120px 160px);
    border-radius:0 0 12px 12px;
}

body.tema-vacaciones .tema-luces{
    display:block; height:12px;
    background:radial-gradient(circle at 50% 100%,#6fd3ee 0 7px,transparent 8px) 0 0/30px 12px repeat-x;
}

body.tema-semana_santa .tema-luces{
    display:block; height:6px; background:linear-gradient(90deg,transparent,#b8892b,transparent);
}
body.tema-semana_santa .tema-cinta{ letter-spacing:.02em; }

body.tema-futbol .tema-luces{
    display:block; height:10px;
    background:repeating-linear-gradient(90deg,#fcd116 0 33%,#003893 33% 66%,#ce1126 66% 100%);
}

/* ---- Bloque festivo del inicio ---- */
.tema-banner{
    display:flex; align-items:center; gap:2rem; padding:2rem 2.4rem; border-radius:26px; color:#fff;
    background:
        radial-gradient(circle at 12% 20%, rgba(255,255,255,.18) 0 90px, transparent 91px),
        radial-gradient(circle at 92% 90%, rgba(255,255,255,.14) 0 120px, transparent 121px),
        linear-gradient(120deg, var(--tb1), var(--tb2));
    box-shadow:0 26px 50px -26px var(--tb1); position:relative; overflow:hidden;
}
.tema-banner-emojis{ display:grid; grid-template-columns:repeat(2,auto); gap:.4rem .7rem; font-size:2.6rem; line-height:1; flex:0 0 auto; }
.tema-banner-emojis span{ display:inline-block; animation:tema-flota-banner 3.4s ease-in-out infinite; filter:drop-shadow(0 4px 6px rgba(0,0,0,.25)); }
@keyframes tema-flota-banner{ 0%,100%{ transform:translateY(0) rotate(-4deg); } 50%{ transform:translateY(-7px) rotate(5deg); } }
.tema-banner-texto h2{ font-family:"Poppins",sans-serif; font-weight:800; font-size:clamp(1.4rem,3vw,2.1rem); margin:0 0 .45rem; color:#fff; text-shadow:0 2px 10px rgba(0,0,0,.2); }
.tema-banner-texto p{ margin:0 0 1rem; font-size:1.05rem; max-width:60ch; opacity:.97; }
.tema-banner-boton{
    display:inline-block; background:#fff; color:var(--tb1); font-weight:700; border-radius:999px; padding:.6rem 1.3rem;
    text-decoration:none; box-shadow:0 10px 22px -12px rgba(0,0,0,.45); transition:transform .2s ease;
}
.tema-banner-boton:hover{ transform:translateY(-2px); color:var(--tb1); }
@media (max-width:640px){ .tema-banner{ flex-direction:column; text-align:center; padding:1.6rem 1.2rem; } .tema-banner-emojis{ grid-template-columns:repeat(4,auto); font-size:2rem; } }
@media (prefers-reduced-motion: reduce){ .tema-banner-emojis span, .tema-cinta-emoji{ animation:none; } }
body.tema-sin-efectos .tema-banner-emojis span{ animation:none; }

/* Detalles propios de las festividades nuevas */
body.tema-dia_cancer .tema-luces,
body.tema-octubre_rosa .tema-luces{
    display:block; height:8px;
    background:repeating-linear-gradient(90deg,var(--hc-magenta) 0 18px,#fff 18px 24px);
}
body.tema-velitas .tema-luces{
    display:block; height:10px; animation:tema-parpadeo 2.2s ease-in-out infinite alternate;
    background:radial-gradient(circle at 50% 30%,#ffd27a 0 3px,transparent 4px) 0 0/26px 10px repeat-x;
}
body.tema-independencia .tema-luces,
body.tema-boyaca .tema-luces{
    display:block; height:10px;
    background:repeating-linear-gradient(90deg,#fcd116 0 33%,#003893 33% 66%,#ce1126 66% 100%);
}