*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#fff;font-family:"Open Sans", Helvetica, Arial, sans-serif}.cont{position:relative;overflow:hidden;height:100vh;padding:80px 70px}.cont__inner{position:relative;height:100%}.cont__inner:hover .el__bg:after{opacity:1}.el{border-radius:20%;position:absolute;left:0;top:0;width:19.2%;height:100%;background:#252525;transition:transform 0.6s 0.7s, width 0.7s, opacity 0.6s 0.7s, z-index 0s 1.3s;will-change:transform, width, opacity}.el:not(.s--active){cursor:pointer}.el__overflow{overflow:hidden;position:relative;height:100%;border-radius:20%}.el__inner{overflow:hidden;position:relative;height:100%;transition:transform 1s}.cont.s--inactive .el__inner{transform:translate3d(0, 100%, 0)}.el__bg{position:relative;width:calc(100vw - 140px);height:100%;transition:transform 0.6s 0.7s;will-change:transform}.el__bg:before{content:"";position:absolute;left:0;top:-5%;width:100%;height:110%;background-size:cover;background-position:center center;transition:transform 1s;transform:translate3d(0, 0, 0) scale(1)}.cont.s--inactive .el__bg:before{transform:translate3d(0, -100%, 0) scale(1.2)}.el.s--active .el__bg:before{transition:transform 0.8s}.el__bg:after{content:"";z-index:1;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);opacity:0;transition:opacity 0.5s}.cont.s--el-active .el__bg:after{transition:opacity 0.5s 1.4s;opacity:1 !important}.el__preview-cont{z-index:2;display:flex;justify-content:center;align-items:center;position:absolute;left:0;top:0;width:100%;height:100%;transition:all 0.3s 1.2s}.cont.s--inactive .el__preview-cont{opacity:0;transform:translateY(10px)}.cont.s--el-active .el__preview-cont{opacity:0;transform:translateY(30px);transition:all 0.5s}.el__heading{color:#d0e64a;text-transform:uppercase;font-size:25px}.el__content{z-index:-1;position:absolute;left:0;top:0;width:100%;height:100%;padding:30px;opacity:0;pointer-events:none;transition:all 0.1s}.el.s--active .el__content{z-index:2;opacity:1;pointer-events:auto;transition:all 0.5s 1.4s}.el__text{text-transform:uppercase;font-size:40px;color:#d0e64a;position:absolute;left:5%;top:10%}.el__paragraph{text-transform:uppercase;font-size:20px;color:#fff;position:absolute;text-align:center;top:50%}.el__close-btn{z-index:-1;position:absolute;right:5%;top:10%;width:60px;height:60px;opacity:0;pointer-events:none;transition:all 0s 0.45s;cursor:pointer}.el.s--active .el__close-btn{z-index:5;opacity:1;pointer-events:auto;transition:all 0s 1.4s}.el__close-btn:before,.el__close-btn:after{content:"";position:absolute;left:0;top:50%;width:100%;height:8px;margin-top:-4px;background:#fff;opacity:0;transition:opacity 0s}.el.s--active .el__close-btn:before,.el.s--active .el__close-btn:after{opacity:1}.el__close-btn:before{transform:rotate(45deg) translateX(100%)}.el.s--active .el__close-btn:before{transition:all 0.3s 1.4s cubic-bezier(0.72, 0.09, 0.32, 1.57);transform:rotate(45deg) translateX(0)}.el__close-btn:after{transform:rotate(-45deg) translateX(100%)}.el.s--active .el__close-btn:after{transition:all 0.3s 1.55s cubic-bezier(0.72, 0.09, 0.32, 1.57);transform:rotate(-45deg) translateX(0)}.el .el__container_grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:0px 0px;grid-auto-flow:row;justify-content:center;align-content:center;justify-items:center;align-items:center;grid-template-areas:"el__img_grid el__texto_grid"}.el .el__img_grid{grid-area:el__img_grid;width:100%;height:auto;background-repeat:none-repeat;background-size:cover;text-align:center}.el .el__texto_grid{grid-area:el__texto_grid;font-size:20px;font-weight:500;color:#fff}.el__index{overflow:hidden;position:absolute;left:0;bottom:-80px;width:100%;height:100%;min-height:250px;text-align:center;font-size:20vw;line-height:0.85;font-weight:bold;transition:transform 0.5s, opacity 0.3s 1.4s;transform:translate3d(0, 1vw, 0)}.el:hover .el__index{transform:translate3d(0, 0, 0)}.cont.s--el-active .el__index{transition:transform 0.5s, opacity 0.3s;opacity:0}.el__index-back,.el__index-front{position:absolute;left:0;bottom:0;width:100%}.el__index-back{color:#2f3840;opacity:0;transition:opacity 0.25s 0.25s}.el:hover .el__index-back{transition:opacity 0.25s;opacity:1}.el__index-overlay{overflow:hidden;position:relative;transform:translate3d(0, 100%, 0);transition:transform 0.5s 0.1s;color:transparent}.el__index-overlay:before{content:attr(data-index);position:absolute;left:0;bottom:0;width:100%;height:100%;color:#fff;transform:translate3d(0, -100%, 0);transition:transform 0.5s 0.1s}.el:hover .el__index-overlay{transform:translate3d(0, 0, 0)}.el:hover .el__index-overlay:before{transform:translate3d(0, 0, 0)}.el:nth-child(1){transform:translate3d(0%, 0, 0);transform-origin:50% 50%}.cont.s--el-active .el:nth-child(1):not(.s--active){transform:scale(0.5) translate3d(0%, 0, 0);opacity:0;transition:transform 0.95s, opacity 0.95s}.el:nth-child(1) .el__inner{transition-delay:0s}.el:nth-child(1) .el__bg{transform:translate3d(0%, 0, 0)}.el:nth-child(1) .el__bg:before{transition-delay:0s;background-image:url("https://sandbox.otros.vickein.com/wp-content/uploads/2022/12/img-1.jpg")}.el:nth-child(2){transform:translate3d(105.2083333333%, 0, 0);transform-origin:155.2083333333% 50%}.cont.s--el-active .el:nth-child(2):not(.s--active){transform:scale(0.5) translate3d(105.2083333333%, 0, 0);opacity:0;transition:transform 0.95s, opacity 0.95s}.el:nth-child(2) .el__inner{transition-delay:0.1s}.el:nth-child(2) .el__bg{transform:translate3d(-19.2%, 0, 0)}.el:nth-child(2) .el__bg:before{transition-delay:0.1s;background-image:url("https://sandbox.otros.vickein.com/wp-content/uploads/2022/12/img-2.jpg")}.el:nth-child(3){transform:translate3d(210.4166666667%, 0, 0);transform-origin:260.4166666667% 50%}.cont.s--el-active .el:nth-child(3):not(.s--active){transform:scale(0.5) translate3d(210.4166666667%, 0, 0);opacity:0;transition:transform 0.95s, opacity 0.95s}.el:nth-child(3) .el__inner{transition-delay:0.2s}.el:nth-child(3) .el__bg{transform:translate3d(-38.4%, 0, 0)}.el:nth-child(3) .el__bg:before{transition-delay:0.2s;background-image:url("https://sandbox.otros.vickein.com/wp-content/uploads/2022/12/img-3.jpg")}.el:nth-child(4){transform:translate3d(315.625%, 0, 0);transform-origin:365.625% 50%}.cont.s--el-active .el:nth-child(4):not(.s--active){transform:scale(0.5) translate3d(315.625%, 0, 0);opacity:0;transition:transform 0.95s, opacity 0.95s}.el:nth-child(4) .el__inner{transition-delay:0.3s}.el:nth-child(4) .el__bg{transform:translate3d(-57.6%, 0, 0)}.el:nth-child(4) .el__bg:before{transition-delay:0.3s;background-image:url("https://sandbox.otros.vickein.com/wp-content/uploads/2022/12/img-4.jpg")}.el:nth-child(5){transform:translate3d(420.8333333333%, 0, 0);transform-origin:470.8333333333% 50%}.cont.s--el-active .el:nth-child(5):not(.s--active){transform:scale(0.5) translate3d(420.8333333333%, 0, 0);opacity:0;transition:transform 0.95s, opacity 0.95s}.el:nth-child(5) .el__inner{transition-delay:0.4s}.el:nth-child(5) .el__bg{transform:translate3d(-76.8%, 0, 0)}.el:nth-child(5) .el__bg:before{transition-delay:0.4s;background-image:url("https://sandbox.otros.vickein.com/wp-content/uploads/2022/12/img-5.jpg")}.el:hover .el__bg:after{opacity:0}.el.s--active{z-index:1;width:100%;transform:translate3d(0, 0, 0);transition:transform 0.6s, width 0.7s 0.7s, z-index 0s}.el.s--active .el__bg{transform:translate3d(0, 0, 0);transition:transform 0.6s}.el.s--active .el__bg:before{transition-delay:0.6s;transform:scale(1.1)}.icon-link{position:absolute;left:5px;bottom:5px;width:32px}.icon-link img{width:100%;vertical-align:top}.icon-link--twitter{left:auto;right:5px}.button_desarrollo{border:none;position:relative;width:200px;height:73px;padding:0;z-index:2;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='868' width='2500' viewBox='0 0 726 252.17'%3E%3Cpath d='M483.92 0S481.38 24.71 466 40.11c-11.74 11.74-24.09 12.66-40.26 15.07-9.42 1.41-29.7 3.77-34.81-.79-2.37-2.11-3-21-3.22-27.62-.21-6.92-1.36-16.52-2.82-18-.75 3.06-2.49 11.53-3.09 13.61S378.49 34.3 378 36a85.13 85.13 0 0 0-30.09 0c-.46-1.67-3.17-11.48-3.77-13.56s-2.34-10.55-3.09-13.61c-1.45 1.45-2.61 11.05-2.82 18-.21 6.67-.84 25.51-3.22 27.62-5.11 4.56-25.38 2.2-34.8.79-16.16-2.47-28.51-3.39-40.21-15.13C244.57 24.71 242 0 242 0H0s69.52 22.74 97.52 68.59c16.56 27.11 14.14 58.49 9.92 74.73C170 140 221.46 140 273 158.57c69.23 24.93 83.2 76.19 90 93.6 6.77-17.41 20.75-68.67 90-93.6 51.54-18.56 103-18.59 165.56-15.25-4.21-16.24-6.63-47.62 9.93-74.73C656.43 22.74 726 0 726 0z'/%3E%3C/svg%3E") no-repeat 50% 50%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='868' width='2500' viewBox='0 0 726 252.17'%3E%3Cpath d='M483.92 0S481.38 24.71 466 40.11c-11.74 11.74-24.09 12.66-40.26 15.07-9.42 1.41-29.7 3.77-34.81-.79-2.37-2.11-3-21-3.22-27.62-.21-6.92-1.36-16.52-2.82-18-.75 3.06-2.49 11.53-3.09 13.61S378.49 34.3 378 36a85.13 85.13 0 0 0-30.09 0c-.46-1.67-3.17-11.48-3.77-13.56s-2.34-10.55-3.09-13.61c-1.45 1.45-2.61 11.05-2.82 18-.21 6.67-.84 25.51-3.22 27.62-5.11 4.56-25.38 2.2-34.8.79-16.16-2.47-28.51-3.39-40.21-15.13C244.57 24.71 242 0 242 0H0s69.52 22.74 97.52 68.59c16.56 27.11 14.14 58.49 9.92 74.73C170 140 221.46 140 273 158.57c69.23 24.93 83.2 76.19 90 93.6 6.77-17.41 20.75-68.67 90-93.6 51.54-18.56 103-18.59 165.56-15.25-4.21-16.24-6.63-47.62 9.93-74.73C656.43 22.74 726 0 726 0z'/%3E%3C/svg%3E") no-repeat 50% 50%;-webkit-mask-size:100%;cursor:pointer;background-color:transparent;transform:translateY(8px);top:40%;left:40%}.button_desarrollo:after{content:"";position:absolute;left:0;right:0;bottom:0;box-shadow:0px 0 0 0 white;transition:all 2s ease}.button_desarrollo:hover:after{box-shadow:0px -13px 56px 12px #ffffffa6}.button_desarrollo span{position:absolute;width:100%;font-size:15px;font-weight:100;left:50%;top:39%;letter-spacing:3px;text-align:center;transform:translate(-50%, -50%);color:black;transition:all 2s ease}.button_desarrollo:hover span{color:white}.button_desarrollo:before{content:"";position:absolute;width:0;height:100%;background-color:black;left:50%;top:50%;transform:translate(-50%, -50%);transition:all 1s ease}.button_desarrollo:hover:before{width:100%}