/* Fila principal */
.top-bar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px; /* espacio entre banderas y clima */
  color: white;
  background: transparent;
}

/* Banderas */
.language-switcher {
  display: flex;
  gap: 15px; /* ?? Espacio entre banderas */
}
.flag-icon {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  object-fit: cover;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.flag-icon:hover {
  transform: scale(1.15);
  opacity: 0.85;
}

/* Clima */
.weather-widget {
  display: flex;
  align-items: center;
  gap: 8px;
  color: white;
  font-size: 1.1rem;
}
.weather-widget .icon svg {
  width: 32px;
  height: 32px;
  overflow: visible;
  transform-origin: center;
}

/* Responsive */
@media (max-width:600px){
  .flag-icon { width:15px; height:15px; }
  .weather-widget .icon svg { width:26px; height:26px; }
  .weather-widget .temp { font-size:1rem; }
}