.inicio .scroll-container{position:relative;width:100%;height:100vh;overflow:hidden}.inicio .scroll-container:before,.inicio .scroll-container:after{content:"";position:absolute;left:0;right:0;height:18vh;pointer-events:none;z-index:2}.inicio .scroll-container:before{top:0;background:linear-gradient(to bottom,#000000bf,#0000)}.inicio .scroll-container:after{bottom:0;background:linear-gradient(to top,#000000bf,#0000)}.inicio .scroll-bg{display:flex;flex-direction:column;width:100%;position:relative;z-index:0;will-change:transform;animation:scroll-bg var(--scroll-duration, 30s) linear infinite}.inicio .scroll-item{position:relative;flex:0 0 100%;height:100%;width:100%;overflow:hidden;will-change:transform}.inicio .scroll-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#00000026,#0000004d);pointer-events:none}.inicio .scroll-item__image{width:100%;height:100%;display:block;object-fit:cover;transform-origin:center;animation:zoom var(--scroll-duration, 30s) ease-in-out infinite;will-change:transform;opacity:0;transition:opacity .5s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}.inicio .scroll-item__image.is-loaded{opacity:1}@keyframes scroll-bg{0%{transform:translateY(0)}to{transform:translateY(calc(-1 * var(--scroll-distance, 0%)))}}@keyframes zoom{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}
