/*
  Este arquivo pode ser usado para adicionar CSS personalizado que não é facilmente coberto pelas classes do Tailwind.
  Para a maioria dos estilos, é preferível usar as classes de utilitários do Tailwind diretamente no HTML.

  Exemplo:
  .custom-gradient {
    background: linear-gradient(to right, #ff7e5f, #feb47b);
  }
*/

/* Estilos para a barra de navegação ativa */
.nav-link[href$="index.html"].active,
.nav-link[href$="sobre.html"].active,
.nav-link[href$="produtos.html"].active,
.nav-link[href$="blog.html"].active,
.nav-link[href$="contato.html"].active {
    color: #E53E3E; /* Cor vermelha principal */
    font-weight: 700;
}