/* /assets/css/mobile.css
   Ajustes “seguros” para móvil (sin pisar tu diseño).
   - Evita desbordes horizontales
   - Imágenes fluidas
   - Inputs sin zoom en iPhone
   - Botones cómodos
*/

*{ box-sizing:border-box; }

html, body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

img, video, iframe{
  max-width:100%;
  height:auto;
  display:block;
}

input, select, textarea, button{
  font-size:16px; /* evita zoom iOS */
}

button, .btn, input[type="submit"], input[type="button"]{
  min-height:44px;
}

@media (max-width: 768px){
  /* Ajuste general de secciones con paddings excesivos */
  section{ scroll-margin-top: 84px; }

  /* Evita que algún bloque rígido rompa el ancho */
  [style*="width:1200px"], [style*="width: 1200px"]{
    width:100% !important;
    max-width:100% !important;
  }
}


@media (max-width: 768px){
  /* Rendimiento: blur/backdrop-filter penaliza en móviles */
  .air-search,
  .sgBottomNav,
  .searchSection .air-search{
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: rgba(255,255,255,.96) !important;
  }

  /* Evita filtros pesados en imágenes (si existieran) */
  [data-blur]{ filter:none !important; }
}