/* ==========================================================
   FAQ · acordeón de preguntas frecuentes
   ========================================================== */

.faq-wrap { max-width: 820px; }

.faq-item { border-bottom: 1px solid var(--color-border); }
.faq-item button {
  width: 100%;
  text-align: left;
  background: none;
  border: 0;
  color: var(--color-cream);
  font: 600 1.05rem var(--font-body);
  padding: 1.2em 0;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.faq-item button:after { content: "+"; color: var(--color-accent); font-size: 1.5rem; line-height: 1; transition: transform .3s var(--ease); }
.faq-item button[aria-expanded=true]:after { transform: rotate(45deg); }

.faq-answer { max-height: 0; overflow: hidden; transition: max-height .5s var(--ease); }
.faq-answer p { padding-bottom: 1.2em; }