/* Documentos — Nova Marca
   Figma: Site Update Nova Marca — node 7833:3932 (desk) / 7833:4826 (mobo)

   Reconstruído com classes .nm-documentos__* que não existem em css.css.
   A lista de documentos continua vindo do shortcode [tabelaDocumentosNova]
   (rascode/ras-shortcodes/kinea-fundos-documentos.php), embutido no campo ACF
   "documentos" de cada fundo — só o HTML/classes que o shortcode imprime
   mudaram pra bater com o Figma, sem herdar .tabelaDocumentos/.BtnSecundario/
   .LinhaDestaque do css.css (essas classes continuam servindo à página avulsa
   de documentos em page-documentos.php, sem relação com esta seção).

   .itemAcordeonFundo/.headerItem continuam no <section>/título só pelo menu
   fixo lateral (mesmo motivo do fundos-palavra-gestor.css) — os seletores
   abaixo são prefixados com #Documentos (id da seção), que sempre vence
   classe+elemento sem precisar de !important.

   Sem fundo colorido aqui — o respiro externo (antes/depois da seção) vem
   só de fundos-secoes-espacamento.css (margin-bottom:48px, carregado em
   topo.php pra toda seção da Nova Marca). */

#Documentos .headerItem {
  border-bottom: none !important;
  margin: 0 !important;
  padding: 0 !important;
  cursor: default !important;
  position: static !important;
}

#Documentos .nm-documentos__title {
  margin: 0 0 var(--nm-space-5); /* 24px até o texto intro */
  font-family: var(--nm-font-family);
  font-weight: var(--nm-font-weight-medium);
  font-size: var(--nm-font-size-lg); /* 24px */
  line-height: var(--nm-line-height-lg); /* 32px */
  color: var(--nm-color-deep-blue);
}

#Documentos .nm-documentos__intro {
  margin: 0 0 var(--nm-space-5); /* 24px até a lista */
  font-family: var(--nm-font-family);
  font-weight: var(--nm-font-weight-regular);
  font-size: var(--nm-font-size-base);
  line-height: var(--nm-line-height-base);
  color: var(--nm-color-chumbo);
}

/* [tabelaDocumentosNova] imprime .nm-documentos__list com as linhas dentro —
   sem esse retorno o texto de "sem documentos" do shortcode fica sem espaço
   próprio, então o body também carrega margem pro rodapé (link de docs antigos). */
#Documentos .nm-documentos__body p {
  margin: 0;
  font-family: var(--nm-font-family);
  font-size: var(--nm-font-size-base);
  line-height: var(--nm-line-height-base);
  color: var(--nm-color-chumbo);
}

#Documentos .nm-documentos__list {
  border-top: 1px solid var(--nm-color-border);
}

/* Cada linha carrega a borda inferior — ela É o divisor seguinte do Figma
   (grupo "Acordeão": divider/16px/linha/16px/divider/...). Como o padding já
   soma 16px em cima e embaixo do conteúdo, o resultado bate com o gap:16 do
   Figma sem precisar de elementos de divisor separados. */
#Documentos .nm-documentos__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--nm-space-4); /* 16px */
  padding: var(--nm-space-4) var(--nm-space-2); /* 16px 8px */
  border-bottom: 1px solid var(--nm-color-border);
}

#Documentos .nm-documentos__info {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

#Documentos .nm-documentos__doc-title {
  margin: 0;
  font-family: var(--nm-font-family);
  font-weight: var(--nm-font-weight-semibold);
  font-size: var(--nm-font-size-base);
  line-height: var(--nm-line-height-base);
  color: var(--nm-color-chumbo);
}

#Documentos .nm-documentos__doc-date {
  margin: 0;
  font-family: var(--nm-font-family);
  font-weight: var(--nm-font-weight-regular);
  font-size: var(--nm-font-size-base);
  line-height: var(--nm-line-height-base);
  color: var(--nm-color-chumbo);
  
}

#Documentos .nm-documentos__download {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  gap: var(--nm-space-2); /* 8px */
  height: 40px;
  padding: var(--nm-space-3) var(--nm-space-4); /* 12px 16px */
  border: 2px solid var(--nm-color-blue);
  border-radius: var(--nm-radius-pill);
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.15s ease;
}

#Documentos .nm-documentos__download:hover {
  background: var(--nm-color-blue);
}

#Documentos .nm-documentos__download-icon {
  display: flex;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

#Documentos .nm-documentos__download-icon img {
  display: block;
  width: 100%;
  height: 100%;
}

/* asset original só existe na variante azul — no hover o botão vira azul
   sólido, então o ícone precisa virar branco (mesmo glyph, sem 2º asset). */
#Documentos .nm-documentos__download:hover .nm-documentos__download-icon img {
  filter: brightness(0) invert(1);
}

#Documentos .nm-documentos__download-label {
  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-base);
  color: var(--nm-color-blue);
}

#Documentos .nm-documentos__download:hover .nm-documentos__download-label {
  color: var(--nm-color-white);
}

#Documentos .nm-documentos__footer {
  margin: var(--nm-space-5) 0 0 !important; /* 24px depois do último divisor da lista */
}

#Documentos .nm-documentos__footer a {
  color: var(--nm-color-blue);
  text-decoration: none;
}

#Documentos .nm-documentos__footer a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  #Documentos .headerItem {
    padding-left: var(--nm-space-4);
    padding-right: var(--nm-space-4);
  }

  #Documentos .nm-documentos__intro {
    max-width: 100%;
  }

  /* Mobo/Figma: o botão vira só o ícone, sem o rótulo "Baixar documento". */
  #Documentos .nm-documentos__download {
    width: 64px;
    padding: var(--nm-space-3);
  }

  #Documentos .nm-documentos__download-label {
    display: none;
  }
}