/* Arquivo CSS separado para evitar processamento pelo Vite */

/* Background padrão para aplicação */
.app-bg {
    background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url("/images/system/fundo.jpg") no-repeat center center fixed !important;
    background-size: cover !important;
    min-height: 100vh !important;
    position: relative !important;
    z-index: 0 !important;
    background-attachment: fixed !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Forçar background em todos os elementos */
.app-bg,
body.app-bg,
html.app-bg {
    background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url("/images/system/fundo.jpg") no-repeat center center fixed !important;
    background-size: cover !important;
    min-height: 100vh !important;
    background-attachment: fixed !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Background global para html/body */
html, body {
    background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url("/images/system/fundo.jpg") no-repeat center center fixed !important;
    background-size: cover !important;
    min-height: 100vh !important;
    background-attachment: fixed !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* ===== CORREÇÕES APENAS PARA MOBILE ===== */
/* Remover background-attachment: fixed apenas em dispositivos móveis */
@media (max-width: 768px) {
    .app-bg,
    body.app-bg,
    html.app-bg,
    html, body {
        background-attachment: scroll !important;
        background-position: center top !important;
    }
}