:root{--swiper-pagination-color:#001e37;--swiper-pagination-bullet-inactive-color:#7997af}
.modular-cards-component .bg-box.rds-background-navy{background-image:url("../../../../content/dam/repsol-lubricantes/gama-extreme/background.webp");background-size:cover;background-repeat:no-repeat}
.modular-cards-component .bg-box:not(.rds-background-navy){padding-top:40px}
@media(min-width:1024px){.modular-cards-component .bg-box:not(.rds-background-navy){padding-top:48px}
}
.modular-cards-component .bg-box:not(.rds-background-navy) .component-title{text-align:center;margin-bottom:8px}
.modular-cards-component .bg-box:not(.rds-background-navy) .component-description{text-align:center}
.modular-cards-component .component-title{margin-bottom:24px}
@media(min-width:1024px){.modular-cards-component .component-title{margin-bottom:32px}
}
.modular-cards-component .modular-card-component{border-radius:16px}
.modular-cards-component .modular-card-component::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,30,55,0.48);z-index:2;pointer-events:none}
.modular-cards-component .three-cards,.modular-cards-component .two-cards{display:flex;flex-direction:column;gap:16px}
@media(min-width:1024px){.modular-cards-component .three-cards,.modular-cards-component .two-cards{display:grid;gap:24px}
}
.modular-cards-component .three-cards .modular-card-component,.modular-cards-component .two-cards .modular-card-component{height:380px}
.modular-cards-component .three-cards .link-card[href]::before,.modular-cards-component .two-cards .link-card[href]::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.modular-cards-component .three-cards .modular-card-component,.modular-cards-component .two-cards .modular-card-component{position:relative}
.modular-cards-component .three-cards .wrapper-img,.modular-cards-component .two-cards .wrapper-img{height:100%}
.modular-cards-component .three-cards .wrapper-img img,.modular-cards-component .two-cards .wrapper-img img{height:100%;object-fit:cover}
.modular-cards-component .three-cards .wrapper-content,.modular-cards-component .two-cards .wrapper-content{position:absolute;bottom:0;left:0;width:100%;z-index:3;padding:16px;display:flex;flex-direction:column;gap:24px}
@media(min-width:1024px){.modular-cards-component .three-cards .wrapper-content,.modular-cards-component .two-cards .wrapper-content{padding:24px}
}
.modular-cards-component .three-cards .wrapper-content .wrapper-btn-card *,.modular-cards-component .two-cards .wrapper-content .wrapper-btn-card *{color:#fff}
.modular-cards-component .three-cards .wrapper-content .wrapper-btn-card .rp-link-click,.modular-cards-component .two-cards .wrapper-content .wrapper-btn-card .rp-link-click{position:relative;z-index:10;cursor:pointer}
@media(min-width:1024px){.modular-cards-component .two-cards .modular-card-component{height:100%}
}