/* ==========================================================================
   FAQ STYLE — Terra Alta Barueri (premium accordion, sem dependências)
   Arquivo: /css/ta-faq.css
   ========================================================================== */

/* 🎨 Paleta (edite aqui para personalizar) */
:root{
  --ta-faq-bg: #ffffff;                 /* fundo da seção */
  --ta-faq-card: #ffffff;               /* fundo do card (lista) */
  --ta-faq-border: rgba(0,0,0,.10);     /* borda do card e divisórias */
  --ta-faq-shadow: 0 12px 32px rgba(0,0,0,.06); /* sombra do card */

  --ta-faq-title: #363e39;              /* ✅ cor do TÍTULO principal */
  --ta-faq-section-title: #cbbc9f;      /* ✅ cor do TÍTULO de cada seção (subtítulo) */
  --ta-faq-text: #5c5c5c;               /* texto das perguntas */
  --ta-faq-muted: rgba(26,26,26,.70);   /* texto das respostas */

  --ta-faq-icon: rgba(26,26,26,.70);    /* ícones */
  --ta-faq-link: #0b5;                  /* links (WhatsApp etc.) */
}

.ta-faq{
  max-width: 980px;
  margin: 0 auto;
  padding: 8px 12px 28px;
  background: var(--ta-faq-bg);
}

.ta-faq-title{
  font-size: clamp(26px, 2.6vw, 40px);
  font-weight: 700;
  text-align: center;
  margin: 6px 0 22px;
  color: var(--ta-faq-title);
}

.ta-faq-cat{ margin: 22px 0 32px; }

.ta-faq-cat-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 12px;
}

.ta-faq-cat-ico{
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color: var(--ta-faq-icon);
}

.ta-faq-cat-ico svg{ width:28px; height:28px; }

.ta-faq-cat-title{
  font-size: clamp(18px, 2vw, 28px);
  font-weight:700;
  margin:0;
  color: var(--ta-faq-section-title);
}

.ta-faq-list{
  background: var(--ta-faq-card);
  border:1px solid var(--ta-faq-border);
  border-radius:16px;
  box-shadow: var(--ta-faq-shadow);
  overflow:hidden;
}

.ta-faq-item + .ta-faq-item{
  border-top:1px solid rgba(0,0,0,.08);
}

.ta-faq-q{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:18px 18px;
  background:transparent;
  border:0;
  cursor:pointer;
  text-align:left;
  color: var(--ta-faq-text);
}

.ta-faq-qtext{
  font-size: clamp(16px, 1.6vw, 22px);
  font-weight:500;
}

.ta-faq-chevron{
  width:28px;
  height:28px;
  flex:0 0 28px;
  color: rgba(0,0,0,.55);
  transition: transform .18s ease;
}

.ta-faq-q[aria-expanded="true"] .ta-faq-chevron{
  transform: rotate(180deg);
}

.ta-faq-a{
  max-height:0;
  overflow:hidden;
  transition:max-height .28s ease;
}

.ta-faq-a-inner{
  padding:0 18px 18px;
  font-size:16px;
  line-height:1.55;
  color: var(--ta-faq-muted);
}

.ta-faq-link{
  color: var(--ta-faq-link);
  text-decoration:none;
  font-weight:700;
  border-bottom:1px dashed rgba(0,0,0,.25);
}

.ta-faq-link:hover{ opacity:.85; }

.ta-faq-note{
  display:inline-block;
  margin-top:8px;
  font-size:13px;
  color: rgba(26,26,26,.55);
}

@media (max-width: 480px){
  .ta-faq-q{ padding:16px 14px; }
  .ta-faq-a-inner{ padding:0 14px 16px; }
}