/* ==========================================================================
 * EcoRadar Urba · La Seu d'Urgell
 * 06-adaptativo.css — Ajustes finos, accesibilidad y adaptacion a pantallas.
 *
 * Animaciones, preferencias de movimiento y consultas de medio para tablet,
 * movil y pantallas estrechas, incluida la columna de lecturas.
 *
 * Hojas de estilo del visor, en orden de carga: 01-base, 02-paneles, 03-mapa,
 * 04-lecturas, 05-tema-visual, 06-adaptativo, 07-visual-v1.
 * El orden y el prefijo de ambito (#ecoradar-urba-la-seu) forman parte del
 * diseno congelado: no reordenar reglas ni cambiar el prefijo.
 * ========================================================================== */

@media (prefers-reduced-motion: reduce) {
  #ecoradar-urba-la-seu *,
  #ecoradar-urba-la-seu *::before,
  #ecoradar-urba-la-seu *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
@media (hover: hover) and (pointer: fine) {
  #ecoradar-urba-la-seu .eu-panel:not(.eu-daily-panel):not(.eu-history-panel):hover,
  #ecoradar-urba-la-seu .eu-panel:not(.eu-daily-panel):not(.eu-history-panel):focus-within {
    z-index: 10;
    transform: translateY(-2px);
    border-color: rgba(15, 81, 50, 0.28);
    box-shadow: 0 8px 24px rgba(15, 81, 50, 0.08);
  }
  #ecoradar-urba-la-seu .eu-daily-row:hover,
  #ecoradar-urba-la-seu .eu-daily-row:focus-within {
    z-index: 10;
    transform: translateY(-1px);
    border-color: rgba(15, 81, 50, 0.25);
    box-shadow: 0 6px 18px rgba(15, 81, 50, 0.06);
  }
}
@media (min-width: 761px) {
  #ecoradar-urba-la-seu .eu-left {
    position: relative;
    max-height: none;
    overflow: visible;
  }
}
@media (max-width: 1050px) {
  #ecoradar-urba-la-seu .eu-grid {
    grid-template-columns: 230px minmax(0, 1fr);
  }
  #ecoradar-urba-la-seu .eu-map-support {
    /* Sin cambios: la guia de lectura ya ocupa todo el ancho. */
    grid-template-columns: minmax(0, 1fr);
  }
  #ecoradar-urba-la-seu .eu-column.eu-right,
  #ecoradar-urba-la-seu .eu-summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  #ecoradar-urba-la-seu .eu-daily-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  #ecoradar-urba-la-seu .eu-foot {
    grid-column: 1/-1;
  }
}
@media (max-width: 760px) {
  #ecoradar-urba-la-seu .eu-head {
    grid-template-columns: 1fr;
    gap: 15px;
    padding: 21px 18px;
  }
  #ecoradar-urba-la-seu .eu-brand-stack {
    justify-items: start;
  }
  #ecoradar-urba-la-seu .eu-head::after {
    display: none;
  }
  #ecoradar-urba-la-seu .eu-grid {
    grid-template-columns: 1fr;
    padding: 10px;
  }
  #ecoradar-urba-la-seu .eu-map-column {
    grid-column: 1;
    align-self: auto;
    grid-template-rows: auto auto;
  }
  #ecoradar-urba-la-seu .eu-map-support {
    grid-template-columns: 1fr;
  }
  #ecoradar-urba-la-seu .eu-map-panel {
    grid-column: auto;
  }
  #ecoradar-urba-la-seu .eu-column.eu-right,
  #ecoradar-urba-la-seu .eu-summary-grid {
    display: grid;
    grid-template-columns: 1fr;
  }
  #ecoradar-urba-la-seu .eu-daily-list,
  #ecoradar-urba-la-seu .eu-module-head,
  #ecoradar-urba-la-seu .eu-air-pollutants,
  #ecoradar-urba-la-seu .eu-module-forecast {
    grid-template-columns: 1fr;
  }
  #ecoradar-urba-la-seu .eu-summary-grid > .eu-panel {
    min-height: 0;
  }
  #ecoradar-urba-la-seu .eu-map-panel,
  #ecoradar-urba-la-seu svg {
    height: 520px;
    min-height: 520px;
  }
  #ecoradar-urba-la-seu #eu-history-chart,
  #ecoradar-urba-la-seu #eu-air-history-chart {
    height: 220px;
    min-height: 220px;
  }
}