/* ==========================================================================
   PLATAFORMA M2-VANDAS — CSS DO COMPUTADOR (telas a partir de 769px)

   Regra do dono (Cérebro, preferencias-do-dono, regra de código 2): o CSS do
   computador e o do celular moram em ARQUIVOS SEPARADOS. Regra de celular não
   entra aqui; ela vai para estilo-mobile.css.

   Quem carrega: includes/estilos_dispositivo.php, em todo <head>, com
   media="(min-width: 769px)". O @media abaixo repete a condição.

   O visual do site vem do Tailwind (includes/header.php). Aqui mora a medida
   que só faz sentido no computador e que, escrita no HTML, vazava para o
   celular.
   ========================================================================== */

@media (min-width: 769px) {

  /* Busca da vitrine: largura mínima só no computador. No celular ela
     empurrava o botão "Buscar" para fora da tela (404px numa tela de 375). */
  .busca-vitrine input {
    min-width: 280px;
  }

  /* O que só existe no celular (a busca no topo e a barra inferior, do
     design de app de 27/09/2026) não aparece no computador. */
  .so-mobile {
    display: none !important;
  }
}