.animate-on-scroll{opacity:0;transform:translateY(100px);transition:all .6s ease-out}.imgscroll{width:40%}.animate-on-scroll.animate-slide-up{opacity:1;transform:translateY(0)}.xbaner .xbaner-letters{width:50%}.xbaner .xb-container{display:flex;position:relative;background-image:var(--fondo-imagen);background-size:cover;background-position:50%;background-repeat:no-repeat;border-radius:20px}.xbaner .xb-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.61);border-radius:20px}.simplebanner{display:flex;position:relative;background-image:var(--fondo-imagen);background-size:cover;background-position:50%;background-repeat:no-repeat}.simplebanner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.61)}.xbaner .xbaner-letters{z-index:0}.xbaner .xb-container .xbaner-product img{max-width:600px}.xbaner .xb-container .xbaner-product{position:relative;width:50%;display:flex;justify-content:center;align-items:center;box-sizing:border-box}@media (max-width:1000px){.xbaner .xb-container .xbaner-product img{right:-30%}}@media (max-width:768px){.xbaner .xb-container{flex-direction:column-reverse}.imgscroll{width:80%}.xbaner .xbaner-letters{width:100%;margin-top:180px}.xbaner .xb-container .xbaner-product,.xbaner .xbaner-letters p{width:100%}.xbaner .xb-container .xbaner-product img{left:-12%;top:1}}@media (max-width:480px){.xbaner .xb-container{margin-top:10px;border-radius:0}.xbaner .xb-container .xbaner-product img{width:400px;top:10;left:-10%}.xbaner .xbaner-letters{margin-top:100px}.imgscroll,.twobaners p{width:100%}}