/* Preguntas frecuentes (home, systems, sound, fly). Usa los tokens de cada página; el acento llega en --faq-acc. */
.faq { position: relative; padding-block: clamp(80px, 11vw, 140px); border-top: 1px solid var(--line); }
.faq > .wrap { padding-inline: var(--gutter); }
.faq .hdr { margin-bottom: clamp(32px, 5vw, 56px); }
.faq-fecha { margin-top: 16px; color: var(--dim); font-size: 13px; letter-spacing: .04em; }
.faq-lista { max-width: 900px; border-top: 1px solid var(--line); }
.faq-item { border-bottom: 1px solid var(--line); }
.faq-item summary { list-style: none; cursor: pointer; display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 22px 0; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary h3 { font-family: var(--fb); font-weight: 600; font-size: clamp(17px, 1.6vw, 21px); line-height: 1.35; letter-spacing: 0; text-transform: none; color: var(--tx); text-wrap: pretty; transition: color .25s var(--ease); }
.faq-item summary::after { content: ""; flex: none; width: 14px; height: 14px; margin-top: .4em; background: linear-gradient(var(--faq-acc), var(--faq-acc)) center / 100% 2px no-repeat, linear-gradient(var(--faq-acc), var(--faq-acc)) center / 2px 100% no-repeat; transition: transform .3s var(--ease); }
.faq-item[open] summary::after { transform: rotate(45deg); }
.faq-item summary:hover h3 { color: var(--faq-acc); }
.faq-item summary:focus-visible { outline: 2px solid var(--faq-acc); outline-offset: 4px; border-radius: 2px; }
.faq-resp p { max-width: 68ch; padding-bottom: 26px; color: var(--dim); font-size: clamp(15px, 1.3vw, 17px); line-height: 1.7; }
@media (prefers-reduced-motion: reduce) {
  .faq-item summary h3, .faq-item summary::after { transition: none; }
}
.faq + .sec { border-top: 1px solid var(--line); }