:root {
    --font-leon:'miamo';
    --color-leon:#af8043;
}
@font-face {
    font-family: 'miamo';
    src: url('/dam/multiHotel-Universal-Beach-Hotels/fonts/miamo/regular/miamo-regular-webfont.eot');
    src: url('/dam/multiHotel-Universal-Beach-Hotels/fonts/miamo/regular/miamo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/dam/multiHotel-Universal-Beach-Hotels/fonts/miamo/regular/miamo-regular-webfont.woff2') format('woff2'),
         url('/dam/multiHotel-Universal-Beach-Hotels/fonts/miamo/regular/miamo-regular-webfont.woff') format('woff'),
         url('/dam/multiHotel-Universal-Beach-Hotels/fonts/miamo/regular/miamo-regular-webfont.ttf') format('truetype'),
         url('/dam/multiHotel-Universal-Beach-Hotels/fonts/miamo/regular/miamo-regular-webfont.svg#miamo') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'miamo';
    src: url('/dam/multiHotel-Universal-Beach-Hotels/fonts/miamo/medium/miamo-medium-webfont.eot');
    src: url('/dam/multiHotel-Universal-Beach-Hotels/fonts/miamo/medium/miamo-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/dam/multiHotel-Universal-Beach-Hotels/fonts/miamo/medium/miamo-medium-webfont.woff2') format('woff2'),
         url('/dam/multiHotel-Universal-Beach-Hotels/fonts/miamo/medium/miamo-medium-webfont.woff') format('woff'),
         url('/dam/multiHotel-Universal-Beach-Hotels/fonts/miamo/medium/miamo-medium-webfont.ttf') format('truetype'),
         url('/dam/multiHotel-Universal-Beach-Hotels/fonts/miamo/medium/miamo-medium-webfont.svg#miamo') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
.colorLeon{
    color:var(--color-leon) !important;
}
.breadcrumb-item.active{
    color:var(--color-leon);
}
.titleHero, h1:not(.subTitleHero), h2, h3{
    font-family: var(--font-leon);
}
.titleHero{
    font-size: 52px;
    font-weight: 400;
    line-height: 56px;
    margin-top: 15px;
}
.ficha-hotel p.subTitleSmall, p.title.colorClearGray{
    font-weight:200;
    color:var(--colorGray);
}
p.textHero{
    margin-top:0 !important;
}
.htt-galeria-libreria-1 .bi-camera-fill, .colorPrimary,
.button-transparent.button-primary,.read-link a span,.read-link a,
a.btnBook,a.btnBook.button-primary:hover,
.button-transparent.button-gray{
    color:var(--color-leon) !important;
}
.button-transparent.button-primary,.read-link a span,a.btnBook.button-primary,
.button-transparent.button-gray{
      border-color:var(--color-leon);  
}
.button-transparent:hover,a.btnBook:hover,
a.btnBook.button-primary{
    color:#fff !important;
    background:var(--color-leon);
}
a.btnBook.button-primary{
    color:#fff !important;
}
.button-transparent.button-gray:hover,.horario,a.btnBook{
    border-color:var(--color-leon);
}
.grid-swiper-menu-ficha,.preview-rooms .htt-button:hover{
    background:var(--color-leon) !important;
}
#buttonShowSearcherScroll{
    color:var(--color-leon) !important;
    border:1px solid var(--color-leon) !important;
    animation: ripple-leon 1s linear infinite;
    box-shadow: 0 0 0 2px rgba(175,128,67, 0.1),
    0 0 0 1px var(--color-leon, 0.1),        
    0 0 0 5px rgba(175,128,67, 0.1),        
    0 0 0 8px rgba(175,128,67, 0.1) !important;
}
#buttonShowSearcherScroll:hover{
    background:var(--color-leon) !important;
    color:#fff !important;
}
@keyframes ripple-leon {
    0% {
        box-shadow: 0 0 0 2px rgba(175,128,67, 0.1),
        0 0 0 1px var(--color-leon, 0.1),
        0 0 0 5px rgba(175,128,67, 0.1),
        0 0 0 8px rgba(175,128,67, 0.1);
    }
    50% {
        box-shadow: 0 0 0 2px rgba(175,128,67, 0.1),
        0 0 0 2px var(--color-leon, 0.1),
        0 0 0 9px rgba(175,128,67, 0.1),
        0 0 0 12px rgba(175,128,67, 0.1);
    }
    100%{
        box-shadow: 0 0 0 2px rgba(175,128,67, 0.1),
        0 0 0 1px var(--color-leon, 0.1),
        0 0 0 7px rgba(175,128,67, 0.1),
        0 0 0 9px rgba(175,128,67, 0.1);
    }
}
.grid-servicios-habitacion{
    background:rgba(175,128,67,.08);
}
.experiencia-home .top-text-experiencia h2.title{
    font-size:48px;
}
.accordion-button:not(.collapsed){
    color:var(--color-leon);
    border-color:var(--color-leon);
}
.accordion a,.tabsPrimary .nav-tabs .nav-item.show .nav-link, .tabsPrimary .nav-tabs .nav-link.active, .tabsPrimary .nav-link:hover, .tabsPrimary button.swiper-slide.active{
     color:var(--color-leon) !important;
}
/*Spa*/
.aqua,.grid-gastronomia{
    background:rgba(175,128,67,.1);
}
.grid-gastronomia p.title{
    font-size: 22px;
    font-weight: 400;
    line-height: 1.3em;
    margin-top: 5px;
}
h2 .subTitleSmall{
    font-family:var(--fontPrimary) !important;
}
.swiper-title-spa .swiper-slide p{
    font-family:var(--font-leon);
}
.swiper-ofertas-web .button-transparent:hover,.tabsPrimary nav,
.swiper-ofertas-web p.buttons-offer .button-transparent.button-color:hover{
    background:var(--color-leon) !important;
}
.htt-swiper-button-prev-wrapper:not(.preview-rooms .htt-swiper-button-prev-wrapper), 
.htt-swiper-button-next-wrapper:not(.preview-rooms .htt-swiper-button-next-wrapper){
    border:1px solid var(--color-leon) !important;
}
.swiper:not(.preview-rooms .swiper) .htt-swiper-button-next-wrapper .swiper-button-next,
.swiper:not(.preview-rooms .swiper) .htt-swiper-button-prev-wrapper .swiper-button-prev{
    color:var(--color-leon) !important;
}
@media(min-width:1366px){
    div:has(>#hv){
        width:80% !important;
        margin:0 auto;
    }
}
@media(max-width:1024px){
    .titleHero{
        line-height:1.1em;
    }
    .ficha-hotel .menu-select-mobile{
        background:var(--color-leon) !important;
    }
    .ficha-hotel .menu-select-mobile .dropdown-button{
        border:none;
    }
}
@media(min-width:992px){
    .grid-aqua>.row>div{
        padding-left:0 !important;
        padding-right:0 !important;
    }
}
@media(min-width:768px){
.grid-aqua .swiper-general-1-column .swiper-slide img.img-responsive{
    height:auto !important;
}
}
/*PRUEBA SELECT MENU*/
/*@media(max-width:991px){
.menu-select-mobile>a{
    display:none;
}
}*/
@media(max-width:767px){
    .tabsPrimary .dropdown button{
        color:var(--color-leon);
    }
     .tabsPrimary .dropdown,
     .tabsPrimary .dropdown-item.active, .tabsPrimary .dropdown-item:active{
        background:var(--color-leon);
    }
    .tabsPrimary .btn-check:checked+.btn, .tabsPrimary .btn.active, .tabsPrimary .btn.show, 
    .tabsPrimary .btn:first-child:active, .tabsPrimary :not(.btn-check)+.btn:active{
        background-color:var(--color-leon) !important;
        border-color:var(--color-leon) !important;
    }
     body.ficha-hotel #buttonShowSearcherMobile{
        background:var(--color-leon) !important;
    }
}