/* Bloque S05 · FAQ — acordeón nativo (<details>/<summary>) */

.faq__inner { padding-block: var(--section-pad); }

.faq__head { margin-bottom: clamp(32px, 4vw, 48px); }
.faq__title { font-size: clamp(30px, 4.4vw, 58px); }

.faq__list {
  max-width: 46rem;
  border-top: 1px solid var(--color-line);
}

.faq__item {
  border-bottom: 1px solid var(--color-line);
}

.faq__q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 24px 0;
  cursor: pointer;
  list-style: none;                 /* oculta el triángulo por defecto */
  font: 700 clamp(17px, 1.6vw, 21px)/1.35 var(--font-body);
  color: var(--color-text);
}
.faq__q::-webkit-details-marker { display: none; }

/* ícono +/- (chevron simple con dos líneas) */
.faq__icon {
  position: relative;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}
.faq__icon::before,
.faq__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 2px;
  background: var(--color-aqua);
  transform: translate(-50%, -50%);
  transition: transform 220ms ease, opacity 220ms ease;
}
.faq__icon::after { transform: translate(-50%, -50%) rotate(90deg); }
.faq__item[open] .faq__icon::after { transform: translate(-50%, -50%) rotate(0); opacity: 0; }

.faq__a {
  padding: 0 40px 26px 0;
  max-width: 60ch;
  font: 400 var(--fs-body-lg)/1.6 var(--font-body);
  color: var(--color-text-muted);
}

@media (prefers-reduced-motion: reduce) {
  .faq__icon::before, .faq__icon::after { transition: none; }
}