.related-title{text-align:center;font-size:14px;line-height:17px;font-weight:700;letter-spacing:0px;color:#000;position:relative;margin-bottom:4rem}.related-title:after{content:"";background:#000;width:149px;height:3px;position:absolute;left:0;right:0;margin:0 auto;bottom:-10px}.related-container{display:flex;justify-content:space-between;gap:30px}.related-container.desktop{overflow-x:auto}.related-container.desktop::-webkit-scrollbar{height:10px}.related-container.desktop::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.related-container.desktop::-webkit-scrollbar-thumb{background:#aeb208;border-radius:10px}.related-container .related-items img{border:none;margin:0;max-height:180px;object-fit:cover}.related-container .related-items button{display:block;width:100%;font-size:11px;line-height:13px;font-weight:400;letter-spacing:0px;color:#fff;background:#b2b2b2 0% 0% no-repeat padding-box;border:1px solid #d1d1d1;padding:12px 0;margin-top:-10px;cursor:pointer}.related-container .related-items button.agotado{pointer-events:none}.related-container .related-items h3 a{font-size:15px;line-height:18px;font-weight:400;letter-spacing:0px;color:#000;text-decoration:none}.related-container .related-items p{font-size:14px;line-height:17px;font-weight:400;letter-spacing:.91px;color:#000}.swiper{width:100%}.swiper-slide{text-align:center;font-size:18px;background:#fff}.swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}.swiper{margin-left:auto;margin-right:auto}.swiper-button-next,.swiper-button-prev{top:50%;bottom:auto;transform:translateY(-50%);display:block!important}.swiper-button-next:after,.swiper-button-prev:after{color:#000;font-size:30px;position:absolute;bottom:0}.swiper-pagination{width:fit-content!important;margin:0 auto;right:0;top:auto;bottom:0}.swiper-pagination-bullet{background:transparent;border:1px solid #000;opacity:1}.swiper-pagination-bullet-active{background:#000}.swiper.mobile{display:none}@media screen and (max-width: 750px){.related-container.desktop{display:none}.swiper.mobile{display:flex}.related-container{gap:0;padding-bottom:4rem}.related-container .related-items{display:inline-block}.related-container .related-items p,.related-container .related-items h3{text-align:left}.related-container .related-items button{margin:0}}
/*# sourceMappingURL=/cdn/shop/t/306/assets/custom-related-products.css.map */