/* ==========================================================================
   Extra IoT — Strip de marcas / logos de socios tecnológicos (issue #2)
   SVGs monocromáticos recolorables. Por defecto se ven en escala de grises
   y atenuados; al hacer hover se revela el color completo de la marca.
   ========================================================================== */

.logos.logos-brands { gap: 34px 46px; }

.brand-logo {
  height: 32px;
  width: auto;
  opacity: .5;
  filter: brightness(0);   /* tono uniforme para todas las marcas; color real en hover */
  transition: opacity .2s ease, filter .2s ease, transform .2s ease;
}
.brand-logo:hover {
  opacity: 1;
  filter: none;
  transform: translateY(-2px);
}

/* Sección de alianzas (fondo navy): las marcas se muestran en blanco
   hasta que el usuario hace hover, donde aparecen en su color de marca. */
.logos-dark .brand-logo {
  opacity: .8;
  filter: brightness(0) invert(1);
}
.logos-dark .brand-logo:hover {
  opacity: 1;
  filter: none;
}

@media (max-width: 720px) {
  .logos.logos-brands { gap: 22px 30px; }
  .brand-logo { height: 26px; }
}