html,body{background:0 0;min-height:100%;margin:0;padding:0}#atmosphere-background{z-index:-20;background:linear-gradient(135deg,#06b6d4 0%,#1e3a8a 100%);width:100%;height:100%;transition:background 2s;position:fixed;top:0;left:0}#particle-canvas{z-index:-10;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}#lightning-overlay{opacity:0;pointer-events:none;z-index:50;background:#fff;width:100%;height:100%;position:fixed;top:0;left:0}.lightning-flash{animation:8s infinite lightningFlash}@keyframes lightningFlash{0%,92%,96%,to{opacity:0}93%,95%{opacity:.6}}.pollutant-tooltip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f1f5f9;z-index:100;opacity:0;visibility:hidden;pointer-events:none;text-align:left;background:#0f172af2;border:1px solid #ffffff1a;border-radius:1rem;width:260px;padding:1rem;transition:all .25s cubic-bezier(.175,.885,.32,1.275);position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 10px 40px -10px #00000080}.pollutant-tooltip:after{content:"";border:8px solid #0000;border-top-color:#0f172af2;margin-left:-8px;position:absolute;top:100%;left:50%}@media (hover:hover){.tooltip-card:hover .pollutant-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}}.tooltip-card.tooltip-active .pollutant-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}#mapa{background-color:#0f172a;width:100%;height:420px}.weather-info-control{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border:1px solid #fff3;border-radius:12px;padding:10px 15px;font-family:Inter,sans-serif;box-shadow:0 8px 32px #0000004d}.glass-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fbbf24;background:#00000080;border:1px solid #ffffff1a}@media (width<=640px){.pollutant-tooltip{width:220px;left:0;transform:translateY(10px)}.pollutant-tooltip:after{left:30px}.tooltip-card.tooltip-active .pollutant-tooltip{transform:translateY(0)}}.sk-fading-circle{width:40px;height:40px;margin:100px auto;position:relative}.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;top:0;left:0}.sk-fading-circle .sk-circle:before{content:"";background-color:#fff;border-radius:100%;width:15%;height:15%;margin:0 auto;animation:1.2s ease-in-out infinite both sk-circleFadeDelay;display:block}.sk-fading-circle .sk-circle2{transform:rotate(30deg)}.sk-fading-circle .sk-circle3{transform:rotate(60deg)}.sk-fading-circle .sk-circle4{transform:rotate(90deg)}.sk-fading-circle .sk-circle5{transform:rotate(120deg)}.sk-fading-circle .sk-circle6{transform:rotate(150deg)}.sk-fading-circle .sk-circle7{transform:rotate(180deg)}.sk-fading-circle .sk-circle8{transform:rotate(210deg)}.sk-fading-circle .sk-circle9{transform:rotate(240deg)}.sk-fading-circle .sk-circle10{transform:rotate(270deg)}.sk-fading-circle .sk-circle11{transform:rotate(300deg)}.sk-fading-circle .sk-circle12{transform:rotate(330deg)}.sk-fading-circle .sk-circle2:before{animation-delay:-1.1s}.sk-fading-circle .sk-circle3:before{animation-delay:-1s}.sk-fading-circle .sk-circle4:before{animation-delay:-.9s}.sk-fading-circle .sk-circle5:before{animation-delay:-.8s}.sk-fading-circle .sk-circle6:before{animation-delay:-.7s}.sk-fading-circle .sk-circle7:before{animation-delay:-.6s}.sk-fading-circle .sk-circle8:before{animation-delay:-.5s}.sk-fading-circle .sk-circle9:before{animation-delay:-.4s}.sk-fading-circle .sk-circle10:before{animation-delay:-.3s}.sk-fading-circle .sk-circle11:before{animation-delay:-.2s}.sk-fading-circle .sk-circle12:before{animation-delay:-.1s}@keyframes sk-circleFadeDelay{0%,39%,to{opacity:0}40%{opacity:1}}.custom-select-dropdown{animation:.2s cubic-bezier(.16,1,.3,1) selectFadeIn}@keyframes selectFadeIn{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.custom-select-dropdown ul::-webkit-scrollbar{width:6px}.custom-select-dropdown ul::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.custom-select-dropdown ul::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.custom-select-dropdown ul::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.solar-card{transition:transform .3s,box-shadow .3s}.solar-card:hover{transform:translateY(-2px);box-shadow:0 25px 50px -12px #00000080}.solar-card svg{filter:drop-shadow(0 10px 15px #0006)}.solar-card circle{transition:cx 1.5s cubic-bezier(.34,1.56,.64,1),cy 1.5s cubic-bezier(.34,1.56,.64,1)}footer a{position:relative;overflow:hidden}footer a:after{content:"";background:linear-gradient(90deg,#0000,#fbbf24,#0000);width:100%;height:1px;transition:transform .4s;position:absolute;bottom:-2px;left:0;transform:translate(-100%)}footer div:hover a:after{transform:translate(100%)}