/* =========================
   FAQ - estilos mínimos
   ========================= */
/* Logo da FAQ */

.faq-logo{
  margin-bottom: .75rem;
}

.faq-logo img{
  height: 1.5rem;
  width: auto;
  display: block;
}

.faq-page {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 6rem 1.25rem 4rem;
}

.faq-page__wrap {
  width: 100%;
  max-width: 52rem; /* ~832px */
}

/* Header */
.faq-page__kicker {
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--cor-primaria-media);
  margin-bottom: 0.75rem;
}

.faq-page__title {
  margin-bottom: 0.75rem;
  color: var(--cor-primaria);
}

.faq-page__lead {
  color: var(--cor-primaria-media);
  line-height: 1.6rem;
  max-width: 70ch;
}

/* Cards (details) */
.faq-list {
  display: grid;
  gap: 0.9rem;
  margin-top: 1.75rem;
}

.faq-item {
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 14px;
  background: var(--cor-complementar-clara); /* fundo bem claro */
  padding: 0.95rem 1rem;
}

.faq-item[open] {
  background: var(--cor-branco);
}

.faq-item summary {
  cursor: pointer;
  font-weight: var(--fonte-peso-bold);
  color: var(--cor-primaria);
  list-style: none;
}

.faq-item summary::-webkit-details-marker { display: none; }

.faq-item summary:focus {
  outline: none;
}

.faq-item summary:after {
  content: "+";
  float: right;
  color: var(--cor-primaria-media);
  font-weight: var(--fonte-peso-bold);
  transition: transform var(--transition-duracao) var(--transition-curva);
}

.faq-item[open] summary:after {
  content: "–";
}

.faq-answer {
  margin-top: 0.75rem;
}

.faq-answer p {
  margin-bottom: 0.6rem;
  color: var(--cor-primaria);
}

.faq-answer p:last-child { margin-bottom: 0; }

/* Nota */
.faq-note {
  margin-top: 1.5rem;
  padding: 1rem;
  border-radius: 14px;
  border: 1px dashed rgba(0,0,0,0.15);
  background: var(--cor-branco);
  color: var(--cor-primaria-media);
}


/* CTA da FAQ */
.faq-cta{
  margin-top: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.faq-cta .contact__whatsapp-cta__button{
  text-decoration: none;
}

/* botão secundário da FAQ */
.faq-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.9rem 1.4rem;
  border-radius: 999px;
  text-decoration: none;
  font-weight: var(--fonte-peso-bold);
  border: 1px solid var(--cor-primaria);
  color: var(--cor-primaria);
  background: transparent;
}

.faq-btn:hover{
  background: var(--cor-primaria);
  color: var(--cor-branco);
}

.faq-footer{
  width:100%;
  display:flex;
  justify-content:center;
  padding:2rem 1.25rem 3rem;
  font-size:0.9rem;
  color:var(--cor-primaria-media);
}

.faq-footer p{
  margin:0;
  text-align:center;
  width:100%;
}

/* mobile */
@media (max-width: 620px){
  .faq-cta{
    align-items: stretch;
    flex-direction: column;
  }

  .faq-cta .contact__whatsapp-cta__button,
  .faq-btn{
    width: 100%;
  }
}