/* Estilos de Autenticação para Mobile - Versão Corrigida */
/* DEBUG: Este arquivo deve ser carregado em dispositivos móveis */

/* Media Query simplificada e mais eficaz */
@media screen and (max-width: 768px) {

    /* DEBUG: Ocultar coluna da imagem no login cover */
    .auth-page-wrapper .col-lg-6:first-child {
        display: none !important;
    }

    /* DEBUG: Fazer a coluna do formulário ocupar toda a largura */
    .auth-page-wrapper .col-lg-6:last-child {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    /* DEBUG: Remover TODOS os backgrounds de imagem */
    .auth-one-bg-position,
    .auth-one-bg,
    .bg-overlay,
    .auth-bg-cover > .bg-overlay {
        display: none !important;
        background: none !important;
    }

    /* DEBUG: Remover imagem de fundo completamente */
    .auth-bg-cover {
        background: var(--vz-body-bg, #ffffff) !important;
        background-image: none !important;
    }

    /* DEBUG: Ajustar card do formulário */
    .auth-page-wrapper .card {
        border: none !important;
        box-shadow: none !important;
        background: transparent !important;
        margin: 0 !important;
    }

    .auth-page-wrapper .card .p-lg-5 {
        padding: 1rem !important;
    }

    /* DEBUG: Ajustar container principal */
    .auth-page-content {
        padding: 0 !important;
    }

    .auth-page-wrapper {
        padding: 0 !important;
        margin: 0 !important;
        min-height: 100vh !important;
        background: var(--vz-body-bg, #ffffff) !important;
    }

    /* DEBUG: Centralizar conteúdo */
    .auth-page-wrapper .container {
        height: 100vh !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 1rem !important;
    }
}

/* DEBUG: Verificação de carregamento */
body::after {
    content: "AUTH-MOBILE-CSS-LOADED-CORRIGIDO";
    display: none;
}