cabody{
     background-color: #f4f4f4;
}

body {
    background-color: #f4f4f4;
}

#img_loading{
     width:700px; 
     height: 400px; 
     margin: auto;
}


.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 95%;
}

.contenedor_filtros{
    margin-top: 1rem;
}

::-webkit-scrollbar {
   /* width: 5px;*/
}

::-webkit-scrollbar-thumb {
    background: white;
    -webkit-box-shadow: none;
}

::-webkit-scrollbar-thumb:window-inactive {
    background: none;
}

.espacio_menu{
    margin-top: 120px;
}

.dropdown-marcas_destino{
    position: fixed;
    width: 80vw;
    top: 100px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}


#containerFavoritosBusqueda{
     position: absolute;
     left: 5%;
     bottom:5%;
}

img.imgFavoritosBusqueda{
      width: 25px !important;
      cursor: pointer;
 }

 #containerVisitantes{
     background: #f4f4f4;
     position: absolute;
     left: 5%;
     top:5%;
     font-size: 14px;
     font-weight: bold;
     padding-left: 4px;
     padding-right: 4px;
     padding-top: 2px;
     padding-bottom: 2px;
     border-radius: 10px;
 }

 img.imgVisitor{
      width: 16px !important;
      cursor: pointer;
      margin-right: 0.8rem;
 }

/******* SELECT 2 ***********/

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 24px;
    font-size: 0.7em;
    background-color: #f4f4f4;
    color: #495057;
     border-radius: 8px;

}

.select2-container--default .select2-selection--single {
    background-color: #f4f4f4;
    border: 1px solid #ced4da;
    border-radius: 8px;
    cursor: text;
    padding-bottom: 0px; 
    padding-top: 0px;
    padding-right: 5px;
    color: #495057;
    height: 26px;
}


.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #ced4da 1px; 
    outline: 0;
}

.select2-container--default .select2-selection--multiple {
    background-color: #f4f4f4;
    border: 1px solid #ced4da;
    border-radius: 8px;
    cursor: text;
    padding-bottom: 0px; 
    padding-top: 0px;
    padding-right: 5px;
    color: #495057;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 0.7em;
}

.select2-results__option {
    padding: 2px;
    user-select: none;
    -webkit-user-select: none;
    font-size: 0.7em;
}

.select2-container .select2-search--inline .select2-search__field {
     margin-top: 0px; 
}


.select2-container--default .select2-selection--multiple .select2-selection__clear {
    margin-top: 0px; 
}

.select2-container .select2-selection--multiple {
    min-height: auto;
    
}


.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
    font-size: 0.7em;
    color:#495057;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#495057 ;
  opacity: 1; /* Firefox */
}


/******* CIERRE SELECT 2 ********/

/* fixed-top menu */
 nav.navbar{
      position: fixed;
      top: 0;
      right: 0;
      left: 0;
      z-index: 1030;
      background-color: #000;
      /*padding-left: 60px;
      padding-right: 60px;*/
 }


#filtrosFormulario{
    margin-top: 100px;
}

.containerClasificacionSuc{ 
     width: 7rem;
     padding: 0.10em;
     background:#141412;
     color: #fdb813;
     font-size: 14px;
     border-radius: 16px; 
     text-align: center;
     cursor: pointer;
     margin-bottom: 1em;
    
}


/******* MENU RESPONSIVO MR ******/


#filtro_marcaResponsivo{
    display: none;
}

.dropdown-menu-marcas{
    min-width: 100% !important;
}
/******* MENU RESPONSIVO MR ******/

/* texto resultados encontrados */
div.resultadosOrdenar{
     margin: 50px 0;
}
/* icono filtros */
img.imgIconoResultados{
     width: 30px;
     border-radius: 5px;
}

.imgLugarResultados{
      width:100%;
     height:220px; 
     white-space: 100%;
     border-radius: 15px 15px 0px 0px;
}


div.tarjeta_completa_interes{
    cursor: pointer;
} 

.BtnFiltroMenuNuevo{
    width: 25px;
}

.linkFiltros{
    width: 40px; 
    height: 40px;
    color: #FFF;
    text-align: center;
    border-radius: 5px;
    background: #ebebeb;
    margin-top: 8px;
    margin-left: 10px;
}

.linkFiltros:hover{
    background: #FDB813;
}

.tarjeta_destino:hover{
    background: #FDB813;
}

.tarjeta_destino_responsive:hover{
    background: #FDB813;
}

.contornoMaps{
    width: 35px;
    padding: 5px;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    margin: auto;
}


/* parrafo resultados encontrados */
.parrafoResultados{
     color: #595959;
} 
/* btn estilos ordenar */
button.btnNegroOrdenar{
     border: 1px solid #ebebeb;
     height: 35px;
     font-size: .7rem;
     border-radius: 10px;
     width: 150px;
     margin-bottom: 10px;
     margin-left: 2rem;
     background: #FFF;
}


button.btnNegroOrdenar:Hover{
      border: 1px solid #141412;
     height: 35px;
     font-size: .7rem;
     border-radius: 10px;
     width: 140px;
     margin-bottom: 10px;
     margin-left: 2rem;
     background: #141412;
     color:#FFF;
}



button.btnNegroOrdenarActivo{
     border: 1px solid #141412;
     height: 35px;
     font-size: .8rem;
     border-radius: 10px;
     width: 140px;
     margin-bottom: 10px;
     margin-left: 2rem;
     background: #141412;
}


button.btnVerdeOrdenarActivo{
     border: 1px solid #5FB44F;
     height: 35px;
     font-size: .7rem;
     border-radius: 10px;
     width: 140px;
     margin-bottom: 10px;
     margin-left: 2rem;
     background: #5FB44F;
}


span.texto_filtro_OrdenarActivo{
     color: #FFF;
}
/* btn estilos filtrar */
button.btnNegroOrdenarFiltro{
     border: 1px solid #000;
     height: 40px;
     font-size: .8rem;
     border-radius: 10px;
     width: 140px;
     margin-left: 0rem;
}
/* img btn ordenar */
img.imgBtnOrdenar{
     width: 15px;
} 

.col-especial{
     width: 18%;
     margin-right: 2%;
}
/*************** resultados*********** */

.card-title{
    margin-bottom: 0.5rem;
    margin-top:0.5rem;
    display: flex;
    align-items: center;
    font-weight: bold;
}

.h5, h5 {
    font-size: 1rem;
}

.h4, h4 {
    font-size: 1.1rem;
    white-space: break-spaces;
}

div.card-general-container{
     height: 450px;
}

div.card{
     border-radius: 15px;
     cursor: pointer!important;
     padding-bottom: 50px;
     
}
.parrafoUbicacionEnfrente{
     color: #595959!important;
     font-size: .8rem;
}
/* ul calificacion */
div.calificacion{
     list-style: none; 
     padding-inline-start: 0;
     padding: 0;
     margin: 0;
     position: absolute;
     width: 100%;
     bottom: 0px;
     background: #f4f4f4;
     border-radius: 0px 0px 15px 15px;
     left: 0px;
}

.imgCalificacionEstrella{
     width: 20px;
     margin-left: 0.5rem;
}

div.divImgCategoria{
     position: absolute;
     background-color: white;
     right: 0;
     border-bottom-left-radius: 15px;
     border-top-right-radius: 15px;
}

div.divImgVoltearFicha{
     position: absolute;
     background-color: white;
     left: 0;
     border-bottom-right-radius: 15px;
     border-top-left-radius: 15px;
}

img.imgVoletarCard{
     width: 40px;
     padding: 10px;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1rem;
}

/* imagen categoria card */
img.imgCategoriaCard{
     width: 50px;
     padding: 10px;
}
p.tiempo{
     color: #595959;
     font-weight: bold;
     font-size: .8rem;
}
span.status{
     border: 1px solid #03c067;
     padding: 5px 10px;
     font-size: .6rem;
     border-radius: 8px;
     color: #595959;
}
/* contenedor fecha */
div.contenedorFechaDetalles{
     padding: 5px 6px;
     margin: 0px;
     text-align: right;
}

div.contenedorFechaDetallesPromociones{
     background-color: #fdb813;
     padding: 10px 12px;
     margin: 0px;
     border-top-left-radius: 15px;
     border-bottom-right-radius: 15px;
     text-align: center;
}


div.container-general-estrellas{
     align-items: center;
}

img.imgFlechaDetalles{
     width: 10px;
}
img.imgPorcentaje{
     width: 15px;
}
div.imgMaps{
     margin: auto;
     width: 25px;
     height: 25px;
     background-image: url('../img/single/icono_ubicacion.png');
     background-size: cover;
}
div.imgMaps:hover{
     width: 25px;
     height: 25px;
     background-image: url('../img/single/icono_ubicacion_negro.png');
     background-size: cover;
}
/************ estilos ficha trasera ************/
/* contenedor titulo back*/
div.contenedorTopTitulo{
     background-color: #fdb813;
     border-top-left-radius: 15px;
     border-top-right-radius: 15px;
     height: 70px;
}

div.contenedorbottomTitulo{
     background-color: #000;
     border-bottom-left-radius: 15px;
     border-bottom-right-radius: 15px;
     height: 50px;
}
/* img fecha regresar */
img.imgRegresarFront{
     width: 12px;
}

div.contenedorTituloBack{
     border-top-left-radius: 15px;
     border-top-right-radius: 15px;
     background-color: #fdb813;
}
p.textoBack{
     font-size: .7rem;
     color:#595959;
}
img.imgTelefonoBack{
     width: 15px;
}
p.tituloTelefono{
     font-size: .7rem;
}
p.telefono{
     font-size: .7rem;
     border: 2px solid #fdb813;
     border-radius: 10px;
     padding: 5px;
}

p.telefono:hover{
     background:  #fdb813;
}

/* h5 back */
p.h6BackTitulo{
     border-bottom: 1px solid #595959;
     padding: 5px;
     font-size: .7rem;
}
img.imgListaServicios{
     width: 30px;
}
ul.servicios{
     list-style: none;
     padding: 0;
     margin: 0;
}

#container_resultados{
      margin-bottom: 40px;
      margin-top: 3rem;
 }

/* boton detalles */
img.imgMasDetalles{
     width: 30px;
     height: 40px;
     border-top-right-radius: 15px;
     border-bottom-right-radius: 15px;
}
/* detalles contenedor */
div.contenedorTituloDetalles{
     background-color: #f4f4f4;
     height: 40px;
     width: 150px;
     border-top-left-radius: 15px;
     border-bottom-left-radius: 15px;
}

div.contenedorTituloDetalles:hover{
     background:#fdb813;
     color: #141412;
}

/* texto mas detalles */
p.textoDetalles{
     text-align: center;
     padding: 10px 20px;
     margin: auto;
     font-size: .7rem;
}
/* back 2 ofertas */
div.contenedorTopTituloNegro{
     background-color: #000000;
     border-top-left-radius: 15px;
     border-top-right-radius: 15px;
     height: 80px;
}
div.masDetalles{
     margin-top: 40px;
}
/* fecha amarilla back 2 */
img.imgRegresarFrontAmarillo{
     width: 12px;
}
/* img ofertas */
img.imgPrecioBack2{
     width: 20px;
}
/* vigencia back 2 ofertas */
p.vigencia{
     border: 1px solid #fdb813;
     padding: 5px 20px;
     border-radius: 10px;
     font-size: .6rem;
     font-weight: bold;
}
/* fecha vigencia */
p.fechaVigencia{
     background-color: #f4f4f4;
     padding: 5px 20px;
     border-radius: 10px;
     font-size: .6rem;
     font-weight: bold;
}
/* estilos texto restricciones */
p.textoRestricciones{
     font-size: .7rem;
     font-weight: bold;
}
/* texto mensaje oferta */
div.contenedorMensaje{
     background-color: #fdb813;
     border-radius: 15px;
}
div.contenedorMensaje p{
     padding: 13px 0;
     font-weight: bold;
     font-size: .7rem;
}

div.contenedorMensaje:hover{
     background:#141412;
     border-radius: 15px;
}

div.contenedorMensaje p:hover{
    color:#FFF;
}


/* ordenarPor y paginacion despues de resultados */
/*div.ordenarPaginacion{
     margin: 40px 0;

}*/
/* estilos paginacion */
a.jp-current{
     color: white!important;
     background-color: black!important;
     padding: 10px 13px!important;
     border-radius: 8px!important;
     cursor: pointer;
}
div.holder a{
     border: 1px solid #f4f4f4;
     padding: 10px 13px;
}





/****************** carousel **********************/

/* Carousel */
section.owlCarouselSection{
     margin: 50px 0 0 0;
}
/* Carousel imagenes */
img.imgCategoriasSlider{
     width: 40px!important;
     margin: auto;
}
.owl-carousel-categorias{
     max-width: 100%;
    z-index: 1;
        -webkit-tap-highlight-color: transparent;
    position: relative;
}
.owl-carousel-categorias .owl-stage-outer {
    /* position: relative; */
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
    /* flex: 0 0 100%; */
    /* max-width: 100%; */
}
/* botones siguiente anterior */
div.owl-prev, div.owl-next{
     position: absolute;
     top: 40px;
}
div.owl-prev{
     left: -50px;
}
div.owl-next{
     right: -50px;
}

div.owl-prev img{
     border-top-left-radius: 7px;
     border-bottom-left-radius: 7px;
}
div.owl-next img{
     border-top-right-radius: 7px;
     border-bottom-right-radius: 7px;
}
.flechap{
     width: 30px;
}
body .owl-stage {
     width: 100%;
     white-space: nowrap;
}
body .owl-stage .owl-item {
     position: static;
     float: none;
     display: inline-block;
     vertical-align: top;
}
/* Texto categorias */
p.textoCateorias{
     color: #595959;
     font-size: 0.8rem;
     text-align: center;
     margin: 10px 0;

}
/* div item */
div.item {
     background: #FFF;
     padding: 20px 0px;
     border-radius: 10px;
     text-align: center;
}
/* hover al div.item */
div.item:hover {
     background-color: #000000;
     cursor: pointer;
}
/* hover al parrafo del div.item */
div.item:hover > p.textoCateorias{
     color: white;
}

/* Carousel imagenes */
img.imgCategoriasSliderNegro{
     display: none!important;
     width: 40px!important;
     margin: auto;
}
/* hover al parrafo del div.item aparece imagen negra*/
div.item:hover > img.imgCategoriasSliderNegro{
     display: block!important;
}
/* hover a la imagen amarilla para quitarla */
div.item:hover > img.imgCategoriasSlider{
     display: none!important;
}




.owl-carousel-promocion{
     max-width: 100%;
    z-index: 1;
        -webkit-tap-highlight-color: transparent;
    position: relative;
}
.owl-carousel-promocion .owl-stage-outer {
    /* position: relative; */
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
    /* flex: 0 0 100%; */
    /* max-width: 100%; */
}

.owl-carousel-promocion  button.owl-dot {
    
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #FFF;
    border: 1px solid #FDB813;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
    

}


.owl-theme .owl-dots .active span {
     background: #FDB813;
}


.owl-dots{
     display:flex;
     text-align: center;
     width: 50px;
     margin: 10px auto;

}


.owl-carousel-promocion .owl-dots.disabled, .owl-carousel-promocion .owl-nav.disabled {
    display: none;
}

div.item-promocion {
     border: 0px;
     padding: 0px 0px;
     border-radius: 10px;
     width: 100%;
     
}
/*********************** fin carousel ********************/



/* margin cars pequeñas */
div.cardsPequeñas{
     margin: 30px;
}
/* cards pequeñas */
div.contenedorCard{
     height: 150px;
     margin-bottom: 20px;
     min-height: 140px !important;
     
}
/* img cars pequeñas */
div.contenedorCard img.imgCardPequeña{
     width: 100%;
     height: 100%;
     border-top-left-radius: 15px;
     border-bottom-left-radius: 15px;
}
/* div contenedor imagen */
div.imagenCard{
    width: 40%;
    border-radius: 15px 0px 0px 15px;
    background: #FFF;
}
/* img estrellas calificacion */
img.imgEstrellacardPequeñas{
     width: 13px!important;
     height: 13px!important;
}
/* fecha ver detalles */
img.imgFlechaDetalles{
     width: 10px!important;
}
img.imgFlechaDetallesPromocion{
     width: 15px!important;
}
/* estilos infocard */
h6.tituloLittleCard{
     font-size: .8rem;
     margin-top: 0.5rem;
     height: 30px;
  
}
div.infoCard{
      width: 60%;
     background-color: #ffffff;
     border-top-right-radius: 15px;
     border-bottom-right-radius: 15px;
}
/* texto infocard */
p.textoInfoCard{
     font-size: .7rem;
     color: #595959;

}
/* horario little card */
p.horarioLittleCard{
     font-size: .7rem;
     color: #595959;
     font-weight: bold;
}
/* status  */
span.statusLittleCard{
     font-size: .5rem;
     margin-left: 10px;
}
/* contenedor img categoria */
div.contenedorImgCategoria{
     position: absolute;
     background-color: #ffffff;
     left: 15px;
     z-index: 1;
     bottom: 0;
     border-bottom-left-radius: 14.5px;
     border-top-right-radius: 15px;
}
/* imagen categoria */
img.imgCategoriaLittleCard{
     width: 30px!important;
     margin: 12px 10px 12px 8px;
}

/* contenedor fecha */
div.flechaDetallesLittleCards{
     background-color: #000000;
     position: absolute;
     right: 15px;
     bottom: 0;
     padding: 5px 12px;
     border-top-left-radius: 15px;
     border-bottom-right-radius: 15px;
}
img.imgFlechaDetallesCards{
     width: 7px!important;
}


#carousel-productos .owl-nav  div.owl-prev{
    position: absolute;
    top: 0px;
}

#carousel-productos .owl-nav  div.owl-next{
    position: absolute;
    top: 0px;
}


/******* TAJETAS NUEVAS SIN IMAGEN ********/

.sinimagenPrincipalSucursal{
    background: #000; 
    align-items: center;
    display: flex;
}

.titulo_sinImagenPrincipal{
    font-size: 1.5em; 
    color:#fdb813; 
    width:80%; 
    height:auto; 
    margin:auto;
    text-align: center;
}

.sinimagenPrincipalSucursalInteres{
    background: #000; 
    align-items: center;
    display: flex;
    height: 150px;
}

.titulo_sinImagenPrincipalInteres{
    font-size: 1em; 
    color:#fdb813; 
    width:80%; 
    height:auto; 
    margin:auto;
    text-align: center;
}



.btnverMasResultados{ 
     width: 10rem;
     padding: 0.5em;
     background:#FDB813;
     color: #FFF;
     border-radius: 10px; 
     text-align: center;
     cursor: pointer;
     margin: auto;
}

.btnverMasResultados:hover{
     width: 10rem;
     padding: 0.5em;
     background:#141412;
     color: #FFF;
     border-radius: 10px; 
     text-align: center;
     cursor: pointer;
}


.container_btn_mas_result{
     text-align: center;
}

#img_loading_resultados{
     width:25rem; 
     margin: auto;
}


@media (max-width: 1500px){

     img.imgCategoriaCard {
         width: 45px;
         padding: 10px;
     }

     .card-body {
         -ms-flex: 1 1 auto;
         flex: 1 1 auto;
         min-height: 1px;
         padding: 1rem;
     }

     .col-especial{
          width: 18%;
          margin-right: 2%;
     }

     div.card-general-container{
          height: 410px;
     }

     .imgLugarResultados {
          height: 180px;
          width:100%;
          border-radius: 15px 15px 0px 0px;
     }

     img.imgFlechaDetalles{
          width: 8px !important;
     }

     img.imgFlechaDetallesPromocion{
          width: 11px!important;
     }
	

.containerbtnInfoProductos {
    background: #121213;
    border-radius: 0px 0px 10px 10px;
}
     

     div.imgMaps {
         width: 20px;
         height: 20px;
         background-image: url(../img/single/icono_ubicacion.png);
         background-size: cover;
     }


     div.contenedorFechaDetalles {
          padding: 2px 3px;
          margin: 0px;
          text-align: right;
     }

     .card-title{
          height: 30px;
        
     }

     .parrafoUbicacionEnfrente{
          color: #595959!important;
          font-size: .70rem;
          //height: 60px; 
         
     }

     .imgCalificacionEstrella{
          width: 15px;
          margin-left: 0.5rem;
     }    

     span.status{
          border: 1px solid #03c067;
          padding: 5px 6px;
          font-size: .6rem;
          border-radius: 8px;
          color: #595959;
     }

     p.vigencia {
         border: 1px solid #fdb813;
         padding: 5px 10px;
         border-radius: 10px;
         font-size: .6rem;
         font-weight: bold;
     }

     p.fechaVigencia {
         background-color: #f4f4f4;
         padding: 5px 10px;
         border-radius: 10px;
         font-size: .6rem;
         font-weight: bold;
     }

     div.contenedorMensaje p {
          padding: 10px 0;
          font-weight: bold;
          font-size: .7rem;
     }
}


/* // Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 

.card-title{
          height: 30px;
        
     }

     .col-especial{
          width: 31%;
          margin-right: 2%;
     }


   
     /* li buscador quitar margin*/
     li.buscadorLink{
          margin-left: 0;
     }
     /* tamaño div imagen card pequeñas */
     div.imagenCard{
        width: 40%;
        border-radius: 15px 0px 0px 15px;
        background: #FFF;
     }
     div.infoCard{
          width: 100%;
     }
 }
/* @media only screen and (max-width: 1199.98px) and (min-width: 991.98px) {  
  
     div.infoCard{
          width: 100%;
     }

}   */
/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 


     /* tamaño div imagen */
     div.imagenCard{
        width: 60%;
        border-radius: 15px 0px 0px 15px;
        background: #FFF;
     }
     p.h6BackTitulo{
          font-size: .7rem;
     }
     img.imgListaServicios{
          width: 25px;
     }
     div.masDetalles{
          margin-top: 20px;
     }
     .imgBtnCategorias{
          display: none;
     }

    

    /******* MENU RESPONSIVO MR ******/

    #filtro_marcaResponsivo{
        display: block;
    }

 }

 /* // Small devices (landscape phones, less than 768px) */
@media (max-width: 768.98px) { 

    .espacio_menu{
        display: none;
    }
     
     .col-especial{
          width: 48%;
          margin-right: 2%;
     }

     div.card-general-container{
          height: 550px;
          min-height: 500px;
     }
     div.card{
          border-radius: 15px;
          cursor: pointer!important;
          padding-bottom: 0px;
          
     }

     .card-body{
          padding-left: 1.25rem;
          padding-bottom: 0px;
          padding-right: 1.25rem;
          padding-top: 1rem;
     }


 
     /* div contenedor imagen */
     div.imagenCard{
        width: 40%;
        border-radius: 15px 0px 0px 15px;
        background: #FFF;
     }
     p.textoBack{
          font-size: 1.2rem;
     }
     img.imgTelefonoBack{
          width: 40px;
     }
   
    p.h6BackTitulo{
         font-size: 1.2rem;
         margin: 30px 0;
    }
    img.imgListaServicios{
         width: 45px;
    }
    /* detalles contenedor */
     div.contenedorTituloDetalles{
          width: 200px;
     }
     /* estilos back 2 */
     img.imgPrecioBack2{
          width: 50px;
     }
     p.textoOferta{
          font-size: 1.5rem;
          margin-top: 20px;
     }
     h4.textoPromocion{
          font-size: 2rem;
          margin: 15px 0;
     }
     h4.promocioProducto{
          font-size: 2rem;
          margin: 10px 0;
     }
     div.masDetalles{
          margin: 35px 0;
     }
     p.vigencia, p.fechaVigencia{
          font-size: 1rem;
     }
     p.textoRestricciones{
          font-size: 1rem;
     }
     div.contenedorMensaje p{
          font-size: 1rem;
          margin: 20px;
     }
   

 }

/* // Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {  

     #img_loading{
          width:350px; 
          height: 200px; 
          margin: auto;
     }

    .contenedor_filtros{
        margin-top: 0rem;
    }   

     .h5, h5 {
          font-size: 1.2rem;
     }

     .h4, h4 {
         font-size: 1.4rem;
         white-space: break-spaces;
     }

     .parrafoUbicacionEnfrente {
         color: #595959!important;
         font-size: 0.9rem;
         height: 50px;
     }



     img.imgFlechaDetalles{
          width: 10px !important;
     }

     img.imgFlechaDetallesPromocion{
          width: 13px!important;
     }

     div.contenedorFechaDetalles {
          padding: 5px 6px;
          margin: 0px;
          text-align: right;
     }

     .imgCalificacionEstrella{
          width: 20px;
          margin-left: 0.5rem;
     }    

     /* div item */
     div.item {
          background: #FFF;
          padding: 30px 0px;
          border-radius: 10px;
          text-align: center;
     }

     button.btnNegroOrdenar{
          border: 1px solid #ebebeb;
          height: 30px;
          font-size: .7rem;
          border-radius: 10px;
          width: 130px;
          margin-bottom: 10px;
          margin-left: 0.1rem;
          background: #FFF;
     }  

     button.btnVerdeOrdenarActivo{
         border: 1px solid #5FB44F;
         height: 30px;
         font-size: .7rem;
         border-radius: 10px;
         width: 130px;
         margin-bottom: 10px;
         margin-left: 0.1rem;
         background: #5FB44F;
    }
 



     button.btnNegroOrdenarActivo{
          border: 1px solid #141412;
          height: 30px;
          font-size: .7rem;
          border-radius: 10px;
          width: 130px;
          margin-bottom: 10px;
          margin-left: 0.1rem;
          background: #141412;
     }


      div.card-general-container{
          height: 540px;
          min-height: 490px;
     }


     
     .col-especial{
          width: 100%;
          margin-right: 2%;
     }
          
     .container-interesar-general{
          max-width: 100%;
     }
     /* centrar titulo */
     h6.tituloH6Categorias, ul.listaResultadosCategorias, ul.listaCategorias, h1.tituloDropDown{
          text-align: center;
     }
     /* recortar anchura de imagen de cards */
     .imgLugarResultados{
          width:100%;
          height: 250px;
     }
     p.textoRestricciones, p.h6BackTitulo{
          margin: 30px 0;
     }
     /* div contenedor imagen */
       /* tamaño div imagen */
     div.imagenCard{
          width: 50%;
     }

     div.infoCard {
         width: 50%; 
    }

     /* imagen card  pequeña categoria*/
     img.imgCategoriaLittleCard{
          height: 100%;
     }
     /* texto ubicacion */
     p.textoInfoCard{
          margin: 0;
     }
     h6.tituloLittleCard{
          margin: 1rem 0 15px 0;
          height: 30px;
     }
   
     /* imagen de lugar cards */
     img.imgCardPequeña{
          height: 80%!important;
     }

     div.contenedorCard img.imgCardPequeña {
         border-bottom-right-radius: 5px;
     }

/* ********************************************************************** */
   

     p.textoBack{
          font-size: .7rem;
     }
     img.imgTelefonoBack{
          width: 20px;
     }
     p.tituloTelefono{
          font-size: .7rem;
     }
     p.telefono{
          font-size: .7rem;
     }
    p.h6BackTitulo{
         font-size: .8rem;
    }
    img.imgListaServicios{
         width: 25px;
    }
     /* estilos back 2 */
     img.imgPrecioBack2{
          width: 20px;
     }
     p.textoOferta{
          font-size: 1rem;
     }
     h4.textoPromocion{
          font-size: 1.2rem;
     }
     h4.promocioProducto{
          font-size: 1rem;
     }
     p.vigencia, p.fechaVigencia{
          font-size: .7rem;
     }
     
     div.masDetalles{
          margin: 10px 0 0 0;
     }
     p.textoRestricciones{
          font-size: .6rem;
     }
     div.contenedorMensaje p{
          font-size: .7rem;
     }


     .contornoMaps{
        width: 45px;
        padding: 5px;
        border: 1px solid #ebebeb;
        border-radius: 5px;
        margin: auto;
    }

    div.imgMaps{
          width: 35px;
          height: 35px;
          background-image: url('../img/single/icono_ubicacion.png');
          background-size: cover;
     }
    div.imgMaps:hover{
          width: 35px;
          height: 35px;
          background-image: url('../img/single/icono_ubicacion_negro.png');
          background-size: cover;
     }


    div.contenedorCard{
        height: 170px;
        margin-bottom: 20px;
        min-height: 140px !important;
    }


    
}