.elementor-26347 .elementor-element.elementor-element-16b965fc{--display:flex;}.elementor-26347 .elementor-element.elementor-element-16b965fc.e-con{--align-self:center;}.elementor-26347 .elementor-element.elementor-element-c5a8351{--display:flex;}@media(min-width:768px){.elementor-26347 .elementor-element.elementor-element-16b965fc{--width:80%;}}/* Start custom CSS for shortcode, class: .elementor-element-4a9c2abb *//* ==========================================================================
   1. ESTILO GLOBAL E TRAVAS RÍGIDAS DE LARGURA
   ========================================================================== */
.pesquisa-setorial .btn-outline-primary-color:hover {
    color: #692772 !important;
    background-color: #FFFFFF !important;
    border: 1px solid var(--clr-primary);
}

/* Força o formulário a nunca passar do limite físico da tela ou do Elementor */
html body .gform_wrapper.gravity-theme,
html body .gform_wrapper.gravity-theme form.pesquisa-setorial {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}

.gform_wrapper.gravity-theme form.pesquisa-setorial * {
    box-sizing: border-box !important;
    width: 100%;
}

.pesquisa-seorial #gform_submit_button_47, .gform_previous_button, .gform_next_button{
 max-width: 200px;
 background: #5D277F;
 color: #fff;
 font-weight: 700;
}
/* ==========================================================================
   2. CONFIGURAÇÃO DO CONTAINER (GRID)
   ========================================================================== */
html body .gform_wrapper.gravity-theme form.pesquisa-setorial .gform_fields {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: 24px 2% !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* ==========================================================================
   3. A SOLUÇÃO: FORÇAR QUEBRA DE TEXTO EM TODOS OS TEXTOS E DESCRIÇÕES
   ========================================================================== */
html body .gform_wrapper.gravity-theme form.pesquisa-setorial .gsection_description,
html body .gform_wrapper.gravity-theme form.pesquisa-setorial .gfield_description,
html body .gform_wrapper.gravity-theme form.pesquisa-setorial .gfield_label,
html body .gform_wrapper.gravity-theme form.pesquisa-setorial .gsection_title,
html body .gform_wrapper.gravity-theme form.pesquisa-setorial .gfield_html {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
    display: block !important;
}

/* Garante que os campos de input também respeitem o limite da coluna */
html body .gform_wrapper.gravity-theme form.pesquisa-setorial .gfield input[type="text"] {
    width: 100% !important;
    max-width: 100% !important;
}

/* Padrão base/mobile (Ocupa 100% da linha) */
html body .gform_wrapper.gravity-theme form.pesquisa-setorial .gfield {
    grid-column: span 12 !important;
    float: none !important;
    clear: none !important;
    min-width: 0 !important;
}

/* ==========================================================================
   4. ESTRUTURA PARA DESKTOP (Telas acima de 640px)
   ========================================================================== */
@media (min-width: 641px) {
    
    /* Alinha os anos horizontalmente por baixo com as caixas de input */
    html body .gform_wrapper.gravity-theme form.pesquisa-setorial .gform_fields {
        align-items: end !important;
    }

    /* Campos de 1/3 (Ano 2025, Input 1 e Input 2 vão se alinhar perfeitamente aqui) */
    html body .gform_wrapper.gravity-theme form.pesquisa-setorial .gfield--width-third {
        grid-column: span 4 !important;
    }

    /* Campos de 1/2 (Metades) */
    html body .gform_wrapper.gravity-theme form.pesquisa-setorial .gfield--width-half {
        grid-column: span 6 !important;
    }

    /* Campos de 1/4 (Quatro por linha) */
    html body .gform_wrapper.gravity-theme form.pesquisa-setorial .gfield--width-quarter {
        grid-column: span 3 !important;
    }

    /* Títulos de Seção e HTML Descritivo ocupam a linha inteira (100%) */
    html body .gform_wrapper.gravity-theme form.pesquisa-setorial .gfield--width-full,
    html body .gform_wrapper.gravity-theme form.pesquisa-setorial .gfield--type-section {
        grid-column: span 12 !important;
    }

    /* Se o bloco HTML de ano estiver setado como 1/3, mantém ele em 4 colunas */
    html body .gform_wrapper.gravity-theme form.pesquisa-setorial .gfield_html.gfield--width-third {
        grid-column: span 4 !important;
    }
    html body .gform_wrapper.gravity-theme form.pesquisa-setorial .gsection_description, html body .gform_wrapper.gravity-theme form.pesquisa-setorial .gsection_title{
        text-align: center;
    }
}/* End custom CSS */