body{background: rgba(0,0,0,.02)}
header{border-bottom: 2px solid rgba(0,0,0,.1);}
header img{height: 70px;width: auto;}
.web-body nav{margin-top: 5px}
.navbar-expand-lg .navbar-nav .nav-link{color:#FFF; font-weight:bold;}
.navbar-expand-lg .navbar-nav .impo .nav-link{color: #fff}

/* .bg-light{box-shadow: 0px 0px 7px rgba(0,0,0,.1);margin-bottom: 25px;} */
.cont-fechas h4,
.vl-cont-corp .mas{padding: 10px 30px;cursor: pointer;position: relative;}
.cont-fechas .mas:after,
.vl-cont-corp .mas:after{content: "\f0d7";font:normal normal normal 30px/1 FontAwesome;position: absolute;right: 30px;}
.cont-fec-form{padding: 0px 30px 20px 30px;}
.cont-fec-form .form-group .fa{position: absolute;top: 35px;right: 30px;color: rgba(0,0,0,.4);}

.vl-habs img{width: 100%;}
/* .vl-cont-habs{padding: 20px 30px;} */
.padd{padding: 15px 25px;margin-bottom: 15px !important;}
.txtNoches div {font-size: 150%;}
.txtNoches div strong{color: var(--danger);}
.txtNoches div em{text-decoration-color: var(--danger);text-decoration: none;}
/* .nube {} */
[data-title]:hover:after{opacity:1;transition:all 0s ease 0s;visibility:visible}
[data-title]:after{content:attr(data-title);background-color:var(--warning);color:#fff;font-size:12px;position:absolute;padding:3px 10px;top:-26px;right:0;white-space:nowrap;opacity:1;z-index:2;visibility:visible;border-radius:5px;color: #000;}
[data-title]::before{content:"";visibility: visible;position:absolute;top:-2px;left:50%;margin-left:-7px;border-width:7px;border-style:solid;border-color:var(--warning) transparent transparent transparent}
[data-title]:before{visibility: visible !important;}
[data-title]{position:relative}
.extra{background: rgba(0, 0, 0, .05);}
.vl-habs{box-shadow: 0px 0px 10px rgba(0, 0, 0, .15);}
.alert{border-radius: 0px !important;}
.extra h5{text-align: center;border-bottom: 1px solid rgba(0, 0, 0, .2);padding-bottom: 7px;}
.vl-det-hab{border-top: 2px solid rgba(0, 0, 0, .2);margin-top: 15px;}
.lab-dispo{background: #000;color:#fff;position: absolute;right: -10px;top: 0px;display: inline-block;padding: 2px 10px;}
.txtNoches em{text-decoration: line-through;color: rgba(0, 0, 0, .5);font-size: 12px;}
.btn-primary{margin-top:30px;border:1px solid rgba(0,0,0,.2);font-weight: bold;margin-bottom:30px;background: {{env('COLOR_HEADER_ENGINE_TXT')}} }
.rojo{background: #feecf0;color: #cc0f35;}
.vl-habs {margin-bottom: 30px;border: 1px solid rgba(0, 0, 0, .1);background: #fff;}
.vl-habs:hover{background: rgba(0, 0, 0, .05);}
.vl-habs img{margin-bottom: 15px;}
.vl-habs .linea{border-right: 1px solid #5b4d98;}
.cont-hab-img small{font-size: 10px;}
.hab-accion span{text-decoration: line-through;}
.hab-accion strong{font-size: 25px;}
.hab-accion div{padding-bottom: 10px;}
.hab-accion .col-sm-3 select{background: #e5e5e5;border: 1px solid rgba(0, 0, 0, .1) !important;box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);font-weight:bold}


.impo > a{background: rgba(0,0,0,.4); ;margin-left: 10px}
.numeracion ul{padding-left: 0px;margin-top: 30px;}
.numeracion ul li{display: inline-block;width: 32%;list-style: none;text-align: center;position: relative;}
.numeracion ul li span{display: inline-block;width: 60px;height: 60px;line-height: 60px;text-align: center;vertical-align: middle;border-radius: 50%;border: 1px solid #5b4d98;font-size: 2em;background: transparent;z-index: 1;position: relative;color: #5b4d98;}
.numeracion ul li.linea:before{content: "";height: 2px;width: 50%;background: #5b4d98;position: absolute;top: 30px;z-index: 1;left: 75%;}
.numeracion ul li.activo{font-weight: bold;}
.numeracion ul li.activo span{background-color: #000;color: #fff;border-color: #000;font-weight: normal;}
.web-body nav{background: none;display: inline-block;}
footer{background: #000;color:#FFF }

.cont-fechas{background: #fff;border: 1px solid rgba(0, 0, 0, .1);margin-bottom: 30px;}
.cont-fechas:hover{background: #c1cacf;}
select.sel-activo{background: var(--primary) !important;}
.extra{padding-top: 20px;}
.extra .txt-extra{display: inline-block;}
.extra h5{margin-top: 30px;}
.cover{position: fixed;background: rgba(0, 0, 0, .6);top: 0px;right: 0px;bottom: 0px;left: 0px;}
.cover-cont{position: absolute;top: 30%;color: #fff;text-align: center;text-shadow:0px 0px 5px rgba(0, 0, 0, 1);width: 100%;display: inline-block;padding: 40px;font-size: 2em;}
.vl-cont-habs2{box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);}
.extra2{background: #fff;box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);padding-top: 20px;}
.esc-mas{display: none;}
.form-control:disabled, .form-control[readonly]{background: #fff !important;}
@media (max-width: 576px) {
  body{font-size: 13px;}
  .padd{padding: 0px !important;}
  .vl-desc-hab{padding: 15px 30px;}
  .lab-dispo{top: -180px;right: 10px;}
  .vl-habs{border-radius: 10px}
  .cont-hab-img{overflow: hidden;height: 200px;border-radius: 10px 10px 0px 0px;}
  .vl-desc-hab h5{font-size: 23px;}
  .cont-fechas{background: #c1cacf !important;border-radius: 10px;}
  .cont-fechas h4, .vl-cont-corp h4{padding: 10px 15px !important;font-size: 18px;margin-bottom: 0px;}
  .btn.disabled, .btn:disabled{opacity: .8;}
  .vl-cont-habs h3{margin-bottom: 20px;font-size: 24px;}
  .numeracion ul{margin-top: 10px !important;}
  .extra{position: fixed;bottom: 0px;left: 0px;background: #fba04f;color:#000;z-index: 999;box-shadow: -1px -1px 10px rgba(0, 0, 0, .1);border-top: 1px solid rgba(0, 0, 0, .1);padding-top: 5px}
  .vl-desc-hab .col-6{font-size: 13px;}
  .btn-danger.disabled, .btn-danger:disabled{background: #fff !important;color: #000;}
  .en-cu{padding: 0px 20px !important;}
  .extra h5{display: none;}
  .extra .btn{margin-bottom: 5px;margin-top: 5px;}
  .extra .txt-extra{display: none;}
  #btn_pagar{margin-top: 5px;margin-bottom: 10px;}
  h5.mas{padding: 0px !important;max-width: 250px;}
  .cont-fechas .mas:after, .vl-cont-corp .mas:after{right: -15px;top: 5px;}
  .for-btn-fix{position: fixed;bottom: 0px;background: #e9be52;left: 0px;z-index: 999;padding-top: 10px;}
  .extra2{background: rgba(0, 0, 0, .2);color: #000;padding-bottom: 30px;box-shadow: none;}
  footer{margin-top: 60px;}
  .esc-mas{display: inline-block;}
}



@media (min-width: 1200px){

  /* .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 900px !important;
  }*/
}