/* Coloque este código no início do seu arquivo styles.css */

/* Definições @font-face para os arquivos .TTF locais */
/* Montserrat - 300 Light */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/Montserrat-Light.ttf') format('truetype');
}
/* Montserrat - 400 Regular */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/Montserrat-Regular.ttf') format('truetype');
}
/* Montserrat - 500 Medium */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/Montserrat-Medium.ttf') format('truetype');
}
/* Montserrat - 600 SemiBold */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/Montserrat-SemiBold.ttf') format('truetype');
}
/* Montserrat - 700 Bold */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/Montserrat-Bold.ttf') format('truetype');
}
/* Montserrat - 800 ExtraBold */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/Montserrat-ExtraBold.ttf') format('truetype');
}

/* O resto do seu CSS continua abaixo... */

/* Estilos para a transição do menu mobile */
#mobile-menu-overlay {
    transition: opacity 0.3s ease-in-out;
}
#mobile-menu-panel {
    transition: transform 0.3s ease-in-out;
}

/* Estilo para o slider de depoimentos */
#depoimento-card {
    transition: opacity 0.3s ease-in-out;
}

/* Estilo para os indicadores do slider */
.indicator {
    transition: all 0.3s ease-in-out;
}

.whatsapp-button {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 20px;
    right: 20px;
    background-color: #25d366; /* Cor padrão do WhatsApp */
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    line-height: 60px;
    z-index: 1000; /* Garante que o botão fique acima de outros elementos */
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
}

.whatsapp-button:hover {
    background-color: #128c7e;
    transform: scale(1.05);
}

.whatsapp-button i {
    vertical-align: middle;
}

/* Estilos responsivos (opcional) */
@media (max-width: 768px) {
    .whatsapp-button {
        width: 50px;
        height: 50px;
        bottom: 15px;
        right: 15px;
        font-size: 24px;
        line-height: 50px;
    }
}

/* Proíbe o usuário de arrastar qualquer imagem do site */
img {
  -webkit-user-drag: none; /* Chrome, Safari, Opera */
  user-select: none;       /* Firefox, Edge */
  pointer-events: none;    /* Desabilita outras interações do mouse se necessário */
}

/* --- Estilos para a Barra de Rolagem (Scrollbar) --- */

/* Para navegadores baseados em WebKit (Chrome, Safari, Edge) */
::-webkit-scrollbar {
  width: 12px; /* Largura da barra de rolagem vertical */
  height: 12px; /* Altura da barra de rolagem horizontal */
}

::-webkit-scrollbar-track {
  background: #f1f5f9; /* Cor de fundo do rastro (um cinza claro) */
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: #096d85; /* Cor principal do seu site */
  border-radius: 10px;
  border: 3px solid #f1f5f9; /* Cria um "espaçamento" ao redor do botão */
}

::-webkit-scrollbar-thumb:hover {
  background-color: #085f76; /* Cor um pouco mais escura ao passar o mouse */
}

/* Para Firefox */
html {
  scrollbar-width: thin; /* Pode ser "auto", "thin" ou "none" */
  scrollbar-color: #096d85 #f1f5f9; /* Cor do botão e cor do rastro */
}