/**
 * Design System — Shared Components (Level 2)
 *
 * Componentes compartidos entre las landing pages. Todo lo que vive aqui
 * deberia ser identico visualmente en LR Digital, CTO On-Demand y Bio'lock.
 * Las personalidades (Level 3) viven en cada landing-*.css.
 *
 * Se carga en las 3 landings (page-libro-reclamaciones.php,
 * page-cto-on-demand.php, page-biolock.php) junto a astra-overrides.css.
 * La inclusion a nivel de archivo ES el scope — no se necesita prefijar los
 * selectores con .lr-landing / .cto-landing / .bl-landing.
 *
 * @package Astra Child
 * @since   1.1.0
 */

/* ===== Client Logos (social proof / trust) =============================== */
/* Logos de clientes con tratamiento monocromatico blanco sobre fondo navy.
   Usado en la seccion "Confianza y respaldo" de cada landing. */
.client-logos {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 48px;
  margin-top: 48px;
  flex-wrap: wrap;
}

.client-logo-img {
  max-height: 40px;
  max-width: 120px;
  width: auto;
  height: auto;
  object-fit: contain;
  filter: brightness(0) invert(1);
  opacity: 1;
  transition: opacity 0.3s;
}

.client-logo-img:hover {
  opacity: 0.8;
}

@media (max-width: 768px) {
  .client-logos { gap: 24px; }
  .client-logo-img { max-height: 32px; max-width: 96px; }
}