.faq {
  background-color: var(--color-surface-soft);
}

.faq__inner {
  display: grid;
  grid-template-columns: 4fr 6fr;
  gap: 6.4rem;
  align-items: start;
}

.faq__intro > * + * {
  margin-top: 1.6rem;
}

.faq__image {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 2.4rem;
  border-radius: var(--radius-lg);
}

@media (max-width: 900px) {
  /* Móvil: intro, imagen, acordeón y al final el botón a todo el ancho */
  .faq__inner {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .faq__intro {
    display: contents;
  }

  .faq__inner .accordion {
    order: 1;
    margin-top: 3.2rem;
  }

  .faq__intro .btn {
    order: 2;
    width: 100%;
    margin-top: 3.2rem;
  }
}

.faq__intro .btn {
  margin-top: 3.2rem;
}