/* Tema Claro */
.light-theme {
    background-color: #f8f9fa;
    color: #333;
}

.navbar-light .navbar-brand,
.navbar-light .navbar-nav .nav-link {
    color: #333;
}

/* Animação de hover para os links da navbar */
.navbar-nav .nav-link {
    transition: color 0.3s ease, transform 0.3s ease;
}

.navbar-nav .nav-link:hover {
    color: #007bff; /* Cor para destacar ao passar o mouse */
    transform: scale(1.1); /* Aumenta ligeiramente o tamanho */
}

.custom-margin {
    margin-right: 5rem; /* Ajuste para o espaço desejado em telas pequenas */
}

/* Ajuste a margem para telas menores */
@media (max-width: 768px) {
    .custom-margin {
        margin-right: 0; /* Remove a margem em telas menores */
    }

    .navbar-nav {
        margin-top: 0.5rem; /* Adiciona espaço no topo da navbar em telas menores */
    }
}

.custom-logo {
    font-weight: bold; /* Deixa a fonte mais robusta */
    font-size: 1.5rem; /* Aumenta o tamanho da fonte */
    letter-spacing: 1px; /* Aumenta o espaçamento entre letras */
    color: rgb(110, 110, 241) !important; /* Define a cor da fonte como azul, com !important para garantir */
}

/* Footer */
.footer {
    background-color: #f8f9fa;
    color: #333;
    padding: 20px 0;
}

.footer h5 {
    font-size: 1.2em;
    font-weight: bold;
}

.footer p,
.footer a {
    font-size: 0.9em;
    color: #6c757d;
}

.footer a:hover {
    color: #333;
    text-decoration: none;
}

.custom-footer {
    margin-top: 20%; /* Ajuste o valor conforme necessário */
}

/* Responsividade */
@media (max-width: 768px) {
    .footer .row {
        text-align: center;
        flex-direction: column; /* Alinha os itens do footer em coluna */
    }

    .footer .col-md-4 {
        margin-bottom: 1rem; /* Adiciona espaço entre as colunas do footer */
    }

    .footer h5 {
        font-size: 1.1em; /* Reduz o tamanho da fonte dos títulos no footer */
    }

    .footer p,
    .footer a {
        font-size: 0.8em; /* Reduz o tamanho da fonte para melhor legibilidade */
    }
}