@charset "UTF-8";

:root {
    --ed-azul: #1637e4;
    --ed-azul-2: #e4e7f0;
    --ed-rojo: #ff3759;
    /* --ed-gris: #b6babd; */
    --ed-gris: #949a9f;
    --ed-gris-2: #f7f8ff;
    --ed-negro: #2a2a2a;
    --ed-blanco: #fff;
    --ed-amarillo: #fdbe36;
    --ed-verde: #01d37b;

}
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
  
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
  
    /* Support for IE. */
    font-feature-settings: 'liga';
  }

.social-media{
  font-family: 'Social Media';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

@font-face {
	font-family: 'Material icons';
  src: local('Material Icons'),
       local('MaterialIcons-Regular');
    src: 
          /* url('../fonts/original_Gotham-Thin.eot?#iefix') format('embedded-opentype'),  */
         /* url('../fonts/original_Gotham-Thin.woff') format('woff'), */
         url('../font/MaterialIcons-Regular.ttf') format('truetype');
         /* url('../fonts/original_Gotham-Thin.svg') format('svg'); */
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: 'Social Media';
  src: local('Smartphone Color Pro'),
       local('SmartphoneColorPro');
    src: 
          url('../fonts/SmartphoneColorPro.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/SmartphoneColorPro.woff') format('woff'),
         url('../fonts/SmartphoneColorPro.ttf') format('truetype'),
         url('../fonts/SmartphoneColorPro.svg') format('svg');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham';
    src: url('../fonts/original_Gotham-Thin.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/original_Gotham-Thin.woff') format('woff'),
         url('../fonts/original_Gotham-Thin.ttf') format('truetype'),
         url('../fonts/original_Gotham-Thin.svg') format('svg');
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham';
    src: url('../fonts/original_Gotham-Book.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/original_Gotham-Book.woff') format('woff'),
         url('../fonts/original_Gotham-Book.ttf') format('truetype'),
         url('../fonts/original_Gotham-Book.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham';
    src: url('../fonts/original_Gotham-Bold.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/original_Gotham-Bold.woff') format('woff'),
         url('../fonts/original_Gotham-Bold.ttf') format('truetype'),
         url('../fonts/original_Gotham-Bold.svg') format('svg');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham';
    src: url('../fonts/original_Gotham-Black.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/original_Gotham-Black.woff') format('woff'),
         url('../fonts/original_Gotham-Black.ttf') format('truetype'),
         url('../fonts/original_Gotham-Black.svg') format('svg');
	font-weight:800;
	font-style: normal;
}

body{
    
    font-family: 'Gotham', sans-serif, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
   /* transition:all .5s;*/
}

.en-logo{
    height: 50px;
    width: auto;
}
.en-navbar{
    /* background: var(--ed-azul); */
    color: var(--ed-blanco);
    transition: all .3s;
    
}
.en-bg-cambio{
  background: var(--ed-azul);
  padding: 0;
}
.en-navbar .navbar-nav li a{
    color: var(--ed-blanco);
}
.en-navbar .navbar-nav li a strong{
  font-weight: 600;
}
.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; 
  }



  .b-example-divider {
    height: 3rem;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
  }

  .b-example-vr {
    flex-shrink: 0;
    width: 1.5rem;
    height: 100vh;
  }

  .bi {
    vertical-align: -.125em;
    fill: currentColor;
  }

  .nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
  }

  .nav-scroller .nav {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
.en-user{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #fff;
    background: #2a2a2a;
    overflow: hidden;
}
.en-user img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.btn-cuadro{
  border: none;
  height: 50px;
  border-radius: 6px;
  background: var(--ed-rojo);
  line-height: 24px;
  font-size: 14px;
  padding: 8px 15px;
  color: #fff;
  vertical-align: middle;
}
.btn-cuadro i{
  vertical-align: middle;
  margin-left: 5px;
}
.en-btn{
    font-size: 14px;
    line-height: 24px;
    padding:5px 15px;
    border-radius: 20px;
    text-decoration: none;
    cursor: pointer;
    letter-spacing: .2px;
}
.en-btn i{
    vertical-align: top;
    margin-right: 5px;
}
.en-bg-rojo{
    background: var(--ed-rojo);
}
.en-bg-azul{
    background: var(--ed-azul);
}
.en-list-menu li{
    display: flex;
    margin: 0 10px;
}
.en-list-menu li a{
    margin: auto;
    text-decoration: none;
    font-size: 14px;
}
.en-buscador{
    position: absolute;
    z-index: 2;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
    /* background: rgba(255, 255, 255, 0.4); */
    border-radius: 10px;
    width: 100%;
    max-width: 1200px;
    z-index: 99;
    padding-left: 15px;
    padding-right: 15px;
}
.en-slider img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-position: center;
}
.en-op-buscador li input{
  display: none;
}
.en-op-buscador li input:checked + label{
    opacity: 1;
    border-bottom: 2px solid var(--ed-blanco);
}
.en-op-buscador li label{
    color: var(--ed-blanco) !important;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 24px;
    opacity: .6;
    border-bottom: 1px solid var(--ed-blanco);
    cursor: pointer;
}
.en-op-buscador li label i{
    vertical-align: top;
    margin-right: 5px;
}
.en-op-buscador li label:hover{
  color: var(--ed-blanco);
  opacity: 1 ;
}
.en-op-buscador li label.active{
    opacity: 1;
}


/*  */
.en-combo-input{
  display: flex;
  flex-direction: row;
  background: #fff;
  border-radius: 6px;
  align-items: center;
}
.autocomplete{
   position: relative;
   display: flex;
   align-items: center;
   height: 50px;
   width: 100%;
  }
  .autocomplete i{
    color: var(--ed-gris);
    line-height: 24px;
    width: 40px;
    text-align: right;
  }
  .autocomplete input {
    background: none;
    border: 1px solid transparent;
    padding: 12px;
    font-size: 14px;
    width: calc(100% - 40px);
    color: var(--ed-negro);
  }
  .separador-inp{
    border-left:1px solid var(--ed-gris) ;
    height: 30px;
  }
  .autocomplete input:focus {
    outline: none
  }

  /* .autocomplete input[type=text] {
    
  } */
  
 
  
  .autocomplete-items {
    background: #fff;
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
  }
  
  .autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    font-size: 14px;
    color: var(--ed-negro);
    border-bottom: 1px solid #d4d4d4; 
  }
  
  /*when hovering an item:*/
  .autocomplete-items div:hover {
    background-color: var(--ed-azul);
    color: #fff;
  }
  
  /*when navigating through the items using the arrow keys:*/
  .autocomplete-active {
    background-color: var(--ed-azul) !important;
    color: var(--ed-blanco) !important; 
  }
  .en-form-buscador{
    display: flex;
    flex-direction: row;
    width: 100%;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    padding: 15px;
    justify-content: space-between;
   margin-top: 15px;
   margin-bottom: 15px;
    backdrop-filter: blur(2px);
  }
.en-combo-30{
  width: 35%;
}
.en-combo-20{
  width:calc(30% - 140px );
}
.en-w-100{
  width: 100%;
}
.en-stl-select{
  position: relative;
display: flex;
align-items: center;
height: 50px;
width: 100%;
}
.en-stl-select i {
  color: var(--ed-gris);
  line-height: 24px;
  width: 40px;
  text-align: right;
}
.en-stl-select select{
  width: 100%;
  background: none;
border: 1px solid transparent;
padding: 12px;
font-size: 14px;
width: calc(100% - 40px);
  margin-right: 5px;
}
.en-label-top{
  position: absolute;
  top: 5px;
  font-size: 10px;
  left: 50px;
  color: var(--ed-gris);
}

.daterangepicker td.in-range{
 background-color: var(--ed-azul-2);
}
.daterangepicker td.active, .daterangepicker td.active:hover{
  background-color: var(--ed-azul);
}
.daterangepicker td.available:hover, .daterangepicker th.available:hover{
  background-color: var(--ed-azul);
  color: var(--ed-blanco);
}

.en-sec-destinos{
  background: var(--ed-azul-2);
  padding-top: 30px;
  padding-bottom: 40px;
  overflow: hidden;
  position: relative;
}
.en-icono-destino{
  height: 60px;
  width: auto;
  background: var(--ed-blanco);
  color: var(--ed-azul);
  padding: 5px;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  box-shadow: 0 3px 8px var(--ed-gris);
  margin: 15px;
  text-decoration: none;
  transition: all .3s;
  cursor: pointer;
}
.en-icono-destino:hover{
  background-color: var(--ed-azul);
  color: var(--ed-blanco);
}
.en-icono-destino img{
  width: 50px;
  height: 50px;
  border-radius: 5px;

}
.en-icono-destino p{
  margin-bottom: 0;
  padding-left: 15px;
  padding-right: 10px;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: .5px;
}




.en-infinito {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.en-infinito .slider {
  /* animation: slidein 30s linear infinite; */
  white-space: nowrap;
  display: flex;
  width: 3840px;

}
.en-infinito .slider .logos {
  width: 1920px;
  display: flex;
  justify-content: space-around;
  animation: slidein 30s linear infinite;
}
.en-infinito .slider .logos .en-icono-destino {
 

  animation: fade-in 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;
}

@keyframes slidein {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-1920px, 0, 0);
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.en-puntos-fijos{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
 z-index: 0;

}
.h3{
  font-size: 28px;
  font-weight: bold;
  text-transform: uppercase;
  z-index: 1;
  position: relative;
}
.h2{
  font-size: 36px;
  font-weight: bold;
  text-transform: uppercase;
  z-index: 1;
  position: relative;
}
.en-nav-paquetes{
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-wrap: nowrap;
}
.en-nav-paquetes a{
  color: var(--ed-gris);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  border-bottom: 2px solid transparent;
  flex: 1;

}

.nav-paquetes{
  overflow-y: hidden;
  overflow-x: auto;
  width: 100%;
margin-bottom: 15px;
}
.list-paquetes{
  white-space: nowrap;
}
.list-paquetes a{
  display: inline-block;
  color: var(--ed-gris);
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
border-bottom: 2px solid transparent;
text-decoration: none;
padding: 15px;
}
.list-paquetes a:hover{
  color: var(--ed-negro);
  border-bottom: 2px solid var(--ed-azul);
}
.list-paquetes a.act{
  color: var(--ed-negro);
  border-bottom: 2px solid var(--ed-azul);
}

.en-nav-paquetes a.active{
  border-bottom: 2px solid var(--ed-azul);
}
.en-trj{
  /* width: 250px; */
  display: block;
  text-decoration: none;
}
.en-trj figure{
  height: 190px;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
  margin-bottom: 0;
}
.en-trj figure img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.en-trj-dias{
  position: absolute;
  left: 10px;
  bottom: 10px;
  height: 30px;
  line-height: 30px;
  font-size: 10px;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 17.5px;
  background: var(--ed-blanco);
  color: var(--ed-negro);
}
.en-trj figcaption{
  padding-top: 10px;
  padding-bottom: 10xp;
}


.en-trj figcaption h3{
  margin-bottom: 0;
  font-size: 22px;
  font-weight: bold;
  color: var(--ed-negro);
}
.en-trj-star i{
  font-size: 14px;
  color: var(--ed-azul);
}
.en-trj figcaption p{
  font-size: 14px;
  color: var(--ed-negro);
  margin-bottom: 5px;
}
.en-trj figcaption p strong{
  font-weight: 600;
}
.en-trj-precio{
  font-size:24px ;
}
.en-trj-precio strong{
  font-weight: 600;
}
.en-trj-precio small{
  font-size: 60%;
  color: var(--ed-negro);
  line-height: 1;
}
.en-trj-precio sup{
  font-size: 60%;
  top: -6px;
  color: var(--ed-negro);
}
.en-trj-ht{
  /* width: 400px; */
  height: 190px;
  border-radius: 10px;
  background: var(--ed-blanco);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  text-decoration: none;
  color: var(--ed-negro);
}
.en-trj-ht figure{
  width: 40%;
  height: 100%;
  overflow: hidden;
}
.en-trj-ht figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.en-trj-ht figcaption{
  width:60%;
  padding: 15px;
}
.en-trj-ht figcaption h3{
  font-size: 16px;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--ed-negro);
}
.en-trj-ht p{
  font-size: 10px;
  line-height: 14px;
  margin-bottom: 0;
}
.en-trj-ht-precio{
  font-size: 16px;

}
.en-trj-ht-precio strong{
  font-weight: 600;
}
.en-trj-ht-precio small{
  font-size: 60%;
  color: var(--ed-negro);
}
.en-trj-ht-precio sup{
  font-size: 60%;
  top: -6px;
  color: var(--ed-negro);
}
.en-sec-hoteles{
  background: var(--ed-azul-2);
  padding-top: 30px;
  padding-bottom: 30px;
  overflow: hidden;
  position: relative;
  padding-left: 15px;
}
.en-trj-servicios i{
  font-size: 16px;
  color: var(--ed-gris);
}
.en-trj-destinos{
  background: var(--ed-azul);
  color: #fff;
  border-radius: 10px;
  height: 250px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
}
.en-trj-destinos figure{
  width:220px ;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.en-trj-destinos figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s;
 
}
.en-trj-destinos:hover figure img{
  transform: scale(1.05);
  
}
.en-trj-pleca{
  position: absolute; 
  color: var(--ed-blanco);
  right: 15px;
  height: 40px;
  width: 30px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
}
.en-trj-destinos figcaption {
  padding: 15px;
}
.en-trj-destinos h3{
  font-size: 18px;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 600;
}
.en-trj-destinos h3 i{
  vertical-align: middle;
  
}
.en-trj-datos{
  display: flex;
  flex-direction: row;
  margin-bottom: 5px;
  margin-top: 10px;
}
.en-trj-datos p{
  font-size: 16px;
  margin-bottom: 0;
  display: inline-block;
  width: calc(100% - 24px);
}
.en-trj-datos p strong{
  font-weight: 600;
}
.en-trj-datos i{
  vertical-align: middle;
  width: 24px;
}

.en-btn-linea{
  border: 2px solid var(--ed-blanco);
  color:var(--ed-blanco);
  text-align: center;
  transition: all .3s;
}
.en-btn-linea:hover{
  background: var(--ed-blanco);
  color: var(--ed-azul);
}
.en-trj-precio-destino{
  font-size: 24px;
  font-weight: 600;
}
.en-trj-precio-destino small{
  font-size: 60%;
  font-weight: 400;
}
.volando01{
  position: absolute;
  left: -150px;
  top: 550px;
  transform: rotate(-45deg);
  z-index: 0;
}
.volando01 img{
  position: absolute;
}
.volando01 img:nth-child(2){
  transform: rotate(180deg);
  top: 50px;
}
.volando01 img:nth-child(2){
  animation: volar 10s infinite linear;
}
@keyframes volar{
  0%{
    transform:rotate(180deg) translate3d(100%, 0, 0);
    opacity: 0;
  }
  50%{
    transform:rotate(180deg) translate3d(0%, 0, 0);
    opacity: 1;
  }
  70%{
    opacity: 0;
  }
  100%{
    transform:rotate(180deg) translate3d(-100%, 0, 0);
    opacity: 0;
  }
}

.volando01 img:nth-child(1){
  animation: volar1 10s infinite linear;
}
@keyframes volar1{
  0%{
    transform: translate3d(100%, 0, 0);
    opacity: 0;
  }
  50%{
    transform: translate3d(0%, 0, 0);
    opacity: 1;
  }
  70%{
    opacity: 0;
  }
  100%{
    transform: translate3d(-100%, 0, 0);
    opacity: 0;
  }
}

.en-sec-exclusivos{
  position: relative;
  overflow: hidden;
  padding-top: 30px;
  padding-bottom: 30px;
}

.en-suscribete h4{
  text-align: center;
  margin-bottom: 15px;
  color: var(--ed-blanco);
  font-size: 28px;
  font-weight: bold;
  text-transform: uppercase;
}
.en-suscribete p{
  text-align: center;
  color: var(--ed-blanco);
  font-size: 16px;
}
.en-suscribete-mail{
  display: flex;
  flex-direction: row;
  height: 35px;
}
.en-suscribete-mail div{
  display: flex;
  flex-direction: row;
  width: calc(100% - 140px);
  height: 100%;
}
.en-suscribete-mail div input{
  width: 100%;
  height: 100%;
  font-size: 14px;
  padding-left: 5px;
  color: var(--ed-negro);
  padding-left: 40px;
  border: none;
  border-radius: 6px 0 0 6px;
}
.en-suscribete-mail div i{
  color: var(--ed-gris);
  vertical-align: middle;
  width: 24px;
  position: absolute;
  line-height: 35px;
  width: 35px;
  text-align: center;
}
.en-suscribete-mail button{
  text-align: center;
  width: 140px;
  background: var(--ed-rojo);
  color:var(--ed-blanco);
  border: none;
  border-radius: 0 6px 6px 0;
}
.en-bg-suscribete{
  background: url(../images/bg-new.jpg);
  background-size: cover;
  background-position: center;
  padding-top: 50px;
  padding-bottom: 50px;
}
.en-pie{
  padding-top: 50px;
  padding-bottom: 20px;

}
.en-logo-pie{
  width: 100%;
  height: auto;
}
.en-list-pie h5{
  color: var(--ed-azul);
  font-size: 12px;
  margin-bottom: 5px;
  font-weight: 600;
  column-span: all;
}
.en-doble-col{
  columns: 2;
}
.en-list-pie ul {
  list-style: none;
  padding-left: 0;
 
  margin-top: 0;
}
.en-list-pie ul li{
  line-height: 24px;
}
.en-list-pie ul li a{
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  color: var(--ed-gris);
}
.en-pie-derechos{
  text-align: center;
  color: var(--ed-gris);
}
.en-list-redes a i{
  color: var(--ed-gris);
}
.en-list-redes a i:hover{
  color: var(--ed-azul);
}
.en-contacto-pie span{
  color: var(--ed-gris);
  display: block;
  font-size: 12px;
  font-weight: 600;
}
.en-contacto-pie span a{
  color: var(--ed-azul);
  text-decoration: none;
}
.en-sec-mas{
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
  overflow: hidden;
}

.owl-visitados{
  margin-top: 20px;
}
.owl-hoteles{
  margin-top: 20px;
}
.volando02{
  right: 322px;
left: auto;
bottom: -45px;
top: auto;
}

.en-pie-derechos small{
  font-size: 12px;
}
.owl-next{
  position: absolute;
right: 0;
top: 0;
background-image: linear-gradient(to left, rgb(255, 255, 255) 0%, rgba(255, 255, 255, .0) 100%) !important;

height: 100%;
width: 50px;


}
.owl-next span{
  font-size: 60px;
  color: var(--ed-azul);
  text-align: right;
width: 100%;
display: block;
}
.owl-prev{
  display: none;
}
.en-trj-pr-det{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.en-carousel-cap{
  position: absolute;
  top:0;
 display: flex;
 width: 100%;
 height: 100%;
 padding-top: 80px;
 padding-bottom: 150px;
}
.en-carousel-cap div{
  margin: auto;
  z-index: 1;
}
.en-carousel-cap h2{
margin-bottom: 0;
color: transparent;
text-transform: uppercase;
font-weight: bold;
line-height: 1;
font-size: 80px;
-webkit-text-stroke:2px var(--ed-blanco);
}

.en-carousel-cap h3{
  margin-bottom: 0;
  font-family: 'Satisfy', cursive;
  color: var(--ed-blanco);
  font-size: 50px;
}
.en-carousel-cap div img{
  max-width: 80%;
  max-height: 80%;
  margin: auto;
  display: block;
}
.en-slider{
  background: var(--ed-azul);
}
.en-slider::after{
  top: 0;
  left: 0;
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
/* background:var(--ed-azul); */
background-image: radial-gradient( rgba(5, 28, 143, 0.4) 0%, #041c96 90%);
z-index: 0;
}
.en-trj{
  transition: all .3s;
  margin-top: 10px;
}
.en-trj figure{
  transition: all .3s;
}
.en-trj:hover figure{
  transform: scale(1.04);
}

.en-plb{
  height: 150px;
  border-radius: 10px;
  overflow: hidden;
  background: var(--ed-azul);
  width: 100%;
  display: flex;
  flex-direction: row;
  position: relative;
  text-decoration: none;
  transition: all .2s;
  margin-bottom: 10px;
}
.en-plb-det{
  width: 70%;
  padding: 15px;
  color: var(--ed-blanco);
  text-decoration: none;
  text-align: center;
  display: flex;
flex-direction: column;
align-content: space-between;

}
.en-plb:hover{
  transform: scale(1.02);
  box-shadow: 0 4px 10px -3px #000;
}
.en-plb-det h6{
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
}
.en-btn-plb{
  background: var(--ed-blanco);
  color: var(--ed-azul);
  display: inline-block;
  margin: auto;
  height: 35px;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 17px;
  line-height: 35px;
  margin-bottom: 10x;
}
.en-plb-det small{
  display: block;
  font-size: 10px;
}
.en-plb figure{
  width:300px ;
  height: 300px;
  margin: 0;
  overflow: hidden;
  border-radius: 50%;
  position: absolute;
  left: 70%;
  top: 50%;
  transform: translateY(-50%);
}
.en-plb figure img{
  width: 90%;
  height: 90%;
  object-fit: cover;
}
.en-load-resultado{
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  z-index: 9999;
}
.en-load-resultado img{
  margin: auto;
  max-width: 100%;
  filter: hue-rotate(227deg);
}


html,
body {
  position: relative;
  height: 100%;
}
.en-load{

  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: var(--ed-blanco);
  display: flex;
  animation: exit1 1s linear both;
  animation-delay: 2s ;
  overflow: hidden;

}
@keyframes exit1 {
  0%{
    width: 100%;
    height: 100%;
    border-radius: 0%;
  }
  80%{
    width: 100%;
    height: 100%;
    border-radius: 0%;
    opacity: 1 ;
  }
  90%{
      width: 100%;
      height: 100%;
      border-radius: 0%;
      opacity: 1;
  }
  100%{
    width: 100%;
    height: 100%;
    border-radius: 0%;
    opacity: 0;
}
}
.en-load svg{
  margin: auto;
  max-width: 450px;
  height: auto;
}
.en-anima-logo {
  
}

.ani-letra-1{
  fill: transparent;
        stroke-width: 2;
        stroke: var(--ed-azul);
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: dash1 1s linear forwards;
}
@keyframes dash1 {
  0%{
    fill:transparent;
    stroke-width: 2;
  }
  80%{
    stroke-dashoffset: 0;
  }
  100% {
    stroke-width:0 ;
    stroke-dashoffset: 1000;
    fill: var(--ed-azul);
  }
}

.ani-letra-2{
  fill: transparent;
        stroke-width: 2;
        stroke: var(--ed-rojo);
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: dash2 1s linear forwards;
}
@keyframes dash2 {
  0%{
    fill:transparent;
    stroke-width: 2;
  }
  80%{
    stroke-dashoffset: 0;
  }
  100% {
    stroke-width:0 ;
    stroke-dashoffset: 1000;
    fill: var(--ed-rojo);
  }
}


.an-delay-1{
  animation-delay: .2s;
}
.an-delay-2{
  animation-delay: .4s;
}
.an-delay-3{
  animation-delay: .6s;
}
.an-delay-4{
  animation-delay: .8s;
}
.an-delay-5{
  animation-delay: 1s;
}
.an-delay-6{
  animation-delay: 1.2s;
}
.an-delay-7{
  animation-delay: 1.4s;
}
.an-delay-8{
  animation-delay: 1.6s;
}
.an-delay-9{
  animation-delay: 1.8s;
}
.an-delay-10{
  animation-delay: 2s;
}

/* animacion-logo de carga */


.en-md-log .modal-header{
  padding-bottom: 0;
}
.en-log{
  display: flex;
  flex-direction: column;

}
.en-inp-log{
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
.en-inp-log div{
  width: 100%;
  height: 40px;
  overflow: hidden;
}
.en-inp-log div input{
  width: 100%;
  height: 100%;
  padding-left: 35px;
  border-radius: 6px;
  border: 1px solid var(--ed-gris);
  overflow: hidden;
  padding-left: 45px;
  color: var(--ed-negro);
}
.en-inp-log label{
  margin-bottom: 0;
  color: var(--ed-negro);
  margin-bottom: 5px;
}
.en-inp-log div i{
  position: absolute;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: var(--ed-rojo);
  color: var(--ed-blanco);
  border-radius: 6px 0 0 6px;
}
.en-btn-login{
  width: 100%;
  font-size: 16px;
  color: var(--ed-blanco);
  line-height: 40px;
  border: none;
  border-radius: 6px;
  background: var(--ed-azul);
  
}
.en-olvide{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 15px;
}
.en-olvide a{
  text-decoration: none;
  color: var(--ed-azul);
}
.tab-1{
  width: 100%;
  display: flex;
}
.tab-1 li{
  flex: 1;
  border: none;
}
.tab-1 li button{
  width: 100%;
  border: none !important;
  color: var(--ed-gris);
}
.tab-1 li .nav-link.active{
  border-bottom: 2px solid var(--ed-azul) !important;
  color: var(--ed-azul);
}
.en-chek-reg label{
  font-size: 12px;
  margin-bottom: 15px;
  color: var(--ed-negro);
}

/* resultados */
.en-bg-resultados{
    background: var(--ed-azul);
    height: auto;
    padding-top: 80px;

    background-size: cover;
    background-position: center;
    transition: all .3s;
    position: relative;
}
.en-bg-resultados .en-buscador{
  position: relative;
  bottom: 0;

}

.bg-res{
  background: var(--ed-azul-2);
  /* position: relative;
  overflow: hidden; */
  height: 100%;
  width: 100%;
}
.en-container{
  width: 100%;
  max-width: 1170px;
  margin: auto;
  display: flex;
  flex-direction: row;
  padding-top: 15px;
  align-items: flex-start;
  position: relative;
  justify-content: space-between;
  
}
.en-bar-filtros{
  width:250px;
  background: var(--ed-azul);
  border-radius: 10px;
  height: auto;
  position: sticky;
  top: 80px;
}
.en-bar-filtros>div:last-child{
  border-bottom: 0;
}
.en-list-resultados{
  width: calc(100% - 265px);
}
.en-ordenar{
  width: 100%;
  border-radius: 10px;
  margin-bottom: 15px;
  background: var(--ed-blanco);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 50px;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
  line-height: 18px;
}
.en-ordenar p{
  margin-bottom: 0;
}
.en-ordenar p strong{
  font-weight: 600;
}
.en-ordenar select{
  border: none;
  background: none;
  font-weight: 600;
  font-size: 16px;

}
.en-ul-lista{
  padding-left: 0;
  list-style: none;
  
 
}
.en-trj-resul{
  display: flex;
  flex-direction: row;
  background: var(--ed-blanco);
  border-radius: 10px;
  justify-content: space-between;
  height: 230px;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
  transition: all .3s;
}
.en-trj-resul:hover figure img{
  transform: scale(1.1);
}
.en-trj-resul figure{
  width: 240px;
  height: 100%;
  position: relative;
  margin-bottom: 0;
  overflow: hidden;
}
.en-trj-resul figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .3s;
}
.en-trj-resul figcaption{
  padding: 15px;
  width: calc(100% - 240px);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.en-trj-resul figure span{
  position: absolute;
  left: 0;
  background: var(--ed-amarillo);
  top: 10px;
  height: 35px;
  line-height: 35px;
  display: flex;
  color: var(--ed-rojo);
  padding-left: 5px;
  padding-right: 5px;
  border-radius:0 17px 17px 0;
  z-index: 1;
}
.en-trj-resul figure span p{
  margin-bottom: 0;
  font-weight: 600;
}
.en-trj-resul figure span i{
  line-height: 35px;
}
.en-detalle-blanco {
  width: calc(100% - 170px);
  padding-right: 15px;
  background-position: right center;
  background-size: contain;
  background-repeat: no-repeat;
}
.en-detalle-blanco h2{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.en-res-des{
  display: flex;
  flex-direction: row;
  margin-bottom: 5px;

}
.en-res-des p{
  font-size: 12px;
  color: var(--ed-gris);
  margin-bottom: 0;
  line-height: 18px;
}
.en-res-des p i{
  color: var(--ed-azul);
  vertical-align: middle;
}
.en-res-des i{
  color: var(--ed-gris);
}

.en-detalle-azul{
  border-radius: 6px;
  padding: 10px;
  background: var(--ed-azul);
  color: var(--ed-blanco);
  width: 170px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  
}
.en-ultimas{
  background: var(--ed-rojo);
  color: var(--ed-blanco);
  padding-left: 20px;
  padding-right: 20px;
  height: 35px;
  display: inline-block;
  line-height: 35px;
  border-radius:0 17px 17px;
  font-size: 16px;
}
.en-ultimas i{
  vertical-align:top;
  line-height: 35px;
}

.en-dta{
  display: flex;
  flex-direction: row;
  margin-bottom: 5px;
}
.en-dta p{
  font-size: 12px;
  color: var(--ed-blanco);
  margin-bottom: 0;
  line-height: 24px;
  padding-left: 5px;
}
.en-dta p i{
  color: var(--ed-azul);
  vertical-align: middle;
}
.en-dta i{
  color: var(--ed-blanco);
}
.en-detalle-blanco .en-trj-star{
  margin-bottom: 5px;
}
.en-detalle-blanco .en-trj-servicios{
  margin-bottom: 5px;
}
.en-precio-azul span{
  font-weight: 600;
  font-size: 20px;
  line-height: 1;
}
.en-precio-azul span small{
  font-weight: 400;
  font-size: 60%;
}
.en-precio-azul p{
  margin-bottom: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
}
.en-precio-azul>small{
  font-size: 12px;
  line-height: 1;
}
.a-btn-detalle{
  width: 100%;
  color: var(--ed-azul);
  background: var(--ed-blanco);
  border-radius: 6px;
  height: 35px;
  line-height: 35px;
  display: block;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  margin-top: 20px;
  cursor: pointer;
  position: relative;
}

.en-cont-inp{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
 width: 100%;
}
.en-inp-rango{
  width: 50%;
  position: relative;
}
.en-inp-rango i{
  position: absolute;
  bottom: 0;
  left: 0;
  line-height: 35px;
  color: var(--ed-gris);
}
.en-inp-rango label{
  font-size:12px ;
  color: var(--ed-blanco);

}
.en-inp-rango input{
  width: 100%;
  height: 35px;
  line-height: 35px;
  border: none;
  padding-left: 25px;
  color: var(--ed-negro);
  -webkit-appearance: none; 
  margin: 0; 
}
.en-inp-rango input[type=number]::-webkit-inner-spin-button, 
.en-inp-rango input[type=number]::-webkit-outer-spin-button{
  -webkit-appearance: none; 
  margin: 0; 
  opacity: 1;
} 

.en-sec-filtros{
  padding:15px;
  border-bottom: 1px solid var(--ed-gris-2);
}

.br01{
  border-radius: 6px 0 0 6px;
}
.br02{
  border-radius: 0 6px 6px 0;
  border-left: 1px solid var(--ed-gris) !important;
}
.en-toggle-fil{
  color: var(--ed-blanco);
  display: flex;
  text-decoration: none;
  
}
.en-toggle-tit{
  width: calc(100% - 24px);
  line-height: 24px;
  font-size: 14px;
  vertical-align: middle;
}
.en-toggle-tit>i{
  vertical-align: top;
  margin-right: 5px;
}
.en-toggle-fil>i{
  width: 24px;
}
.en-toggle-fil:hover{
  color: var(--ed-blanco);
}
.en-sec-filtros .collapse{
  padding-top: 10px;
}
.en-stl-chek{
  color: var(--ed-blanco);

}

.en-lista-servicios{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.en-stl-chek label{
  font-size: 12px;
}
.en-servicios-chek label{
  color: var(--ed-blanco);
  font-size: 10px;
  background: var(--ed-azul);
  border: 1px solid var(--ed-blanco);
  line-height: 30px;
  border-radius: 17px;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
  margin-bottom: 5px;
  margin-right: 5px;
}
.en-servicios-chek label i{
  vertical-align: top;
font-size: 14px;
line-height: 30px;
color: var(--ed-azul);
display: none;
}
.en-servicios-chek input{
  display: none;
}
.en-servicios-chek input:checked + label{
  background: var(--ed-blanco);
  color: var(--ed-azul);
}
.en-servicios-chek input:checked + label i{
  display: inline-block;
}
.en-stl-chek span{
  background: var(--ed-blanco);
  color: var(--ed-azul); 
  padding-left: 5px;
  padding-right: 5px;
  line-height: 20px;
  display: inline-block;
  border-radius: 12px;
  margin-left: 15px;
}

.en-paginacion a{
  color: var(--ed-azul);
}
.en-paginacion .page-item.active a{
  background: var(--ed-azul);
}
.en-detalle-blanco .en-trj-servicios i{
  font-size: 20px;
  cursor: pointer;
}
.en-dta{
  width: 100%;
}
.en-btn-filtros{
  font-size: 14px;
  line-height: 24px;
  padding: 5px 15px;
  border-radius: 6px;
  text-decoration: none;
  cursor: pointer;
  letter-spacing: .2px;
  background: var(--ed-rojo);
  color: var(--ed-blanco);
  padding: 10px;
  display:block;
  margin: 15px;
  text-align: center;
}
.en-btn-filtros:hover{
  color: var(--ed-blanco);
}
.en-bar-xs{
  color: var(--ed-blanco);
  display: flex;
  height: 50px;
  border-bottom: 1px solid var(--ed-gris-2);
}
.en-bar-xs a{
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  display: none;
}
.en-bar-xs a i{
  line-height: 50px;
 margin: auto;
}
.en-bar-xs p{
  line-height: 50px;
  margin-bottom: 0;
  font-size: 14px;
  width: calc(100% - 50px);
  padding-left: 15px;
}

.en-icono-filtro{
  width:40px ;
  height: 40px;
  background: var(--ed-rojo);
  text-decoration: none;
  border-radius: 6px;
  display: none;
}
.en-icono-filtro i{
  margin: auto;
  color: var(--ed-blanco);
}

.en-act{
  display: block !important;
}
.en-cerrar-filtro{
  text-decoration: none;
  color: var(--ed-blanco);
}


/*  */
.en-sec-detalle .en-buscador{
  display:none;
}


/* demo sw */

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}



.swiper {
  width: 100%;
 
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide {
  background-size: cover;
  background-position: center;
  /* margin-right: 0 !important; */
}

.mySwiper2 {
  height: 100%;
  width: 100%;
}

.mySwiper {
  width: 70%;
  left: 15%;
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
  position: absolute !important;
  bottom: 15px;
}

.mySwiper .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 1;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  
}

.mySwiper .swiper-slide-thumb-active {
  opacity: 1;
  border: 2px solid var(--ed-blanco);
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mySwiper2 .swiper-slide::after{
  content: '';
  background: linear-gradient(180deg, rgb(4, 28, 150,0) 60%, #1637e4 100%);
width: 100%;
height: 100%;
  z-index: 99999;
  position: absolute;
  left: 0;
  top: 0;

}
/* .swiper-slide .swiper-slide-active .swiper-slide-visible{
  
} */
/* main{
  width: 100%;
  height: 100%;
} */

.en-det-lugar{
  width: 100%;
  display: flex;
  flex-direction: row;
  height: 350px;
  justify-content: space-between;
  padding-top: 15px;
}
.en-det-carrusel{
  width: calc(100% - 400px);
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 15px;
  position: relative;
}
.en-det-azul{
  background: var(--ed-azul);
  height: 100%;
  width: 370px;
  border-radius: 10px;
  margin-bottom: 15px;
  padding: 15px;
}

.en-det-azul .en-detalle-blanco{
  width: 100%;
  color: var(--ed-blanco);
  background-image: none;
}
.en-det-azul .en-res-des{
  color: var(--ed-blanco);
}
.en-det-azul .en-res-des p{
  color: var(--ed-blanco);
}
.en-det-azul .en-trj-servicios i{
  color: var(--ed-blanco);
}
.en-det-azul .en-res-des i{
  color: var(--ed-blanco);
}
.en-det-azul .en-trj-star i{
  color: var(--ed-amarillo);
}
.en-det-azul .en-dta{
  width: 50%;
}
.en-det-azul .en-precio-azul{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.en-det-azul .en-precio-azul span{
  width: 45%;
  text-align: right;
}
.en-det-azul .en-precio-azul p{
  width: 45%;
}

.en-det-azul .en-precio-azul > small{
  width: 100%;
  text-align: center;
}

.en-det-azul .en-detalle-azul{
  width: 100%;
  padding: 0;
}
.en-container-md{
  max-width: 1320px;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin: auto;
  padding-bottom: 15px;
}
.en-hb-rs{
  margin-top: 15px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}
.hb-titulo{
  list-style: none;
  padding-left: 0;
  background: var(--ed-gris-2);
  color: var(--ed-negro);
  font-size: 14px;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 10px ;
  
}
.hb-titulo li{
  text-align: center;
  flex: 1;
}
.en-habitacion{
  width: calc(100% - 310px);
  background: var(--ed-blanco);
  border-radius: 10px;
}
.en-reserva{
  background: var(--ed-blanco);
  padding: 15px;
  border-radius: 10px;
  width: 280px;
  position: sticky;
  top: 80px;
}
.en-reserva h2{
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}
.en-res-icos{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.en-res-icos p{
  margin-bottom: 0;
  line-height: 24px;
  vertical-align: middle;
  font-size: 14px;
  width: 50%;
  color: var(--ed-gris);
}
.en-res-icos p i{
  vertical-align: top;
  margin-right: 5px;

}
.en-res-precio{
  padding-top: 10px;
}
.en-res-precio p{
  font-size: 24px;
  font-weight: 600;
  color: var(--ed-negro);
  margin-bottom: 0;
  line-height: 1;
}
.en-res-precio p small{
  font-size: 18px;
  font-weight: 400;
}
.en-res-precio>small{
  font-size: 14px;
  display: block;
}

.en-btn-reserva{
  width: 100%;
color: var(--ed-blanco);
background: var(--ed-rojo);
border-radius: 6px;
height: 35px;
line-height: 35px;
display: block;
text-align: center;
text-decoration: none;
font-size: 14px;
margin-top: 10px;
cursor: pointer;
}
.en-li-todo{
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  font-size: 14px;
  margin-top: 10px;
}
.en-li-todo li{
  line-height: 18px;
  color: var(--ed-negro);
  margin-bottom: 10px;
  font-size: 12px;
}
.en-li-todo li i{
  line-height: 24px;
  margin-right: 5px;
  vertical-align: top;
}











.en-det-hb{
  margin-bottom: 15px;  
  margin-left: 15px;
  margin-right: 15px;
  overflow: hidden;
}
.en-det-hb label{
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  border-radius: 10px;
  background: var(--ed-blanco);
  border: 2px solid var(--ed-azul-2);
  overflow: hidden;
}
.en-det-hb label figure{
  width: 250px;
  /* height: 100%; */
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
}
.en-det-hb label figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .3s;
}
.en-det-hb label:hover figure img{
  transform: scale(1.05);
}
.en-det-hb label figure h1{
  position: absolute;
  bottom: 0;
  width: 100%;
  color: var(--ed-blanco);
  z-index: 1;
  font-size: 14px;
  font-weight: 600;
  width: 100%;
  text-transform: uppercase;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0;
  padding-bottom: 10px;
}
.en-det-hb label figure::after{
  content: '';
  background:linear-gradient(180deg, rgb(4, 28, 150,0) 50%, #1637e4 100%);
  width:100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.en-det-hb label figcaption{
  width: calc(100% - 250px);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 15px;
}


.hb-list{
  width: calc(100% - 280px);
}
.hb-list ul{
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}
.hb-list ul li i{
  color: var(--ed-azul);
  vertical-align: top;
  margin-right: 5px;
  font-size: 20px;
  line-height: 24px;
}
.hb-list ul li{
  line-height: 26px;
  vertical-align: middle;
  font-size: 12px;
}
.hb-precio{
  width: 160px;
}
.hb-precio>span{
  background: var(--ed-rojo);
  color: var(--ed-blanco);
  font-size: 16px;
  font-weight: 600;
  border-radius: 6px;
  line-height: 24px;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
}

.hb-precio>p{
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 0;
  color: var(--ed-azul);
  font-weight: 600;
}
.hb-precio .ant{
  text-decoration:line-through;
  color: var(--ed-gris);
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  margin-top: 10px;
}
.hb-precio>small{
  font-size: 12px;
  line-height: 12px;
  display: block;
  color: var(--ed-gris);
}
.hb-selecionado{
  width: 120px;
  display: flex;
}
.hb-selecionado a{
  margin: auto;
  background: var(--ed-blanco);
  color: var(--ed-azul) !important;
  font-size: 14px;
  line-height: 35px;
  padding: 5px;
  width: 100%;
  text-align: center;
  text-decoration: none;
  border-radius: 22px;
  border: 2px solid var(--ed-azul);
  cursor: pointer;
}
.en-det-hb input{
  display: none;
}
.en-det-hb input:checked + label{
  border: 2px solid var(--ed-azul);
}
.en-det-hb input:checked + label .hb-selecionado a{
  background: var(--ed-azul);
  color: var(--ed-blanco) !important;
  
}
.en-det-hb input:checked + label .hb-selecionado a::after{
  content: 'do'; 
}
.cl-verde{
  color: var(--ed-verde);
}
.cl-azul{
  color: var(--ed-azul);
}
.cl-rojo{
  color: var(--ed-rojo);
}

.en-aloja{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 15px;
  justify-content: space-between;
  align-items: flex-start;
}
.en-ofrece{
  width: 250px;
  padding: 15px;
  border-radius: 10px;
  background: var(--ed-blanco);
}
.en-ofrece h3{
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 10px;
}
.en-conoce{
  width: calc(100% - 280px);
  background: var(--ed-blanco);
  border-radius: 10px;
  padding: 15px;
  overflow: hidden;
}
.en-conoce h3{
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 10px;
}
.en-conoce p{
  font-size: 14px;
  color: var(--ed-negro);
  margin-bottom: 0;
}
.en-conoce ul{
  font-size: 14px; 
   
}
.en-ofrece ul{
  padding-left: 0;
list-style: none;
margin-bottom: 0;
}
.en-ofrece ul li{
line-height: 26px;
font-size: 14px;
}

.en-ofrece ul li i {
  color: var(--ed-azul);
  vertical-align: top;
  margin-right: 5px;
  font-size: 20px;
  line-height: 26px;
}
.en-calificacion{
  display: flex;
  flex-direction: row;
  width: 250px;
}
.en-calificacion span{
  width:60px ;
  height: 60px;
  color: var(--ed-blanco);
  background: var(--ed-verde);
  text-align: center;
  line-height: 60px;
  font-size: 36px;
  font-weight: 600;
  border-radius: 6px;
}
.en-puntacion{
  background: var(--ed-blanco);
  border-radius: 10px;
  padding: 15px;
  margin-top: 15px;
}
.en-calificacion div{
  width: calc(100% - 60px);
  padding-left: 15px;
  
}
.en-calificacion strong{
  display: block;
}
.en-calificacion small{
  font-size: 12px;
  display: block;
}
.en-top-ser{
  display: flex;
  width: calc(100% - 250px);
  justify-content: space-between;
  align-items: center;
  padding-left: 15px;
}
.en-top-cali{
  width: 100%;
  display: flex;
  
}
.en-top-ser span{
  flex: 1;
  text-align: center;
  border-left:1px solid var(--ed-gris) ;
}
.en-list-coment{
  list-style: none;
  padding-left: 0;
  columns: 2;
  display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 0;
}
.en-list-coment li{
  background: var(--ed-blanco);
  border: 1px solid var(--ed-azul-2);
  border-radius: 6px;
  padding: 15px;
  display: flex;
  position: relative;
  margin-top: 15px;
  width: calc(50% - 7px);
}
.en-list-coment li>span{
  width:40px ;
  height: 40px;
  border-radius: 50%;
  background: var(--ed-azul);
  padding: 7px;
}
.en-list-coment li:nth-child(2n+1)>span{
  background: var(--ed-amarillo);
}
.en-list-coment li:nth-child(3n+1)>span{
  background: var(--ed-verde);
}
.en-list-coment li:nth-child(5n+1)>span{
  background: var(--ed-rojo);
}
.en-list-coment li>span img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.en-list-coment li>div{
  width: calc(100% - 40px);
  padding-left: 15px;
}
.en-list-coment li>div>strong{
  color: var(--ed-azul);
  font-weight: 600;
  display: block;
}
.en-list-coment li>div>small{
  display: block;
  margin-bottom: 5px;
  font-size: 12px;
}
.en-list-coment li>div>p{
  margin-bottom:0;
  font-size: 14px;
}
.en-list-coment li>div>span{
  color: var(--ed-blanco);
  background: var(--ed-verde);
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius:6px ;
  line-height: 30px;
  position: absolute;
  right: 15px;
  top: 15x;
}
.swiper-button-next::after, .swiper-button-prev::after {
  color: var(--ed-blanco);
  font-size: 30px !important;
}
.en-dat-busqueda{
  display: flex;
  flex-direction: row;
  color: var(--ed-azul-2);
  align-items: center;
  padding-bottom: 15px;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
 
}
.en-dat-busqueda span{
  color: var(--ed-blanco);
  margin-right: 15px;
  font-size: 14px;
  line-height: 24px;
}
.en-dat-busqueda span i{
  vertical-align: top;
  margin-right: 5px;
}
.en-btn-regresar{
  /* border: 2px solid var(--ed-blanco); */
  line-height: 35px;
  border-radius: 18px;
  padding: 0px 15px;
  text-decoration: none;
  color: var(--ed-blanco);
  vertical-align: middle;
}
.en-btn-regresar i{
  line-height: 35px;
  vertical-align: top;
}
.en-btn-editar{
  background: var(--ed-rojo);
  color: var(--ed-blanco);
  width: 35px;
  height: 35px;
  border-radius: 6px;
  display: flex;
  text-decoration: none;
}
.en-btn-editar i{
  margin: auto;
}
.en-lugares-efecto{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 0;
}
.en-lugares-efecto img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.en-lugares-efecto::after{
  top: 0;
left: 0;
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
background-image: radial-gradient( rgba(5, 28, 143, 0.4) 0%, #041c96 90%);
z-index: 0;
}

.en-perfil-bar{
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  padding: 15px;
  margin-bottom: 15px;
}
.en-perfil-bar img{
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.en-perfil-bar::after{
  top: 0;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: linear-gradient(-90deg, rgba(5, 28, 143, 0) 50%, #041c96 100%);
  z-index: 0;
}
.en-perfil-bar h2{
  font-weight: bold;
  color: var(--ed-blanco);
  z-index: 1;
  position: relative;
  font-size: 32px;
  max-width: 350px;
}
.en-perfil-bar p{
  color: var(--ed-blanco);
  font-size: 14px;
  z-index: 1;
  position: relative;
  max-width: 350px;
}
.en-perfil-bar a{
  color: var(--ed-blanco) !important;
  z-index: 1;
  position: relative;
  line-height: 35px;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 18px;
  border: 2px solid var(--ed-blanco);
  display: inline-block;
}

.en-historial{
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  border: 1px solid var(--ed-azul-2);
  border-radius: 10px;
  background: var(--ed-blanco);
  overflow: hidden;
  margin-bottom: 15px;
}
.en-historial figure{
  width: 15%;

  overflow: hidden;
  margin-bottom: 0;
}
.en-historial figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.en-hs-fecha{
  width: 30%;
  padding: 15px;
  border-left: 1px solid var(--ed-gris);
  margin-top: 15px;
margin-bottom: 15px;
}
.en-hs-detalle{
  padding: 15px;
  width: 30%;
}
.en-hs-precio{
  width: 25%;
  padding: 15px;
  border-left: 1px solid var(--ed-gris);
  margin-top: 15px;
margin-bottom: 15px;
}
.en-hs-detalle h3{
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
}
.en-p-h{
  font-size: 12px;
  line-height: 24px;
  margin-bottom: 0;
  vertical-align: middle;
  color: var(--ed-gris);
}
.en-p-h strong{
  font-weight: 600;
  color: var(--ed-azul);
}
.en-p-h i{
  vertical-align: middle;
  font-size: 18px;
  margin-right: 5px;
}
.en-hs-precio table{
  width: 100%;
  font-size: 12px;
}
.en-hs-precio table tr td:nth-child(1){
  color: var(--ed-gris);
}

.en-hs-precio table tr td:nth-child(2){
  text-align: right;
}
.en-hs-precio table tr:last-child td{
  border-top: 1px solid var(--ed-azul);
  font-weight: 600;
}
.en-titulo-user{
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid var(--ed-gris);
  margin-top: 15px;
  margin-bottom: 15px;
}
.en-titulo-user a{
  height: 35px;
  width: 35px;
  display: flex;
  
}
.en-titulo-user a i{
  margin: auto;
  color: var(--ed-azul);
}
.en-titulo-user h3{
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 35px;
}
.a-btn-detalle{
  overflow: hidden;
}
.a-btn-detalle:hover{
  border: 2px dashed var(--ed-blanco);
  color: var(--ed-blanco);
  background: var(--ed-azul);
}
.a-btn-detalle::after{
  content: '';
  background: url(../images/de-viaje.png);
    background-repeat: repeat;
    background-size: auto;
  background-size: contain;
  width: 26px;
  height: 28px;
  display: block;
  z-index: 1;
  position: absolute;
  top: 4px;
  left: -37px;
  transform: rotate(45deg);
  background-repeat: no-repeat;

}
.a-btn-detalle:hover::after{
  animation: avion 2.5s forwards;
}

@keyframes avion{
  0%{
    left: -37px;
  }
  100%{
    left: 350px;
  }
}
.en-whatsapp{
  position:fixed;
width:50px;
height:50px;
bottom:20px;
right:20px;
background-color:#25d366;
color:#FFF !important;
border-radius:50px;
text-align:center;
font-size:30px;
box-shadow: 2px 2px 6px -2px #999;
z-index:100;
display: flex;
text-decoration: none;
transition: all .3s;
}
.en-whatsapp i{
  margin: auto;
  font-size: 30px;
}
.en-whatsapp:hover{
  box-shadow: 2px 3px 6px -1px #999;
}
.en-msj{
  position: absolute;
  right: -300px;
  bottom: 0;
  background: rgb(200, 247, 203);
  color: #000;
  padding: 10px;
  border-radius: 10px;
  width: 290px;
  height: auto;
  display: flex;
  align-items: flex-end;
  flex-direction: row;
  box-shadow: 0 2px 1px 0px #c4c3c3;
  animation: msj .5s both;
  animation-delay:4s ;
  opacity: 0;
}
.en-msj div{
  text-align: left;
  display: flex;
  flex-direction: column;
  width: calc(100% - 60px);
}
.en-msj div strong{
  font-size: 12px;
  text-align: left;
  color: var(--ed-azul);
  font-weight: 600;
}
.en-msj div span{
  font-size: 12px;
  line-height: 16px;
  display: block;
  text-align: left;
  color: #4b4b4b;
}
.en-msj small{
  font-size: 10px;
  width: 60px;
  text-align: right;
  color:#4b4b4b;
}
@keyframes msj{
  0%{
    right: -300px;
    opacity: 0;
  }
  
  100%{
    right:60px;
    opacity: 1;
  }
}

.en-msj i{
  color: var(--ed-rojo);
  position: absolute;
  top:-12px ;
  left: -12px;
  background: var(--ed-blanco);
  border-radius: 50%;

}

.autocomplete-items{
  width: 120%;
}
.en-camas{
  width: 50%;
}
.en-personas{
  width: 50%;
}
.en-camas span, .en-personas span{
  line-height: 24px;
  font-size: 14px;
  vertical-align:top;
}
.fijo-menu-camas{
  position: absolute;
}
.menu-camas{
  background: var(--ed-blanco);
  margin: 0px;
  width: 280px;
  position: absolute;
  z-index: 1000;
  display: block;
  border-radius: 6px;
  padding: 15px;
  margin: 0;
  top: 33px;
  text-align: left;
  list-style: none;
  border: 1px solid #ddd;
}
.menu-camas li{
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
}


.menu-camas span{
  font-size: 16px;
  display: block;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
  color: var(--ed-gris);
}
.adul-cant{
  display: flex;
  flex-direction: row;
  margin-top: 15px;
  margin-bottom: 15px;
}
.adul-cant>div{
  width: 50%;
}
.adul-cant>div>p{
  margin-bottom: 0;
  font-size: 16px;
  display: block;
  line-height: 18px;
}
.adul-cant>div>small{
  font-size: 12px;
  display: block;
  color: var(--ed-gris);
}
.en-aplicar{
  color: var(--ed-blanco);
}
.en-cont-agregar{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.en-cont-agregar>a:first-child{
  color: #041c96;
  cursor: pointer;
  font-size: 14px;
}

.act-menu-camas{
  /* display: none; */
}

.menu-camas::after{
  content: '';
width: 0;
height: 0;
border-right: 8px solid transparent;
border-top: 8px solid transparent;
border-left: 8px solid transparent;
border-bottom: 8px solid #fff;
top: -15px;
position: absolute;
left: 5px
}
.en-separador{
  background:#dddddd;
  color: var(--ed-blanco) !important;
  padding: 5px 10px;
  display: flex;
}
/* .en-separador:hover{
  background: var(--ed-azul);
} */
.en-separador i{
  color:var(--ed-negro);
  font-size: 18px;
  line-height: 18px;
  width: auto;
}
.en-separador p{
  color:var(--ed-negro);
  line-height: 18px;
font-size: 14px;
vertical-align: top;
margin-bottom: 0;
}
.autocomplete-items div{
  border: none;
}
/* .en-separador:hover i{
  color:var(--ed-blanco) !important;
}
.en-separador:hover p{
  color:var(--ed-blanco);
} */
.autocomplete-items{
  border-radius: 6px;
  top: 60px;
  border: 1px solid #ddd;
}
.autocomplete-items::after{
  content: '';
width: 0;
height: 0;
border-right: 8px solid transparent;
border-top: 8px solid transparent;
border-left: 8px solid transparent;
border-bottom: 8px solid #fff;
top: -16px;
position: absolute;
left: 5px
}

.br-trj{
  background: var(--ed-blanco);
  padding: 15px;
  border-radius: 6px;
  margin-bottom: 15px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.card-trj{
  background: var(--ed-azul);
  color: var(--ed-blanco);
  padding: 15px;
  border-radius: 15px;
  position: relative;
  overflow: hidden;
  width: 300px;
}
.estado-cuenta{
  width: calc(100% - 300px);
  padding: 15px;
}
.estado-cuenta p{
  font-size: 12px;
  color: var(--ed-gris);
}
.card-trj .card-img-fijo{ 
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.2;
  z-index: 1;
  
}
.z-ind-2{
  position: relative;
  z-index: 2;
}
.log-card img{
  width: 150px;
}
.dt-card-01 small{
  font-size: 10px;
  display: block;
}
.dt-card-01 strong{
  font-size: 12px;
  display: block;
}
.card-trj p{
  margin-bottom: 0;
  margin-top: 10px;
}

.pro-gres{
  width:100% ;
  background: var(--ed-gris-2);
  height: 20px;
  border-radius: 3px;
}
.pro-gres span{
  height: 100%;
  background: var(--ed-rojo);
  display: block;
  border-radius: 3px;
}
.pro-gres span small{
  color: var(--ed-blanco);
  line-height: 20px;
  font-size: 12px;
  text-align: center;
  width: 100%;
  height: 100%;
  display: block;
}
.wid{
  background: var(--ed-blanco);
  width: 100%;
  border-radius: 6px;
  padding: 15px;
  margin-bottom: 15px;
}
.wid img{
  max-width: 40px;
  display: block;
  margin-bottom: 10px;
}
.wid span{
  font-size: 12px;
  line-height: 14px;
  display: block;
  color: var(--ed-gris);
}
.wid strong{
  color: var(--ed-azul);
}
.edit-acor .accordion-item{
  margin-bottom: 10px !important;
}
.accordion-item{

}
.stl-table{
  
}
.nav-user{
  margin-top:15px ;
}
.txt-1{
  font-size: 14px;
  margin-top: 10px;
  color: var(--ed-gris2);
}











/* medias */

@media (max-width: 1400px) {
  .en-container-md{
    max-width: 1140px;
  }
  
}
@media (max-width: 1200px) {
  
}

@media (max-width: 992px) {
  
  .en-plb figure{
    left: 60%;
  }
  .en-plb-det{
    width: 60%;
  }
  .en-btn-plb{
    height: 30px;
    line-height: 30px;
  }
  .en-plb-det small{
    font-size: 10px;
    line-height: 1;
  }
  .en-logo {
    height: 40px;
    width: auto;
  }
  .en-plb-det h6{
    font-size: 16px;
    line-height: 1;
  }
  .en-trj-destinos figure{
    width: 170px;
  }
  .en-trj-pr-det a{
    line-height: 1;
    margin-top: 5px;
  }
  .en-trj-datos{
    
  }
  .en-trj-datos p{
    font-size: 12px;
  }
  .en-trj-pr-det{
    flex-wrap: wrap;
  }
  .en-trj-destinos h3{
    font-size: 16px;
    line-height: 1;
  }
  .en-trj-precio-destino{
    font-size: 20px;
    line-height: 1;
  }
  .en-sec-hoteles{
    padding-left: 15px;
    padding-right: 15px;
  }
.en-det-carrusel{
  width: 100%;
  height: 260px;
}
  .en-det-azul{
    width: 100%;
    flex-direction: row;
    display: flex;
  }
  .en-det-lugar{
    flex-wrap: wrap;
    height: auto;
  }
.en-det-azul .en-detalle-blanco{
  width: 70%;
  padding-right: 0;
}
.en-det-azul .en-detalle-azul{
  width: 30%;
  border-left: 1px solid #fff;
  border-radius: 0;
  padding-left: 15px;
}
.en-det-hb label figure{
  width: 100%;
  height: 250px;
}
.en-det-hb label figcaption{
  width: 100%;
}
.en-trj-resul figure{
  width: 160px;
}
.en-trj-resul figcaption{
  width: calc(100% - 160px);
}
.en-res-des p{
  line-height: 14px;
}
.en-detalle-blanco h2{
  line-height: 18px;
}
.en-ultimas{
  font-size: 12px;
  padding-left: 5px;
  padding-right: 5px;
}
.en-detalle-blanco{
  width: calc(100% - 150px);
}
.en-detalle-azul{
  width: 150px;
}
.en-ultimas{
  height: 30px;
  line-height: 30px;
}
.en-ultimas i{
  line-height: 30px;
}
.en-historial figure{
  width: 40%;
  border-bottom: 1px solid var(--ed-gris);
}
.en-hs-detalle{
  width: 60%;
  border-bottom: 1px solid var(--ed-gris);
}
.en-hs-fecha{
  width: 60%;
  margin: 0;
  border-left: 0;
}
.en-hs-precio{
  width: 40%;
  margin: 0;
}


}
@media (max-width: 768px) {
  .br-trj{
    flex-wrap: wrap;
  }
  .card-trj{
    margin: auto;
  }
  .estado-cuenta{
    width: 100%;
  }
  .en-historial figure{
    width: 100%;
    height: 150px;
    border: none;
  }
  .en-hs-detalle{
    width: 100%;
    border: none;
    padding-bottom: 0;
  }
  .en-hs-fecha{
    width: 100%;
    padding-bottom: 0;
  }
  .en-hs-precio{
    width: 100%;
    margin: 0;
    border-left: 0;
  }

  .h2{font-size: 24px;}  
  .h3{font-size: 18px;}
  .en-suscribete h4{font-size: 16px;}  
  .en-form-buscador{
    flex-wrap: wrap;
  }
  .en-combo-30{
    width: 100%;
  }
  .en-combo-20{
    width: 100%;
  }
  .en-combo-input{
    margin-bottom: 15px;
  }
  .en-op-buscador li a{
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .en-op-buscador li a i{
    font-size: 18px;
    line-height: 1;
  }
  .en-form-buscador{
    margin-bottom: 0;
  }
  .en-buscador{
    bottom: -200px;
  }
  .en-form-buscador button{
    width: 100%;
  }
  .en-sec-destinos{
    padding-top: 230px;
  }
  .en-trj figcaption h3{
    font-size: 16px;
  }
  .en-trj figcaption p{
    font-size: 12px;
  }
  .en-trj-precio{
    font-size:18px ;
    line-height: 18px;
  }
  .en-trj-precio small{
    font-size: 50%;
  }
  .en-trj-precio small:last-child{
    display: block;
  }
  .en-trj-datos p{
    font-size: 12px;
    line-height: 1;
  }
  .en-trj-datos i{
    line-height: 16px;
  }
  .en-trj-pr-det{
    flex-direction: column;
  }
  .en-trj-destinos h3{
    font-size: 16px;
    line-height: 1;
  }
  .en-trj-destinos h3 i{
    font-size: 16px;
  }
  .en-trj-precio-destino{
    font-size: 18px;
  }
  .en-trj-ht{
    height: 160px;
  }
  .en-trj-destinos{
    height: 220px;
  }
  
  .en-carousel-cap h2{
    font-size: 50px;
  }
  .en-carousel-cap h3{
    font-size: 30px;
  }
  .en-bg-resultados .en-buscador{
    margin-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
  }

  /*  */
.en-bar-filtros{
  /* position: absolute;
  top: 0;
  display: none; */
display: none;
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 100%;
  left: 0;
  height: 100%;
  overflow-y: auto;
  border-radius: 0;
}
.en-list-resultados{
  width: 100%;
}
.en-container{
  padding-left: 15px;
  padding-right: 15px;
}
.en-trj-resul{
  flex-wrap: wrap;
  height:auto;
}
.en-trj-resul figure{
  width: 100%;
  height: 120px;
}
.en-trj-resul figcaption{
  width: 100%;
  flex-wrap: wrap;
}
.en-detalle-blanco{
  width: 100%;
  padding-right: 0;
  padding-bottom: 15px;
}
.en-detalle-azul{
  width: auto;
  margin-left: -15px;
margin-right: -15px;
margin-bottom: -15px;
border-radius: 0;
}
.en-dta{
  width: 50%;
  justify-content: center;
}
.en-precio-azul{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items:baseline;
}
.en-precio-azul p{
  margin-left:5px ;
}
.en-precio-azul > small{
  margin-top: 5px;
  width: 100%;
text-align: center;
}
.a-btn-detalle{
  margin-top: 5px;
}
.en-ultimas{
  font-size: 14px;
  line-height: 30px;
  height: 30px;
}
.en-ultimas i{
  line-height: 30px;
}
.en-ordenar p{
  width: calc(50% - 25px);
}
.en-ordenar p strong{
  display: block;
}
.en-ordenar span{
  width: calc(50% - 25px);
  text-align: right;
  border-radius: 6px;
  border: 1px solid var(--ed-azul-2);
  padding: 1px 5px;
}
.en-ordenar select{
  text-align: right;
  width: 100%;
  font-size: 12px;
}
.en-bar-xs a{
  display: flex;
}
.en-ordenar{
  height: 60px;
}
.en-icono-filtro{
  display: flex;
}
.en-det-azul{
  flex-direction: column;
}

.en-det-azul .en-detalle-blanco{
  width: 100%;

}
.en-det-azul .en-detalle-azul{
  width: 100%;
  height: auto;
  border: none;
  padding-left: 0;
  margin: 0;
}
.en-habitacion{
  width: 100%;
}
.en-reserva{
  width: 100%;
}
.en-det-hb label figure{
  width: 100%;
}
.en-det-hb label figcaption{
  width: 100%;
}
.hb-list{
  width: 100%;
}
.hb-precio{
  width: 100%;
}
.hb-selecionado{
  width: 100%;
}
.hb-selecionado a{
  margin-top: 15px;
}
.en-det-hb label figure{
  height: 170px;
}
.hb-list{
  width: 50%;
}
.hb-precio{
  width: 50%;
  border-left: 1px solid var(--ed-gris);
  padding-left: 15px;
}
.en-reserva{
  margin-top: 15px;
  
}
.hb-precio>p{
  font-size: 22px;
}
.en-reserva{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 0;
  margin-bottom: 0;
  position: fixed;
  bottom: 0;
  z-index: 99;
  left: 0;
  height: 140px;
  right: 0;
  top: auto;
  align-items: flex-start;
  box-shadow: 0 0 5px #0003;
  border-radius: 0;
  padding-top: 10px;
}
.en-reserva h2{
  width: 100%;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 0;
}
.en-res-icos{
  width: 30%;
  flex-wrap: wrap;
}
.en-res-icos p{
  width: 100%;
  line-height: 18px;
}
.en-res-icos p i{ 
  line-height: 18px;
}
.en-res-precio{
  width: 70%;
  padding-top: 0;
  padding-left: 15px;
  border-left: 1px solid var(--ed-gris);
}
.en-btn-reserva{
  line-height: 50px;
  font-size: 14px;
  height: 50px;
  padding: 0;
  margin-top: 0;
}
.en-li-todo{
  display: none;
}
.en-ofrece{
  width: 100%;
  margin-bottom: 15px;
}
.en-conoce{
  width: 100%;
}
.en-list-coment li{
  width: 100%;
}
.en-top-cali{
  flex-wrap: wrap;
}
.en-calificacion{
  width: 100%;
}
.en-top-ser{
  width: 100%;
  padding-left: 0;
  margin-top: 10px;
}
.en-top-ser span{
  font-size: 12px;
}
.en-top-ser span:nth-child(1){
  border-left: 0;
}
.en-top-ser span strong{
  display: block;
}
.hb-titulo li{
  display: none;
}
.hb-titulo li:nth-child(1){
  display: block;
  text-align: center;
  width: 100%;
}

.en-logo {
  height: 40px;
  
}
.en-op-buscador li label i{
  display: block;
  text-align: center;
}

.en-load svg{
  max-width: 320px;
}
.en-plb-det h6{
  font-size: 18px;
  line-height: 18px;
}
.en-plb-det small{
  line-height: 12px;
}

.autocomplete-items{
  width: 100%;
}
.sumar1 button{
  width: 33%;
  padding: 6px 0;
}








}
@media (max-width: 575px) {
  
}


  /* medias */
  @media (min-width: 768px) {
    .bd-placeholder-img-lg {
      font-size: 3.5rem;
    }
  }