/* React Bits GridMotion-inspired, scoped to the wholesale access screen. */
#mayorista-login-screen .wholesale-grid-motion {position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;opacity:.27;isolation:isolate;--gm-gap:16px;--gm-tile-h:calc((100svh + var(--gm-extra,360px) - var(--gm-gap-total,48px))/var(--gm-row-count,4));--gm-tile-w:calc(var(--gm-tile-h)*1.33);}
.wholesale-grid-motion .grid-motion__plane {position:absolute;top:50%;left:50%;width:calc(100vw + 680px);height:calc(100svh + 360px);transform:translate(-50%,-50%) rotate(-12deg);display:flex;flex-direction:column;gap:16px;}
.wholesale-grid-motion .grid-motion__row {display:flex;width:max-content;height:var(--gm-tile-h);flex:none;animation:wholesale-grid-drift var(--gm-duration,100s) linear infinite;}
.wholesale-grid-motion .grid-motion__row:nth-child(even) {animation-direction:reverse;}
.wholesale-grid-motion .grid-motion__set {display:flex;gap:16px;padding-right:16px;}
.wholesale-grid-motion .grid-motion__tile {width:var(--gm-tile-w);height:var(--gm-tile-h);flex:none;border-radius:14px;overflow:hidden;background:#201925;border:1px solid #ffffff12;}
.wholesale-grid-motion .grid-motion__tile img {width:100%;height:100%;display:block;object-fit:cover;pointer-events:none;user-select:none;}
#mayorista-login-screen .wholesale-grid-motion::after {content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,#10101499,transparent 70%),linear-gradient(0deg,#101014cc,transparent 22%,transparent 78%,#101014cc);pointer-events:none;}
#mayorista-login-screen > .mayorista-login-card {z-index:1;background:#18181cf5 !important;}
.wholesale-grid-motion[data-paused=true] .grid-motion__row {animation-play-state:paused;}
@keyframes wholesale-grid-drift {from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(max-width:760px) {
 #mayorista-login-screen .wholesale-grid-motion {opacity:.19;--gm-extra:240px;}
 .wholesale-grid-motion .grid-motion__plane {height:calc(100svh + 240px);width:calc(100vw + 460px);}
 .wholesale-grid-motion .grid-motion__row {animation:none;}
 .wholesale-grid-motion .grid-motion__row:nth-child(even) {transform:translateX(-150px);}
}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse) {.wholesale-grid-motion .grid-motion__row {animation:none;}}
.wholesale-grid-motion[data-static=true] .grid-motion__row {animation:none;}