/* Documentos legais: politicas, termos e compliance.
   Vai em wp-content/themes/acr/assets/css/acr-legal.css
   Enfileirado pelo tema quando a pagina usa o template ACR Documento legal.

   O hero, o rotulo e o container vem do acr-base.css. */

.acr-legal__data {
  margin-top: var(--acr-s3);
  font-size: var(--acr-t-xs);
  color: var(--acr-rodape-escuro);
}

/* ---------- Grade ---------- */

.acr-legal__grade {
  display: grid;
  grid-template-columns: minmax(0, 760px) 240px;
  gap: var(--acr-s5);
  align-items: start;
  justify-content: space-between;
  padding-block: var(--acr-s5) var(--acr-s6);
}
.acr-legal__grade--simples { grid-template-columns: minmax(0, 760px); }
.acr-legal__texto { min-width: 0; }

/* ---------- Indice ---------- */

.acr-legal__lateral {
  position: sticky;
  top: calc(var(--acr-header-total) + 32px);
  margin-bottom: var(--acr-s6);
  max-height: calc(100vh - var(--acr-header-total) - var(--acr-s5));
  overflow-y: auto;
  overscroll-behavior: contain;
}
.acr-legal .acr-rotulo {
  margin: 0;
  font-size: var(--acr-rotulo);
  font-weight: 800;
  letter-spacing: var(--acr-rotulo-track);
  text-transform: uppercase;
  color: var(--acr-secundario-claro);
  line-height: 1;
}
.acr-legal .acr-indice__lista {
  display: grid;
  gap: 2px;
  margin-top: var(--acr-s2);
  border-left: 2px solid var(--acr-filete-claro);
}
.acr-legal .acr-indice__lista a {
  display: block;
  padding: 7px 0 7px 14px;
  margin-left: -2px;
  border-left: 2px solid transparent;
  font-size: var(--acr-t-sm);
  line-height: 1.45;
  color: var(--acr-secundario-claro);
  transition: color var(--acr-transicao), border-color var(--acr-transicao);
}
.acr-legal .acr-indice__lista a:hover { color: var(--acr-navy); }
.acr-legal .acr-indice__lista a.is-ativo {
  color: var(--acr-navy);
  border-left-color: var(--acr-acento);
}

/* ---------- Tipografia do documento ----------
   Mesma escala do post, para politica e artigo lerem igual. */

.acr-legal__texto {
  font-size: 1.0625rem;
  line-height: 1.78;
  color: var(--acr-corpo-claro);
}
.acr-legal__texto > *:first-child { margin-top: 0; }
.acr-legal__texto p { margin: 0 0 var(--acr-s3); }

.acr-legal__texto h2 {
  margin: var(--acr-s5) 0 var(--acr-s2);
  padding-top: var(--acr-s3);
  border-top: 1px solid var(--acr-filete-claro);
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: var(--acr-titulo-claro);
}
.acr-legal__texto h2:first-child { margin-top: 0; padding-top: 0; border-top: 0; }

.acr-legal__texto h3 {
  margin: var(--acr-s4) 0 var(--acr-s2);
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--acr-titulo-claro);
}
.acr-legal__texto h4 {
  margin: var(--acr-s3) 0 var(--acr-s1);
  font-size: 1.0625rem;
  font-weight: 700;
  color: var(--acr-titulo-claro);
}

.acr-legal__texto a {
  color: var(--acr-acento);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  transition: color var(--acr-transicao);
}
.acr-legal__texto a:hover { color: var(--acr-navy); }
.acr-legal__texto strong { color: var(--acr-titulo-claro); font-weight: 700; }

.acr-legal__texto ul,
.acr-legal__texto ol {
  display: grid;
  gap: 10px;
  margin: 0 0 var(--acr-s3);
  padding-left: 0;
  list-style: none;
}
.acr-legal__texto li { position: relative; padding-left: 26px; }
.acr-legal__texto ul > li::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 0.72em;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--acr-acento);
}
.acr-legal__texto ol { counter-reset: acr-ol; }
.acr-legal__texto ol > li { counter-increment: acr-ol; }
.acr-legal__texto ol > li::before {
  content: counter(acr-ol) ".";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 700;
  color: var(--acr-acento);
}

.acr-legal__texto blockquote {
  margin: var(--acr-s4) 0;
  padding: var(--acr-s1) 0 var(--acr-s1) var(--acr-s3);
  border-left: 3px solid var(--acr-acento);
  font-style: italic;
  color: var(--acr-titulo-claro);
}

.acr-legal__texto table {
  width: 100%;
  border-collapse: collapse;
  margin: var(--acr-s4) 0;
  font-size: var(--acr-t-sm);
}
.acr-legal__texto th,
.acr-legal__texto td {
  padding: 12px 14px;
  border-bottom: 1px solid var(--acr-filete-claro);
  text-align: left;
}
.acr-legal__texto th {
  background: rgba(120, 155, 255, 0.06);
  color: var(--acr-titulo-claro);
  font-weight: 700;
}

.acr-legal__texto hr {
  margin: var(--acr-s5) 0;
  border: 0;
  border-top: 1px solid var(--acr-filete-claro);
}

/* ---------- Responsivo ---------- */

@media (max-width: 1180px) {
  .acr-legal__grade { grid-template-columns: minmax(0, 1fr); }
  .acr-legal__lateral { display: none; }
}