/* Disclaimers — Nova Marca
   Figma: Site Update Nova Marca — node 7833:3889 (desk) / 7833:4779 (mobo)

   Reconstruído com classes .nm-disclaimer__* que não existem em css.css.
   Texto continua vindo do mesmo campo ACF de sempre — "disclaimer"
   (fundos-template-parts/disclaimers.php). Logos ANBIMA (Autorregulação /
   Gestão de Recursos) são fixos da marca Kinea, iguais em todo fundo — sem
   ACF, baixados direto do Figma (src/nova-marca/images/disclaimer-*.jpg).

   "Mostrar mais" só existe no Figma mobile — no desktop o texto sempre
   aparece inteiro. O JS (disclaimer.js) mede a altura real contra o
   max-height; como o max-height só existe dentro da media query mobile, no
   desktop scrollHeight==clientHeight sempre, e o botão nunca aparece (nem
   precisa de CSS extra pra escondê-lo lá — mesmo truque do
   palavra-gestor.js).

   Sem card/borda aqui — o Figma usa só a faixa off-white full-bleed (mesmo
   padrão do fundos-cases.css), sem cantos arredondados. */

#disclaimer.nm-disclaimer {
  background: var(--nm-color-off-white);
  padding: 64px 0;
}

#disclaimer .nm-disclaimer__title {
  margin: 0 0 var(--nm-space-5); /* 24px até o texto */
  font-family: var(--nm-font-family);
  font-weight: var(--nm-font-weight-semibold);
  font-size: var(--nm-font-size-base); /* 16px — menor que o h2 padrão das outras seções, de propósito (é rodapé legal) */
  line-height: var(--nm-line-height-base); /* 24px */
  color: var(--nm-color-chumbo);
}

#disclaimer .nm-disclaimer__texto {
  overflow: hidden;
  font-family: var(--nm-font-family);
  font-weight: var(--nm-font-weight-regular);
  font-size: 12px;
  line-height: var(--nm-line-height-sm); /* 16px */
  color: var(--nm-color-chumbo);
}

#disclaimer .nm-disclaimer__texto p {
  margin: 0 0 var(--nm-space-5); /* 24px entre parágrafos — o WYSIWYG já vem com <p> por bloco */
}

#disclaimer .nm-disclaimer__texto p:last-child {
  margin-bottom: 0;
}

#disclaimer .nm-disclaimer__texto strong,
#disclaimer .nm-disclaimer__texto b {
  font-weight: var(--nm-font-weight-semibold);
}

#disclaimer .nm-disclaimer__more {
  display: none; /* JS mostra via [hidden]=false só se o texto realmente estourar (só acontece no mobile, onde o max-height existe) */
  margin: var(--nm-space-5) auto 0; /* 24px, centralizado */
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: var(--nm-space-3) var(--nm-space-5); /* 12px 24px */
  background: transparent;
  border: 2px solid var(--nm-color-chumbo);
  border-radius: var(--nm-radius-pill);
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

#disclaimer .nm-disclaimer__more:not([hidden]) {
  display: flex;
}

#disclaimer .nm-disclaimer__more span {
  font-family: var(--nm-font-family);
  font-weight: var(--nm-font-weight-medium);
  font-size: var(--nm-font-size-base);
  line-height: var(--nm-line-height-sm);
  color: var(--nm-color-chumbo);
}

#disclaimer .nm-disclaimer__divider {
  margin: var(--nm-space-5) 0 0; /* 24px */
  border: none;
  border-top: 1px solid var(--nm-color-border);
}

#disclaimer .nm-disclaimer__logos {
  display: flex;
  align-items: center;
  justify-content: flex-end; /* desktop: alinhado à direita, como no Figma */
  gap: var(--nm-space-5); /* 24px */
  margin-top: var(--nm-space-5); /* 24px */
}

#disclaimer .nm-disclaimer__logos img {
  display: block;
  height: 63px;
  width: auto;
}

@media (max-width: 768px) {
  #disclaimer .nm-disclaimer__title,
  #disclaimer .nm-disclaimer__texto {
    padding: 0;
  }

  /* Só no mobile o texto é recortado — desktop sempre mostra tudo (Figma
     node 7833:3889 não tem "Mostrar mais"). */
  #disclaimer .nm-disclaimer__texto {
    max-height: 224px;
  }

  #disclaimer .nm-disclaimer__texto.is-expanded {
    max-height: none;
  }

  #disclaimer .nm-disclaimer__divider {
    margin-left: var(--nm-space-4);
    margin-right: var(--nm-space-4);
  }

  #disclaimer .nm-disclaimer__logos {
    justify-content: center; /* mobile: centralizado, como no Figma */
    padding: 0 var(--nm-space-4);
  }
  
}