/* Estilo da barra de rolagem */
::-webkit-scrollbar {
width: 8px;
background-color: #f1f1f1;
}

::-webkit-scrollbar-thumb {
background-color: #A47551; /* Cor da barra de rolagem */
border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
background-color: #523A28; /* Cor ao passar o mouse */
}

/* Overlay de carregamento */
.loading-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.9); /* Fundo claro */
z-index: 9999;
display: flex;
justify-content: center;
align-items: center;
opacity: 1;
visibility: visible;
transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
}

/* Esconde o overlay quando carregado */
.loading-overlay.hidden {
opacity: 0;
visibility: hidden;
}

/* Estilo do texto */
.loading-overlay .loading-text {
font-family: 'Roboto', 'Open Sans', sans-serif; /* Fonte personalizada */
font-size: 24px; /* Tamanho do texto */
font-weight: bold; /* Texto em negrito */
color: #A47551; /* Cor do texto */
animation: fadeInOut 2s infinite; /* Animação de aparecer e desaparecer */
}

/* Animação do texto */
@keyframes fadeInOut {
0%, 100% {
opacity: 0;
}
50% {
opacity: 1;
}
}

/* Spinner adicional */
.loading-overlay .spinner {
border: 4px solid #f3f3f3;
border-top: 4px solid #A47551;
border-radius: 50%;
width: 40px;
height: 40px;
animation: spin 1s linear infinite;
margin-top: 20px; /* Espaço abaixo do texto */
}

/* Animação do spinner */
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}