#bienvenida-calida-mensaje {
    position: fixed;
    bottom: 11px;
    z-index: 1000;
    right: -20px;
    height: 119px;
    overflow: hidden;
}
#bienvenida-calida-mensaje i.fas.fa-chevron-right {
    color: #ddd!important;
    position: absolute;
    bottom: 83px;
    right: 95px;
    font-size: 20px!important;
    z-index: 1000000!important;
    transform: rotate(-20deg)!important;
}
div#path-comprobar-dispo {
    margin-top: -274px;
}
#bienvenida-calida-mensaje h2 {
    font-weight: bold;
    font-size: 20px;
}
#bienvenida-calida-mensaje h2 {
    position: absolute!important;
    bottom: 86px!important;
    left: 45px!important;
    font-size: 20px!important;
    font-weight: bold!important;
    color: #fff!important;
    text-shadow: 0px 0px 5px rgba(0,0,0,0.3)!important;
}
#bienvenida-calida-mensaje *{
    all:initial!important;
    color: #f3f3f3!important;
    font-family: 'Roboto', sans-serif!important;
}
#bienvenida-calida-mensaje{
    all: unset!important;
    position: fixed!important;
    width: 100%!important;
    height: calc(100% + 25px)!important;
    background: rgba(0,0,0,.4)!important;
    z-index: 100000!important;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    z-index: 10000000000!important;
    margin-top:-20px!important;
    top:0!important;
}
#bienvenida-calida-mensaje #titulo-popup {
    width: 100%;
    display: block!important;
    font-size: 26px!important;
    text-align: center!important;
    font-weight: bold!important;
    letter-spacing: -0.5px!important;
    margin-bottom: 5px!important;
}
div#caja-reserva .separador-fechas > i {
    color: #111!important;
    font-size: 20px!important;
    padding-right: 20px!important;
}
#bienvenida-calida-mensaje.hidden{
    display: none!important;   
}
#bienvenida-calida-mensaje h2{
    
}
#bienvenida-calida-mensaje{
    opacity:1!important;
    transition: opacity 1s!important;
    flex-direction: column!important;
    cursor: pointer!important;
}
#bienvenida-calida-mensaje.hidden{
    opacity:0!important;
}
#bienvenida-calida-mensaje span#txt-comp-dispo{
    color:#f3f3f3;
    font-size: 36px!important;
    letter-spacing: -1px!important;
    font-weight: bold!important;
}
#bienvenida-calida-mensaje .wrapper-comprobar-diponibilidad {
    border: 1px solid #f3f3f3;
    height: 70%!important;
    width: 66%!important;
    min-width: 800px!important;
    display: flex;
    flex-direction: column;
    background: #fff;
}
#bienvenida-calida-mensaje-wrapper-fechas{
    display: block!important;
    width: 100%!important;
    height: 26px!important;
    border-radius: 20px;
    background: #f3f3f3!important;
    padding: 20px;
    color: #333!important;
    padding: 10px!important;
}
#bienvenida-calida-mensaje-wrapper-fechas label{
    color: #111!important;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: -1px!important;
}
#bienvenida-calida-mensaje .inputs-group {
    display: flex!important;
    width: 100%!important;
}

#bienvenida-calida-mensaje .inputs-group .campo-entrada {
    display: flex!important;
    width: 100%!important;
}

#bienvenida-calida-mensaje-wrapper-fechas input#entrada-global,#bienvenida-calida-mensaje-wrapper-fechas input#salida-global,#bienvenida-calida-mensaje-wrapper-fechas input#codprom-global{
    text-transform: none!important;
    color: #333!important;
    width: 100%!important;
    padding: 0 10px !important;
}
#bienvenida-calida-mensaje .grupo-form {
    margin-right: 20px!important;
    width: 100%!important;
}
#bienvenida-calida-mensaje .boton-input {
    margin-top: -9px!important;
    margin-left: 10px!important;
    position: relative!important;
    right: -1.1%!important;
}
#bienvenida-calida-mensaje div#caja-reserva {
    /* width: 100%!important; */
    padding-left: 10px!important;
    padding-right: 13px!important;
}
#bienvenida-calida-mensaje-wrapper-fechas .form-reserva {
    display: flex!important;
    margin-top: 3px!important;
    justify-content: space-between!important;
}
#bienvenida-calida-mensaje-wrapper-fechas #entrada-global::placerholder, #bienvenida-calida-mensaje-wrapper-fechas input#salida-global::placerholder,#bienvenida-calida-mensaje-wrapper-fechas input#codprom-global::placerholder{
    text-transform: none!important;
    color: #f00!important;
}
#bienvenida-calida-mensaje-wrapper-fechas input#entrada-global::-webkit-input-placeholder, #bienvenida-calida-mensaje-wrapper-fechas input#entrada-global::placeholder,
#bienvenida-calida-mensaje-wrapper-fechas input#salida-global::-webkit-input-placeholder, #bienvenida-calida-mensaje-wrapper-fechas input#salida-global::placeholder,
#bienvenida-calida-mensaje-wrapper-fechas input#codprom-global::-webkit-input-placeholder, #bienvenida-calida-mensaje-wrapper-fechas input#codprom-global::placeholder{
    color: #111!important;
}
#bienvenida-calida-mensaje-wrapper-fechas .separador-fechas{
    
}
#txt-comp-dispo {
    text-align: center!important;
    width: 100%!important;
    display: block!important;
}
#wrapper-txt-comp{
    width: 100%!important;
    clear: both;
    overflow: hidden;
}

#wrapper-comprobar-dispo {
    width: auto!important;
    /* clear: both!important; */
    display: flex!important;
    margin-top: 20px!important;
    justify-content: center!important;
}

#bienvenida-calida-mensaje-wrapper-fechas {
    display: block!important;
    width: auto!important;
    height: 27px!important;
    border-radius: 20px;
    background: #f3f3f3!important;
    padding: 20px;
    color: #333!important;
    border-radius: 50px!important;
    display: flex!important;
    justify-content: center!important;
    padding-right: 0!important;
}
div#bienvenida-calida-mensaje-wrapper-fechas #codprom-global {
    background: #ddd!important;
    border-radius: 10px!important;
    padding: 10px!important;
    color: #111!important;
    margin-top: -9px!important;
    font-weight: 100!important;    
}
#bienvenida-calida-mensaje-wrapper-fechas .boton-input input{
    background: #18a185!important;
    border-radius: 10px!important;
    color: #f2f2f2!important;
    padding: 10px 18px 10px 20px!important;
    border-radius: 50px!important;
    cursor: pointer;
}
div#txt-intro-ventajas{
    display: block!important;
    width: 100%!important;
    text-align: center!important;
    margin-top: 30px!important;
    margin-bottom: 30px!important;
    font-size: 18px!important;
    font-weight: 100!important;
}
div#txt-intro-ventajas strong {
    font-size: 18px!important;
    font-weight: bold!important;
}
#listado-ventajas{
    display: flex!important;
    flex-direction: column!important;
    margin-bottom: 8px!important;
}
#wrapper-listado-ventajas {
    display: flex!important;
    justify-content: center!important;
    padding: 20px 0 0 0!important;
}
#listado-ventajas > li{
    padding: 4px 0!important;
}
#listado-ventajas > li .fas{
    all:unset!important;
    font-family: "Font Awesome 5 Free"!important;     
    -webkit-font-smoothing: antialiased!important; 
    display: inline-block!important; 
    font-style: normal!important; 
    font-variant: normal!important; 
    text-rendering: auto!important; 
    line-height: 1!important;
    color: #18a185!important;
    padding-right: 10px!important;
}

#bienvenida-calida-mensaje  .ui-helper-hidden-accessible {
    border: none;
    clip: auto;
    height: auto;
    margin: initial;
    overflow: hidden;            
}

#bienvenida-calida-mensaje i::before{
   font-weight: 900!important;
    
}


#bienvenida-calida-mensaje .fas,#bienvenida-calida-mensaje .far{
    all:unset!important;
    font-family: "Font Awesome 5 Free"!important;     
    -webkit-font-smoothing: antialiased!important; 
    display: inline-block!important; 
    font-style: normal!important; 
    font-variant: normal!important; 
    text-rendering: auto!important; 
    line-height: 1!important;
}
#bienvenida-calida-mensaje-close > .fas{
    font-size: 30px!important;
}

/*btn-bienvenida-calida-mensaje*/

#btn-bienvenida-calida-mensaje{
    position: fixed!important;
    bottom: 90px!important;
    right: 15px!important;
    z-index: 10000000;
    background-color: #f3f3f3!important;
    color: #f3f3f3!important;
    display: flex!important;
    padding: 5px!important;
    border-radius: 50px!important;
    cursor: pointer!important;
    transition: width 0.4s!important;
    justify-content: space-between;
    opacity: .9!important;
    width: 300px!important;
}
#btn-bienvenida-calida-mensaje.btn-plegado{
    width: 60px!important;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
}
#btn-bienvenida-calida-mensaje.btn-plegado > #texto-btn-bienvenida-calida-mensaje{
    display: none!important;
    opacity: 0!important;
    
}
#btn-bienvenida-calida-mensaje > #texto-btn-bienvenida-calida-mensaje{
    display: block!important;
    opacity: 1!important;
    transition: all 1s!important;
    transition-delay: 1s;
}

#btn-bienvenida-calida-mensaje:hover{
    opacity: 0.8;
}
#btn-bienvenida-calida-mensaje #texto-btn-bienvenida-calida-mensaje{
     font-weight: normal!important;
     color: #111!important;
     justify-content: center!important;
     display: flex!important;
     align-items: center!important;
     padding-right: 20px!important;
     padding-left: 20px!important;
}

#contenedor-comprobar-dispo-bienvendida , #contenedor-cerrar-bienvendida {
    display: block!important;
    border-radius: 50px;
    padding: 25px;
    margin-bottom: 20px;
    text-align: center!important;
    margin-top: 15px!important;
}
#bienvenida-calida-mensaje #contenedor-comprobar-dispo-bienvendida .btn, #bienvenida-calida-mensaje #contenedor-cerrar-bienvendida .btn{
    border-radius: 50px!important;
    padding: 10px!important;
    padding-left: 25px!important;
    padding-right: 25px!important;   
    cursor: pointer!important;
    width: 280px!important;
    text-align: center!important;
}

#bienvenida-calida-mensaje #contenedor-cerrar-bienvendida .btn{
    border: 1px solid #f0f0f0!important;
}
#bienvenida-calida-mensaje #imagen-bienvenida-calida {
    display: flex!important;
    justify-content: center!important;
    margin-top: -30px!important;
    margin-bottom: 20px!important;
}

#bienvenida-calida-mensaje #imagen-bienvenida-calida > i{
	font-size:60px!important;
}

#bienvenida-calida-mensaje div#txt-subtitulo {
    text-align: center!important;
    width: 100%!important;
    display: block!important;
}
#bienvenida-calida-mensaje .bienvenida-wrapper {
    background: rgba(0,0,0,.8)!important;
    padding: 40px!important;
    border-radius: 10px!important;
    position: relative!important;
    max-width: 440px!important;
}
#bienvenida-calida-mensaje #contenedor-comprobar-dispo-bienvendida{
    transition: opacity 1s;
}
#bienvenida-calida-mensaje #contenedor-comprobar-dispo-bienvendida:hover{
    opacity: 0.8!important;
}
#bienvenida-calida-mensaje #contenedor-cerrar-bienvendida .btn{
    transition: opacity 1s;
}
#bienvenida-calida-mensaje #contenedor-cerrar-bienvendida .btn:hover{
    opacity: 0.8!important;
}

#bienvenida-calida-mensaje div#bienvenida-calida-mensaje-close {
    width: 100%!important;
    display: block!important;
    text-align: right!important;
    cursor: pointer!important;    
    position: absolute!important;
    right: 20px!important;
    top: 20px!important;
}
#bienvenida-calida-mensaje #bienvenida-calida-mensaje-close i#btn-close-dispo {
    cursor: pointer;
}

#bienvenida-calida-mensaje div#wrapper-cod-promo {
    background: rgba(250, 250, 250, 0.9)!important;
    width: 100%!important;
    display: block!important;
    float: left!important;
    position: absolute!important;
    left: 0px!important;
    /* top: 470px!important; */
    border-radius: 0 0 10px 10px !important;
    height: 78px!important;
    display: flex!important;
    flex-wrap: wrap!important;
    justify-content: center!important;
    align-items: center!important;
    text-align: center!important;
    padding: 10px 20px!important;
    box-sizing: border-box!important;
    margin-top: 40px!important;
}

#bienvenida-calida-mensaje div#wrapper-cod-promo #txt-cod-promo{
    color:#282828!important;
    padding-left: 10px!important;    
}
#bienvenida-calida-mensaje div#wrapper-cod-promo #txt-cod-promo {
    color: #282828!important;
    font-weight: 100!important;
    font-weight: bold!important;
    text-align: center!important;
    font-size: 13px!important;
}

#bienvenida-calida-mensaje #wrapper-cod-promo div#cod-promo {
    padding-left: 5px!important;
    margin-top: -10px!important;
    font-weight: bold!important;
}

@media (max-width: 992px) {
    /* Estos estilos solo se aplicar�n hasta el tama�o indicado */
    #bienvenida-calida-mensaje .bienvenida-wrapper {
        background: transparent!important;
        padding: 50px!important;
        border-radius: 10px!important;
        position: relative!important;
        max-width: 440px!important;
        margin-top: -151px!important;
    }
    #bienvenida-calida-mensaje div#bienvenida-calida-mensaje-close {
        right: 56px!important;
        top: 16px!important;
    }
    #bienvenida-calida-mensaje  {
        background: rgba(0,0,0,.8)!important;
    }
}