/* 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 no tema claro */
       .footer {
           background-color: #f8f9fa;
           color: #343a40;
           padding: 20px 0;
           text-align: center;
           margin-top: 50px;
       }

       .footer .container .row .col-md-4 h5 {
           font-size: 1.2rem;
           color: #343a40;
       }

       .footer .container .row .col-md-4 p,
       .footer .container .row .col-md-4 ul,
       .footer .container .row .col-md-4 ul li {
           color: #6c757d;
           font-size: 0.9rem;
       }

       .footer .container .row .col-md-4 ul li a {
           color: #007bff;
           text-decoration: none;
       }

       .footer .container .row .col-md-4 ul li a:hover {
           text-decoration: underline;
       }

       /* Notificação */
       #notification {
           display: none;
           position: fixed;
           z-index: 1050;
           right: 15px;
           top: 15px;
           width: 250px;
       }

       .progress {
           height: 5px;
       }