/* Start custom CSS *//* ==========================================================================
   SEÇÃO: Estacas ·porque escolher  (lista com imagens · classes pq-*)
   ========================================================================== */
.elementor .pq-item{cursor:pointer;transition:background .3s}
.elementor .pq-item:not(.pq-ativo) .pq-desc{display:none}
.elementor .pq-ativo .pq-num,
.elementor .pq-ativo .pq-titulo,
.elementor .pq-ativo .pq-desc{color:var(--text-primary)}
.elementor .pq-item .pq-seta path{transition:stroke .3s}
.elementor .pq-ativo .pq-seta path{stroke:var(--action-primary,#AE1917)}
.elementor .pq-img{transition:opacity .5s ease}
.elementor .pq-btn{cursor:pointer}
.elementor .pq-btn.pq-pausado{opacity:.5}


/* ==========================================================================
   SEÇÃO: Estacas · Vantagens técnicas  (carrossel · data-id)
   ========================================================================== */
.elementor .elementor-element[data-id="31f6c87"]{width:calc(50% + 50vw);max-width:none}
.elementor .elementor-element[data-id="52d7b23"]{overflow-x:clip}
.elementor [data-id="0aff87e"] svg path[stroke]:not([stroke="none"]),
.elementor [data-id="5dc9cc0"] svg path[stroke]:not([stroke="none"]){stroke:currentColor}


/* ==========================================================================
   SEÇÃO: Estacas · Especificações  (classes espec__*)
   ========================================================================== */

/* --- Abas --- */
.elementor .espec__abas { position: relative; }
.elementor .espec__abas .espec__indicador { background-color: transparent; }

.elementor .espec__abas::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  width: var(--ind-w, 0px);
  background-color: var(--action-primary);
  transform: translateX(var(--ind-x, 0px));
  pointer-events: none;
}
.elementor .espec__abas.is-ready::after {
  transition: transform .35s cubic-bezier(.4, 0, .2, 1),
              width .35s cubic-bezier(.4, 0, .2, 1);
}

.elementor .espec__aba { cursor: pointer; }
.elementor .espec__aba .espec__aba-rotulo {
  color: var(--text-secondary);
  transition: color .25s ease;
}
.elementor .espec__aba:hover .espec__aba-rotulo,
.elementor .espec__aba.is-active .espec__aba-rotulo { color: var(--text-primary); }
.elementor .espec__aba:focus-visible {
  outline: 2px solid var(--action-primary);
  outline-offset: 4px;
}

/* --- Painéis (crossfade) --- */
.elementor .espec__painel:not(.is-active) { display: none; }
.elementor .espec__painel.is-active { animation: espec-fade-in .35s ease both; }
.elementor .espec__painel.is-leaving {
  opacity: 0;
  transition: opacity .15s ease;
}

@keyframes espec-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* --- Movimento reduzido (abas e painéis) --- */
@media (prefers-reduced-motion: reduce) {
  .elementor .espec__abas.is-ready::after,
  .elementor .espec__aba .espec__aba-rotulo,
  .elementor .espec__painel.is-leaving { transition: none; }
  .elementor .espec__painel.is-active { animation: none; }
}


/* ==========================================================================
   SEÇÃO: Estacas · Cotação  (formulário · classes cot__*)
   ========================================================================== */

/* --- Campos: base (entrada, seletor e área de texto) --- */
.elementor .cot__controle{transition:border-color .2s,box-shadow .2s}
.elementor .cot__controle::placeholder{color:var(--text-secondary,#5F5A5B);opacity:1}

/* --- Campos: estado de ERRO (classe cot__campo--erro no grupo "Campo · X") --- */
.elementor .cot__erro{display:none}
.elementor-editor-active .cot__erro{display:flex;align-items:center;gap:8px;opacity:.5} /* só no editor: remover esta linha para ocultar lá também */
.elementor .cot__campo--erro .cot__controle{border-color:var(--red-700,#8A1210)}
.elementor .cot__campo--erro .cot__erro{display:flex;align-items:center;gap:8px;opacity:1}
.elementor .cot__erro::before{content:"";flex:none;width:16px;height:16px;background:url(https://novo.mtechpremoldados.com/wp-content/uploads/2026/10/ico-alert-triangle.svg) center/contain no-repeat}

/* --- Campos: estado de FOCO (depois do erro, para vencer no empate) --- */
.elementor .cot__controle:focus,
.elementor .cot__controle:focus-visible{border-color:var(--focus-ring,#AE1917);box-shadow:inset 0 0 0 1px var(--focus-ring,#AE1917);outline:none}

/* --- Seletor "Segmento da obra" --- */
.elementor select.cot__select{background-image:url(https://novo.mtechpremoldados.com/wp-content/uploads/2026/10/ico-chevron-down.svg);background-repeat:no-repeat;background-position:right 16px center;background-size:24px 24px;padding-right:48px;cursor:pointer}
.elementor select.cot__select:required:invalid{color:var(--text-secondary,#5F5A5B)}
.elementor select.cot__select option{color:var(--text-primary,#231F20)}

/* --- Tags "Tipo de estaca" (CORRIGIDO: sem ponto do radio, cor #231F20 do Figma) --- */
.elementor .cot__tag,.elementor .cot__tag-radio,.elementor .cot__tag-rotulo{cursor:pointer}
.elementor .cot__tag-radio::before{display:none}
.elementor .cot__tag .cot__tag-radio:focus{border-color:var(--border-subtle,#E3E2E2)}
.elementor .cot__tag .cot__tag-radio:checked,
.elementor .cot__tag .cot__tag-radio:checked:focus{background-color:var(--action-secundary,#231F20);border-color:var(--border-strong,#231F20)}
.elementor .cot__tag:has(.cot__tag-radio:checked) .cot__tag-rotulo{color:var(--text-on-action,#fff)}
.elementor .cot__tag .cot__tag-radio:focus-visible{outline:2px solid var(--focus-ring,#AE1917);outline-offset:2px}

/* --- Botão de envio "Solicitar cotação" --- */
.elementor .cot__enviar{gap:8px;cursor:pointer}
.elementor .cot__enviar::after{content:"";flex:none;width:40px;height:40px;background:url(https://novo.mtechpremoldados.com/wp-content/uploads/2026/10/ico-btn-arrow-up-right.svg) center/contain no-repeat}

/* --- Card "Contato direto": botão WhatsApp em largura total no mobile --- */
@media (max-width:767px){.elementor .cot__whatsapp{width:100%}}/* End custom CSS */