/* Zonas táctiles: se carga la última para poder ajustar los estilos de cada pantalla.
   ---------- Zonas táctiles (móvil y pantallas táctiles): mínimo 44 px en lo que se pulsa ---------- */
@media (max-width: 63.99rem), (pointer: coarse) {
  .mobile-bar-brand, .pub-cta-sm, .dash-link, .dash-fuel-tag, .dash-vehicle-pick label, .dash-month label { min-height: 2.75rem; }
  .mobile-bar-brand, .pub-cta-sm, .dash-fuel-tag { display: inline-flex; align-items: center; }
  .dash-link { padding-inline: 0.5rem; margin-inline: -0.5rem; }
  /* Gasolineras: filtros, ubicación, asa del cajón, actualizar y enlaces de zona */
  .ex-chip { height: 2.75rem; }
  .ex-locate { width: 2.75rem; height: 2.75rem; }
  .ex-grab { height: 2rem; }
  .ex-live { min-height: 2.5rem; padding-inline: 0.8rem; }
  .ex-links a { padding: 0.7rem 0.9rem; }
  .ex-pop button, .ex-place-list li { min-height: 2.75rem; }
  /* Viaje y Rutas */
  .trip-cat { height: 2.75rem; }
  .trip-swap, .trip-clear { width: 2.75rem; height: 2.75rem; }
  .trip-swap { right: 0.2rem; }
  .trip-more { min-height: 2.75rem; }
  .trip-poi button { height: 2.75rem; }
  .rt-split button, .rt-icon { width: 2.75rem; height: 2.75rem; }
  .leaflet-bar a { width: 2.75rem !important; height: 2.75rem !important; line-height: 2.75rem !important; }
  /* Casillas de ajustes y mi cuenta: la fila entera se pulsa, la casilla es más grande */
  label.flex.items-center.gap-3 { min-height: 2.75rem; }
  input[type='checkbox'], input[type='radio'] { width: 1.3rem; height: 1.3rem; accent-color: rgb(var(--a-500)); }
  /* Deslizadores: el tirador es grande y la barra deja sitio para el dedo */
  .calc-slider input[type='range'] { margin: 1rem 0; touch-action: pan-y; }
  .calc-slider input[type='range']::-webkit-slider-thumb { width: 2.2rem; height: 2.2rem; }
  .calc-slider input[type='range']::-moz-range-thumb { width: 1.7rem; height: 1.7rem; }
}