/* Informe meteorológico de ciudades argentinas para la portada. */
#gdv-meteo-ciudades{
  box-sizing:border-box;width:100%;margin:0;padding:4px 0;
  border:0;
  background:transparent;
  box-shadow:none;
  color:#eef2f5;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
}
body.modo-anexo > #gdv-meteo-ciudades,
body.modo-seccion-unica > #gdv-meteo-ciudades{display:none!important}
#gdv-meteo-ciudades *{box-sizing:border-box}
#gdv-meteo-ciudades .gdv-wx-viewport{overflow-x:auto;scrollbar-width:thin;outline-offset:-2px}
#gdv-meteo-ciudades .gdv-wx-track{display:flex;width:max-content;animation:gdv-weather-scroll var(--gdv-weather-speed,100s) linear infinite}
#gdv-meteo-ciudades .gdv-wx-group{display:flex;flex:none;gap:12px;padding-right:12px}
#gdv-meteo-ciudades .gdv-wx-card{
  display:flex;align-items:center;gap:13px;flex:none;
  width:265px;min-height:62px;padding:8px 13px;
  background:#222e36;border:1px solid #45515a;border-radius:11px;
  text-shadow:none;
}
/* Ícono meteorológico compacto al inicio de cada tarjeta. */
#gdv-meteo-ciudades .gdv-wx-icon{
  display:flex;align-items:center;justify-content:center;
  width:27px;height:27px;flex:0 0 27px;
}
#gdv-meteo-ciudades .gdv-wx-icon svg{
  display:block;width:100%;height:100%;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.28));
}
#gdv-meteo-ciudades .gdv-wx-info{min-width:0;flex:1 1 auto}
#gdv-meteo-ciudades .gdv-wx-place{font-size:12px;line-height:1.22;font-weight:800;color:#f4f6f8}
#gdv-meteo-ciudades .gdv-wx-province{font-size:10px;line-height:1.3;font-weight:500;color:#c6d2d8}
#gdv-meteo-ciudades .gdv-wx-temp{margin-left:auto;font-size:25px;font-weight:750;line-height:1;white-space:nowrap;color:#ffd0a0}
#gdv-meteo-ciudades .gdv-wx-condition{font-size:10px;line-height:1.4;color:#ecf1f3}
#gdv-meteo-ciudades .gdv-wx-wind{font-size:10px;line-height:1.4;color:#bfcdd4}
#gdv-meteo-ciudades .gdv-wx-message{padding:11px 19px;font-size:12px;color:#d1dbe0}
#gdv-meteo-ciudades .gdv-wx-track:hover,
#gdv-meteo-ciudades .gdv-wx-viewport:focus-within .gdv-wx-track{animation-play-state:paused}
@keyframes gdv-weather-scroll{to{transform:translateX(-50%)}}
@media (max-width:700px){
  #gdv-meteo-ciudades{padding:4px 0}
  #gdv-meteo-ciudades .gdv-wx-card{width:225px;min-height:57px;padding:7px 10px;gap:9px}
  #gdv-meteo-ciudades .gdv-wx-icon{width:24px;height:24px;flex-basis:24px}
  #gdv-meteo-ciudades .gdv-wx-temp{font-size:23px}
}
@media (prefers-reduced-motion:reduce){
  #gdv-meteo-ciudades .gdv-wx-track{animation:none!important}
  #gdv-meteo-ciudades .gdv-wx-group[aria-hidden="true"]{display:none!important}
}

/* En notebooks de altura reducida, superponer la franja sobre la parte
   inferior de la portada para que se vean también las tarjetas de ciudades.
   Mantener animación, contenido, altura del carrusel y diseño móvil. */
@media (min-width: 701px) {
  body:not(.modo-anexo):not(.modo-seccion-unica) > #gdv-meteo-ciudades {
    position: relative;
    z-index: 3;
    margin-top: calc(-132px - var(--gdv-weather-lift, 0px));
  }
}
@media (max-width: 700px) {
  body:not(.modo-anexo):not(.modo-seccion-unica) > #gdv-meteo-ciudades {
    position: relative;
    z-index: 3;
    margin-top: -12px;
  }
}

/* Ajuste de tarjetas por administrador: únicamente PC. Las variables
   se aplican a todas las tarjetas, inclusive las duplicadas del carrusel. */
@media (min-width:701px) {
  #gdv-meteo-ciudades .gdv-wx-card {
    width: var(--gdv-weather-card-width, 265px);
  }
  #gdv-meteo-ciudades.gdv-wx-height-custom .gdv-wx-card {
    height: var(--gdv-weather-card-height, 76px);
    min-height: 0;
    padding: calc(8px * var(--gdv-weather-card-factor, 1)) 13px;
    gap: calc(13px * var(--gdv-weather-card-factor, 1));
    overflow: hidden;
  }
  #gdv-meteo-ciudades.gdv-wx-height-custom .gdv-wx-icon {
    width: calc(27px * var(--gdv-weather-card-factor, 1));
    height: calc(27px * var(--gdv-weather-card-factor, 1));
    flex-basis: calc(27px * var(--gdv-weather-card-factor, 1));
  }
  #gdv-meteo-ciudades.gdv-wx-height-custom .gdv-wx-place {
    font-size: calc(12px * var(--gdv-weather-card-factor, 1));
  }
  #gdv-meteo-ciudades.gdv-wx-height-custom .gdv-wx-province,
  #gdv-meteo-ciudades.gdv-wx-height-custom .gdv-wx-condition,
  #gdv-meteo-ciudades.gdv-wx-height-custom .gdv-wx-wind {
    font-size: calc(10px * var(--gdv-weather-card-factor, 1));
  }
  #gdv-meteo-ciudades.gdv-wx-height-custom .gdv-wx-temp {
    font-size: calc(25px * var(--gdv-weather-card-factor, 1));
  }
  #gdv-meteo-ciudades.gdv-wx-height-custom .gdv-wx-info > div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}