/* FASE NUEVE · PREGUNTAS FRECUENTES de la ficha. Se publica en todas las fichas, con o sin landing propia.
   Todo va dentro de .f9-faq para no pisar los estilos de las fichas que ya tenían su propia sección. */
.f9-faq { padding: clamp(48px, 7vw, 88px) 0; }
.f9-faq .cx-container { width: min(1180px, 92vw); margin: 0 auto; }
.f9-faq .f9pl-head { margin-bottom: 28px; }
.f9-faq .cx-kicker { display: block; margin-bottom: 10px; font-size: .72rem; letter-spacing: .28em;
  text-transform: uppercase; color: #ff6a00; }
.f9-faq h2 { margin: 0 0 8px; font-size: clamp(1.9rem, 5vw, 3.2rem); line-height: 1; letter-spacing: -.02em; }
.f9-faq .f9pl-head p { margin: 0; max-width: 62ch; opacity: .75; }
.f9-faq .f9pl-faq { display: grid; gap: 10px; }
.f9-faq details { border: 1px solid rgba(255, 255, 255, .14); border-radius: 14px; background: rgba(255, 255, 255, .03); }
.f9-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; cursor: pointer;
  padding: 16px 20px; font-weight: 700; list-style: none; }
.f9-faq summary::-webkit-details-marker { display: none; }
.f9-faq summary::after { content: '+'; font-size: 1.3rem; line-height: 1; color: #ff6a00; }
.f9-faq details[open] summary::after { content: '–'; }
.f9-faq details p { margin: 0; padding: 0 20px 18px; opacity: .85; max-width: 78ch; }
.f9-faq details + details { margin-top: 0; }

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) .f9-faq details { background: rgba(0, 0, 0, .03); border-color: rgba(0, 0, 0, .14); }
}
@media (max-width: 560px) {
  .f9-faq summary { padding: 14px 16px; }
  .f9-faq details p { padding: 0 16px 16px; }
}