/* El motor agrega esta clase cuando está activo */
html.ry-scrollfx-enabled .ry-scrollfx--pre{
  opacity: 0;
  filter: blur(18px);
}

/* Pre-hide SOLO para marcas (opcional, un poco más suave) */
html.ry-scrollfx-enabled .brands-grid[data-ry-scroll][data-children] .brand-item.ry-scrollfx--pre{
  opacity: 0;
  filter: blur(10px);
  transform: translate3d(0, 26px, 0) scale(0.985);
  will-change: transform, opacity, filter;
}

/* Estado normal (no fijes transform/opacity/filter acá, el JS manda) */
.ry-scrollfx{
  will-change: transform, opacity, filter;
}
@media (max-width: 768px) {
    html.ry-scrollfx-enabled .ry-scrollfx--pre {
      filter: blur(6px);
    }
  }
@media (prefers-reduced-motion: reduce){
  .ry-scrollfx,
  .ry-scrollfx--pre{
    transform: none !important;
    opacity: 1 !important;
    filter: none !important;
  }
}