/*
    
    Objetivo Creativo
    www.objetivocreativo.com
    
*/

/* Fancybox */

html body .fancybox-content {
    
    padding: 0;
    
    -webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.35);
    
}

@media (max-width: 575px) {
    
    html body .iniciar .iniciar-cover h1 {
        
        font-size: 33px;
        
    }
    
}

html body .fancybox-close-small svg {
    
    stroke: white;
    
}

html body .fancybox-bg {
    
    background-color: #255f92;
    
}

html body .fancybox-is-open .fancybox-bg {
    
    opacity: 0.79;
    
}

/* Menú privado */

.menu-privado .dropdown {
    
    margin-right: 30px;
    
}

.menu-privado button {
    
    text-align: center;
    border: none;
    
    margin: 2px auto; padding: 3px;
    padding-right: 17px;
    
    margin-top: 23px;
    
    height: auto;
    
    display: inline;
    width: 100%;
    
    border: 2.5px solid transparent;
    
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    
    background-color: #e5e6e1;
    
    font-size: 16.5px;
    font-weight: 700;
    color: #7e7e7e;
    
}

.menu-privado img {
    
    max-height: 28px;
    
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    
    margin-right: 3px;
    
}

.menu-privado .dropdown-toggle:after {
    
    display: none;
    
}

.menu-privado button .btn-cuenta {
    
    text-align: center;
    
    font-size: 16.5px;
    font-weight: 700;
    color: #7e7e7e;
    
    position: relative;
    top: 2px;
    
}

.menu-privado .dropdown-toggle {
    
    transition-duration: 150ms;
    
}

.menu-privado .dropdown-toggle:hover,
.menu-privado .dropdown-toggle:active,
.menu-privado .dropdown-toggle:focus {
    
    cursor: pointer;
    background-color: #245f92;
    color: white;
    outline: none;
    
    -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.3);
    
}

.menu-privado .dropdown-toggle:active,
.menu-privado .dropdown-toggle:focus {
    
    -webkit-box-shadow: inset 0px 0px 4px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0px 0px 4px 1px rgba(0,0,0,0.3);
    box-shadow: inset 0px 0px 4px 1px rgba(0,0,0,0.3);
    
}

.menu-privado .dropdown-toggle .btn-cuenta {
    
    transition-duration: 150ms;
    
}

.menu-privado .dropdown-toggle:hover .btn-cuenta,
.menu-privado .dropdown-toggle:active .btn-cuenta,
.menu-privado .dropdown-toggle:focus .btn-cuenta {
    
    color: white;
    
}

.menu-privado .dropdown-menu a {
    
    padding: 3px 10px; margin: 0;
    height: auto;
    
}

.menu-privado .dropdown-menu a,
.menu-privado .dropdown-menu a:hover,
.menu-privado .dropdown-menu a:focus {
    
    border: 0;
    
}

.menu-privado .dropdown-menu {
    
    padding-top: 15px;
    
    -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.4);
    
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    
}

.menu-privado .dropdown-menu a {
    
    min-width: 200px;
    padding-left: 25px;
    padding-right: 25px;
    
    color: #a9a9a9;
    font-weight: 300;
    font-size: 17.5px;
    
}

.menu-privado .dropdown-menu a:hover,
.menu-privado .dropdown-menu a:focus {
    
    background-color: #ebebeb;
    color: #727272;
    font-size: 17.5px;
    color: black;
    
}

.menu-privado .crown {
    
    width: 23.87px;
    height: 19.12px;
    background-image: url('../img/crown-full.png');
    background-size: 23.83px 19.12px;
    position: absolute;
    top: 12px;
    left: 7.5px;
    
}

#list-menu-movil .list-menu-movil .menu-privado a {
    
    display: block;
    
}

#list-menu-movil .list-menu-movil .menu-privado a {
    
    min-width: 230px;
    
    padding-left: 25px;
    padding-right: 25px;
    
    border: 0;
    
    text-align: left;
    
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    
}

#list-menu-movil .list-menu-movil .menu-privado .dropdown {
    
    margin-right: 0;
    
}

#list-menu-movil .list-menu-movil .menu-privado .dropdown-toggle {
    
    margin-top: 0; margin-bottom: 0;
    margin-right: 0;
    text-align: left;
    
}

#list-menu-movil .list-menu-movil .menu-privado .crown {
    
    top: -11px;
    left: 7.5px;
    
}

#list-menu-movil .list-menu-movil .menu-privado a:hover,
#list-menu-movil .list-menu-movil .menu-privado a:focus,
#list-menu-movil .list-menu-movil .menu-privado a:active {
    
    border: none;
    text-align: left;
    
    background-color: #ebebeb;
    
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    
}

.bloque-alojamientos.oculto {
    
    display: none;
    
}

.elalojamiento hr {
    
    border-color: white;
    
}

.elalojamiento span {
    
    font-size: 14px;
    font-weight: bold;
    
}

.elalojamiento span.tipohabitacion {
    
    text-transform: capitalize;
    
}

/* Filtros */

.filtros {
    
    background-color: rgba(147,212,0,0.67);
    position: absolute;
    z-index: 2;
    
    text-align: center;
    
    padding: 10px;
    
}

.filtros .filtro-btn {
    
    color: white;
    font-size: 17px;
    border: 1px solid white;
    padding: 5px 25px; margin: 10px 5px;
    min-width: 150px;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    font-weight: 600;
    
    transition-duration: 150ms;
    
}

.filtros .filtro-btn:hover {
    
    background-color: white;
    color: #245f92;
    cursor: pointer;
    
}

#filtros-a .fancybox-close-small {
    
    display: none;
    
}

.filtros-box {
    
    padding: 30px;
    
}

.filtros-box .box-titulo {
    
    color: #245f92;
    font-size: 17px;
    font-weight: 600;
    padding-bottom: 10px;
    
}

.filtros-box .box-aplicar {
    
    float: right;
    margin-top: 20px;
    text-align: right;
    color: #93d400;
    font-size: 17px;
    font-weight: 600;
    
    transition-duration: 150ms;
    
    cursor: pointer;
    
}

.filtros-box .box-aplicar:hover {
    
    text-decoration: none;
    color: #245f92;
    
}

.box-titulo input {
    
    margin: 0; padding: 0;
    color: #245f92;
    font-style: normal;
    
}

.wrapper-filtros-slider {
    
    padding: 0;
    padding-right: 10px;
    
}

.ui-widget-header {
    
    background-color: #245f92;
    border: none;
    
}

.ui-slider .ui-slider-handle {
    
    width: 2em;
    height: 2em;
    
    background-color: #93d400;
    border: none;
    
    -webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.2);
    
}

.ui-widget {
    
    height: 1.45em;
    
}

.ui-widget-content {
    
    border: none;
    background-color: #e5e5e5;
    
}

.ui-widget.ui-widget-content {
    
    border: none;
    
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    
    border-bottom-right-radius: 5px;
    
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-br {
    
    border-bottom-left-radius: 5px;
    
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-br {
    
    border-top-right-radius: 5px;
    
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-br {
    
    border-top-left-radius: 5px;
    
}

@media (max-width: 767px) {
    
.filtros {
    
    background-color: rgba(147,212,0,0.95);
    
}
    
}

.benditodilema {
    
    color: inherit;
    
}

.benditodilema:hover,
.benditodilema:focus,
.benditodilema:active {
    
    color: white;
    
}

/* Ajustes */
/* ------- */

.card-a:hover,
.card-a:hover *,
.card-a:hover * *,
.card-a:hover * * *,
.card-a:hover * * * *,
.card-a:hover * * * * *,
.card-a:hover * * * * * *,
.card-a:hover * * * * * * * {
    
    text-decoration: none;
    
}

.ale {
    
    width: 12px; height: 12px;
    
}

.ale-gluten {
    
    content: '.';
    
}


/* Tachado para precios de oferta */
/* ------------------------------ */

.text-line-through {

    text-decoration: line-through;

}

/* Ribbons (etiquetas oferta, nuevo) */

.alojamientos-oferta {
    width: 125px;
    height: 128px;
    overflow: hidden;
    position: absolute;
    left:77px;
}

.alojamientos-oferta span {
    position: absolute;
    display: block;
    width: 180px;
    padding: 10px 0px 10px 10px;
    background-color: rgba(255, 0, 0, 0.8);
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    color: #fff;
    font: 500 12px/1 'Lato', sans-serif;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    text-transform: uppercase;
}

.alojamientos-nuevo {
    width: 30px;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 88%;
    left: 7px;
}

.alojamientos-nuevo span {
    position: absolute;
    display: block;
    width: 225px;
    padding: 10px 20px;
    background-color: rgba(52, 152, 219, 0.8);
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    color: #fff;
    font: 500 12px/1 'Lato', sans-serif;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    text-transform: uppercase;
    text-align: left;
}

.habitacion-oferta {
    width: 125px;
    height: 128px;
    overflow: hidden;
    position: absolute;
    left:232px;
    top: 0px;
}

.habitacion-oferta span {
    position: absolute;
    display: block;
    width: 180px;
    padding: 10px 0px 10px 10px;
    background-color: rgba(255, 0, 0, 0.8);
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    color: #fff;
    font: 500 12px/1 'Lato', sans-serif;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    text-transform: uppercase;

}


/*AFF 16/03/2022 boton disabled*/
.boton-disabled{
    opacity: 0.15;
}

.btn.botonReservada {
    width: 100%;
    color: red;
    border-color: red;
}

input.customer-policy{
    width: auto;
    margin: 0px;
    margin-right: 10px;
}

/*AFF modificaciones listado habitaciones */
.info-box-bar .btn.seleccionar-hab, .info-box-bar .btn.contratar-hab{
    width: 100%;
}

.info-box__temporada select {
    max-width: 100%;
}

.info-box__temporada,.info-box__servicios,.info-box__precio {
    margin-top:1em;
}

.info-box-bar .col-sm-12 em {
    color:#245f92;
}

.info-box__temporada .col-sm-4,.info-box__servicios .col-sm-4,.info-box__precio .col-sm-4 {
    color:#245f92;
    font-weight: bold;
}

ol ::marker{
    color:#245f92;
    font-size:2em;
}