/*
 * Grupo Bioingenia — ajustes móviles de calidad v1.0.1
 * Capa de corrección para la exportación estática publicada en HostGator.
 */

@media (max-width: 760px) {
  /*
   * Safari en iOS amplía automáticamente la pantalla cuando un control
   * enfocado usa una fuente inferior a 16 px.
   */
  .quote-form input:not([type="checkbox"]):not([type="radio"]),
  .quote-form select,
  .quote-form textarea {
    font-size: 16px;
  }

  /*
   * En Servicios conviven el header móvil (74 px) y la barra de categorías.
   * Esta separación evita que el título de cada área quede oculto al navegar
   * desde las pestañas flotantes.
   */
  .services-page .services-category {
    scroll-margin-top: 156px;
  }

  /*
   * Permite usar todo el menú en teléfonos horizontales o pantallas de poca
   * altura sin que las últimas opciones queden fuera del área visible.
   */
  .mobile-menu nav {
    max-height: calc(100svh - 92px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}