html {
    scroll-behavior: smooth;
}

/* Estilo geral da barra de rolagem */
::-webkit-scrollbar {
    width: 18px; /* Largura da barra vertical */
    height: 12px; /* Altura da barra horizontal */
}

/* Cor de fundo do track (trilho) da barra */
::-webkit-scrollbar-track {
    background: #f4f4f4; /* Cor de fundo do trilho */
    border-radius: 5px; /* Cantos arredondados */
}

/* Cor da barra de rolagem */
::-webkit-scrollbar-thumb {
    background: #dc354665; /* Cor da barra */
    border-radius: 5px; /* Cantos arredondados */
    border: 3px solid #f4f4f4; /* Espaço entre a barra e o trilho */
}

/* Cor da barra de rolagem ao passar o mouse */
::-webkit-scrollbar-thumb:hover {
    background: #99253185; /* Cor ao passar o mouse */
}


.cliente-logo {
    height: 200px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    transition: filter 0.3s;
}

.cliente-logo:hover {
    cursor: pointer;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.f-bg-pink {
    background-color: #ffa0bd;
}

a {
    color: #2c2c2c;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px solid #dc354665;
}

a:hover {
    border-bottom: 1px solid #ff3d50;
}

a.link-sem-decoracao {
    border-bottom: transparent;
}