.slider{width:100%;height:auto;margin:auto;overflow:hidden;position:relative}.slide-track{display:flex;width:2400px;animation:scroll 40s linear infinite;align-items:center;gap:1rem}.slide{flex-shrink:0}.slide img{height:40px;width:auto}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-1200px)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@keyframes fadeIn2{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@layer utilities{.animacion-fadeIn{animation:fadeIn .4s ease-out forwards}.animacion-fadeOut{animation:fadeOut .4s ease-in forwards}.animacion-fadeIn2{animation:fadeIn2 .6s ease-out forwards}}.menu-dot{position:relative;display:flex;justify-content:flex-end;align-items:center;margin-left:16px}.menu-dot b{position:absolute;background-color:#fff;border-radius:50%;display:block;width:5px;height:5px;left:100%;top:50%;transform:translate(-100%,-50%);transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .25s}.menu-dot b:nth-child(1){margin-left:-18px;margin-top:-10px}.menu-dot b:nth-child(2){margin-left:-12px;margin-top:-10px}.menu-dot b:nth-child(3){margin-left:-6px;margin-top:-10px}.menu-dot b:nth-child(4){margin-left:0;margin-top:-10px}.menu-dot b:nth-child(5){margin-left:-12px;margin-top:0}.menu-dot b:nth-child(6){margin-left:-6px;margin-top:0}.menu-dot b:nth-child(7){margin-left:0;margin-top:0}.menu-dot b:nth-child(8){margin-left:-6px;margin-top:10px}.menu-dot b:nth-child(9){margin-left:0;margin-top:10px}button:hover .menu-dot b:nth-child(1){transform:translate(-160%,-180%)}button:hover .menu-dot b:nth-child(2){transform:translate(-110%,-170%)}button:hover .menu-dot b:nth-child(3){transform:translate(-60%,-160%)}button:hover .menu-dot b:nth-child(4){transform:translate(10%,-140%)}button:hover .menu-dot b:nth-child(5){transform:translate(-140%,-40%)}button:hover .menu-dot b:nth-child(6){transform:translate(-80%,-20%)}button:hover .menu-dot b:nth-child(7){transform:translate(40%,-10%)}button:hover .menu-dot b:nth-child(8){transform:translate(-60%,90%)}button:hover .menu-dot b:nth-child(9){transform:translate(80%,100%)}
