/* OCEANSING · Los nueve logotipos en filas estables 3 × 3, sin órbitas. */
.tools-hero__logos {
  position: relative;
  z-index: 2;
  width: 100%;
  min-width: 0;
  align-self: center;
}
.grid-stage__visual--logos {
  height: auto;
  min-height: 0;
  align-self: center;
}
.brand-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(11px, 1.5vw, 22px);
  width: min(100%, 442px);
  margin: 0 auto;
  align-items: center;
  justify-items: center;
}
.brand-grid__item {width: 100%; min-width: 0; max-width: 126px; aspect-ratio: 1; display: block; transition: transform .22s ease;}
.brand-grid__item img {display:block;width:100%;height:100%;object-fit:contain;}
@media (hover:hover) and (pointer:fine) {
  .brand-grid__item:hover { transform: translateY(-4px) scale(1.035); }
}
@media (max-width:850px) {
  .brand-grid { width: min(100%,330px); gap: 10px; }
  .brand-grid__item { max-width: 102px; }
}
@media (prefers-reduced-motion:reduce) {.brand-grid__item {transition:none;}}