.elementor-kit-5{--e-global-color-primary:#4B4B4B;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#000000;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================== */
/* ESTILOS PARA ESCONDER/MOSTRAR SEÇÕES DA VSL    */
/* ============================================== */

/* 1. ESTILO PADRÃO: SEÇÕES ESCONDIDAS (VISÃO DO VISITANTE) */
.secao-pitch-escondida {
    /* Oculta completamente, sem ocupar espaço no layout */
    display: none !important;
    opacity: 0 !important;
    transition: opacity 0.8s ease-out !important; /* Para uma transição suave ao aparecer */
}

/* 2. ESTILO QUANDO AS SEÇÕES SÃO REVELADAS PELO JAVASCRIPT */
.secao-pitch-visivel {
    /* Torna visível e com opacidade total */
    display: block !important; /* Ou 'flex' ou 'grid' se você souber o display original da sua seção */
    opacity: 1 !important;
}

/* 3. REGRAS PARA O EDITOR DO ELEMENTOR: SEMPRE VISÍVEL PARA VOCÊ TRABALHAR */
body.elementor-editor-active .secao-pitch-escondida {
    /* Força a visibilidade no editor, ignorando o estilo de esconder */
    display: block !important; /* Ou 'flex' ou 'grid' */
    opacity: 1 !important;
    /* Garante que não haja transição ou atraso ao carregar no editor */
    transition: none !important; 
}

/* 4. GARANTIR QUE REGRAS DE RESPONSIVIDADE DO ELEMENTOR SEJAM RESPEITADAS */
/* Se a seção estiver marcada para esconder em um tipo de dispositivo, ela continuará escondida */
.elementor-hidden-desktop.secao-pitch-visivel,
.elementor-hidden-tablet.secao-pitch-visivel,
.elementor-hidden-mobile.secao-pitch-visivel {
    display: none !important; 
    opacity: 0 !important; /* Garante que se esconda suavemente, mesmo que nosso JS a "mostre" */
}/* End custom CSS */