/* Efecto «faq» (Mati, 11/11), preguntas frecuentes de la Aceleradora. El hilo de arriba de la fila bajo el cursor se
   intensifica sólo en el tramo cercano, como en el efecto hover (el color del texto a media intensidad; sin glow); en la
   abierta queda marcado parejo, como en la base. fx/faq.js pone la x del cursor (--mx, px desde el borde de la fila).
   .closing: la fila se está cerrando (el − vuelve a + y el hilo se apaga) aunque <details> siga abierto hasta que lo de
   abajo termina de subir. */
html.fx-faq .faq-item::before {
  --faq-hl: color-mix(in srgb, var(--fg) 56%, transparent);
  content: ""; position: absolute; left: 0; right: 0; top: -1px; height: 1px; pointer-events: none; opacity: 0;
  background: radial-gradient(240px 40px at var(--mx, -999px) 50%, var(--faq-hl), var(--faq-hl) 12%, color-mix(in srgb, var(--fg) 24%, transparent) 48%, transparent 100%);
  transition: opacity .32s cubic-bezier(.16, 1, .3, 1);
}
@media (hover: hover) and (pointer: fine) { html.fx-faq .faq-item:hover::before { opacity: 1; } }
html.fx-faq .faq-item[open]:not(.closing)::before { opacity: 1; background: var(--faq-hl); }
html.fx-faq .faq-item.closing .faq-v { transform: none; }
html.fx-faq .faq-item.closing .faq-sign { color: var(--fg-2); }
@media (prefers-reduced-motion: reduce) { html.fx-faq .faq-item::before { transition: none; } }