/* V27 Mosaic Live Environment — season + festivities + sun + weather + moon */
html{--env-sky:#eaf8fb;--env-glow:rgba(255,207,91,.20);--env-ink:var(--season-deep,#173f52);--env-card:rgba(255,255,255,.94)}
html[data-dayphase="sunrise"]{--env-sky:#fff1df;--env-glow:rgba(255,142,86,.28)}
html[data-dayphase="morning"],html[data-dayphase="day"]{--env-sky:#eaf9ff;--env-glow:rgba(255,211,89,.18)}
html[data-dayphase="midday"]{--env-sky:#e3f8ff;--env-glow:rgba(255,222,100,.22)}
html[data-dayphase="afternoon"]{--env-sky:#f3fbff;--env-glow:rgba(255,190,88,.16)}
html[data-dayphase="sunset"]{--env-sky:#fff0e7;--env-glow:rgba(238,104,101,.25)}
html[data-dayphase="night"]{--env-sky:#0c2034;--env-glow:rgba(111,137,203,.17);--env-card:rgba(255,255,255,.97)}
html[data-weather="cloud"]{--env-sky:#edf1f3;--env-glow:rgba(151,166,175,.18)}
html[data-weather="rain"]{--env-sky:#dfe9ee;--env-glow:rgba(84,132,159,.17)}
html[data-weather="storm"]{--env-sky:#cfd9df;--env-glow:rgba(78,84,118,.18)}
html[data-weather="fog"]{--env-sky:#f1f2f0;--env-glow:rgba(190,195,192,.24)}
html[data-dayphase="night"][data-weather="cloud"],html[data-dayphase="night"][data-weather="rain"]{--env-sky:#101d2b}
body{transition:background-color .8s ease,color .5s ease}
.v9-header,header.top{background:linear-gradient(180deg,var(--env-sky),rgba(255,255,255,.94))!important;transition:background 1.2s ease!important}
.v9-hero,.hero,.v8-hero{position:relative;isolation:isolate}.v9-hero:before,.hero:before,.v8-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 78% 12%,var(--env-glow),transparent 34%);opacity:.9;transition:1.2s ease}
.cbm-season-picks{background:linear-gradient(135deg,var(--season-soft,#effafa),var(--env-sky),#fff)!important;transition:background 1.2s ease!important}
.cbm-v27-atmosphere{position:fixed;inset:0;z-index:3;pointer-events:none;overflow:hidden;opacity:1}.cbm-v27-atmosphere i{display:none;position:absolute}
/* V30: weather is intentionally visible, but never blocks interaction. */
html[data-weather="rain"] .cbm-v27-atmosphere,html[data-weather="storm"] .cbm-v27-atmosphere{background:linear-gradient(180deg,rgba(37,72,94,.12),rgba(64,109,132,.035) 55%,transparent)}
html[data-weather="fog"] .cbm-v27-atmosphere{background:linear-gradient(100deg,rgba(235,241,242,.54),rgba(255,255,255,.14),rgba(225,234,236,.5));animation:v30fog 9s ease-in-out infinite alternate}
html[data-weather="cloud"] .v9-hero:after,html[data-weather="cloud"] .hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,rgba(96,123,137,.10),transparent 48%,rgba(110,139,151,.13));z-index:0}
html[data-weather="clear"] .v9-hero:after,html[data-weather="clear"] .hero:after{content:"";position:absolute;width:42vw;height:42vw;right:-12vw;top:-22vw;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,214,87,.30),rgba(255,205,67,.08) 42%,transparent 68%);z-index:0;animation:v30sun 7s ease-in-out infinite alternate}
html[data-weather="storm"] body:before{content:"";position:fixed;inset:0;z-index:2;pointer-events:none;background:rgba(255,255,255,0);animation:v30flash 8s infinite}
@keyframes v30flash{0%,86%,90%,100%{background:rgba(255,255,255,0)}87%{background:rgba(235,246,255,.28)}88%{background:rgba(255,255,255,.04)}89%{background:rgba(235,246,255,.18)}}
@keyframes v30fog{to{transform:translateX(2.5vw);opacity:.72}}@keyframes v30sun{to{transform:scale(1.08);opacity:.72}}
html[data-weather="rain"] .cbm-v27-atmosphere i,html[data-weather="storm"] .cbm-v27-atmosphere i{display:block;top:-24vh;width:2px;height:22vh;background:linear-gradient(transparent,rgba(55,112,145,.62));box-shadow:18vw 8vh 0 rgba(70,126,155,.32),36vw -3vh 0 rgba(70,126,155,.26);animation:v27rain .78s linear infinite}.cbm-v27-atmosphere i:nth-child(1){left:8%;animation-delay:-.2s}.cbm-v27-atmosphere i:nth-child(2){left:25%;animation-delay:-.7s}.cbm-v27-atmosphere i:nth-child(3){left:43%;animation-delay:-.4s}.cbm-v27-atmosphere i:nth-child(4){left:61%;animation-delay:-1s}.cbm-v27-atmosphere i:nth-child(5){left:78%;animation-delay:-.5s}.cbm-v27-atmosphere i:nth-child(6){left:94%;animation-delay:-.9s}@keyframes v27rain{to{transform:translate3d(-4vw,125vh,0)}}
html[data-weather="snow"] .cbm-v27-atmosphere i,html[data-theme="christmas"][data-weather="cloud"] .cbm-v27-atmosphere i{display:block;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:16vw 8vh 0 2px rgba(255,255,255,.72),32vw -4vh 0 1px rgba(255,255,255,.82);top:-20px;filter:drop-shadow(0 2px 3px rgba(80,110,125,.16));animation:v27snow 6.5s linear infinite}.cbm-v27-atmosphere i:nth-child(1){left:10%}.cbm-v27-atmosphere i:nth-child(2){left:27%;animation-delay:-3s}.cbm-v27-atmosphere i:nth-child(3){left:45%;animation-delay:-6s}.cbm-v27-atmosphere i:nth-child(4){left:63%;animation-delay:-1s}.cbm-v27-atmosphere i:nth-child(5){left:81%;animation-delay:-4s}.cbm-v27-atmosphere i:nth-child(6){left:93%;animation-delay:-7s}@keyframes v27snow{to{transform:translate3d(35px,105vh,0) rotate(180deg)}}
.cbm-v27-live{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-left:auto;padding:7px 10px;border:1px solid rgba(50,80,95,.12);border-radius:999px;background:rgba(255,255,255,.78);backdrop-filter:blur(10px);font-size:11px;color:#34505d;box-shadow:0 5px 18px rgba(20,48,61,.05)}.cbm-v27-live strong{color:var(--season-deep,#173f52)}.cbm-v27-live-dot{width:7px;height:7px;border-radius:50%;background:#2aa978;box-shadow:0 0 0 4px rgba(42,169,120,.11)}.cbm-v27-moon{white-space:nowrap}
.cbm-v27-moon-orb{position:fixed;right:clamp(18px,4vw,58px);top:clamp(92px,13vh,145px);z-index:4;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;font-size:40px;filter:drop-shadow(0 5px 16px rgba(23,42,74,.24));pointer-events:none;animation:v27float 7s ease-in-out infinite}@keyframes v27float{50%{transform:translateY(-7px)}}
/* Deep festive art direction: identity remains elegant, environment supplies time/weather */
html[data-theme="christmas"] .v9-header,html[data-theme="christmas"] header.top{background:linear-gradient(110deg,#f8fbf7,var(--env-sky),#fff7f3)!important}html[data-theme="christmas"] body:after{content:"✦  ·  ✧  ·  ✦";position:fixed;top:7px;left:50%;transform:translateX(-50%);z-index:1001;color:#d6a737;font-size:11px;letter-spacing:12px;pointer-events:none}
html[data-theme="halloween"]{--env-glow:rgba(229,105,0,.25)}html[data-theme="halloween"] .v9-header,html[data-theme="halloween"] header.top{background:linear-gradient(120deg,#fff7ed,var(--env-sky),#f8f0fb)!important}html[data-theme="halloween"] .cbm-celebration{background:linear-gradient(105deg,#25172c,#d86400)!important}
html[data-theme="easter"] .v9-header,html[data-theme="easter"] header.top{background:linear-gradient(120deg,#fbf7ff,var(--env-sky),#fffaf0)!important}html[data-theme="easter"] .cbm-celebration{background:linear-gradient(105deg,#4c326e,#9a70c8,#c59a27)!important}
html[data-theme="stpatrick"] .v9-header,html[data-theme="stpatrick"] header.top{background:linear-gradient(120deg,#f2fbf5,var(--env-sky),#fffdf4)!important}html[data-theme="stpatrick"] .cbm-celebration{background:linear-gradient(105deg,#06472b,#087a45,#b99025)!important}
html[data-theme="oktoberfest"] .v9-header,html[data-theme="oktoberfest"] header.top{background:linear-gradient(120deg,#f3f8ff,var(--env-sky),#fff8e8)!important}html[data-theme="oktoberfest"] .cbm-celebration{background:linear-gradient(105deg,#153f70,#1d6fb8,#d99b25)!important}
html[data-dayphase="night"] .v9-header,html[data-dayphase="night"] header.top{color:#eef7ff!important}html[data-dayphase="night"] .v9-header .v9-nav>nav a{color:#dbeaf3!important}html[data-dayphase="night"] .v25-home-languages a{background:rgba(255,255,255,.1);color:#f4fbff;border-color:rgba(255,255,255,.2)}html[data-dayphase="night"] .cbm-v27-live{background:rgba(8,26,42,.62);color:#c9dce7;border-color:rgba(255,255,255,.14)}html[data-dayphase="night"] .cbm-v27-live strong{color:#fff}
@media(max-width:900px){.cbm-v27-live{order:6;width:100%;justify-content:center;margin:4px 0 0}.cbm-v27-moon-orb{top:145px;right:14px;transform:scale(.82)}}
@media(max-width:760px){.cbm-v27-atmosphere{opacity:.72}html[data-weather="storm"] body:before{animation-duration:12s}}@media(prefers-reduced-motion:reduce){.cbm-v27-atmosphere,.cbm-v27-moon-orb,html[data-weather="storm"] body:before,.v9-hero:after,.hero:after{animation:none!important}.cbm-v27-atmosphere i{animation:none!important;display:none!important}}

/* V34: entorno meteorologico unificado en TODA la pagina */
html[data-dayphase][data-weather] body{
  background:
    radial-gradient(circle at 82% 8%,var(--env-glow),transparent 30rem),
    linear-gradient(180deg,var(--env-sky) 0%,color-mix(in srgb,var(--env-sky) 42%,white) 42%,#fff 100%) fixed!important;
  min-height:100vh;
}
/* Las zonas principales heredan el mismo ambiente en vez de crear un bloque meteorologico aislado. */
html[data-dayphase][data-weather] main,
html[data-dayphase][data-weather] section,
html[data-dayphase][data-weather] .v9-hero,
html[data-dayphase][data-weather] .hero,
html[data-dayphase][data-weather] .v8-hero,
html[data-dayphase][data-weather] .cbm-season-picks{
  background-color:transparent;
}
/* El velo atmosferico ya es fixed; lo mantenemos sobre todo el viewport. */
html[data-dayphase][data-weather] .cbm-v27-atmosphere{inset:0;position:fixed;width:100vw;height:100vh}