/* ===== FAQ ===== */
.faq__in { display: grid; grid-template-columns: 0.86fr 1.14fr; gap: 64px; align-items: start; }
.faq__head { position: sticky; top: 110px; }
.faq__cta { margin-top: 30px; }
.faq__list { display: flex; flex-direction: column; gap: 12px; }
.faq__item { border: 1px solid var(--mist); border-radius: var(--r); overflow: hidden; transition: border-color .35s var(--ease), box-shadow .35s var(--ease); }
.faq__item--open { border-color: rgba(199,163,100,0.45); box-shadow: var(--sh-sm); }
.faq__q {
  width: 100%; background: none; border: 0; cursor: pointer; text-align: left;
  display: flex; align-items: center; justify-content: space-between; gap: 18px;
  padding: 22px 24px; font-family: var(--font-display); font-weight: 600;
  font-size: 17.5px; color: var(--ink);
}
.faq__ic { flex: none; width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--mist); display: flex; align-items: center; justify-content: center; color: var(--ink-soft); transition: all .35s var(--ease); }
.faq__ic svg { width: 16px; height: 16px; transition: transform .35s var(--ease); }
.faq__item--open .faq__ic { background: var(--gold-500); border-color: var(--gold-500); color: #fff; }
.faq__item--open .faq__ic svg { transform: rotate(135deg); }
.faq__a { overflow: hidden; transition: max-height .45s var(--ease); }
.faq__a p { padding: 0 24px 24px; color: var(--t-on-light-soft); font-size: 15px; line-height: 1.7; }

/* migrado de estilos inline */
.faq__title { margin: 18px 0 18px; }

@media (max-width: 860px) {
  .faq__in { grid-template-columns: 1fr; gap: 40px; }
  .faq__head { position: static; }
}