body,html{font-family: 'Play', sans-serif; height: 99vh; min-height: 99vh;}
body,html{max-width: 100vw;}
.font_normal{font-family: 'Play', sans-serif;}
section, div , p, form, input, a, span, button, ul,li, header, nav{max-width: 100vw;}
.subir{position:relative; top:-8px;}
.section-intro{position:relative }
.intro-banner-wrap{position:fixed; left:0; right: 0; top:45px; z-index:-1; width: 100%; height: 70vh; min-height: 70vh; max-height: 70vh;}
.navbar{min-height: 45px;}
.section-dos{position:relative; margin-top:71vh;
   -webkit-border-top-left-radius: 20px;
   -webkit-border-top-right-radius: 20px;
   -moz-border-radius-topleft: 20px;
   -moz-border-radius-topright: 20px;
   border-top-left-radius: 20px;
   border-top-right-radius: 20px; max-width: 96vw; margin-left:auto; margin-right: auto; background: white;
}
#cookie{position:fixed; bottom: 0; left: 0; right: 0; height: 20vh; background: rgba(0,0,0,0.8); z-index:200000}
.mitad{width: 50%;}
.mitad2{width: 48%;}
.seccion, footer{max-width: 96vw; margin-left:auto; margin-right: auto;}
.seccion{position:relative;}
.ancho1{max-width: 96vw; margin-left:auto; margin-right: auto;}
.ancho50{width: 50px;}
.ancho60{width: 60px;}
.ancho70{width: 70px;}
.ancho80{width: 80px;}
.ancho90{width: 90px;}
.ancho100{width: 100px;}
.ancho120{width: 120px;}
.ancho200{width: 200px;}
.ancho220{width: 220px;}
.ancho240{width: 240px;}
.anchoFull{width: 100%;}
.anchoFull90{width: 90%; min-width: 120px;}
.IMGanchoFull90{width: 90%; min-width: 120px; height: auto;}
.texto-white{color:white}
.texto_linea{white-space: nowrap;}
.max-ancho160{max-width: 160px;}
.max-ancho80{max-width: 80px;}
.min-ancho300{min-width: 300px;}

.mapa_item_resultado{border: solid 1px #ccc; padding:4px; margin-bottom:8px; line-height:1}

.znfull{position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; z-index: 10000; border:none; background: white}

.flex_extremos{display: flex; flex-wrap: nowrap; justify-content: space-around}
.flex_columna{display: flex;flex-direction: row}
#lista_filtro_icono{position: absolute; top:38px; right: 0; color:#333; background: white; padding-right: 8px; font-size: 18px; z-index: 100000000;}
#lista_filtro_icono div div{padding:3px; cursor:pointer; white-space: nowrap;}
#lista_filtro_icono div div:hover{background: #ccc}
#filtro_icono i{width: 40px;}
#filtro_icono{white-space: nowrap}
.link-back{position:absolute; top: 10px; left: 30px; background: rgba(255,255,255,0.6); z-index: 100;}
.link-back a{color: black; text-decoration: none;}

.table td, .table th{padding:3px}
.formulario select, .formulario input[type='text'], .formulario input[type='number'], .formulario textarea{width: 90%;}

.city_imagen_small{border-bottom: solid 8px SteelBlue;}
.campo{
 -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: solid 1px #333; color:darkblue;
padding: 1px;
margin-bottom: 5px;  
}
.bg-trans-black{background: black;}
#lista_carrito3 .btn{max-width: 330px;}

.circulo_numero{
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; padding: 2px 5px; background: goldenrod; color: black; 
}
.circulo{
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
#map_admin{height:600px; max-height: 50vh;}

.bt-pago{white-space: nowrap;}
.bloque_homeA{min-height:250px;}

#cortina_aviso{position: fixed; z-index:19000; top:0; bottom:0; left:0; right: 0; background: rgba(0,0,0,0.8); cursor:pointer; display: flex; justify-content: center; align-items: center}
#cortina_aviso img{height: 60vh; max-height: 600px; width: auto;}

.tabla{
   border:solid 1px #ccc;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}
.flex_centro{display: flex; justify-content: center;}

#rs{margin-top:71vh;}

.iconos_redes{font-size:22px}
.iconos_redesB{font-size:25px}

.borde-rojo{border:solid 1px red}

.zona{min-height: 60vh;}
.full_img{width: 100%; height: auto;}
.full{width: 100%; height: 100%;}
.fullw{width: 100%; height: auto;}
.fullh{width: auto; height: 100%;}
.full_screen{width: 100vw; height: 100vh;}
.full_fijo{position: fixed; top: 30px; bottom: 0; left: 0; right: 0;}
.absoluto{position:absolute; top:0; left:0; right: 0;}
.relativo{position:relative}
.fijo{position:fixed; padding-right: 10px; }
.section-intro{color:white}
#nombre_ciudad{font-family:'Sriracha', sans-serif; font-size: 80px; margin-top:30px; text-shadow: 0px 1px 3px #000000; line-height: 0.7;}
.subtitulo{text-shadow: 0px 1px 3px #000000; margin-bottom: 30px; margin-top:10px; line-height: 1;}
/* colores*/
.plata{color:#ccc}
.red{color: red}
#map{width: 100%; height: 40vh;}

.paginador{ /*display: flex; justify-content: space-evenly*/ text-align: center;}
.paginador span{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; cursor: pointer; color: white; padding: 0 5px;
}
.paginador span:hover{background: goldenrod; color:black}
.pag_inicio, .pag_anterior, .pag_siguiente{background: darkblue;}
.pag_actual{background: goldenrod; }

.sin-padding td,.sin-padding th{padding:1px}
.sombra_texto{text-shadow: 0px 1px 3px #000000;}
.boton-small{cursor:pointer; border:solid 2px #333; font-size:11px;
   -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.boton-small:hover{border:solid 2px red;}
.oculto{display:none}
.mitad{text-align: center;}
.degragado{background: rgb(2,0,36); background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(154,0,255,1) 100%);}
.menu_superior i{color:White}
.menu_superior li:hover i{color:LightSteelBlue} /* hover iconos menu sup */
.menu_superior li:hover small{color:LightSteelBlue}
.navbar{border-right:solid 20px SteelBlue}
.cursor{cursor:pointer}
.cincuenta{width: 50%;}
.items-auto li{margin-left:auto; margin-right: auto;}
.texto_movil{display:none;}
.flex_lineasB{display: flex; flex-wrap: nowrap}
.texto_lineas{font-weight: bold;}
.flex_lineas{display: flex; flex-wrap: wrap}
.flex_lineas{border-bottom: solid 1px #333; border-top: solid 1px #ccc; padding:10px 0px}
.flex_lineas div{padding-right: 5px;}
/*
.texto_movil{display:none;}
.linea_prod_1 .texto_movil{display: inline-block;}*/

.flex{display: flex;}
.flex-left{display:flex; justify-content: flex-start}
.flex-left div{margin-right: 10px;}

.linea_iconos{font-size:20px}
#map{min-height: 100%;}
.filtros{margin-top:10px; width: 100%;}
.filtro{margin-right: 10px; padding-bottom:10px; cursor:pointer}
.filtro_activo i{font-size:40px; }
#caja_filtros{margin-top:10px; width: 100%; max-width: 600px;}
/*.underline span{border:3px}*/
.padding1{padding-top:10px; padding-bottom: 10px;}
.padding2{padding-top:0px; padding-bottom: 50px; margin-top:0px}
.margintop1{margin-top: 40px;}
.margintop-1{margin-top: -40px;}
.margintop2{margin-top: 90px;}
.margintop-2{margin-top: -90px;}
/*.zn_logo_banner{position: absolute; bottom: 50px; right: 10px; padding:8px; display:inline-block}*/
/*.zn_logo_banner{position:relative; text-align: center; margin-top: 30px;}*/
.zn_logo_banner{text-align: center;}
.zn_enviar_foto{position: absolute; top: 25px; right: 0px; padding-right: 15px; max-width: 160px; text-align: right; display:inline-block; padding:3px 5px; background: rgba(0,0,0,0.7)}
.link1, .link1 a{color: rgba(255,255,255,0.7); cursor: pointer;}
.link1:hover, .link1:hover a{color: rgba(255,255,255,1);}
.link2{color: rgba(0,0,0,0.7); cursor: pointer;}
.link2:hover{color: rgba(0,0,0,1);}

.link-white{color: white; cursor: pointer;}
.link-white:hover{color: yellow;}

.link, .btn{cursor:pointer}

.max-500{max-width: 500px;}
.max-600{max-width: 600px;}

.totales{font-weight: bold; background: #ccc;}
.ic_humano{background: #ccc;}
.ic_humano i{font-size: 25px;}

.favorito{cursor: pointer; font-size:24px; position:relative; top:6px; margin-left: 10px;}
.favorito_on{color:red}
.favorito_off{color:#999}

#producto_imagen_principal{width:100%; height:auto};
.foto_full{width:100%; height:auto};
.foto_small{width:100%; max-width: 100px; height:auto; border: solid 1px red};

.texto-grey{color:grey}
.foto_principal{width: 100%; max-width: 520px; height: auto;}
.sin_espacios{padding:0px; margin:0px;}
#busqueda{width:45%;}
.curvas{
   -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
footer{background-color:#ccc; position:relative; z-index:1; 
   -webkit-border-bottom-right-radius: 20px;
   -webkit-border-bottom-left-radius: 20px;
   -moz-border-radius-bottomright: 20px;
   -moz-border-radius-bottomleft: 20px;
   border-bottom-right-radius: 20px;
   border-bottom-left-radius: 20px; margin-bottom: 30px;
}
.footer-top, .footer-bottom{background-color: transparent}

#zona_resultados, #mapa{ height: 70vh; max-height: 70vh;}
#listado_comercios{
 height: 70vh; max-height: 70vh; padding-right: 6px; 
  overflow-y: scroll; 
  overflow-x: hidden; 
}


/* marcas mapa */
.titulo_popup{font-size:17px; color: white; padding:3px 12px; min-width: 200px}
.icon_popup{color: black}
.leaflet-popup-content{margin:0;}
.leaflet-popup-content-wrapper{overflow:hidden}
.contenido_popup{padding: 3px 8px; color: #333}

.leaflet-control-attribution{min-width: 200px; display: flex;} /* creditos en el mapa */

.borde_naranja1{border-right:solid 8px orange}
.borde_naranja2{border-bottom:solid 2px orange}

.borde_azul2{border-bottom:solid 2px SteelBlue}
.borde_azul4{border-bottom:solid 4px SteelBlue}
.borde_gris1{border-right:solid 2px #ccc}

.blackT{background-color: rgba(0,0,0,0.6)}
.whiteT{background-color: rgba(250,250,250,0.6)}

.centro{text-align: center;}
.icono1{font-size: 40px; margin-top: 10px;}

.alto100{height: 100vh;}
.alto80{height: 80vh;}
.fixed100{top:20px; bottom: 0; left: 0; right: 0;}
.abajo{z-index: 0;}
.arriba{z-index: 10;}

.wd100{width: 100%;}
.wd50{width: 50%;}
.wp-80{width:80px}
.wp-120{width:120px;}

.linea{white-space: nowrap;}

.flex-end{display: flex; justify-content: flex-end}

.zona_menu_admin{position: relative; background: #ccc; display:block; }
.zona_menu_admin a{white-space: nowrap;}
/*
 *  STYLE 2
 */
#zn_mapa{padding: 0;}

#lista_carrito td,#lista_carrito th{padding:2px; line-height: 1;}
#lista_carrito3 td,#lista_carrito3 th{padding:2px; line-height: 1;}

.img-carrito{width:100%; max-width: 120px; height:auto; border: solid 1px #ccc}


.sin-mp{margin:0; padding:0px 3px}

.style-2{width: 100%; padding:0; margin:0;}
 .style-2::-webkit-scrollbar-track
 {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 4px;
    background-color: #F5F5F5;
 }
 
 .style-2::-webkit-scrollbar
 {
    width: 4px;
    background-color: #F5F5F5;
 }
 
 .style-2::-webkit-scrollbar-thumb
 {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    background-color: orange;
 }

/* scroll */

/* fin scroll*/


/* fuerza de la nueva clave */
.Short {
   width: 100%;
   background-color: #dc3545;
   margin-top: 5px;
   height: 3px;
   color: #dc3545;
   font-weight: 500;
   font-size: 12px;
}
.Weak {
   width: 100%;
   background-color: #ffc107;
   margin-top: 5px;
   height: 3px;
   color: #ffc107;
   font-weight: 500;
   font-size: 12px;
}
.Good {
   width: 100%;
   background-color: #28a745;
   margin-top: 5px;
   height: 3px;
   color: #28a745;
   font-weight: 500;
   font-size: 12px;
}
.Strong {
   width: 100%;
   background-color: darkorchid;
   margin-top: 5px;
   height: 3px;
   color: darkorchid;
   font-weight: 500;
   font-size: 12px;
}

/* FIN fuerza de la nueva clave */

/*

.caja_filtros{display:flex; flex-wrap: wrap; width: 100%; border:solid 1px red; }
.caja_filtros div{font-size:10px; text-align: center;}
*/
.menu_redes{width: 100px;}
.menu_superior{width: 650px;}
.navbar{z-index: 1002;}
#header{height: 45px; max-width: 45px; /*background: green;*/} 
.zona_menu_admin_icono{
   -webkit-border-top-right-radius: 10px;
   -webkit-border-bottom-right-radius: 10px;
   -moz-border-radius-topright: 10px;
   -moz-border-radius-bottomright: 10px;
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
   padding:5px;
   width: 40px; height: 50px; text-align: center;
   position: fixed; z-index: 11; top: 45px; left:-2px; color:white; cursor:pointer; background:#666; border: solid 2px black;
    display: none;
}


.dos{display: none;}

.esquinas10{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#regresar_mapa{position: absolute; top:8px; left:8px;}

/* ESTILOS NORMALES (para escritorios muy grandes)
   ========================================================================= */
   @media (min-width: 1200px) {
.zona_menu_admin{display:block}
#nombre_ciudad{padding-top:30px;}
.min-ancho-busqueda{min-width: 500px;}
   }

   /*_______________________ipad*/

  @media (min-width: 976px) and (max-width: 1199px) {
.zona_menu_admin{display:block;}
#nombre_ciudad{padding-top:30px;}
.min-ancho-busqueda{min-width: 200px;}

  }


   /* Tablets en horizonal y escritorios normales
   ------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 975px) {
   #navbarTop3{display: flex;}
   #menu_principal{min-width: 100%;}
   /**/
   .zona_menu_admin{position:fixed; z-index:2; padding-top:55px; top:0; bottom: 0; left:0; min-width: 30vw; overflow-y: auto; padding-bottom: 40px; display:none;}
   .zm_up{display:none}
   
.zona_menu_admin_icono{display: block;}

}


/* Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- */
   @media  (min-width: 481px) and (max-width: 767px) {
      #navbarTop3{display: flex;}
      #menu_principal{min-width: 100%;} 
      .menu_superior{width: 350px;}
     
      .zona_menu_admin{position:fixed; z-index:2; padding-top:55px; top:0; bottom: 0; left:0; min-width: 30vw; overflow-y: auto; padding-bottom: 40px; display:none;}
   .zm_up{display:none}
.zona_menu_admin_icono{display: block;}

#rs{margin-top:70vh;}
.section-dos{position:relative; margin-top:70vh;}  

.menu_superior li{position: relative;}
.subir{position:absolute; top:30px; left:0px; font-size: 10px; width: 100%; text-align: center; white-space: nowrap;}
   }


   /* Móviles en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 480px) { 
#navbarTop3{display: flex;}
      #menu_principal{min-width: 100%;} 
      .menu_superior{width: 350px;}
  
   .zona_menu_admin{position:fixed; z-index:1000; padding-top:55px; top:0; bottom: 0; left:0; min-width: 65vw; overflow-y: auto; padding-bottom: 40px; display:none;}
   .zm_up{display:none}
.zona_menu_admin_icono{display: block; z-index:1001;}
.filtros{margin-top:0px;}
 /*     
.zn_logo_banner{position: relative; text-align: center; margin-top:80px; width: 100%; margin-left:auto; margin-right: auto;}*/

.zn_logo_banner img{width: 120px;  height: auto;}
/*.section-dos{margin-top: 530px;}*/
/*.menu_superior small{display: none;} ----*/

#busqueda{width:70%; min-width: 70%; max-width: 70%;}
#busqueda_boton{width:10%; min-width: 10%; max-width: 10%;}

#busqueda_pais{width:30%; min-width: 30%; max-width: 30%;}
#busqueda_ciudad{width:30%; min-width: 30%; max-width: 30%;}
#busqueda_zona{width:30%; min-width: 30%; max-width: 30%;}

.margenbajo1{margin-bottom: 30px;}

/*.accesos_mapa{display: none;}*/

/*.img-carrito{display: none;}*/
#rs{margin-top:85vh;}
.section-dos{position:relative; margin-top:85vh;}
.menu_redes{display: none;}
#nombre_ciudad{font-size: 60px; margin-top:50px;}

/*
#listado_comercios{width: 70%;}
#zn_mapa{width:30%}
*/
.menu_superior li{position: relative;}
.subir{position:absolute; top:30px; left:0px; font-size: 9px; width: 100%; text-align: center; white-space: nowrap;}
.tx_movil{font-size: 10px;}

#cookie{height: 40vh;}
.bloque_homeA{min-height:280px;}

#zona_resultados, #mapa{ height: 60vh; max-height: 60vh;}
#listado_comercios{height: 60vh; max-height: 60vh;}
.texto_movil{display:block;}
.linea_iconos{font-size:26px}
.subtitulo{margin-bottom: 10px;font-size: 18px;padding-top: 20px; margin-top:-10px;}
#lista_filtro_icono{left:0px; font-size: 15px; top:46px; padding-right: 4px;}
#lista_filtro_icono div div{padding:2px;}
}