wrapper e estiliza o elemento INTERNO com regras proprias,
que vencem. Estas regras devolvem o comando ao estilo.css.
========================================================================== */
/* --- botoes, chips, links de cartao e setas ---
O
interno e zerado e vira apenas o conteudo do
wrapper ja estilizado. O ::after estica o link sobre a area toda, para que o
padding do wrapper continue clicavel como no original. */
.btn,.chip,.servico .link,.seta{position:relative}
.btn > .elementor-button,
.chip > .elementor-button,
.servico .link > .elementor-button,
.seta > .elementor-button{
all:unset;display:inline-flex;align-items:center;gap:inherit;
cursor:pointer;font:inherit;color:inherit;
letter-spacing:inherit;text-transform:inherit}
.btn > .elementor-button::after,
.chip > .elementor-button::after,
.servico .link > .elementor-button::after,
.seta > .elementor-button::after{content:"";position:absolute;inset:0}
.btn .elementor-button-content-wrapper,
.chip .elementor-button-content-wrapper,
.servico .link .elementor-button-content-wrapper{
display:inline-flex;align-items:center;gap:inherit}
/* --- titulos ---
.tit fica no wrapper; o // interno herdaria a fonte, mas o
font-size do user-agent vence a heranca. font:inherit devolve a escala. */
.tit > .elementor-heading-title{font:inherit;letter-spacing:inherit;
text-transform:inherit;color:inherit;margin:0}
/* ==========================================================================
CORES PADRAO DO KIT DO ELEMENTOR
O kit deste site nao tem cores definidas, entao valem os defaults do
Elementor: titulo em --e-global-color-primary (#6EC1E4, AZUL) e texto em
--e-global-color-text (#7A7A7A). Eles venciam nos pontos em que o estilo.css
mira o elemento interno (.passo h3, .faixa p) e nao o wrapper que leva a
classe. color:inherit devolve a cascata ao layout.
========================================================================== */
.elementor-widget-heading .elementor-heading-title,
.elementor-widget-text-editor{color:inherit}
/* Onde o original estiliza o
e o text-editor nao gera
, a regra e
reemitida no wrapper — corpo extraido do estilo.css, sem redigitar valores. */
.faixa .elementor-widget-text-editor{margin:14px 0 0;color:var(--rosa-claro);max-width:48ch}
.faixa-foto .elementor-widget-text-editor{margin:0;line-height:0}
.passo .elementor-widget-text-editor{margin:0;color:var(--claro-2);font-size:var(--fs-5)}
.frentes-cab .elementor-widget-text-editor{margin:12px 0 0;color:var(--grafite)}
/* --- fotos do hero ---
Os ![]()
do carrossel sao position:absolute com inset:0 e contam com o
.hero-fundo como caixa de referencia. No Elementor eles chegam dentro de um
widget que e position:relative (todo .elementor-element e), com altura zero:
as fotos preenchiam esse zero e sumiam. display:contents tira o widget e o
seu container da arvore de caixas, e a referencia volta a ser o .hero-fundo.
Conferido no site: sem isto o hero fica so com o gradiente.
ATENCAO: este bloco ja foi apagado uma vez por engano, num corte de trecho
vizinho — e o hero ficou sem foto no ar. Nao mover para perto de blocos
que possam ser removidos. */
.hero-fundo > .elementor-widget-text-editor,
.hero-fundo > .elementor-widget-text-editor > .elementor-widget-container{display:contents}
/* --- selo do hero ---
No layout .hero .olho e inline-flex, entao a pastilha encolhe ate o texto.
O Elementor estica todo widget a 100% da largura do container, e a pastilha
esticava com ele; fit-content devolve o comportamento do original. */
.hero .olho{width:fit-content;max-width:100%}
/* A margem do selo precisa ser reafirmada aqui. Medido no navegador: a regra
.hero .olho do estilo.css entrega padding e border-radius normalmente, mas
margin e display chegam sobrescritos pelo Elementor (o computado dava
margin:0 com a fonte pedindo 30px). Com seletor mais especifico, e a ponte
carregando depois do estilo.css, o valor da fonte volta a valer.
Se mudar o espacamento, mudar NOS DOIS lugares. */
.hero .hero-texto > .olho{margin:0 0 30px}
/* --- barra de tinta ---
O markup original vive num text-editor; display:contents devolve a propria
.barra-tinta como filha do .hero / .sobre-texto, para as regras de posicao,
altura e sombra do estilo.css valerem sobre ela. */
.barra-wrap{display:contents}
/* --- formulario ---
O