@import 
url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Quicksand:wght@300..700&display=swap'); 
body, body *:not(i):not([class*="fa"]):not([class*="ico"]):not([class*="icon"]) {
    font-family: 'Montserrat', sans-serif !important;
}
/*header*/ .header_container_ext { background-color: #0B8999; min-height: 80px; 
    height: 91px;
}
.header_container_ext.vacio { background-color: #0B8999;
}
.header_container_ext.scroll{ background-color: rgb(11 137 153 / 60%);
}
.scroll .cont_logo a img { width: 100px;
}
.header_container_ext > .header_container > .cont_logo { padding: 1em 0;
}
/* Media query más amplia primero (tablets y móviles) */ @media (min-width: 0px) 
and (max-width: 767px) {
    .header_container_ext { min-height: 80px; height: 91px;
    }
    .header_container_ext > .header_container { min-height: 60px;
    }
    .header_container_ext > .header_container > .cont_logo { left: 0; z-index: 3; 
        height: 40px; margin: auto; top: 0px; padding: 1em 0;
    }
    .header_container_ext > .header_container > .cont_logo a > img { max-height: 
        80px; max-width: 180px; width: 180px !important; aspect-ratio: auto 140 / 
        59;
    }
    .header_container_ext > .header_container { min-height: 80px;
    }
    .gal_lis > .item > .row > span .thumbnail { min-height: 120px;
    }
    .gal_lis .thumbnail .content .tit { font-size: 16px !important; font-weight: 
        bold; text-align: center; display: block; position: absolute; bottom: 
        10px; padding: 0 1rem; margin-top: 0px;
    }
}
/* Media query más específica después (móviles pequeños) */ @media (min-width: 
0px) and (max-width: 399px) {
    .header_container_ext { min-height: 80px; height: 80px;
    }
    /* Sobrescribe solo lo que necesita cambiar */ .header_container_ext > 
    .header_container > .cont_logo {
        margin: 0; padding: 1em;
    }
    .header_container_ext > .header_container > .cont_logo a > img { max-width: 
        140px; width: 140px !important; aspect-ratio: auto 180 / 59; /* Corregido 
        */
    }
    .gal_lis .thumbnail .content .tit { font-size: 16px !important; font-weight: 
        bold; text-align: center; display: block; position: absolute; bottom: 
        10px; padding: 0 1rem; margin-top: 0px;
    }
}
.gal_lis .thumbnail { border-radius: 5px;
}
.gal_lis .thumbnail:hover .caption { display:block; background-color: #0b8999; 
    transition: .5s; opacity:1;
}
.gal_lis .thumbnail .caption { position: absolute; width:100%; height:100%; 
    z-index: 2; top:0; opacity: 0;
}
.gal_lis .thumbnail .content { color: inherit; cursor: pointer; display: block; 
    height: 0; width: 100%; overflow: hidden; position: relative; z-index: 10; 
    width: 100%; height: 100%; position: absolute; top: 0;
}
.gal_lis .thumbnail .content .text-left { min-height: 100%; height: 100%; width: 
    100%; height: 100%; position: absolute; top: 0;
}
.gal_lis .thumbnail .content .tit { font-family: 'Montserrat', sans-serif; 
    font-size: 30px; font-weight: bold; text-align: center; display: block; 
    position: absolute; bottom: 10px; padding: 0 1rem; margin-top: 0px !important;
}
.gal_lis .thumbnail:hover .content .tit { top: 20px; transition: .5s;
}
.gal_lis .thumbnail .content .desc { font-family: 'Montserrat', sans-serif; 
    font-size: 18px; font-weight: normal; opacity: 0;
}
.gal_lis .thumbnail:hover .content .desc { display: block; overflow: hidden; 
    position: absolute; top: 50%; padding: 0 2rem; width: 100%; opacity: 1; 
    transition: .5s;
}
/*SLIDER : CAROUSEL */ .carousel-inner{ border-radius: 5px;
}
/*LISTA RESUTADOS*/ .valoracion > .listVal > .vext { border: 1px solid #E7E7E7; 
    border-radius: 8px;
}
.valoracion > .listVal > .alj {} .valoracion > .listVal > .vext.reco::before { 
    content: "⭐ RECOMENDADO"; position: absolute; top: -1px; left: 50%; 
    transform: translateX(-50%); background: #0b8999; color: white; padding: 2px 
    12px; font-size: 11px; font-weight: bold; border-radius: 0 0 8px 8px; z-index: 
    10;
}
.valoracion > .listVal > .vext.reco { box-shadow: none; border: solid 2px #0b8999; 
    position: relative; overflow: hidden;
}
.valoracion > .listVal > .sep_val, .prod_fic_val .vext.alj .sep_val{ 
    border-bottom: solid 1px #F0F0F0;
}
.valoracion > .listVal > .sep_val { display: block; margin: 10px 0;
}
.valoracion > .listVal > .vext > .header > .pImg { border-radius: 8px;
}
.valoracion > .listVal > .vext > .val > .btns > .reservar > .bt_res1 { 
    font-family: 'Montserrat', sans-serif; background: rgba(14, 53, 100, 1); 
    border-radius: 8px; -webkit-border-radius: 8px; border: none;
}
.valoracion > .listVal > .vext > .val > .btns > .reservar > .bt_res1:hover { 
    background: rgba(23, 81, 151, 1); border: none;
}
/*MENU LATERAL*/ .mpri .nav > li > a { font-family: 'Montserrat', sans-serif;
}
.mpri .nav > li.selected > a { font-family: 'Montserrat', sans-serif; font-weight: 
       600;
}
.header_moneda > .hidden-xs .dropdown > .lnk { font-family: 'Montserrat', 
    sans-serif;
}
.header_telf .lbl_xs { font-family: 'Montserrat', sans-serif
}
.header_idio > .hidden-xs .dropdown > .lnk { font-family: 'Montserrat', 
    sans-serif; font-weight: 600;
}
.header_micu .hidden-xs .dropdown > a { font-family: 'Montserrat', sans-serif;
}
/*LISTA TO VENTAS*/ .top_vnt_fx ul li { display: inline-block; padding: 0px .5rem;
}
.top_vnt_fx .itm { margin:0; position:relative;
}
.top_vnt_fx a { display: block; margin: 0px; text-decoration: none; overflow: 
    hidden; font-size: 11px; position: relative; border: solid 1px rgb(200 237 
    241); border-radius: 8px; height: 290px !important;
}
.top_vnt_fx a > .pnl_img { overflow: hidden; display: block; width: 100%; 
    max-height: 240px;
}
.top_vnt_fx a > .pnl_img > img { margin-left: auto; margin-right: auto; 
    max-height: 240px; height: auto; width: 100%;
}
.top_vnt_fx a > .pnl_cont { font-family: 'Montserrat', sans-serif; position: 
    absolute; top: 70%; width: 100% !important; background-color: white; 
    -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: 
    all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;
}
.top_vnt_fx a:hover > .pnl_cont { top: 60%;
}
.top_vnt_fx a > .pnl_cont .pnl_tit { font-family: 'Montserrat', sans-serif;
}