/**
 * Estilos para o carregamento dinâmico de conteúdo
 */

/* Indicador de carregamento */
#content-loader {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Animação de transição para o conteúdo */
#main-content {
    transition: opacity 0.3s ease-in-out;
}

#main-content.loading {
    opacity: 0.6;
}

/* Ajuste para o conteúdo principal */
#main-content {
    min-height: 500px; /* Altura mínima para evitar saltos na página */
}