/* Ajustes do site Eng. Weberton Souza sobre o template base */

/* 1. Depoimento no card vinho: texto legível */
.elementor-element-1db93ab1 .elementor-image-box-title{color:#F6EDE1 !important}
.elementor-element-1db93ab1 .elementor-image-box-description{color:rgba(246,237,225,.92) !important}

/* 2. Os dois cards de depoimento alinhados na mesma margem */


/* 3. (substituído pelo bloco 14 — número grande dentro do círculo) */

/* 4. Rótulo dos 4 círculos sempre em uma linha, todos na mesma altura */
.elementor-widget-icon-box .elementor-icon-box-title span{white-space:nowrap;font-size:15px}

/* 5. Cards de benefício da mesma altura (a borda termina no mesmo ponto) */
.elementor-element-6193fc00,.elementor-element-a9c7e09{min-height:200px;display:flex}
.elementor-element-6193fc00 .elementor-widget-container,.elementor-element-a9c7e09 .elementor-widget-container{width:100%}
.elementor-element-17cb3638,.elementor-element-5fadec0,.elementor-element-3f929104{min-height:270px;display:flex}
.elementor-element-17cb3638 .elementor-widget-container,.elementor-element-5fadec0 .elementor-widget-container,.elementor-element-3f929104 .elementor-widget-container{width:100%}

/* 6. Cards de projeto alinhados pelo topo */
.elementor-widget-image-box .elementor-image-box-img{margin-bottom:0}

/* 7. Colunas dos benefícios alinhadas pelo topo */
.elementor-element-42d20d9b > .elementor-widget-wrap,
.elementor-element-37ad3555 > .elementor-widget-wrap,
.elementor-element-a70981 > .elementor-widget-wrap,
.elementor-element-4f897ade > .elementor-widget-wrap,
.elementor-element-7a71c6a > .elementor-widget-wrap{align-content:flex-start !important;align-items:flex-start !important}

/* 8. Cards de projeto com a mesma altura (o branco termina no mesmo ponto) */
.elementor-element-300f22cc > .elementor-widget-wrap,
.elementor-element-142d54fa > .elementor-widget-wrap,
.elementor-element-1e56497c > .elementor-widget-wrap{min-height:178px;align-content:flex-start}


/* 9. Os dois cards de depoimento com a mesma largura e alinhados à direita */
.elementor-element-59478f2f{width:621px !important;max-width:none !important;margin-left:auto !important;margin-right:0 !important}
.elementor-element-59478f2f .elementor-image-box-wrapper{width:100% !important}

/* 10. Foto do Weberton na seção de perfil: o tema puxava -157px e a seção de cima cobria a cabeça */
.elementor-element-607d1a9a{margin-top:-40px !important;margin-bottom:-50px !important}
@media (min-width:768px) and (max-width:1024px){.elementor-element-607d1a9a{margin-top:0 !important}
  .elementor-element-607d1a9a img{width:auto !important;max-height:330px;display:block;margin:0 24px 0 auto}}
@media (max-width:767px){.elementor-element-607d1a9a{margin-top:0 !important}}
/* 10b. Tablet: o subtítulo é mais longo que o do tema original e passava por trás da foto */
@media (min-width:768px) and (max-width:1024px){
  .elementor-element-2cdd433a{max-width:375px !important}
  .elementor-element-2cdd433a .elementskit-section-subtitle{font-size:14px !important;line-height:1.4 !important}
  .elementor-element-2cdd433a .elementskit-section-title{font-size:30px !important}
}

/* 11. Celular: a última seção (CTA) transbordava 160px e o rodapé vinho subia por cima do
   título "Seu imóvel está pronto..." — o texto azul-escuro ficava ilegível sobre o vinho */
@media (max-width:767px){
  .elementor-element-2244575e{padding-bottom:150px !important}
}

/* 12. Botão de CTA na última seção ("Seu imóvel está pronto para uma fiscalização hoje?") */
.ev-cta-final{margin-top:22px;text-align:center}
.ev-cta-final .elementor-button{display:inline-block;padding:15px 30px;border:0 !important;border-radius:6px;
  background-color:#5A171F;color:#fff;font-weight:700;letter-spacing:.02em;text-decoration:none}
.ev-cta-final .elementor-button:hover{background-color:#7a2029;transform:translateY(-2px)}
.ev-cta-final .elementor-button{transition:transform .25s ease,background-color .25s ease}
@media (max-width:767px){.ev-cta-final{text-align:center;margin-top:18px}}

/* 13. Tira a listra cinza e a caixa dos títulos "Tudo que seu imóvel precisa..." e "AVCB e CLCB" */
.elementor-element-78838bf > .elementor-widget-wrap,
.elementor-element-7f5a0a1f > .elementor-widget-wrap{border-left:0 !important;padding-left:0 !important}
.elementor-element-42cae81,
.elementor-element-117d3679{box-shadow:none !important;background:transparent !important}

/* 14. Números de autoridade: círculo maior e SÓ o número dentro, bem grande.
   O tamanho do círculo vem do canvas (post-18.css: 150px desktop / 80px mobile).
   Canvas e número sobrepostos por grid (place-items:center) — com position:absolute o
   número saía deslocado, porque o widget já posiciona o span por conta própria. */
.ekit-single-piechart > .piechart{display:grid !important;place-items:center;position:relative}
.ekit-single-piechart > .piechart > canvas,
.ekit-single-piechart > .piechart > .ekit-chart-content{grid-area:1/1}
.ekit-wid-con .ekit-single-piechart > .piechart canvas{width:168px !important;height:168px !important}
.ekit-single-piechart .ekit-chart-content{
  position:static !important;transform:none !important;
  font-size:56px !important;font-weight:800 !important;line-height:1 !important;
  letter-spacing:-.03em;color:#5A171F !important;white-space:nowrap !important;
  max-width:none !important;text-align:center;margin:0 !important;
}
.ekit-single-piechart .ekit-piechart-title{
  font-size:13px !important;font-weight:700 !important;text-transform:uppercase;
  letter-spacing:.09em;color:#5A171F !important;opacity:.75;margin-top:12px !important;
  text-align:center;line-height:1.35 !important;
}
@media (max-width:767px){
  .ekit-wid-con .ekit-single-piechart > .piechart canvas{width:132px !important;height:132px !important}
  .ekit-single-piechart .ekit-chart-content{font-size:40px !important}
  .ekit-single-piechart .ekit-piechart-title{font-size:11px !important;margin-top:8px !important}
}

/* 15. Rodapé centralizado NO CELULAR (no desktop continua alinhado à esquerda) */
@media (max-width:767px){
  .ev-rod-grade{text-align:center !important}
  .ev-rod-logo{margin-left:auto !important;margin-right:auto !important}
  .ev-rod-marca p{max-width:none !important;margin-left:auto;margin-right:auto}
  .ev-rod-col h4{padding-bottom:14px}
  .ev-rod-col h4::after{left:50% !important;transform:translateX(-50%)}
  .ev-rod-lista li{justify-content:center;text-align:left}
  .ev-rod-btn{margin:0 auto}
  .ev-rod-marca{display:flex;flex-direction:column;align-items:center}
}

/* 16. Celular: espaços do tema que ficam grandes demais quando as colunas empilham */
@media (max-width:767px){
  /* texto "Weberton Souza / Engenheiro civil..." estava a 40px da foto */
  .elementor-element-383a743e > .elementor-widget-wrap{padding-bottom:0 !important}
  /* a foto tem 7,6% de área transparente acima da cabeça — sobe pra compensar */
  .elementor-element-607d1a9a img{margin-top:-26px !important}
  /* topo do rodapé: eram 176px acima do logo (110 do tema + 50 do wrapper); no desktop são 66 */
  .elementor-element-60f7e04d{padding-top:40px !important}
  .elementor-element-60f7e04d .elementor-widget-wrap{padding-top:0 !important}
}

/* 17. Imagens trocadas a pedido do Thiago (17/08): o fundo do bloco AVCB e CLCB agora é hidrante.
   O arquivo antigo (apreton-manos...) é referenciado no CSS gerado do Elementor; sobrescrevo aqui
   com nome NOVO por causa do cache de 7 dias do Cloudflare. */
.elementor-18 .elementor-element.elementor-element-3a3f5c04:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap,
.elementor-18 .elementor-element.elementor-element-3a3f5c04 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{
  background-image:url("uploads-ew/2025/10/ew-hidrante-v3.webp") !important;
  background-size:cover !important;background-position:center !important;
}

/* 18. Cabeçalho branco no celular/tablet igual ao desktop (escolha do Thiago 17/08).
   O tema puxava o hero pra cima com margem negativa (-210px em 390px, em %), então a faixa
   bege passava POR TRÁS da logo e o topo ficava bege. Zerando a margem, atrás do cabeçalho
   volta a aparecer o branco da página; o padding-top compensa pra não empurrar o conteúdo. */
@media (max-width:1024px){
  .elementor-element-73c55a6b{margin-top:0 !important;padding-top:64px !important}
}