/* BEAT34 / Float Studio v552: o mesmo impulso do mobile, agora evidente no desktop.
   Entrance 1x on viewport + hover persistent. Only GPU transforms/opacity.
   No product image replacement, no network, no CRM changes. */
@media(min-width:751px) and (prefers-reduced-motion:no-preference){
 #categorias .floatSlide{
  transition:transform .35s cubic-bezier(.2,.75,.2,1),box-shadow .35s ease!important;
 }
 #categorias .floatProduct{
  transition:transform .45s cubic-bezier(.14,.79,.16,1),filter .35s ease!important;
  transform-origin:center center;
 }
 #categorias .floatSlide:is(.b34FloatEngaged,:hover,:focus-visible){
  transform:translateY(-7px)!important;
  box-shadow:0 20px 35px rgba(56,34,41,.22),0 0 0 2px rgba(184,43,52,.32)!important;
 }
 #categorias .floatSlide:is(.b34FloatEngaged,:hover,:focus-visible) .floatProduct{
  transform:translate(-50%,calc(-50% - 38px)) rotate(-3deg) scale(1.075)!important;
 }
 #categorias .floatSlide:is(.b34FloatEngaged,:hover,:focus-visible) .floatProduct img{
  filter:drop-shadow(0 15px 13px rgba(54,34,43,.29))!important;
 }
 #categorias .floatSlide:is(.b34FloatEngaged,:hover,:focus-visible) .floatFloorShadow{
  opacity:.4!important;transform:scaleX(.67)!important;
 }
 #categorias .floatExplore{
  transition:background-color .25s ease,color .25s ease,padding .25s ease!important;
 }
 #categorias .floatSlide:is(.b34FloatEngaged,:hover,:focus-visible) .floatExplore{
  background:#bc2534!important;color:white!important;
  padding:5px 9px!important;border-radius:9px!important;
 }
 #categorias .floatSlide:is(.b34FloatEngaged,:hover,:focus-visible) .floatExplore>span{
  color:white!important;transform:translate(4px,-2px);
 }
 #categorias .floatProduct.b34FloatIntro{
  animation:b34FloatHello .86s cubic-bezier(.18,.78,.24,1) both!important;
 }
 @keyframes b34FloatHello{
  0%{transform:translate(-50%,-50%) rotate(0deg) scale(1)}
  45%{transform:translate(-50%,calc(-50% - 38px)) rotate(-3deg) scale(1.075)}
  78%{transform:translate(-50%,calc(-50% - 31px)) rotate(-1.5deg) scale(1.055)}
  100%{transform:translate(-50%,-50%) rotate(0deg) scale(1)}
 }
}
@media(min-width:751px) and (prefers-reduced-motion:reduce){
 #categorias .floatSlide:is(:hover,:focus-visible,.b34FloatEngaged){
  outline:3px solid #b82b34!important;outline-offset:2px!important;
 }
 #categorias .floatSlide:is(:hover,:focus-visible,.b34FloatEngaged) .floatExplore{
  background:#bc2534!important;color:white!important;padding:5px 9px!important;border-radius:9px!important;
 }
 #categorias .floatProduct{animation:none!important}
}