.clima-widget {
  max-width: 280px;
  background: #ffffffee;
  padding: 10px;
  border-radius: 14px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
  font-family: "Poppins", sans-serif;
  backdrop-filter: blur(6px);
  transition: all .3s ease;
}
.clima-main { display:flex; justify-content:center; align-items:center; gap:12px; }
.clima-emoji { font-size: 2rem; } /* emoji grande */
.clima-temp { font-size: 1.5rem; font-weight: bold; }
.clima-desc { text-align:center; text-transform: capitalize; margin-top:4px; }
.clima-forecast-box { margin-top: 15px; padding-top: 10px; border-top: 1px solid #ccc5; display:none; }
.forecast-item { display:flex; justify-content:space-between; align-items:center; padding:3px; border-radius:6px; background:#ffffff77; }
.forecast-emoji { font-size: 2rem; }
.clima-minimal { background: white; border: 2px solid gold; box-shadow: 0 0 18px rgba(255,215,0,0.3); }
.clima-float { position: fixed; bottom: 20px; right: 20px; z-index: 999; animation: floatIn .6s ease-out; display: flex; flex-direction: column; align-items: center;}
@keyframes floatIn { from { transform: translateY(20px); opacity:0; } to { transform: translateY(0); opacity:1; } }
.clima-float:hover { transform: scale(1.03); }
/* 🎄 Nochebuena / Navidad */
.clima-xmas { background: #fff5f5ee; border: 2px solid #d40000; box-shadow: 0 0 25px rgba(220,0,0,0.3); }
.clima-xmas .clima-title { color:#b30000; }
/* 🎆 Nochevieja / Año Nuevo */
.clima-newyear { background: #111111dd; color: white; border: 2px solid gold; box-shadow: 0 0 25px rgba(255,215,0,0.5); }
.clima-newyear .forecast-item { background:#ffffff22; }
.clima-newyear .clima-title { color: gold; }
/* 👑 Reyes */
.clima-reyes { background: #001a33dd; color: white; border: 2px solid #ffd700; box-shadow: 0 0 25px rgba(0,80,160,0.5); }
.clima-reyes .forecast-item { background:#ffffff22; }
.clima-reyes .clima-title { color:#ffd700; }
.visible-block { display: block; transition: all 0.3s ease; }
.hidden-block  { display: none; transition: all 0.3s ease; }