/*
 * Performance budget da home.
 * Mantem a estrutura e o espacamento das secoes, mas evita que conteudo
 * abaixo da primeira dobra seja pintado e animado antes de ser necessario.
 */
.home-deferred-section,
.mkt-postsim {
    content-visibility: auto;
    contain-intrinsic-size: 0 720px;
}

/* Reflexo em imagens 3D exige uma pintura adicional e nao altera o layout. */
#drag-container img,
#drag-container video,
#drag-container img:hover,
#drag-container video:hover {
    -webkit-box-reflect: none;
}

/* O marquee fica parado quando o observador de viewport marca a secao como distante. */
.mkt-provasocial__swiper.is-paused .mkt-provasocial__track {
    animation-play-state: paused !important;
    will-change: auto;
}

@media (max-width: 1024px) {
    /* No mobile, a composicao 3D continua igual, mas sem efeitos de pintura caros. */
    #drag-container img,
    #drag-container video {
        box-shadow: none;
        filter: none;
        transition: none;
    }

    #drag-container .carousel-item-active {
        box-shadow: none;
        filter: none;
    }

    /* Os quatro tracos do CTA nao agregam informacao em telas pequenas. */
    #buttonSimulation span {
        animation-play-state: paused;
        opacity: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mkt-provasocial__swiper .mkt-provasocial__track,
    #buttonSimulation span {
        animation: none !important;
    }
}