.banner-champions .banner-champions-component{height:516px}
@media(min-width:768px){.banner-champions .banner-champions-component{height:528px}
}
.banner-champions .banner-champions-component__background{position:absolute;width:100%;height:516px}
@media(min-width:768px){.banner-champions .banner-champions-component__background{height:528px}
}
.banner-champions .banner-champions-component__background-img{width:100%;height:100%}
.banner-champions .banner-champions-component__title-content{position:relative;display:flex;align-items:center;gap:7px;margin-bottom:20px;padding-top:46px}
@media(min-width:768px){.banner-champions .banner-champions-component__title-content{margin-bottom:26px;padding-top:34px}
}
.banner-champions .banner-champions-component__icon{font-size:37px;color:#fff}
.banner-champions .banner-champions-component__titletop .cmp-title__text{color:#fff;font-family:var(--primary-font);font-style:normal;font-weight:700;font-size:24px;line-height:1.25;letter-spacing:-0.72px}
@media(min-width:768px){.banner-champions .banner-champions-component__titletop .cmp-title__text{font-family:var(--primary-font);font-style:normal;font-weight:700;font-size:32px;line-height:1.25;letter-spacing:-0.96px}
}
.banner-champions .banner-champions-component__cards{display:flex;gap:16px}
@media(min-width:768px){.banner-champions .banner-champions-component__cards{gap:24px}
}
.banner-champions .banner-champions-component__card-content{border-radius:2%;width:255px !important;height:350px;background-color:#fff}
@media(min-width:768px){.banner-champions .banner-champions-component__card-content{width:541px !important;height:364px}
}
.banner-champions .banner-champions-component__img-content{border-top-left-radius:2%;border-top-right-radius:2%;height:calc(100% - 186px)}
@media(min-width:768px){.banner-champions .banner-champions-component__img-content{height:100%}
}
.banner-champions .banner-champions-component__card-img{border-radius:2%;width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.banner-champions .banner-champions-component__card-info{position:absolute;bottom:0;padding:9px 16px;width:100%;height:186px;background:#fff;border-bottom-left-radius:9px;border-bottom-right-radius:9px}
@media(min-width:768px){.banner-champions .banner-champions-component__card-info{padding:16px 25px;width:100%;height:auto;min-height:98px}
}
.banner-champions .banner-champions-component__card-rol{color:#b2b2b2;font-family:var(--primary-font);font-style:normal;font-weight:700;text-transform:uppercase;font-size:14px;line-height:1.1428;letter-spacing:2px}
@media(min-width:768px){.banner-champions .banner-champions-component__card-rol{margin-bottom:10px}
}
.banner-champions .banner-champions-component__card-title{color:#000;font-family:var(--primary-font);font-style:normal;font-weight:700;font-size:20px;line-height:1.2;letter-spacing:-0.6px}
@media(min-width:1024px){.banner-champions .banner-champions-component__card-title{font-family:var(--primary-font);font-style:normal;font-weight:700;font-size:24px;line-height:1.16666667;letter-spacing:-0.48px}
}
.banner-champions .banner-champions-component .swiper{height:400px;min-width:100%}
.banner-champions .banner-champions-component .swiper .swiper-pagination-bullet{background-color:#fff}