/*
  Estilos personalizados para a landing page estática da DM Elétrica e Hidráulica.

  Este arquivo complementa o framework Tailwind carregado via CDN e inclui
  apenas pequenas regras de utilidade que não existem por padrão.  Em vez de
  carregar bibliotecas extras de UI ou CSS, preferimos manter o projeto
  enxuto e responsivo.
*/

/* Esconde barras de rolagem em contêineres específicos (usado no carrossel da galeria). */
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}
.scrollbar-hide {
  -ms-overflow-style: none; /* IE e Edge */
  scrollbar-width: none; /* Firefox */
}

/* Classe utilitária para clipe de linha (clamp) em títulos da galeria quando
   o Tailwind não está disponível para isso de forma pura. Ela limita o
   número de linhas exibidas e adiciona reticências. */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Animações simples de fade-in usadas em seções ao carregar.  São definidas
   aqui para garantir compatibilidade com navegadores modernos. */
@keyframes fade-in-up {
  from {
    opacity: 0;
    transform: translateY(1rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.animate-fade-in-up {
  animation: fade-in-up 0.6s ease-out both;
}