/* 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 */