.zz-multi-slider--tpl-plantilla-web-1 {
--zzms-full-height-offset: 0px;
--zzms-full-height-offset-mobile: 0px;
--zzms-overlay-color: linear-gradient(
to bottom,
rgba( 0, 0, 0, 0.40 ) 0%,
rgba( 0, 0, 0, 0.40 ) 55%,
rgba( 0, 0, 0, 0.55 ) 75%,
rgba( 0, 0, 0, 0.60 ) 88%,
rgba( 0, 0, 0, 0.60 ) 100%
);
}
.zz-multi-slider--tpl-plantilla-web-1 .zz-multi-slider__pagination {
bottom: 40px !important;
text-align: left;
box-sizing: border-box;
padding-left: var( --zzms-content-side-margin, 20px );
padding-left: max(
var( --zzms-content-side-margin, 20px ),
calc( ( 100vw - var( --zzms-content-box-width, 1300px ) ) / 2 )
);
padding-right: var( --zzms-content-side-margin, 20px );
} @media ( min-width: 993px ) and ( max-width: 1400px ) {
.zz-multi-slider--tpl-plantilla-web-1 .zz-multi-slider__pagination {
padding-left: var( --zzms-content-side-margin-tablet, 50px );
}
} .zz-multi-slider--tpl-plantilla-web-1 .swiper-pagination-bullet {
width: 10px;
height: 10px;
border-radius: 5px;
background: var( --zz-blanco, #fff );
opacity: 1;
transition: width 0.35s ease, background-color 0.35s ease;
}
.zz-multi-slider--tpl-plantilla-web-1 .swiper-pagination-bullet-active {
width: 80px;
background: var( --zz-principal, #028038 );
} .zz-multi-slider--tpl-plantilla-web-1 .swiper-pagination-bullet:first-child {
margin-left: 0;
} @media ( max-width: 600px ) {
.zz-multi-slider--tpl-plantilla-web-1 .zz-multi-slider__pagination {
bottom: 28px !important;
}
.zz-multi-slider--tpl-plantilla-web-1 .swiper-pagination-bullet-active {
width: 48px;
}
} @media ( prefers-reduced-motion: reduce ) {
.zz-multi-slider--tpl-plantilla-web-1 .swiper-pagination-bullet {
transition: none;
}
} .zz-multi-slider--tpl-plantilla-web-1 .zz-multi-slider__title {
font-size: clamp( 2.25rem, 1.2rem + 4.68vw, 5rem ); }
.zz-multi-slider--tpl-plantilla-web-1 .zz-multi-slider__text {
font-size: clamp( 1rem, 0.95rem + 0.21vw, 1.125rem ); } .zz-multi-slider--tpl-plantilla-web-1 {
--zzms-btn1-bg: var( --zz-principal, #028038 );
--zzms-btn1-color: var( --zz-blanco, #fff );
--zzms-btn2-bg: var( --zz-principal, #028038 );
--zzms-btn2-color: var( --zz-blanco, #fff );
--zzms-btn2-border: var( --zz-principal, #028038 );
--zzms-btn-radius: 6px;
}
.zz-multi-slider--tpl-plantilla-web-1 .zz-multi-slider__btn {
padding: 10px 32px;
font-family: 'Inter', sans-serif;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0;
border-style: solid;
border-width: 1px; transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
} .zz-multi-slider--tpl-plantilla-web-1 .zz-multi-slider__btn--1 {
border-color: var( --zzms-btn1-bg );
} .zz-multi-slider--tpl-plantilla-web-1 .zz-multi-slider__btn:hover,
.zz-multi-slider--tpl-plantilla-web-1 .zz-multi-slider__btn:focus-visible {
background: var( --zz-blanco, #fff );
color: var( --zz-negro, #000 );
border-color: var( --zz-blanco, #fff );
opacity: 1;
transform: none;
} .zz-multi-slider--tpl-plantilla-web-1 .zz-multi-slider__scroll-down,
.zz-multi-slider--tpl-plantilla-web-1 .zz-multi-slider__scroll-down:hover {
background: none;
border: none;
}
.zz-multi-slider--tpl-plantilla-web-1 .zz-multi-slider__scroll-down:focus-visible {
outline: 2px solid #fff;
outline-offset: 2px;
border-radius: 50%;
}