.bg-kids {
    background-image: url('/dam/multiHotel-Universal-Beach-Hotels/kids/fondo-sea-club-kids.webp');
    background-size: cover; 
    background-position: bottom; 
    background-repeat: no-repeat;
}
.center-kids .row>div:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
}
.img-kids {
    width: 370px;           
    height: 370px;        
    object-fit: cover;      
    border-radius: 50%;   
    border: 10px solid #ecac77;
    box-sizing: border-box; 
    display: block;       
    margin: 0 auto;        
}
.text-kids{
    font-size: 18px;
}
.logo-kids {
    max-width: 320px; 
    height: auto;
}
.contenedor-logo {
    display: flex;
    justify-content: center; 
    align-items: center;    
}
@media (max-width: 991px) {
    .img-kids {
        width: 300px;           
        height: 300px;   
    }
}
/*Landing Kids Sea Club*/
.contact_card_wrapper__box p{
    font-weight:300;
    line-height:1.2;
}
.contact_card_wrapper__box img{
    height:70px;
    width:auto;
}
/*Imagen pulpo valores*/
.valores-pop{
    position:relative;
    min-height:90dvh;
    padding:100px 0;
}
.card-valores{
    padding: 1.5rem;
    position:absolute;
}
.card-valores p{
    color:#fff;
}
.card-valores p strong{
    font-size:24px;
}
.card-corpo{
    background:var(--colorPrimary);
    border-radius:25px 81px 32px 79px / 56px 38px 62px 30px;
    max-width: 20vw;
}
.card-orange{
    background:var(--colorSecondary);
    border-radius: 64px 89px 70px 99px / 72px 117px 69px 71px;
    max-width: 14vw;
}
.card-brown{
    background:#e8dcc8;
    border-radius: 126px 65px 74px 72px / 73px 139px 61px 91px;
    max-width: 23vw;
}
.card-valores.card1{
    top: -2vh;
    left: 10vw;
}
.card-valores.card2{
    top: -5vh;
    left: 31vw;
}
.card-valores.card3{
    top: 20vh;
    right: -5vh;
}
.card-valores.card4{
    max-width: 28%;
    border-radius: 84px 101px 120px 133px / 96px 127px 69px 71px;
    top:43vh;
    right:-1vw;
}
.card-valores.card5{
    bottom:1vh;
    right:5vw;
}
.card-valores.card6{
    bottom:3vh;
    left:10vw;
}
.card-valores.card7{
    bottom: 24vh;
    left: 1vw;
}
.card-valores.card8{
    top:20vh;
    left:-2vh;
}
.valores-pop .pop{
    position:absolute;
    width:24vw;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    z-index:1;
}
.exp-kids .swiper-slide{
    display:none;
}
.exp-kids .swiper-slide:has(#card-romantica),
.exp-kids .swiper-slide:has(#card-castell-royal),
.exp-kids .swiper-slide:has(#card-don-camilo),
.exp-kids .swiper-slide:has(#card-lido){
    display:block;
}
@media(max-width:1440px){
    .valores-pop .pop{
        width:20vw;
        left:52%;
    }
    .card-orange{
        max-width:16vw;
    }
}
@media(max-width:1024px){
    .card-corpo, .card-orange, .card-brown{
        max-width:35vw !important;
    }
    .card-valores.card2{
        left:50vw;
    }
    .card-valores.card3{
        right:0;
    }
    .card-valores.card8{
        left:0;
    }
    .valores-pop .pop {
        width: 30vw;
        left: 50%;
    }
}
@media(max-width:767px){
    .card-corpo, .card-orange, .card-brown, .valores-pop .pop{
        width:98% !important;
        position:relative !important;
        max-width:98% !important;
        inset:auto !important;
    }
    .valores-pop{
        display:flex;
        flex-direction:column;
        gap:10px;
        padding:0;
    }
    .valores-pop .pop{
        transform:none;
        max-width: 70% !important;
        margin: 0 auto;
        order:5;
    }
    .card-valores.card5{
        order:6;
    }
    .card-valores.card6{
        order:7;
    }
    .card-valores.card7{
        order:8;
    }
    .card-valores.card8{
        order:9;
    }
}