/* ============================================================
   METEO · capa SOLO para móvil
   (28/09/2026)

   La versión de PC es `meteo/index.html` del proyecto de SOL y NO SE TOCA.
   Aquí van los ajustes que solo hacen falta con el dedo, y van todos bajo
   «puntero grueso», así que en un ordenador con ratón no cambia nada: el PC
   sigue exactamente igual.

   Se inyecta al publicar, con `scripts/publica-meteo.mjs`. Si el origen
   cambia de forma y la inyección deja de encajar, el script ABORTA.

   Qué arregla, medido en un navegador (390 y 360 px de ancho): el único
   control de la página por debajo de 44 px era la marca «Meteo» (36 px), que
   es un enlace a luxoraenergy.com. El resto de mandos ya estaban a 44 con el
   dedo: botones, píldoras de capa, zoom del mapa, deslizador y play.
   ============================================================ */
@media (pointer: coarse) {
  .marca {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
}

/* En horizontal el teléfono deja muy poco alto: la altura de PC arranca en
   420 px, así que en una ventana de 390 el mapa se comía la pantalla entera
   (medido: el 108 %) y no se llegaba a los datos. Aquí se le deja la mitad,
   igual que en vertical, para que el mapa se vea entero y el deslizador quede
   al alcance. Solo afecta a ventanas bajas con el dedo: en vertical, tableta
   y ordenador no cambia nada. */
@media (pointer: coarse) and (max-height: 520px) {
  #mapa {
    height: clamp(200px, 52vh, 420px);
  }
}