:root{--swiper-pagination-color:#001e37;--swiper-pagination-bullet-inactive-color:#7997af}
.cmp-products-related-repsol-lubricantes{font-family:'RepsolSoleTextRegular';margin-bottom:40px;overflow:hidden}
@media(min-width:1024px){.cmp-products-related-repsol-lubricantes{margin-bottom:72px}
}
.cmp-products-related-repsol-lubricantes__header{display:flex;justify-content:center;align-items:center;margin-bottom:24px;padding:0 16px;gap:16px}
@media(min-width:1024px){.cmp-products-related-repsol-lubricantes__header{justify-content:space-between;padding:0;padding-left:120px}
}
.cmp-products-related-repsol-lubricantes__title-block{text-align:center;flex:1}
.cmp-products-related-repsol-lubricantes__title{font-family:RepsolSoleDisplayRegular;color:#001e37;font-size:1.5rem;margin-bottom:0}
@media(min-width:1024px){.cmp-products-related-repsol-lubricantes__title{font-size:2rem}
}
.cmp-products-related-repsol-lubricantes__subtitle{color:#43637d;font-size:1.125rem;margin-bottom:0;margin-top:4px}
.cmp-products-related-repsol-lubricantes__nav{display:none;gap:24px;flex-shrink:0}
@media(min-width:1024px){.cmp-products-related-repsol-lubricantes__nav{display:flex}
}
.cmp-products-related-repsol-lubricantes__nav-btn{position:unset;transform:unset;height:32px;min-width:32px;margin:0;display:flex;justify-content:center;align-items:center;background-color:#fff;color:#001e37;cursor:pointer;padding:0;flex-shrink:0;transition:border-color .2s}
@media(min-width:1024px){.cmp-products-related-repsol-lubricantes__nav-btn{border:1px solid #43637d;border-radius:50%;width:48px;height:48px}
}
.cmp-products-related-repsol-lubricantes__nav-btn svg{width:16px;height:16px}
.cmp-products-related-repsol-lubricantes__nav-btn:focus-visible{outline:2px solid #001e37;outline-offset:2px}
.cmp-products-related-repsol-lubricantes__nav-btn.swiper-button-disabled{opacity:.4;cursor:default;pointer-events:none}
.cmp-products-related-repsol-lubricantes__nav-btn::after{font-family:swiper-icons;font-size:14px;font-weight:bold}
.cmp-products-related-repsol-lubricantes__carousel{overflow:visible}
@media(min-width:1024px){.cmp-products-related-repsol-lubricantes__carousel{overflow:hidden}
}
.cmp-products-related-repsol-lubricantes__carousel .swiper-slide{height:auto}
.cmp-products-related-repsol-lubricantes__bottom-nav{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px}
@media(min-width:1024px){.cmp-products-related-repsol-lubricantes__bottom-nav{display:none}
}
.cmp-products-related-repsol-lubricantes__pagination.swiper-pagination{position:static;transform:none;width:auto}
.cmp-products-related-repsol-lubricantes__pagination.swiper-pagination .swiper-pagination-bullet{background-color:var(--swiper-pagination-bullet-inactive-color,#7997af);opacity:1;transition:width .35s ease,border-radius .35s ease;overflow:hidden}
.cmp-products-related-repsol-lubricantes__pagination.swiper-pagination .swiper-pagination-bullet-active{width:32px;background-color:var(--swiper-pagination-bullet-inactive-color,#7997af);border-radius:8px}
.cmp-products-related-repsol-lubricantes__pagination.swiper-pagination .swiper-pagination-bullet-active::after{display:block;content:'';background-color:var(--swiper-pagination-color,#001e37);width:16px;height:100%;border-radius:8px}
.cmp-products-related-repsol-lubricantes__pagination.swiper-pagination .swiper-pagination-bullet-active.slide-next::after{animation:prrl-after-enter-right .35s ease forwards}
.cmp-products-related-repsol-lubricantes__pagination.swiper-pagination .swiper-pagination-bullet-active.slide-prev::after{animation:prrl-after-enter-left .35s ease forwards}
.cmp-products-related-repsol-lubricantes__tag{position:absolute;top:16px;right:16px;background-color:#e50052;color:#fff;text-transform:uppercase;font-size:12px;line-height:16px;letter-spacing:.5px;padding:6px 8px;border-radius:8px;z-index:2}
.cmp-products-related-repsol-lubricantes__card{background:#fff;border:1px solid #dbe6f0;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;height:100%;transition:box-shadow .2s}
.cmp-products-related-repsol-lubricantes__card-image-wrapper{display:flex;justify-content:center;align-items:center;min-height:212px}
.cmp-products-related-repsol-lubricantes__card-image{width:100%;height:180px;object-fit:contain}
.cmp-products-related-repsol-lubricantes__card-body{padding:24px;display:flex;flex-direction:column;gap:32px;flex:1}
.cmp-products-related-repsol-lubricantes__card-title{font-family:RepsolSoleDisplayBold,sans-serif;color:#001e37;font-size:16px;text-transform:uppercase;margin-bottom:8px}
.cmp-products-related-repsol-lubricantes__card-title::before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:''}
.cmp-products-related-repsol-lubricantes__card-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.cmp-products-related-repsol-lubricantes__card-tag{font-family:RepsolSoleTextBold;padding:0 8px;border:1px solid #95b0c6;font-size:12px;line-height:14px;border-radius:18px;color:#001e37}
@keyframes prrl-after-enter-right{from{transform:translateX(-16px)}
to{transform:translateX(0)}
}
@keyframes prrl-after-enter-left{from{transform:translateX(16px)}
to{transform:translateX(0)}
}