/* ==========================================================================
   APP.CSS — Estilos customizados que NÃO existem no Tailwind
   ==========================================================================
   Regra de ouro: se existe uma classe utilitária oficial do Tailwind que
   resolve o problema, ela deve ser usada no HTML — NUNCA replicada aqui.
   ========================================================================== */


.logo {
  width: 180px;
  height: auto;
}

@media (max-width: 768px) {
  .logo {
    width: 160px;
  }
}