/* ==========================================================================
   Footer — tres filas centradas, banda oscura, global e idéntico en
   ambas páginas (plan §10).

   CORRECCIÓN (auditoría Fase 7.1, hallazgo real): la línea de datos ya
   NO lleva separadores "|". La versión anterior los generaba con un
   ::after sobre :not(:last-child), con la promesa de que "desaparecen
   al saltar la línea" — falso: en cualquier ancho donde flex-wrap corta
   la línea, el separador queda pegado al FINAL de la línea que se cierra
   ("...0000 |", con nada después hasta el salto), no desaparece. Se
   verificó con Chrome real en 375/500/650/768-991px, siempre con al
   menos un separador huérfano visible. Solución (opción 1, sin JS, sin
   :has()): eliminar el carácter decorativo por completo y resolver la
   separación con `gap` en el contenedor flex — funciona igual con la
   línea completa (desktop) o apilada (mobile), sin ningún caso borde
   que sostener.
   ========================================================================== */

.aq-footer {
	background-color: var(--aq-black);
	color: var(--aq-white);
	padding-block: var(--aq-space-8);
	text-align: center;
}

.aq-footer__row + .aq-footer__row {
	margin-top: var(--aq-space-6);
	padding-top: var(--aq-space-6);
	border-top: var(--aq-border-width) solid var(--aq-card-border-dark);
}

/* Familia, peso, letter-spacing y mayúsculas de .aq-brand-wordmark
   (base/typography.css) ya no se ven (el contenido pasó de texto a
   `<img>`, Fase 7 Etapa B — SOLO en index.html, ver aq-footer__brand-logo
   abajo), pero la clase se deja puesta: no degrada la semántica del
   párrafo y el texto "Aquila Capital" sigue vivo como `alt`. El
   `font-size` de acá ahora solo importa como base para el `em` del logo. */
.aq-footer__brand {
   display: flex;
   justify-content: center;
	font-size: var(--aq-fs-h4);
	margin-bottom: var(--aq-space-2);
}

/* Logo del footer — SOLO en index.html (Fase 7 Etapa B, divergencia
   intencional con nosotros.html, que sigue en texto; ver tareas.md,
   registro de decisiones, y la tarea 8.4 de Fase 8). Alto en `em`
   sobre el propio `font-size` de `.aq-footer__brand` (--aq-fs-h4): así
   escala igual que el texto que reemplaza en los tres breakpoints, sin
   un valor nuevo hardcodeado ni una media query extra.

   `filter: brightness(0) invert(1)` en vez de `invert(1)` solo: el PNG
   ya trae dos colores (águila dorada, wordmark blanco) — `invert(1)`
   por sí solo da el NEGATIVO de esos colores (águila azulada, wordmark
   negro), no blanco puro. `brightness(0)` aplasta toda la imagen a
   negro conservando el canal alfa (la silueta completa, águila +
   wordmark, intacta); `invert(1)` sobre ese negro sí da blanco puro.
   Solución de PNG: cuando llegue el logo en SVG (bloqueante ya
   registrado), este filtro se reemplaza por `fill: currentColor` sobre
   el propio SVG. */
.aq-footer__brand-logo {
	display: inline-block;
	height: 100px;
	width: auto;
	filter: brightness(0) invert(1);
}

.aq-footer__tagline {
	font-family: var(--aq-font-sans);
	font-size: var(--aq-fs-small);
	opacity: 0.85;
	margin-bottom: 0;
}

/* Espaciado propio de esta fila (regla 4 de CLAUDE.md: el espaciado
   intrínseco de un componente vive en el componente, no como utilidad
   suelta en el HTML) — antes lo daba el margin-inline del separador
   eliminado arriba; ahora lo da directamente el contenedor flex
   (.d-flex.flex-wrap en el HTML), con `gap` en las dos direcciones para
   que también separe las líneas cuando el contenido se apila. */
.aq-footer__row--meta {
	gap: var(--aq-space-2) var(--aq-space-4);
}

.aq-footer__meta-item {
	font-family: var(--aq-font-sans);
	font-size: var(--aq-fs-small);
   color: var(--aq-heading);
}

/* Logo del crédito "Sitio desarrollado por" (Fase 7 Etapa B). display:inline-block
   porque el reset global pone `img { display: block }` (base/reset.css), y este
   logo necesita fluir en línea junto al texto que lo precede. Alto en `1em`, no
   en un valor fijo: sigue el tamaño de fuente de `.aq-footer__meta-item`
   (--aq-fs-small) sin introducir un número mágico nuevo. Sin filtro de color:
   es el logo de un tercero (OnlyMedia), se muestra tal como fue entregado — su
   contraste (4.18:1 sobre --aq-black) no aplica el mínimo de texto porque WCAG
   1.4.11 exime a los logotipos del requisito de contraste. */
.aq-footer__credit-logo {
	display: inline-block;
	height: 20px;
	width: auto;
	vertical-align: middle;
	margin-left: var(--aq-space-2);
}

.aq-footer__copyright {
	font-family: var(--aq-font-sans);
	font-size: var(--aq-fs-small);
	opacity: 0.85;
	margin-bottom: 0;
   color: var(--aq-heading);
}