body {
    background-color: #f5f5f5;
}

/* Navbar azul escuro */
.bg-darkblue {
    background-color: #0a3d62 !important;
}

.logo-navbar {
    height: 60px;
    max-height: 70px;
}

/* Cards gerais */
.card {
    border-radius: 12px;
}

/* Texto de introdução (landing page) */
.intro-text {
    font-size: 1.1rem; /* levemente maior que o padrão */
    line-height: 1.6;
}

/* Botões principais */
.btn-primary {
    background-color: #0a3d62;
    border-color: #0a3d62;
}

.btn-primary:hover {
    background-color: #074271;
    border-color: #074271;
}

/* Botão outline azul */
.btn-outline-primary {
    color: #0a3d62;
    border-color: #0a3d62;
}

.btn-outline-primary:hover {
    background-color: #0a3d62;
    color: #fff;
}

/* Botão outline cinza (esqueci a senha) */
.btn-outline-secondary {
    color: #555;
    border-color: #aaa;
}

.btn-outline-secondary:hover {
    background-color: #e9ecef;
    color: #000;
}

/* Imagem do diagrama na LP */
.diagram-img {
    max-width: 550px;  /* controla o tamanho máximo da imagem */
    height: auto;      /* mantém a proporção */
    display: block;
    margin: 0 auto;    /* garante centralização */
}

.loader {
    border: 4px solid #f3f3f3;       /* borda mais grossa */
    border-top: 4px solid #0a3d62;   /* cor do tema */
    border-radius: 50%;
    width: 28px;                     /* maior */
    height: 28px;                    /* maior */
    animation: spin 0.8s linear infinite; /* giro mais rápido */
    display: inline-block;
}

.custom-scroll::-webkit-scrollbar {
    width: 10px;
}
.custom-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.custom-scroll::-webkit-scrollbar-thumb {
    background: #87CEFA; /* azul claro */
    border-radius: 5px;
}
.custom-scroll::-webkit-scrollbar-thumb:hover {
    background: #4682B4; /* azul mais forte ao passar o mouse */
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}