/* ==========================================================================
   Compromisos (plan §08, Fase 4.7).

   .aq-compromisos fija explícitamente --aq-black-deep, pero hoy es
   REDUNDANTE con el propio default de .aq-section--dark (section.css),
   que ya vale --aq-black-deep: verificado con estilos computados, Valores
   y Compromisos son actualmente el mismo negro exacto en la Landing, no
   dos tonos distintos. Se deja la clase (documenta la intención y protege
   si el default de --dark cambia) pero que quede claro que hoy no aporta
   una diferencia visual propia.

   En Nosotros (Fase 5.4) no se usa esta clase: ahí el tema es
   --aq-section--beige, sin ningún ajuste adicional.

   .aq-fondo — verificado con Chrome (estilos computados en 375/768/1440/
   2560px + muestreo de píxeles a 2560px sobre screenshot real): envuelve
   a Valores y al `<div class="aq-compromisos-border">` de la línea
   divisoria en un mismo `<section>` de ancho completo. Sin este wrapper,
   la franja donde vive el divisor (dentro de un `.container` angosto,
   fuera de cualquier `.aq-section` temada) no tendría fondo propio: por
   fuera del container, a los costados, se vería el fondo por defecto de
   la página en vez de continuar el negro de Valores/Compromisos. Confirmado
   que su background-color (--aq-black-deep) coincide exactamente, en los
   cuatro anchos, con el de Valores arriba y Compromisos abajo — no hay
   ningún corte de color visible. Retirar `.aq-fondo` reintroduciría ese
   corte; NO se elimina aunque un grep de clases no encuentre ningún otro
   consumidor de ella en el HTML (su "consumidor" es el efecto visual del
   divisor, no otra clase).
   ========================================================================== */

.aq-compromisos {
	background-color: var(--aq-black-deep);
}

.aq-compromisos-border {
	border: 1px solid var(--aq-text);
}
.aq-compromisos-border-2 {
	border: 1px solid var(--aq-gold-light);
	opacity: 0.5;
}
.aq-fondo {
	background-color: var(--aq-black-deep);
}