.elementor-15244 .elementor-element.elementor-element-8b1c07eb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-fadbf1f2 *//*======================================================
OTROS HOTELES
======================================================*/

.traveland-other-hotels{

    margin:90px auto;

}


.other-hotels-grid{

    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:30px;
    align-items:stretch;

}



/*======================================================
CARDS HOTELES
======================================================*/

.other-hotel-card{

    background:#fff;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 18px 45px rgba(0,0,0,.08);
    transition:.35s;

}


.other-hotel-card:hover{

    transform:translateY(-8px);

}



.hotel-photo{

    position:relative;
    height:230px;
    overflow:hidden;

}


.hotel-photo img{

    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.45s;

}


.other-hotel-card:hover .hotel-photo img{

    transform:scale(1.08);

}



.hotel-label{

    position:absolute;
    left:18px;
    top:18px;

    background:#2EBB5D;
    color:#fff;

    padding:8px 16px;
    border-radius:30px;

    font-size:12px;
    font-weight:700;

}




/*======================================================
INFO HOTEL
======================================================*/


.hotel-info{

    padding:28px;

}



.hotel-zone{

    display:block;

    color:#2EBB5D;

    font-size:13px;

    font-weight:700;

    text-transform:uppercase;

    margin-bottom:12px;

}



.hotel-info h3{

    font-size:30px;

    color:#222;

    margin:0 0 14px;

}



.hotel-info p{

    color:#666;

    line-height:1.8;

    margin:0 0 25px;

}



.hotel-btn{

    color:#2EBB5D;

    text-decoration:none;

    font-weight:700;

}




/*======================================================
CENTRO DESTINO
======================================================*/


.destination-card{

    background:#fff;

    border-radius:22px;

    overflow:hidden;

    box-shadow:0 18px 45px rgba(0,0,0,.08);

}



.destination-card img{

    width:100%;

    height:210px;

    object-fit:cover;

    display:block;

}



.destination-content{

    padding:32px;

    text-align:center;

}



.destination-badge{

    display:inline-block;

    background:#2EBB5D;

    color:#fff;

    padding:8px 18px;

    border-radius:30px;

    font-size:12px;

    font-weight:700;

    margin-bottom:18px;

}



.destination-content h2{

    color:#222;

    font-size:34px;

    line-height:1.2;

    margin:0 0 18px;

}



.destination-content p{

    color:#666;

    line-height:1.8;

    margin:0 0 30px;

}



.destination-button{

    display:inline-block;

    background:#2EBB5D;

    color:#fff;

    text-decoration:none;

    padding:15px 32px;

    border-radius:40px;

    font-weight:700;

    transition:.3s;

}



.destination-button:hover{

    background:#28a94f;

}



/*======================================================
TABLET
======================================================*/


@media(max-width:1100px) and (min-width:769px){


    .other-hotels-grid{

        gap:20px;

    }


    .hotel-info{

        padding:22px;

    }


    .hotel-info h3{

        font-size:26px;

    }


    .destination-content{

        padding:24px;

    }


    .destination-content h2{

        font-size:28px;

    }


}




/*======================================================
MOBILE
DESTINO PRIMERO
======================================================*/


@media(max-width:768px){


    .traveland-other-hotels{

        margin:60px auto;

    }



    .other-hotels-grid{

        grid-template-columns:1fr;

        gap:30px;

        max-width:650px;

        margin:auto;

    }



    .destination-card{

        order:-1;

    }



    .other-hotel-card{

        order:0;

    }



    .hotel-photo{

        height:220px;

    }



    .destination-card img{

        height:180px;

    }



    .hotel-info{

        padding:24px;

    }



    .destination-content{

        padding:24px;

    }



    .hotel-info h3{

        font-size:26px;

    }



    .destination-content h2{

        font-size:28px;

    }


}/* End custom CSS */