/*! * An vue project * 1.14.0 * * Licensed under the EULA license. * https://controlla.com.mx/eula * * Copyright 2025, Controlla * https://controlla.com.mx * * Developers: Ivan Sotelo ,Daniel Apodaca * * */.container-suggested{width:100%;padding:50px 10px 50px 30px}.product-view{display:-webkit-box;display:-ms-flexbox;display:flex}.product-view .product-images-container{width:100%;height:110vh;overflow:hidden;position:relative}.product-view .product-images-container .fade-top{pointer-events:none;width:100%;height:90px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),to(transparent));background:linear-gradient(180deg,rgba(0,0,0,.2),transparent);position:absolute;top:0;z-index:1}.product-view .product-images-container .fade-bottom{pointer-events:none;width:100%;height:90px;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.2)),to(transparent));background:linear-gradient(0deg,rgba(0,0,0,.2),transparent);position:absolute;bottom:0;z-index:1}.product-view .product-images-container .back-arrow{z-index:2;cursor:pointer;position:absolute;top:90px;left:30px}.product-view .product-images-container .back-arrow .icon{font-size:2rem}.product-view .product-images-container .image-preview-container{padding:10px 0}.product-view .product-images-container .image-preview-container .swiper-container .swiper-slide{width:auto;margin:0 auto}.product-view .product-images-container .image-preview-container .logo{width:70%;-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.5}.product-view .product-images-container .image-preview-container .image-magnifier__img{width:100%;height:100%;max-height:100vh;-o-object-fit:contain;object-fit:contain}.product-view .product-images-container .image-preview-container .image-magnifier__zoom{pointer-events:none;left:0!important;border-radius:10px;background:#fff;border:2px solid #0c0b0a;-webkit-box-shadow:0 4px 4px 0 rgba(0,0,0,.15);box-shadow:0 4px 4px 0 rgba(0,0,0,.15)}.product-view .product-images-container .image-preview-container .image-magnifier__zoom img{-o-object-fit:contain;object-fit:contain}.product-view .product-images-container .swiper-previews-container{pointer-events:none;position:absolute;-webkit-box-sizing:content-box;box-sizing:content-box;bottom:10px;width:100%;z-index:2}.product-view .product-images-container .swiper-previews-container .swiper-container{padding:20px}.product-view .product-images-container .swiper-previews-container .swiper-container .slide-item{pointer-events:auto;border:2px solid transparent;cursor:pointer;background:#fff;width:auto;padding:10px 10px;border-radius:10px;-webkit-box-shadow:0 4px 4px 0 rgba(0,0,0,.15);box-shadow:0 4px 4px 0 rgba(0,0,0,.15)}.product-view .product-images-container .swiper-previews-container .swiper-container .slide-item .image-preview-slide{width:90px;height:90px;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.product-view .product-images-container .swiper-previews-container .swiper-container .slide-item .image-preview-slide img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.product-view .product-detail-container{height:110vh;overflow:scroll;max-width:400px;width:100%;-ms-flex-negative:0;flex-shrink:0;background:#0c0b0a;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;padding:90px 40px}.product-view .product-detail-container h2{font-size:2rem;text-transform:uppercase}.product-view .product-detail-container .categories{text-transform:uppercase;margin:0 0 30px 0}.product-view .product-detail-container .paragraph-container{margin:0 0 30px 0}.product-view .product-detail-container .paragraph-container .title{font-weight:700;text-transform:uppercase}.product-view .product-detail-container .paragraph-container .precio{text-transform:uppercase}.activeSlide{border:2px solid #0c0b0a!important}@media only screen and (max-width:768px){.product-view{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.product-view .product-detail-container{width:100%;max-width:100%;height:90vh}.product-view .product-images-container{height:80vh}.product-view .product-images-container .image-preview-container .image-magnifier__img{max-height:80vh}}@media only screen and (max-width:512px){.image-preview-container{margin:100px 0}}.buttons{position:absolute;z-index:99;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;top:calc(50% - 20px)}.buttons .next,.buttons .previous{cursor:pointer}.discount{-webkit-text-decoration-line:line-through;text-decoration-line:line-through;color:grey;font-size:.8rem}