.elementor-43577 .elementor-element.elementor-element-eae003d{--display:flex;}.elementor-43577 .elementor-element.elementor-element-4938a2a{--display:flex;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-43577 .elementor-element.elementor-element-4938a2a:not(.elementor-motion-effects-element-type-background), .elementor-43577 .elementor-element.elementor-element-4938a2a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-43577 .elementor-element.elementor-element-d30b56e{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );color:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-43577 .elementor-element.elementor-element-d30b56e{width:100%;max-width:100%;}}/* Start custom CSS for text-editor, class: .elementor-element-d30b56e */.elementor-43577 .elementor-element.elementor-element-d30b56e {
   word-break: break-word; /* Funciona na maioria dos navegadores */
    overflow-wrap: break-word; /* Alternativa moderna */
}
/* 1. IMPEDE QUEBRA DE LINHA NO TÍTULO, MAS PERMITE QUE O BLOCO INTEIRO SE AJUSTE AO LIMITE DA TELA */
/* Garante que o número e o texto do título (ex: "3.1. Capacidade Legal...") fiquem sempre na mesma linha,
   e que o bloco todo se ajuste à largura do celular sem vazar. */
.elementor-widget-text-editor h2 .no-break-title,
.elementor-widget-text-editor h3 .no-break-title {
    display: block; 
    white-space: normal;
}

/* 2. REDUÇÃO DO TAMANHO DAS FONTES NO MOBILE */
/* Aplica novos tamanhos de fonte apenas para telas menores que 600px (smartphones) */
@media (max-width: 600px) {

    /* Reduz o tamanho da fonte para títulos H2 no celular */
    .elementor-widget-text-editor h2 {
        font-size: 20px !important; 
        line-height: 1.2;
    }

    /* Reduz o tamanho da fonte para subtítulos H3 no celular */
    .elementor-widget-text-editor h3 {
        font-size: 16px !important;
        line-height: 1.2;
    }
    
    /* 3. RESPONSIVIDADE DA TABELA (2. DEFINIÇÕES) - CÓDIGO MANTIDO */
    
    /* Esconde o cabeçalho original da tabela (Termo | Definição) em telas pequenas */
    .tabela-responsiva thead {
        display: none;
    }

    /* Faz com que as linhas e células da tabela sejam exibidas como blocos verticais */
    .tabela-responsiva, 
    .tabela-responsiva tbody, 
    .tabela-responsiva tr, 
    .tabela-responsiva td {
        display: block;
        width: 100%;
    }

    /* Adiciona margem entre cada definição (linha) */
    .tabela-responsiva tr {
        margin-bottom: 1em;
        border: 1px solid #eee;
        padding: 10px;
    }

    /* Exibe o rótulo da coluna (Termo ou Definição) antes do conteúdo real */
    .tabela-responsiva td {
        text-align: left;
        padding-left: 50%; /* Espaço para o rótulo */
        position: relative;
        border-bottom: none;
        border-right: none;
        border-left: none;
    }

    /* Estiliza o rótulo (Termo / Infoproduto, etc) */
    .tabela-responsiva td:before {
        content: attr(data-label); /* Pega o valor do atributo 'data-label' do HTML */
        position: absolute;
        left: 10px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        font-weight: bold;
        text-align: left;
        color: #333; /* Cor para destacar o rótulo */
    }
    
    /* Remove a borda inferior da última célula para limpar o visual */
    .tabela-responsiva tr td:last-child {
        border-bottom: none;
    }
}/* End custom CSS */