/* ==========================================================================
   accordion-reset.css — ÚNICA responsabilidad real de este archivo:
   apagar las variables --bs-accordion-* que traen una opinión visual de
   Bootstrap (azul primario, radios redondeados, su propio anillo de
   foco, su propio ícono) para que no compitan con el diseño real del
   bloque. El diseño real (tipografía, color, espaciado, ícono propio,
   estados hover/abierto) vive en components/faq-accordion.css, no acá.

   Aprendizaje de cf7-reset.css (hallazgo 2026-09-14, ver tareas.md):
   ese archivo declaraba una única responsabilidad y terminó diseñando
   igual (spinner, ícono). Acá la verificación es literal: todo lo que
   sigue son sobreescrituras de variables --bs-*, cero declaraciones de
   color/tamaño/posición propias. Si algún día hace falta agregar una,
   este comentario deja de ser cierto y hay que moverla al otro archivo.

   Scope: `.aq-faq-accordion`, la instancia propia (nunca `.accordion`
   a secas — mismo criterio que `.aq-mobile-menu` con `--bs-offcanvas-*`
   en layout/header.css).
   ========================================================================== */

.aq-faq-accordion {
	/* Bootstrap tiñe el ítem abierto con su azul primario
	   (--bs-primary-bg-subtle / --bs-primary-text-emphasis) por
	   defecto: sin esto, ninguno de los dos colores del proyecto. */
	--bs-accordion-active-bg: transparent;
	--bs-accordion-active-color: var(--bs-accordion-color);

	/* Bootstrap encierra cada ítem en una caja completa (borde en los
	   4 lados, con el superior compartido entre ítems contiguos). El
	   diseño real de este bloque es una lista con divisores
	   horizontales, no un grupo de cajas — faq-accordion.css repone
	   solo el borde inferior (y el superior del primer ítem) con sus
	   propias clases, nunca con esta variable. */
	--bs-accordion-border-width: 0;

	/* Esquinas cuadradas: el resto del sitio (aq-card, campos de
	   formulario, botones) no usa radios redondeados. */
	--bs-accordion-border-radius: 0;
	--bs-accordion-inner-border-radius: 0;

	/* El sitio tiene UN solo mecanismo de foco visible (:focus-visible,
	   base/reset.css). El anillo azul propio de Bootstrap se dispara con
	   :focus (no :focus-visible, así que también con clic de mouse) y su
	   selector (.accordion-button:focus) pesa más que un :focus-visible
	   suelto — sin apagarlo acá, ganaría él y el anillo del sitio no se
	   vería nunca en este botón. faq-accordion.css repone el mismo
	   anillo global, pero con :focus-visible y a esta misma
	   especificidad, para que el mecanismo siga siendo uno solo en la
	   práctica. Verificado tabulando de verdad, no asumido. */
	--bs-accordion-btn-focus-box-shadow: none;

	/* El caret SVG embebido de Bootstrap se reemplaza por un glifo real
	   de Bootstrap Icons en el propio HTML (decorativo, aria-hidden) —
	   se apaga el de acá para no mostrar dos íconos superpuestos. */
	--bs-accordion-btn-icon: none;
	--bs-accordion-btn-active-icon: none;
}