/* ==========================================================================
   aq-underline-accent — línea corta dorada, anclada a la izquierda,
   debajo de un título o nombre. Recurso visual compartido por Servicios
   (título de card, Fase 4.2) y Equipo (nombre en aq-team-card, Fase 5.2):
   antes cada uno lo resolvía por su cuenta (Equipo con un <hr> propio),
   unificado acá para no construir el mismo recurso dos veces.

   Pseudo-elemento ::after, a propósito NO border-bottom sobre el propio
   texto: un texto en display:inline-block con border-bottom se subraya
   solo en el ancho de SU línea — si el título envuelve a dos líneas,
   la línea de acento quedaría bajo la última línea, angosta y
   descolgada. El pseudo-elemento en display:block, en cambio, siempre
   cae en una línea nueva DESPUÉS de todo el texto (envuelva en una
   línea o en dos), con un ancho fijo propio que no depende del texto.

   Uso: aplicar directamente sobre el elemento de texto, junto a su
   clase propia — nunca sobre un contenedor que lo envuelva:
   <h3 class="aq-card__title aq-underline-accent">…</h3>
   <h3 class="aq-team-card__name aq-underline-accent">…</h3>
   ========================================================================== */
.aq-underline-accent::after {
	content: "";
	display: block;
	width: 2.5rem;
	height: var(--aq-border-width);
	margin-top: var(--aq-space-3);
	background-color: var(--aq-gold);
}