@import url('/styles/faq.css');
@import url('/styles/fuel-tokens.css');
.s-fuel-faq { background: var(--bg); }
.s-fuel-faq .s-fuel-faq__meta { display: flex; justify-content: space-between; color: var(--muted); }
/* Mismo acordeón que /aplicar; aquí el span 7 y las filas con hairline del brief Fuel. */
.s-fuel-faq .s-faq__head { grid-column: 1 / 5; }
.s-fuel-faq .s-faq__list { grid-column: 6 / -1; gap: 0; }
.s-fuel-faq .s-faq__item { background: transparent; border-radius: 0; border-bottom: 1px solid var(--line); }
.s-fuel-faq .s-faq__q button { padding-inline: 0; border-radius: 0; }
.s-fuel-faq .s-faq__copy { padding-left: 0; padding-right: var(--s32); }

@media (max-width: 1199px) {
  .s-fuel-faq { grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); gap: var(--s32); padding-block: var(--s48); }
  .s-fuel-faq .s-faq__head { grid-column: 1; }
  .s-fuel-faq .s-faq__list { grid-column: 2; min-width: 0; }
  .s-fuel-faq .s-faq__head a { display: inline-flex; align-items: center; min-height: 44px; }
  .s-fuel-faq .s-faq__q button { min-height: 44px; }
}
@media (max-width: 809px) {
  .s-fuel-faq { grid-template-columns: minmax(0, 1fr); }
  .s-fuel-faq .s-faq__list { grid-column: 1; }
  .s-fuel-faq .s-faq__copy { padding-right: 0; }
}
@media (max-width: 1199px) and (prefers-reduced-motion: reduce) {
  .s-fuel-faq [data-appear] { opacity: 1 !important; }
  .s-fuel-faq *, .s-fuel-faq *::after { transition: none !important; }
}