/* MAUTECH V6 - ajuste móvil conservador */
@media (max-width: 767px) {
  header.sticky > div:first-child {
    height: auto !important;
    min-height: 80px;
    flex-wrap: wrap;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  /* Reutiliza el buscador React existente y lo hace visible en la portada móvil. */
  header.sticky > div:first-child > div.hidden.md\:flex {
    display: flex !important;
    order: 3;
    flex: 1 0 100%;
    width: 100%;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  header.sticky > div:first-child > div.cursor-pointer {
    order: 1;
  }

  header.sticky > div:first-child > button.lg\:hidden {
    order: 2;
  }

  /* Evita mostrar un segundo buscador al abrir el menú móvil. */
  header.sticky > div.lg\:hidden.bg-\[\#15191C\] > div.relative.mb-3 {
    display: none !important;
  }
}