/* =========================================================
   GOLD STREAMING — Diseños de temporada
   El <html> lleva data-season="<id>" (includes/temporada.php).
   Cada temporada cambia el color de acento (--gold), un segundo
   acento, los fondos, la barra superior y los adornos.
   ========================================================= */

:root { --accent-2: #f5d76e; --accent-2-rgb: 245, 215, 110; }

html[data-season="newyear"]   { --gold: #ffd76a; --gold-rgb: 255, 215, 106; --accent-2: #5b8cff; --accent-2-rgb: 91, 140, 255;
                                --dark-bg: #070b1f; --dark-panel: #10173a; --card-bg: #121a40; --panel-2: #0d1433; --band-bg: #0a1029; }
html[data-season="valentin"]  { --gold: #ff8fab; --gold-rgb: 255, 143, 171; --accent-2: #ff4d6d; --accent-2-rgb: 255, 77, 109;
                                --dark-bg: #14060c; --dark-panel: #24101a; --card-bg: #2a111d; --panel-2: #200c16; --band-bg: #1a0811; }
html[data-season="primavera"] { --gold: #ff9ccf; --gold-rgb: 255, 156, 207; --accent-2: #7bd389; --accent-2-rgb: 123, 211, 137;
                                --dark-bg: #0b1410; --dark-panel: #142219; --card-bg: #17271d; --panel-2: #111e16; --band-bg: #0e1912; }
html[data-season="ninos"]     { --gold: #ffd23f; --gold-rgb: 255, 210, 63; --accent-2: #3ec5ff; --accent-2-rgb: 62, 197, 255;
                                --dark-bg: #08142b; --dark-panel: #0f2042; --card-bg: #12264d; --panel-2: #0d1c3b; --band-bg: #0a1733; }
html[data-season="madres"]    { --gold: #e0aaff; --gold-rgb: 224, 170, 255; --accent-2: #ff6fae; --accent-2-rgb: 255, 111, 174;
                                --dark-bg: #120819; --dark-panel: #1f1029; --card-bg: #24132f; --panel-2: #1b0e24; --band-bg: #160a1e; }
html[data-season="verano"]    { --gold: #ffcf5c; --gold-rgb: 255, 207, 92; --accent-2: #22b8cf; --accent-2-rgb: 34, 184, 207;
                                --dark-bg: #041519; --dark-panel: #0b2329; --card-bg: #0d2a31; --panel-2: #0a2026; --band-bg: #061a1f; }
html[data-season="clases"]    { --gold: #ffd166; --gold-rgb: 255, 209, 102; --accent-2: #06d6a0; --accent-2-rgb: 6, 214, 160;
                                --dark-bg: #0b1714; --dark-panel: #13241f; --card-bg: #162a24; --panel-2: #11201b; --band-bg: #0e1c18; }
html[data-season="patrias"]   { --gold: #3ddc84; --gold-rgb: 61, 220, 132; --accent-2: #ff4d5a; --accent-2-rgb: 255, 77, 90;
                                --dark-bg: #051109; --dark-panel: #0c1f13; --card-bg: #0f2617; --panel-2: #0b1c11; --band-bg: #08160d; }
html[data-season="halloween"] { --gold: #ff9f1c; --gold-rgb: 255, 159, 28; --accent-2: #b46cff; --accent-2-rgb: 180, 108, 255;
                                --dark-bg: #0e0618; --dark-panel: #1a0d2a; --card-bg: #1d1030; --panel-2: #170b26; --band-bg: #12081f; }
html[data-season="muertos"]   { --gold: #ffb703; --gold-rgb: 255, 183, 3; --accent-2: #ff3d9a; --accent-2-rgb: 255, 61, 154;
                                --dark-bg: #12051a; --dark-panel: #200b2b; --card-bg: #250d33; --panel-2: #1c0a26; --band-bg: #17081f; }
html[data-season="buenfin"]   { --gold: #ffd400; --gold-rgb: 255, 212, 0; --accent-2: #ff2e2e; --accent-2-rgb: 255, 46, 46;
                                --dark-bg: #0a0a0a; --dark-panel: #171717; --card-bg: #1c1c1c; --panel-2: #141414; --band-bg: #101010; }
html[data-season="navidad"]   { --gold: #ffcf56; --gold-rgb: 255, 207, 86; --accent-2: #ff4d4f; --accent-2-rgb: 255, 77, 79;
                                --dark-bg: #06101c; --dark-panel: #0e1b2c; --card-bg: #112033; --panel-2: #0c1828; --band-bg: #091421; }

/* ---------- fondo general con dos luces de color ---------- */
html[data-season]:not([data-season="gold"]) body {
    background:
        radial-gradient(circle at 12% 0%, rgba(var(--accent-2-rgb), 0.20), transparent 42%),
        radial-gradient(circle at 88% 8%, rgba(var(--gold-rgb), 0.16), transparent 46%),
        var(--dark-bg);
    background-attachment: fixed;
}

/* ---------- partículas (canvas detrás del contenido) ---------- */
.season-fx { position: fixed; inset: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; }

/* ---------- logo en la barra superior ---------- */
.topbar .brand { display: inline-flex; align-items: center; gap: 12px; }
.brand-logo {
    width: 46px; height: 46px; border-radius: 12px; object-fit: cover;
    box-shadow: 0 0 0 1px var(--gold-soft), 0 4px 14px rgba(var(--gold-rgb), 0.25);
}

/* ---------- adorno bajo la barra superior ---------- */
.topbar { border-bottom-color: rgba(var(--gold-rgb), 0.35); }
html:not([data-season="gold"]) .topbar::after {
    content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 3px;
    background: linear-gradient(90deg, var(--accent-2), var(--gold), var(--accent-2));
    background-size: 200% 100%; animation: seasonSlide 6s linear infinite;
}
/* papel picado */
html[data-season="patrias"] .topbar::after, html[data-season="muertos"] .topbar::after {
    height: 30px; animation: papelSway 4s ease-in-out infinite; transform-origin: top; background-size: 300px 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='30'%3E%3Cdefs%3E%3Cpath id='f' fill-rule='evenodd' d='M3 0h54v22l-6.75 6-6.75-6-6.75 6-6.75-6-6.75 6-6.75-6-6.75 6-6.75-6z M26 8a4 4 0 1 0 8 0a4 4 0 1 0-8 0z M14 14l4-4 4 4-4 4z M38 14l4-4 4 4-4 4z'/%3E%3C/defs%3E%3Cpath d='M0 1h300' stroke='%23ffffff' stroke-opacity='.5'/%3E%3Cuse href='%23f' fill='%232ecc71'/%3E%3Cuse href='%23f' x='60' fill='%23ffffff'/%3E%3Cuse href='%23f' x='120' fill='%23e63946'/%3E%3Cuse href='%23f' x='180' fill='%23ff70a6'/%3E%3Cuse href='%23f' x='240' fill='%23ffb703'/%3E%3C/svg%3E");
}
html[data-season="muertos"] .topbar::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='30'%3E%3Cdefs%3E%3Cpath id='f' fill-rule='evenodd' d='M3 0h54v22l-6.75 6-6.75-6-6.75 6-6.75-6-6.75 6-6.75-6-6.75 6-6.75-6z M26 8a4 4 0 1 0 8 0a4 4 0 1 0-8 0z M14 14l4-4 4 4-4 4z M38 14l4-4 4 4-4 4z'/%3E%3C/defs%3E%3Cpath d='M0 1h300' stroke='%23ffffff' stroke-opacity='.5'/%3E%3Cuse href='%23f' fill='%23ff3d9a'/%3E%3Cuse href='%23f' x='60' fill='%23ff9f1c'/%3E%3Cuse href='%23f' x='120' fill='%233ddcff'/%3E%3Cuse href='%23f' x='180' fill='%23ffd23f'/%3E%3Cuse href='%23f' x='240' fill='%239b5de5'/%3E%3C/svg%3E");
}
/* serie de foquitos navideños */
html[data-season="navidad"] .topbar::after {
    height: 16px; animation: lightsBlink 1.4s steps(2, jump-none) infinite;
    background:
        radial-gradient(circle at 50% 70%, #ff4d4d 4px, transparent 5px) 0 0 / 72px 16px,
        radial-gradient(circle at 50% 70%, #ffd166 4px, transparent 5px) 18px 0 / 72px 16px,
        radial-gradient(circle at 50% 70%, #2dc653 4px, transparent 5px) 36px 0 / 72px 16px,
        radial-gradient(circle at 50% 70%, #4cc9f0 4px, transparent 5px) 54px 0 / 72px 16px,
        linear-gradient(#2b3a4a, #2b3a4a) 0 3px / 100% 2px no-repeat;
}

/* ---------- aviso de temporada ---------- */
.season-bar {
    display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap;
    padding: 9px 16px; text-align: center; font-weight: 700; font-size: 0.92rem; color: #111;
    background: linear-gradient(90deg, var(--accent-2), var(--gold), var(--accent-2));
    background-size: 200% 100%; animation: seasonSlide 8s linear infinite;
}
html[data-season="patrias"] .season-bar, html[data-season="muertos"] .season-bar { margin-top: 30px; }
html[data-season="navidad"] .season-bar { margin-top: 16px; }
.season-bar .sb-ico { font-size: 1.2rem; animation: sbBounce 1.6s ease-in-out infinite; display: inline-block; }
.season-bar a {
    color: #111; background: rgba(255, 255, 255, 0.55); padding: 4px 12px; border-radius: 99px;
    text-decoration: none; font-size: 0.82rem; white-space: nowrap; transition: background 0.2s;
}
.season-bar a:hover { background: #fff; }
@media (max-width: 700px) {
    .season-bar { font-size: 0.8rem; gap: 6px 10px; padding: 7px 12px; }
    .season-bar .sb-ico { display: none; }
}

/* ---------- inicio: logo de temporada y adornos ---------- */
.hero-home { position: relative; overflow: hidden; }
.hero-logo {
    width: min(340px, 72vw); height: auto; aspect-ratio: 1; border-radius: 28px; margin-bottom: 26px; object-fit: cover;
    box-shadow: 0 0 0 1px var(--gold-soft), 0 18px 60px rgba(var(--gold-rgb), 0.28), 0 0 90px rgba(var(--accent-2-rgb), 0.22);
    animation: fadeInDown 0.9s ease-out, logoFloat 5s ease-in-out 1s infinite;
}
.hero-deco { position: absolute; inset: 0; pointer-events: none; }
.hero-deco img { position: absolute; width: clamp(56px, 9vw, 120px); filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.5)); animation: decoBob 4.5s ease-in-out infinite; }
.hero-deco img:nth-child(1) { top: 8%;  left: 6%;  --r: -12deg; }
.hero-deco img:nth-child(2) { top: 10%; right: 6%; --r: 12deg; animation-delay: -1.2s; }
.hero-deco img:nth-child(3) { bottom: 10%; left: 9%; --r: 8deg; animation-delay: -2.4s; }
.hero-deco img:nth-child(4) { bottom: 8%; right: 9%; --r: -8deg; animation-delay: -3.3s; }
@media (max-width: 700px) {
    .hero-deco img:nth-child(3), .hero-deco img:nth-child(4) { display: none; }
    .hero-deco img { width: 48px; }
}

/* ---------- toques de color en componentes ---------- */
html[data-season]:not([data-season="gold"]) .btn-primary { background: linear-gradient(135deg, var(--gold), var(--accent-2)); }
html[data-season]:not([data-season="gold"]) .section-title::after,
html[data-season]:not([data-season="gold"]) .hero-home h1::after { background: linear-gradient(90deg, var(--accent-2), var(--gold)); opacity: 1; }
html[data-season]:not([data-season="gold"]) .whatsapp-float { box-shadow: 0 0 0 4px rgba(var(--gold-rgb), 0.35), 0 6px 18px rgba(0, 0, 0, 0.4); }
footer .season-note { display: block; margin-top: 6px; color: var(--gold); font-size: 0.85rem; }

/* ---------- animaciones ---------- */
@keyframes seasonSlide { to { background-position: 200% 0; } }
@keyframes papelSway { 0%, 100% { transform: skewX(-2deg); } 50% { transform: skewX(2deg); } }
@keyframes lightsBlink { 0% { filter: brightness(1.3) saturate(1.3); } 100% { filter: brightness(0.7); } }
@keyframes sbBounce { 0%, 100% { transform: translateY(0) rotate(-6deg); } 50% { transform: translateY(-3px) rotate(6deg); } }
@keyframes logoFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes decoBob { 0%, 100% { transform: translateY(0) rotate(var(--r, 0deg)); } 50% { transform: translateY(-14px) rotate(calc(var(--r, 0deg) * -1)); } }

@media (prefers-reduced-motion: reduce) {
    .season-fx { display: none; }
    .season-bar, .season-bar .sb-ico, .hero-logo, .hero-deco img, .topbar::after { animation: none !important; }
}