/* style.css */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap");

/* Configurações Globais */
html {
  scroll-behavior: smooth;
}

body {
  font-family: "Montserrat", sans-serif;
}

/* Customização da Barra de Rolagem (Webkit) */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #5d9cd1; /* Primary color */
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #467ba8; /* Primary dark */
}

/* Ajustes finos para garantir que o menu mobile fique sobre tudo */
#mobile-menu {
  z-index: 9999;
}

/* Esconder barra de rolagem do carrossel mas manter a funcionalidade */
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.hide-scrollbar {
  -ms-overflow-style: none; /* IE e Edge */
}

/* Usando @supports para evitar o alerta de compatibilidade no editor (Edge Tools) */
@supports (scrollbar-width: none) {
  .hide-scrollbar {
    scrollbar-width: none; /* Firefox e navegadores modernos */
  }
}