/* I Need a Psi - ajustes para o WordPress e o Elementor (o resto do CSS é igual ao da pré-visualização).
   Cada página do Elementor tem um só contentor (classe inap-host) com um só widget HTML; o conteúdo
   fica dentro de div.inap-page, para as regras entre secções (.sec + .sec, [data-hero] + .sec, ...) continuarem a funcionar. */

/* Contentor e widget do Elementor sem margens, espaços nem largura máxima */
.e-con.inap-host,
.elementor-section.inap-host{
  --padding-top:0; --padding-right:0; --padding-bottom:0; --padding-left:0;
  --row-gap:0; --column-gap:0; --widgets-spacing:0; --widgets-spacing-row:0; --widgets-spacing-column:0;
  --content-width:100%; --width:100%; --container-max-width:100%;
  padding:0; margin:0; max-width:none; width:100%; gap:0; min-height:0;
}
.inap-host > .e-con-inner{padding:0; max-width:none; width:100%; gap:0}
.inap-host .elementor-widget-html,
.inap-host .elementor-widget-html > .elementor-widget-container{margin:0; padding:0; width:100%; max-width:none}
.inap-host .elementor-widget-html:not(:last-child){margin-bottom:0}
.elementor-widget-html .inap-page{display:block; width:100%}

/* O Elementor define --gap (espaço entre widgets) no contentor e a variável passa para dentro; o site usa --gap para o
   espaço das secções. Repor aqui o valor do site (a linha seguinte é atualizada pelo gerar_wp.py a partir do site.css). */
.inap-page{--gap:clamp(64px,7vw,104px)} /* inap:gap */

/* Regra da pré-visualização que dependia de "main > .sec": as secções estão agora dentro de .inap-page */
.inap-page > .sec:not(.band--tide):not(.dark):not(.close) + .sec:not(.band--tide):not(.dark):not(.close){border-top:1px solid var(--line)}

/* O bloco de marcação (PHP) já não é irmão da última secção da página: mesma regra com :has() */
main:has(.inap-page > .band:not(.band--tide):last-child) > .close{padding-top:var(--gap-s)}

/* Elementor: imagens dentro do conteúdo do site não herdam as regras gerais do Elementor */
.inap-page img{border:0; box-shadow:none}

/* Página de links (modelo Elementor Canvas): sem cabeçalho nem rodapé, o fundo vai até ao fim */
.page-links .elementor{min-height:100vh}

/* Paginação da lista de Artigos (o WordPress gera este HTML) */
.inap-pag{margin-top:clamp(32px,5vw,56px)}
.inap-pag .nav-links{display:flex; flex-wrap:wrap; gap:8px; justify-content:center; align-items:center}
.inap-pag .page-numbers{display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; padding:0 14px;
  border:1px solid var(--line); border-radius:999px; color:inherit; text-decoration:none}
.inap-pag .page-numbers.current{background:var(--sage); color:var(--on-sage); border-color:var(--sage)}
.inap-pag a.page-numbers:hover{border-color:currentColor}

/* Editor de blocos no texto dos artigos: alinhamentos e imagens */
.prose .wp-block-image{margin:1.6em 0}
.prose .wp-block-image img{height:auto; border-radius:var(--radius)}
.prose .wp-block-image figcaption{font-size:.9em; opacity:.75; margin-top:.5em}
.prose .aligncenter{margin-inline:auto; text-align:center}

/* Barra de administração do WordPress (sessão iniciada): o cabeçalho fixo desce */
.admin-bar .hdr{top:32px}
@media (max-width:782px){ .admin-bar .hdr{top:46px} }
@media (max-width:600px){ .admin-bar .hdr{top:0} }   /* a barra deixa de ser fixa */

/* Sugestões de outros artigos no fim de um artigo (27/10/2026) */
.post-related{border-top:1px solid var(--line)}
.posts--ig .post-card h3 a::after{border-radius:18px}

/* Revisão 28/10/2026 (4.4.10). O CSS geral do Elementor (frontend.min.css) tem duas regras que se sobrepunham ao site
   dentro do widget HTML e que não existem na pré-visualização:
   1) ".elementor .elementor-widget:not(...) figure{margin:0}" (especificidade 0,4,1) tirava as margens das figuras:
      espaço texto/foto em Acompanhamento, retrato do topo do Início, fotos dos cartões do Início, capa e QR em Links.
   2) ".elementor a{text-decoration:none}" (0,1,1) tirava o sublinhado (e a cor e a espessura do traço) aos links cuja
      regra no site é mais fraca (".link-more", ".mode__more") e aos links sem classe, que o navegador sublinha.
   Os valores abaixo são os do site (versao-d.css). Ao mudá-los lá, mudar também aqui. */
.elementor .inap-host .elementor-widget-html .inap-page figure.svc__photo{margin:26px 0 0}
.elementor .inap-host .elementor-widget-html .inap-page .svc__intro > figure.svc__photo{margin-top:40px}
.elementor .inap-host .elementor-widget-html .inap-page .hero--d figure.hc__stage--d{margin-bottom:calc(-1 * var(--hc-pb))}
@media (max-width:679px){ .elementor .inap-host .elementor-widget-html .inap-page .hero--d figure.hc__stage--c{margin-right:-4px} }
.elementor .inap-host .elementor-widget-html .inap-page .mode--img figure.mode__img{margin:calc(-1 * var(--pad-card)) calc(-1 * var(--pad-card)) 4px}
.elementor .inap-host .elementor-widget-html .inap-page figure.lk__cover.post-cover--photo{margin:0 0 14px}
.elementor .inap-host .elementor-widget-html .inap-page figure.lk__qr{margin:12px 0 0}

/* Sublinhados: especificidade 0,1,1 de propósito. Ganha à regra do Elementor (vem depois dela) e perde para as regras
   mais fortes do site (":hover", ".band--tide .link-more", ...), como na pré-visualização. */
.inap-page a:where(.link-more,.mode__more){text-decoration:underline 1px var(--tide)}
.inap-page :where(.faq__a,.urgent,.urgent-note,.lk__social,.lk__foot) a:where(:not([class])){text-decoration:underline}