/*
 * Ajustes locais sobre o clone do site original.
 * O botão de "voltar ao topo" (.ekit-btt__button) vem do post-2.css com
 * width:48px / height:70px / border-radius:50px — isso também está assim na
 * produção (elementech.com.br), gerando uma pílula em vez de um círculo, com
 * a seta maior que a caixa. Corrigido aqui.
 */
.ekit-btt__button {
    width: 56px !important;
    height: 56px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    line-height: normal !important;
}

.ekit-btt__button svg {
    width: 24px !important;
    height: 24px !important;
}

/*
 * "Impacto e Reconhecimento": a caixa do texto giratório (Tecnologia /
 * Inovação / ESG / Energia / Ciência), que fica ao lado direito com a
 * borda em formato de parênteses, também colapsa pra 20px na produção —
 * a caixa do título ao lado tem largura fixa (1140px, flex-shrink:0) e
 * sobra quase nada de espaço na linha. Aqui a linha pode quebrar, e a
 * caixa ganha uma largura mínima pra mostrar o texto.
 */
.elementor-element-6320cbb3 {
    flex-wrap: nowrap !important;
}

.elementor-element-3fc02cf1 {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: 900px !important;
}

.elementor-element-62421371 {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 260px !important;
    margin-left: 24px !important;
}

/* Traço preto do efeito "clip" (cursor de digitação) — sobra visual, sem uso aqui. */
.elementor-headline-animation-type-clip .elementor-headline-dynamic-wrapper:after {
    content: none !important;
}