/**
 * Estilos para o Qlik Lazy Loader
 * Define estados de carregamento e animações
 */

/* Containers de objetos Qlik */
.qvobject,
.qvplaceholder {
    /* Garante que tenha altura mínima */
    min-height: 300px;
}

/* Objeto em carregamento */
.qlik-loading {
    opacity: 0.7;
    pointer-events: none;
    position: relative;
}

.qlik-loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #333;
    border-radius: 50%;
    animation: qlik-spin 1s linear infinite;
    z-index: 10;
}

/* Objeto carregado */
.qlik-loaded {
    animation: fadeIn 0.3s ease-in;
}

/* Objeto descarregado */
.qlik-unloaded {
    background-color: #f9f9f9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: 12px;
}

/* Objeto com erro */
.qlik-error {
    background-color: #fee;
    border: 1px solid #fcc;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
}

.qlik-error-message {
    color: #c33;
    font-size: 14px;
    margin: 0;
}

/* Animações */
@keyframes qlik-spin {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0.5;
    }
    to {
        opacity: 1;
    }
}

/* Otimizações para mobile */
@media (max-width: 768px) {
    .qvobject,
    .qvplaceholder {
        min-height: 200px;
    }

    .qlik-loading::after {
        width: 30px;
        height: 30px;
        border-width: 2px;
    }

    #QVB1292{
        min-height: 20px;
    }

}

/* Atributo aria-busy para acessibilidade */
[aria-busy="true"] {
    cursor: progress;
}

[aria-busy="false"] {
    cursor: default;
}


#QV63, #QV002, #QV009, #QV013, #QV019, #QV62, #QV622, #QV020, #QV035, #QV039, #QV043, #QV048, #QVBO36, #QV73, #QVB026, #QVB035, #QVB109, #QVB045, #QVB9992, #QVB139, #QVB142, #QVB145, #QVB117, #QVB120, #QVB123, #QVB151, #QVB149, #QVB126, #QVB063, #QVB154, #QVB157, #QVB172, #QVB163, #QVB166, #QVB134, #QVB160{
    min-height: 85px !important;
}

#QVBO25, #QVBO26, #QVBO27, #QVBO28, #QVBO29, #QVBO30, #QVBO31, #QVBO32, #QVBO33, #QVBO34, #QVBO35, #QVBO37, #QVBO38, #QVBO39, #QVBO40, #QVB089, #QV049, #QVO66, #QVO68, #QVO69, #QVAO87, #QVAO93, #QVAO94, #QVAO98, #QVAO99, #QVBO02, #QVBO03, #QVBO04, #QVBO06, #QVBO07, #QVBO08, #QVBO09, #QVBO10, #QVBO11, #QVBO12, #QVBO13, #QVBO14, #QVBO16, #QVBO17, #QVBO19, #QVBO20, #QVO64, #QVO59, #QVO60, #QVO61, #QVO62, #QVO63{
    min-height: 500px;
}

#QV050, #QVBO43, #QVBO44, #QVA80, #QVB088, #QV38{
min-height: 170px;
}

#QVO44{
    min-height: 110px;
}

#QVB168{
    min-height: 600px;
}


#QVZ5, #QVZ6{
    height: 495px;
}

#QV001, #QV57, #QV572, #QV61, #QV59, #QV0292, #QV034, #QV592{
    margin-left: 0px !important;
}


#QVB1292{
    min-height: 30px;
}