Zaira

<div class="middle-video-container">
<video class="video-video-DF2 hide-mobile" src="https://mcstaging.thekooples.com.ar/media/video/Home tucci ft zaira_EDITABLE.mp4" autoplay loop muted playsinline></video>
<video class="video-video-DF2 hide-desktop" src="https://mcstaging.thekooples.com.ar/media/video/BANNER PPAL VIDEO_Mobile.mp4" autoplay loop muted playsinline></video>
</div>

<style>
/*
* HIDDEN videos
*/

.hide-mobile{
width: 100%;
}

@media only screen and (min-width: 769px) {
.hide-desktop {
display: none;
}
}

@media only screen and (max-width: 768px) {
.hide-mobile {display: none;}

}

/*
*
*/

</style>

<style>

.row-slider > div > div {
gap:14px
}

.column-relative {
position:relative;
}

.floating-text-card {
position: absolute;
bottom: 18px;
left: 18px;
font-weight: 600;
line-height: 24px;
font-size: 16px;
}

.row-banners-categories img {
margin-bottom: 0;
margin-top: 0;
}

.row-slider > div:nth-child(1){
width:100%;
min-height: 300px;
}

@media (max-width: 767px) {

.row-slider > div:nth-child(1){
height: 460px;
}

.row-banners-categories > div > div {
flex-wrap: nowrap;
overflow-x: auto;
height: 455px;
scrollbar-width: none;
gap: 5px;
}
.column-relative {
width: 305px!important;
height: 100%;
align-items: center;
aspect-ratio: 61 / 64;
}

.floating-text-card {
bottom: 15px;
left: 10px;
font-size: 12px;
}

.row-banners-categories {
margin-top:15px!important;
}
}

</style>

LOS ELEGIDOS DE ZAIRA

<style>

.row-banners-categories-second > div > div {
overflow-x: auto;
height: calc((100vw / 3.5) * (2728 / 1800));
scrollbar-width: none;
gap: 5px;
cursor: grab;
}

.second-column-relative{
width: calc((100vw - (3.5 - 1) * 5px) / 3.5) !important;
height: 100%;
align-items: center;
aspect-ratio: 1800 / 2728;
}

.row-slider-second > div > div {
gap:14px
}

.second-column-relative {
position:relative;
}

.floating-text-card {
position: absolute;
bottom: 18px;
left: 18px;
font-weight: 600;
line-height: 24px;
font-size: 16px;
}

.row-banners-categories-second img {
margin-bottom: 0;
margin-top: 0;
}

.row-slider-second > div:nth-child(1){
width:100%;
min-height: 300px;
}

@media (max-width: 767px) {
.row-slider-second > div:nth-child(1){
height: 460px;
}

.row-banners-categories-second > div > div {
flex-wrap: nowrap;
overflow-x: auto;
height: 455px;
scrollbar-width: none;
gap: 5px;
}
.second-column-relative {
width: 305px!important;
height: 100%;
align-items: center;
aspect-ratio: 1800 / 2728;

}

.floating-text-card {
bottom: 15px;
left: 10px;
font-size: 12px;
}

.row-banners-categories-second {
margin-top:15px!important;
}
}

</style>

<style>

.title-carousel p {
margin-top: 25px;
margin-bottom: 25px!important;
}

.title-carousel span{
font-size:28px!important;
}

.title-carousel span {
letter-spacing: 0px;
color: #000000;
font-weight: 900;
}

@media only screen and (max-width: 768px){
.title-carousel span{
font-size:15px!important;
}

.title-carousel p {
margin-top: 10px;
margin-bottom: 10px!important;
}
}

</style>

<style>

.banner-home img {
margin:0!important;
}

</style>

Ayuda

Contacto