/* ============================================================
   AMIMOÊ — paginas.css

   O site estático não tinha páginas editoriais: Política de
   Privacidade, Termos de Uso, Perguntas Frequentes e Como Comprar
   nasceram na conversão para WordPress.

   Este arquivo existe para que esse conteúdo tenha respiro e ritmo de
   leitura — usando SÓ as variáveis, fontes e medidas que já estavam no
   projeto. Os quatro CSS aprovados não foram tocados.
   ============================================================ */

.pagina-simples{ padding-block: var(--secao); }

.conteudo-editorial{
  font-size: .98rem;
  line-height: 1.85;
  color: var(--tinta-media);
}

.conteudo-editorial > * + *,
.conteudo-editorial .trix-content > * + *{ margin-top: 1.15em; }

.conteudo-editorial h1,
.conteudo-editorial h2,
.conteudo-editorial h3{
  font-family: var(--fonte-titulo);
  font-weight: 400;
  line-height: 1.25;
  color: var(--marrom-choc);
  margin-top: clamp(30px, 3.4vw, 48px);
}

.conteudo-editorial h1,
.conteudo-editorial h2{ font-size: clamp(1.45rem, 2.4vw, 1.95rem); }
.conteudo-editorial h3{ font-size: clamp(1.15rem, 1.8vw, 1.4rem); }

.conteudo-editorial a{
  color: var(--terracota-escuro);
  text-decoration: underline;
  text-underline-offset: .22em;
  text-decoration-thickness: 1px;
  transition: color .28s ease;
}
.conteudo-editorial a:hover{ color: var(--marrom-choc); }

.conteudo-editorial ul,
.conteudo-editorial ol{ padding-left: 1.4em; }
.conteudo-editorial li + li{ margin-top: .5em; }
.conteudo-editorial ul{ list-style: disc; }
.conteudo-editorial ol{ list-style: decimal; }

.conteudo-editorial strong{ color: var(--marrom-choc); font-weight: 500; }

.conteudo-editorial blockquote{
  margin-inline: 0;
  padding-left: clamp(16px, 2vw, 26px);
  border-left: 1px solid var(--rosa-nude);
  color: var(--tinta-suave);
  font-style: italic;
}

.conteudo-editorial img{ border-radius: var(--r-m); }

.conteudo-editorial table{
  width: 100%;
  border-collapse: collapse;
  font-size: .9rem;
}
.conteudo-editorial th,
.conteudo-editorial td{
  padding: .7em .9em;
  border-bottom: 1px solid var(--linha-fina);
  text-align: left;
}
.conteudo-editorial th{
  font-weight: 500;
  color: var(--marrom-choc);
}

/* ---------- Perguntas Frequentes ---------- */
.colecao-apoio a{
  color: var(--terracota-escuro);
  text-decoration: underline;
  text-underline-offset: .22em;
  text-decoration-thickness: 1px;
}

.faq{ border-top: 1px solid var(--linha); }

.faq__item{ border-bottom: 1px solid var(--linha); }

.faq__pergunta{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: clamp(18px, 2.2vw, 26px) 0;
  font-family: var(--fonte-titulo);
  font-size: clamp(1.15rem, 1.8vw, 1.4rem);
  font-weight: 400;
  line-height: 1.3;
  color: var(--marrom-choc);
  list-style: none;
  cursor: pointer;
  transition: color .28s ease;
}
.faq__pergunta::-webkit-details-marker{ display: none; }
.faq__pergunta:hover{ color: var(--terracota-escuro); }
.faq__pergunta:focus-visible{
  outline: 2px solid var(--terracota);
  outline-offset: 4px;
  border-radius: var(--r-p);
}

.faq__seta{
  width: 1em;
  height: 1em;
  transform: rotate(90deg);
  transition: transform .3s var(--curva);
}
.faq__item[open] .faq__seta{ transform: rotate(-90deg); }

.faq__resposta{ padding-bottom: clamp(18px, 2.2vw, 26px); }