.evo-cta {
border-radius: 24px !important;
.btn-primary {
background: black;
color: #fff;
border-radius: 0;
padding: 1rem 2rem;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.2;
text-align: center;
text-decoration: none;
display: inline-block;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.container-xxl {
z-index: 2;
.cta__boton {
margin-top: 16px;
border-radius: 32px;
position: relative;
display: inline-flex;
font-family: "Baloo 2";
font-weight: 800;
}
}
}
.row {
--bs-gutter-x: 3rem;
--bs-gutter-y: 3rem;
display: flex;
flex-wrap: wrap;
width: 100%;
}
.row > * {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
}
.text-center {
text-align: center !important
}
.p-2 {
padding: 16px;
}
.p-4 {
padding: 32px;
}
.flex-column {
flex-direction: column !important;
}
.d-flex {
display: flex !important
}
.flex-wrap {
flex-wrap: wrap !important
}
.col-md-5 {
flex: 0 0 auto;
width: 100%
}
.col-md-7 {
flex: 0 0 auto;
width: 100%
}
.container-xxl {
width: 100%;
}
.evo-cta {
display: flex;
flex-direction: column;
position: relative;
}
.evo-cta:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1; pointer-events: none; }
.evo-cta .block-slider-title {
font-size: clamp(25px, 2.6041666667vw, 50px);
line-height: 1.05;
margin: 0;
position: relative
}
.evo-cta .block-slider-big {
font-size: clamp(70px, 7.2916666667vw, 140px);
line-height: 1;
letter-spacing: -.03em;
color: var(--bs-primary);
text-transform: uppercase;
font-weight: 900;
margin-left: -.03em
}
.evo-cta .block-slider-cta {
gap: 1rem
}
.evo-cta .block-slider-video {
position: relative;
margin-left: -2.5rem;
margin-right: -2.5rem;
background-repeat: no-repeat;
background-size: 100vw 100vh;
background-position: 0 100%;
}
.evo-cta .block-slider-video::before {
content: "";
display: block;
padding-top: 100.6976744186vw
}
.evo-cta .block-slider-video::after {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background-color: var(--bs-primary);
opacity: .25
}
.evo-cta .block-slider-video img, .evo-cta .block-slider-video video {
position: absolute;
z-index: -1;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center
}
.evo-cta .swiper-slide {
height: auto;
display: flex
}
.evo-cta .swiper-slide > div {
display: flex;
flex-direction: column
}
.evo-cta .swiper-slide .row {
--bs-gutter-x: 0;
--bs-gutter-y: 4.5rem
}
.evo-cta .swiper-slide-content {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
z-index: 2;
margin-top: calc(-1 * var(--bs-gutter-y));
padding-top: var(--bs-gutter-y);
background-repeat: no-repeat;
background-position: 0 0;
background-size: 100vw auto;
margin-left: -2.5rem;
margin-right: -2.5rem;
padding-left: 2.5rem;
padding-right: 2.5rem;
min-height: 30rem
}
@media (min-width: 768px) {
.flex-md-row {
flex-direction: row !important;
}
.col-md-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-md-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.flex-md-row-reverse {
flex-direction: row-reverse !important
}
.justify-content-md-start {
justify-content: flex-start !important
}
.text-md-start {
text-align: left !important
}
}
@media (min-width: 768px) {
.evo-cta .block-slider-video {
background-image: none;
height: auto;
max-width: none;
margin-left: -2.5rem;
margin-right: -2.5rem
}
.evo-cta .block-slider-video:before {
padding-top: 30.75vw
}
.evo-cta .block-slider-video iframe {
width: 83.25vw !important;
transform: none !important;
inset: 0 !important
}
.evo-cta .swiper-slide:after {
content: "";
position: absolute;
inset: 0;
background-image: url(//lux.es/wp-content/themes/hello-theme-child/widgets/assets/css/<?php echo esc_url($settings[secondary_image][url]); ;?>");
background-size: 100vw auto;
background-repeat: no-repeat;
background-position: 0 0
}
.evo-cta .swiper-slide-content {
background-image: none;
margin: 0;
padding: 0;
min-height: auto
}
}
@media (min-width: 992px) {
.evo-cta .swiper-slide-content {
background-image: none;
margin: 0;
padding: 48px;
min-height: auto
}
.evo-cta .block-slider-title {
max-width: 48rem
}
.evo-cta .block-slider-big {
max-width: 84rem;
font-size: clamp(40px, 4.25vw, 140px)
}
.evo-cta .block-slider-cta {
max-width: 54rem
}
.evo-cta .block-slider-video {
margin-left: 0;
margin-right: 0
}
}
@media (min-width: 1200px) {
.evo-cta .block-slider-video {
margin-left: -5vw;
}
.evo-cta .block-slider-big {
font-size: clamp(60px, 3.25vw, 120px)
}
.evo-cta .block-stats-row {
max-width: 145rem
}
.evo-cta .block-stats-number {
line-height: 1
}
.evo-cta .block-stats-text {
margin-left: 1.5rem
}
.home main section:first-child {
margin-top: -13rem
}
}
@media (max-width: 480px) {
.evo-cta {
.evo-cta-content {
padding: 16px;
}
.evo-cta-mensaje {
font-size: 32px !important;
font-weight: 800 !important;
line-height: 1em;
}
}
.evo-cta .swiper-slide:after {
background-image: none;
}
.evo-cta .block-slider-video:before {
padding-top: 90.697674vw
}
.evo-cta .block-slider-big {
opacity: 1 !important;
transform: none !important;
visibility: visible !important
}
}