body {
    font-family: 'Lexend', sans-serif;
}

.card {
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.4); /* Sombra com blur */
}

.p-5{
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.4); /* Sombra com blur */
}

/* Estilos para o header customizado */
.navbar-custom {
    background-color: #ffffff;
    padding: 10px;
    display: flex;
    align-items: center;
    border-bottom: 2px solid #B32325;
}

.navbar-custom .container-fluid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 50px;
}

.logo {
    width: 150px;
    height: auto;
}

/* Estilo para links não visitados */
.navbar-nav .nav-link {
    color: #000000; /* Cor preta */
    font-size: 18px; /* Tamanho da fonte aumentado */
}

/* Estilo para links quando o mouse está sobre eles */
.navbar-nav .nav-link:hover {
    color: #B32325; /* Cor #B32325 */
}

.navbar-toggler {
    border-color: #B32325;
}

.fas {
    color: #B32325;
}

.nav-link.disabled {
    color: rgba(0, 0, 0, 0.5);
}

@media (min-width: 992px) {
    .navbar-toggler {
        display: none;
    }

    .collapse.show {
        display: flex !important;
    }

    .navbar-collapse {
        display: flex !important;
    }

    .navbar-collapse .navbar-nav {
        flex-direction: row;
    }

    .navbar-collapse .navbar-nav .nav-item {
        margin-right: 10px;
    }
}

.logo-container {
    margin-right: 40px; /* Adicione a quantidade de margem desejada */
}

.navbar-nav .nav-item.border-end {
    border-right: 2px solid black; /* Cor e espessura da borda */
    padding-right: 10px; /* Espaçamento entre o texto e a borda */
}

.btn-primary {
    background-color: #B32325; /* Cor de fundo */
    border-color: #B32325; /* Cor da borda */
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #A41B1D; /* Cor de fundo ao passar o mouse */
    border-color: #A41B1D; /* Cor da borda ao passar o mouse */
    color: #fff;
}

.btn-outline-primary {
    color: #B32325; /* Cor do texto */
    border-color: #B32325; /* Cor da borda */
}

.btn-outline-primary:hover {
    color: #fff; /* Cor do texto ao passar o mouse */
    background-color: #B32325; /* Cor de fundo ao passar o mouse */
    border-color: #B32325; /* Cor da borda ao passar o mouse */
}

.btn-primary:focus,
.btn-outline-primary:focus {
    outline: none;
    box-shadow: none;
    background-color: #B32325;
}

.page-link-custom {
    background-color: #B32325;
    border-color: #ffffff;
    color: #fff; /* Cor do texto */
}

.page-link-custom:hover,
.page-link-custom:focus {
    background-color: #A41B1D; /* Cor de fundo ao passar o mouse e ao clicar */
    border-color: #A41B1D; /* Cor da borda ao passar o mouse e ao clicar */
    color: #fff; /* Cor do texto ao passar o mouse e ao clicar */
}

.page-item.active .page-link-custom {
    background-color: #B32325; /* Cor de fundo do botão ativo */
    border-color: #B32325; /* Cor da borda do botão ativo */
}
.flex-row {
    display: flex;
    justify-content: center;
}

.btn-google, .btn-linkedin {
    border: none;
    padding: 10px 20px;
    text-align: center;
    display: inline-block;
    font-size: 20px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 4px;
}

.btn-google {
    background-color: #db4437;
    color:  white;
}

.btn-google:hover {
    background-color: #B32325;
    color: white;
}

.btn-linkedin {
    background-color: #0077b5;
    color: white;
}

.btn-linkedin:hover {
    background-color: #005f8d;
    color: white;
}

.btn-google i, .btn-linkedin i {
    margin-right: 8px;
    font-size: 24px; /* Tamanho maior para os ícones */
}

.easter{
    position: absolute; /* Permite posicionar em qualquer lugar do header */
    top: 1px; /* Ajuste conforme necessário */
    right: 5px; /* Ajuste conforme necessário */
    width: 5px; /* Ajuste conforme necessário para definir o tamanho */
    height: auto; /* Mantém a proporção do SVG */
    opacity: 0.5; /* Torna o SVG mais discreto */
    transition: opacity 0.3s ease, transform 0.3s ease; /* Animações suaves */
    rotate: 225deg; /* Rotaciona o SVG */
}

.easter:hover{
    opacity: 1; /* Aumenta a visibilidade ao passar o mouse */
    transform: scale(1.2); /* Aumenta ligeiramente o tamanho ao passar o mouse */
}

input {
    pointer-events: auto !important;
}