/* 
 * Lazy Loading de Seções
 * Oculta conteúdo visual mas permite processamento de style e script
 */

/* Oculta seções lazy até serem carregadas */
[data-lazy-section]:not(.lazy-loaded) {
    position: relative;
    height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
}

/* CRÍTICO: Garante que tags style sempre sejam processadas - não oculta */
[data-lazy-section]:not(.lazy-loaded) style {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    height: auto !important;
    width: auto !important;
    overflow: visible !important;
}

/* CRÍTICO: Garante que tags script sempre sejam processadas - não oculta */
[data-lazy-section]:not(.lazy-loaded) script {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    height: auto !important;
    width: auto !important;
    overflow: visible !important;
}

/* Transição suave quando carregada */
[data-lazy-section].lazy-loaded {
    height: auto;
    overflow: visible;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease-in;
}

/* Modais devem ser exibidos quando necessário, mesmo se lazy */
[data-lazy-section] .modal.active,
[data-lazy-section] .modal-content_technical.active {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: fixed !important;
    height: auto !important;
    overflow: visible !important;
    z-index: 9999 !important;
}