/* assets/css/style.css */

body {
    /* Imagem de fundo */
    background-image: url('../img/back.jpg'); /* Altere para o caminho da sua imagem de fundo */
    background-size: cover; /* Faz com que a imagem cubra toda a área */
    background-position: center center; /* Centraliza a imagem */
    background-repeat: no-repeat; /* Evita a repetição da imagem */
    background-attachment: fixed; /* Mantém a imagem fixa ao rolar a página */
	

    background-color: #fff; /* Fundo da página, branco (Fallback caso a imagem não carregue) */
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Garante que o footer fique na parte inferior */
}

/* Cores personalizadas para Bootstrap */
:root {
    --bs-primary: #313984; /* Botões */
    --bs-link-color: #4488d1; /* Links */
}

.btn-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.btn-primary:hover {
    background-color: #272d6a !important; /* Um tom um pouco mais escuro para o hover */
    border-color: #272d6a !important;
}

a {
    color: var(--bs-link-color);
}

a:hover {
    color: #3566a5; /* Um tom um pouco mais escuro para o hover */
}

/* Estilo para pop-ups (modals) e barra inferior */

.fundo-branco {
    background-color: #FFFFFF; 
    border-radius: 10px; /* Cantos arredondados */
    border: none; /* Remove a borda padrão do modal */
	padding: 10px;
}


.modal-content,
.footer-bar {
    background-color: #e4e5e7; /* Fundo dos formulários tipo pop-up e da barra inferior */
    border-radius: 10px; /* Cantos arredondados */
    border: none; /* Remove a borda padrão do modal */
	padding: 10px;
}

.modal-header,
.modal-footer {
    border-bottom: none;
    border-top: none;
}

.modal-footer {
    justify-content: center; /* Centraliza o conteúdo no footer do modal */
}

.logo-placeholder {
    font-size: 2.5rem;
    font-weight: bold;
    color: #313984;
    text-align: center;
    margin-bottom: 20px;
}

.footer-bar {
    padding: 15px 0;
    text-align: center;
    margin-top: auto; /* Empurra o footer para baixo */
	border-radius: 0px
}

.footer-bar p {
    margin-bottom: 0;
    color: #555;
}

.footer-bar a {
    margin: 0 10px;
}

/* Estilos adicionais para a barra superior e o círculo da inicial */
.navbar-logo {
    height: 40px; /* Ajuste o tamanho da logo conforme necessário */
    width: auto;
}
.user-initial-circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #313984; /* Cor do botão/tema */
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 1.2rem;
    text-decoration: none;
    flex-shrink: 0; /* Evita que o círculo encolha em telas pequenas */
}
.user-initial-circle:hover {
    background-color: #272d6a; /* Cor mais escura no hover */
    color: #fff;
}