/* ==========================================================================
   Sicolos · Página de Serviços · o que existe só na versão WordPress.

   Escrito à mão. servicos.css é o CSS do protótipo, gerado só com o prefixo
   ":root" em cada seletor; estas regras vêm depois dele e cobrem só o que o
   protótipo não tem: o menu do tema por cima do hero, o honeypot e o retorno
   do envio.

   Tudo prefixado com ":root #slc-servicos": o CSS gerado leva ":root" em todo
   seletor (ver PREFIXO_WP no gerador) e o reset interno usa o ID. Com menos que
   isso, a regra daqui perde por especificidade, em silêncio (guia, seção 5.4).
   ========================================================================== */

/* ---------- Hero sob o menu do tema ----------
   O menu do Saasland é transparente e fica por cima do topo da página
   (position:absolute, 108 px de altura no desktop e no celular, medido em
   06/10/2026). O banner antigo de /servicos/ reservava 270 px de respiro por
   isso. Sem esta regra, o título do hero nasce escondido atrás do menu.
   O wp.js remede no navegador e ajusta --slc-topo; 108 px é o valor inicial,
   para a página não pular enquanto o script não roda. */
:root #slc-servicos{--slc-topo:108px}
:root #slc-servicos .slc-hero{padding-top:calc(90px + var(--slc-topo))}
@media(max-width:900px){
  :root #slc-servicos .slc-hero{padding-top:calc(64px + var(--slc-topo))}
}

/* ---------- Honeypot ----------
   Fora da tela, mas presente no DOM e alcançável por robô. display:none não
   serve: boa parte dos robôs pula campo escondido assim, que é justamente o
   que se quer que eles NÃO façam. */
:root #slc-servicos .slc-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ---------- Retorno do envio ---------- */
:root #slc-servicos .slc-form-err{margin:12px 0 0;padding:10px 12px;border-radius:10px;
  background:#FDECEC;border:1px solid #F3C4C1;color:#9B1C1C;font-size:.8rem;
  font-weight:700;line-height:1.45}
:root #slc-servicos .slc-inp.is-erro input,
:root #slc-servicos .slc-inp.is-erro select{border-color:#D14343;background:#fff;
  box-shadow:0 0 0 3px rgba(209,67,67,.12)}
:root #slc-servicos .slc-consent.is-erro{color:#9B1C1C}
:root #slc-servicos .slc-consent.is-erro .slc-box{border-color:#D14343}
:root #slc-servicos .slc-form-btn.is-enviando,
:root #slc-servicos .slc-form-btn.is-enviando:hover{opacity:.72;cursor:progress;transform:none}

/* Link da política dentro do texto da autorização. */
:root #slc-servicos .slc-consent a{color:var(--teal);font-weight:700;text-decoration:underline}

/* ---------- Conteúdo da página abaixo do bloco ----------
   Só para conteúdo feito no editor de blocos: o do Elementor já traz contêiner
   próprio e sai sem esta moldura (ver page-servicos.php). */
:root .slc-pagina-conteudo{max-width:1200px;margin:0 auto;padding:56px 24px}