/* ============================================================
   CrediSimples · Estilos partilhados pelas dez páginas

   As dez páginas nasceram como blocos independentes do Elementor e cada
   uma trazia as suas medidas: o logótipo aparecia a 38px na Home, 52px nas
   páginas de serviço e 42px nas páginas legais, e as margens laterais iam
   de "encostado à borda" a 24px. Este ficheiro impõe um só conjunto de
   valores.

   Carregado DEPOIS do <style> de cada página — é o último a falar. Ainda
   assim usa #siteHeader + !important porque o CSS herdado do WordPress
   marca quase tudo como !important.
   ============================================================ */

:root {
  --cs-largura: 1180px;   /* largura máxima de conteúdo, igual em todo o site */
  --cs-margem: 32px;      /* margem lateral (respiro até à borda do ecrã) */
  --cs-cabecalho: 88px;   /* altura mínima da barra de topo */
  --cs-logo: 52px;        /* altura do logótipo no cabeçalho */
}

/* ---------------------------------------------------------- cabeçalho */
#siteHeader {
  padding: 0 !important;
}

#siteHeader .header-inner {
  max-width: var(--cs-largura) !important;
  margin: 0 auto !important;
  padding: 0 var(--cs-margem) !important;
  min-height: var(--cs-cabecalho) !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
}

#siteHeader .logo {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
}

#siteHeader .logo-img {
  height: var(--cs-logo) !important;
  width: auto !important;
  max-width: none !important;
  display: block !important;
}

/* As páginas de obrigado centravam o logótipo (herança de um cabeçalho sem
   navegação). Agora que têm menu, alinham como as restantes. */
#siteHeader .header-inner { justify-content: space-between !important; }

/* O fundo da barra e o botão de acção também divergiam: as três páginas
   legais traziam fundo branco e um botão de cantos a 10px, as restantes o
   creme e a cápsula. Fica a versão da Home, que é a maioria. */
#siteHeader {
  background: rgba(250, 248, 243, .94) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(19, 33, 29, .08) !important;
}

#siteHeader .header-cta .btn {
  padding: 13px 26px !important;
  border-radius: 100px !important;
  font-size: .92rem !important;
  font-weight: 700 !important;
  border: none !important;
}

/* ---------------------------------------------------------- contentores */
.wrap,
.cs-privacy,
.cs-legal {
  max-width: var(--cs-largura) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--cs-margem) !important;
  padding-right: var(--cs-margem) !important;
}

.cs-ft-wrap {
  max-width: var(--cs-largura) !important;
  padding-left: var(--cs-margem) !important;
  padding-right: var(--cs-margem) !important;
}

/* O logótipo do rodapé passa a ter a mesma altura do de topo.
   Selector com dois níveis: as páginas legais trazem um segundo <style> já
   dentro do <body>, que vence uma regra de classe única mesmo com
   !important por ser declarado mais tarde. */
.cs-ft .cs-ft-logo { height: var(--cs-logo) !important; width: auto !important; }

/* O logótipo da Athenas passou a ser o horizontal com wordmark: a 38px
   ficava demasiado largo ao lado do Banco de Portugal. */
.cs-ft .cs-ft-reg-logo-athenas { height: 34px !important; }

/* ---------------------------------------------------------- parceiros */
/* Nas páginas de Crédito o rótulo do bloco passou a ser uma frase inteira.
   Em maiúsculas com letter-spacing ficava difícil de ler, por isso esta
   variante mantém a caixa normal. */
.logos-label.logos-label-frase {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5;
  /* Sem largura máxima: no desktop a frase cabe inteira numa linha. Só parte
     quando o contentor deixa de dar, e aí o `balance` reparte as linhas de
     forma equilibrada em vez de deixar uma palavra sozinha. */
  max-width: none !important;
  text-wrap: balance;
}

/* O `space-between` só assenta quando os logótipos enchem exactamente uma
   linha. Com dez na Home, a segunda linha ficava com três logótipos
   atirados para os cantos. Centrado funciona em qualquer contagem. */
.logos-row {
  justify-content: center !important;
  gap: 26px 46px !important;
}

/* O Zurich é um símbolo quadrado: com o mesmo max-height dos wordmarks
   ficava opticamente muito mais pequeno do que os vizinhos. */
.logos-row img[src$="zurich.svg"] { max-height: 44px !important; }

/* ---------------------------------------------------------- responsivo */
@media (max-width: 720px) {
  :root { --cs-margem: 20px; --cs-cabecalho: 74px; --cs-logo: 44px; }
}
