/* ##################### */
/* 2- START CITIES CADS */
/* ##################### */
#header_main_cities {
    margin-top: 45px;
}
h1{
    font-size: clamp(3rem, 5vw, 5rem) !important;
}

/** Hero Section*/
#new_header {
  position:relative;
  background-color: #00000061;
  overflow:hidden
}
.hero-img {
    position:absolute;
    width: 100%;
    object-fit:cover;
    box-shadow:inset 350px 0 360px 13px #2e2e2e8f;
    z-index:-1000;
}
.box_header{
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    align-content: flex-start;
    width: 85%;
}
.box_header h1{
    font-weight: 800;
    font-size: 65px;
    color: white !important;
}
.box_header p{
    font-size: 28px;
    color: white !important;
}
#new_header .hero-content h1 {
  font-size: clamp(3rem,5vw,5rem);
  line-height: 1.3;
  margin-bottom: 60px;
  font-weight: 700;
}
#new_header .hero-content p {
  font-size: 1.4rem;
  margin-bottom: 20px;
}
#new_header .cta-btn {
    background-color: #e2542a;
    padding: 15px 55px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
}
#new_header .cta-btn:hover {
    background-color: #b84726;
}
.text_header_cities {
    margin: auto;
    width: 100%;
    text-align: center;
    padding: 15px 0 20px 0;
}
.text_header_cities h1{
    display:flex;
    justify-content: center;
}
.text_header_cities p{
    color: #3e3e3e !important;
    font-size: 16.8px
}
.container_cities .card_city, .container_cities .filter_card_city {
    height: 245px;
}
.container_cities .card_city {
    margin: 0px 0px 20px 0px;
}
.filter_card_city img {
    transition: transform 0.5s;
}
.filter_card_city:hover img {
    transform: scale(1.18);
}
.img_city {
    min-height: 250px!important;
    object-fit: none;
}
.container_title_city {
    border-radius: 5.82857px!important;
    background: rgba(66,66,66,0);
    background: -moz-linear-gradient(top, rgba(66,66,66,0) 71%, rgba(66,66,66,0.97) 100%, rgba(13,13,13,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(71%, rgba(66,66,66,0)), color-stop(100%, rgba(66,66,66,0.97)), color-stop(100%, rgba(13,13,13,1)));
    background: -webkit-linear-gradient(top, rgba(66,66,66,0) 71%, rgba(66,66,66,0.97) 100%, rgba(13,13,13,1) 100%);
    background: -o-linear-gradient(top, rgba(66,66,66,0) 71%, rgba(66,66,66,0.97) 100%, rgba(13,13,13,1) 100%);
    background: -ms-linear-gradient(top, rgba(66,66,66,0) 71%, rgba(66,66,66,0.97) 100%, rgba(13,13,13,1) 100%);
    background: linear-gradient(to bottom, rgba(66,66,66,0) 71%, rgba(66,66,66,0.97) 100%, rgba(13,13,13,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#0d0d0d', GradientType=0 );
}
.card_city_mini {
    min-height: 140px!important;
    height: auto!important;
}
.container_cities .mini_width {
    max-width: 20%;
}
.city_name {
    padding-left: 0px!important;
    color: #F5F8F7;
    position: absolute;
    bottom: 0px;
    font-style: normal;
    font-weight: 500;
    font-size: 19px!important;
    line-height: 136.28%;
}
.only-show-all-visible{
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-o-transition: all 2s;
	transition:all 2s;
}
.no-visible {
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-o-transition: all 2s;
	transition:all 2s;
	display:none;
}
.destinosHome {
    width: 100%;
    margin: 0 auto;
}
.link_city_card {
    min-width: 16rem!important;
    max-width: 18rem!important;
    min-height: 250px!important;
    margin-bottom: 20px!important;
}
.card:after {
    content: '';
    transform: scale(0);
    transform-origin: top left;
    border-radius: 50%;
    position: absolute;
    left: -50%;
    top: -50%;
    z-index: -5;
    transition: all, var(--transition-time);
    transition-timing-function: ease-in-out;
}
.card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.card-deck .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
}
.more_cities_expand {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.75px;
    color: #E2412A!important;
    margin-top: 15px;
    margin-bottom: 18px;
}
#destination-collapse {
    width: 350px;
}

/* ##################### */
/* 2- END CITIES CADS */
/* ##################### */

/* ##################### */
/* 3- START TE INTERESA */
/* ##################### */
.container_text_interest{
    padding-right: 50px;
}
.container_img_interest img {
    border-radius: 15px;
    width: 100%;
    object-fit: cover;
    height: 240px;
}

/* ##################### */
/* 3- END TE INTERESA */
/* ##################### */
@media (min-width: 750px) and (max-width: 6000px){
    .show_mobile{
        display: none;
    }
}
@media (min-width: 767px) and (max-width: 992px){
    .content_interesa{
        flex-wrap: wrap;
    }
    .container_img_interest img {
        height: 200px;
    }
    .container_cities .card_city, .container_cities .filter_card_city {
        height: 145px!important;
    }
    .card_city_mini {
        min-height: 110px!important;
    }
    .city_name {
        font-size: 12px!important;
    }
}
@media (max-width: 525px){
    h1 {
        font-size: 32px;
    }
    .tag_outstanding, .tag_offer {
        padding: 5px 12px;
    }
    .show_desktop{
        display: none;
    }
    .link_city_card {
        min-width: 10rem!important;
        max-height: 160px;
        min-height: 160px!important;
    }
    .content_interesa{
        display: grid!important;
    }
    .container_img_interest img {
        height: 200px;
    }
    .container_text_interest{
        order: 2;
    }
    .container_img_interest{
        order: 1;
        margin-bottom: 20px;
    }
}
@media (min-width: 350px) and (max-width: 420px){
    .link_city_card {
        min-width: 20rem!important;
    }
}
/* END ELEMENTOS COMUNES */

/* ##################### */
/* 2- START HEADER */
/* ##################### */
.container_cities .card_city, .container_cities .filter_card_city {
    height: 245px;
}
.container_cities .card_city {
    margin: 0px 0px 20px 0px;
}
.filter_card_city img {
    transition: transform 0.5s;
}
.filter_card_city:hover img {
    transform: scale(1.18);
}
.img_city {
    min-height: 250px!important;
    object-fit: none;
}
.container_title_city {
    border-radius: 5.82857px!important;
    background: rgba(66,66,66,0);
    background: -moz-linear-gradient(top, rgba(66,66,66,0) 71%, rgba(66,66,66,0.97) 100%, rgba(13,13,13,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(71%, rgba(66,66,66,0)), color-stop(100%, rgba(66,66,66,0.97)), color-stop(100%, rgba(13,13,13,1)));
    background: -webkit-linear-gradient(top, rgba(66,66,66,0) 71%, rgba(66,66,66,0.97) 100%, rgba(13,13,13,1) 100%);
    background: -o-linear-gradient(top, rgba(66,66,66,0) 71%, rgba(66,66,66,0.97) 100%, rgba(13,13,13,1) 100%);
    background: -ms-linear-gradient(top, rgba(66,66,66,0) 71%, rgba(66,66,66,0.97) 100%, rgba(13,13,13,1) 100%);
    background: linear-gradient(to bottom, rgba(66,66,66,0) 71%, rgba(66,66,66,0.97) 100%, rgba(13,13,13,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#0d0d0d', GradientType=0 );
}
.city_name {
    padding-left: 0px!important;
    color: #F5F8F7;
    position: absolute;
    bottom: 0px;
    font-style: normal;
    font-weight: 500;
    font-size: 19px!important;
    line-height: 136.28%;
}
.only-show-all-visible{
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-o-transition: all 2s;
	transition:all 2s;
	margin-bottom: 22px;
}
.no-visible {
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-o-transition: all 2s;
	transition:all 2s;
	display:none;
}
.destinosHome {
    width: 100%;
    margin: 0 auto;
}
.link_city_card {
    min-width: 16rem;
    max-width: 18rem;
    min-height: 250px;
    margin-bottom: 20px;
}
.card:after {
    content: '';
    transform: scale(0);
    transform-origin: top left;
    border-radius: 50%;
    position: absolute;
    left: -50%;
    top: -50%;
    z-index: -5;
    transition: all, var(--transition-time);
    transition-timing-function: ease-in-out;
}
.card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.card-deck .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
}
#destination-collapse {
    width: 350px;
}
/* ##################### */
/* 2- END HEADER */
/* ##################### */

/* ##################### */
/* 4- START INTERES */
/* ##################### */
.container_text_interest{
    padding-right: 50px;
}
.container_img_interest img {
    border-radius: 15px;
    width: 100%;
    object-fit: cover;
    height: 240px;
}
.content_interesa {
    flex-wrap: wrap;
}
/* ##################### */
/* 4- END INTERES */
/* ##################### */

@media (max-width: 525px){
    h1 {
        font-size: 32px;
    }
    .box_header{
        justify-content: center !important;
        margin: auto;
        text-align: center;
        width: 95%;
    }
}
@media (min-width: 768px){
    .col-md-12{
        margin-top: -15px;
    }
}
@media (max-width: 350px){
    #new_header .container {
        padding: 50px 20px !important;
    }
}