/* Cola entre o CSS do design (site.css) e o WordPress/Elementor.
   Tudo o que não existia no estático mora aqui, para o site.css continuar
   a ser um espelho do Figma. */

/* O Elementor embrulha cada widget: os embrulhos não podem criar caixa nova,
   senão as secções deixam de encostar umas nas outras como no design. */
.elementor-widget-concretiza-hero .elementor-widget-container,
.elementor-widget-concretiza-sobre .elementor-widget-container,
.elementor-widget-concretiza-processo .elementor-widget-container,
.elementor-widget-concretiza-servicos .elementor-widget-container,
.elementor-widget-concretiza-portfolio .elementor-widget-container,
.elementor-widget-concretiza-depoimentos .elementor-widget-container,
.elementor-widget-concretiza-faq .elementor-widget-container,
.elementor-widget-concretiza-cta .elementor-widget-container,
.elementor-widget-concretiza-time .elementor-widget-container,
.elementor-widget-concretiza-servico-detalhe .elementor-widget-container,
.elementor-widget-concretiza-diferenciais .elementor-widget-container,
.elementor-widget-concretiza-pfcarrossel .elementor-widget-container,
.elementor-widget-concretiza-projecto .elementor-widget-container,
.elementor-widget-concretiza-formulario .elementor-widget-container,
.elementor-widget-concretiza-contactcards .elementor-widget-container {
  margin: 0;
  padding: 0;
}

/* O site.css zera as margens com `*`, que tem especificidade 0 e por isso
   perde para o reset do Hello Elementor (`p`, `h1`... valem mais que `*`).
   Aqui repõe-se o zero com especificidade de classe, sem tocar no resto do
   WordPress: só dentro dos widgets da Concretiza, da topbar e do rodapé. */
[class*="elementor-widget-concretiza-"] :where(h1, h2, h3, h4, h5, h6, p, ul, ol, li, figure, hr, blockquote, dl, dd),
.topbar :where(p, ul, li),
.footer :where(h1, h2, h3, h4, h5, h6, p, ul, ol, li, figure, hr) {
  margin: 0;
  padding: 0;
}

/* O mesmo para o list-style, que o Hello devolve às listas. */
[class*="elementor-widget-concretiza-"] :where(ul, ol),
.topbar :where(ul),
.footer :where(ul, ol) {
  list-style: none;
}

/* Páginas montadas com estes widgets são sempre de largura total. */
.concretiza-page .elementor-section > .elementor-container,
.concretiza-page .e-con-inner {
  max-width: none;
  padding: 0;
}

/* Avisos do formulário (o estático não tinha envio). */
.jobs__aviso {
  margin-top: 16px;
  padding: 12px 16px;
  border-radius: var(--radius-sm);
  font-size: var(--fs-xs);
  line-height: var(--lh-xs);
}

.jobs__aviso--ok {
  background: rgba(6, 38, 169, .08);
  border: 1px solid var(--azul);
  color: var(--azul);
}

.jobs__aviso--erro {
  background: rgba(200, 30, 30, .08);
  border: 1px solid #c81e1e;
  color: #c81e1e;
}

/* A barra de administração empurra a página 32px para baixo e a topbar é
   absoluta: sem isto, fica por baixo dela quando há sessão iniciada. */
body.admin-bar .topbar {
  top: 40px;
}

@media (max-width: 782px) {
  body.admin-bar .topbar {
    top: 54px;
  }
}

/* No editor do Elementor não há barra de administração dentro do iframe. */
.elementor-editor-active .topbar {
  top: 8px;
}