/* Iconos meteorológicos (icons.js): compartidos por la web y el panel. */
@keyframes wi-spin{to{transform:rotate(360deg)}}
.wi .wi-sun circle{fill:var(--icon-sun)}
.wi .wi-rays line{stroke:var(--icon-sun);stroke-width:3;stroke-linecap:round}
.wi .wi-rays{transform-origin:32px 32px;animation:wi-spin 40s linear infinite}
.wi .wi-moon{fill:var(--icon-moon)}
.wi .wi-cloud{fill:var(--icon-cloud)}
.wi .wi-cloud-back{fill:var(--icon-cloud-back)}
.wi .wi-drop{stroke:var(--icon-rain);stroke-width:3;stroke-linecap:round;animation:drop 1.1s ease-in infinite}
.wi .wi-fog line{stroke:var(--icon-cloud);stroke-width:3.5;stroke-linecap:round}
.wi .wi-bolt{fill:var(--icon-bolt)}
.wi .wi-snow text{fill:var(--icon-cloud);font-size:9px}
@keyframes drop{0%{opacity:0;transform:translateY(-3px)}30%{opacity:1}100%{opacity:0;transform:translateY(4px)}}