@charset "UTF-8";
/* CSS Document */


@media (max-width: 374px) {
	.button-app{width: 90%!important;}
	.plan-suscripcion{padding-top:15px!important;padding-bottom:15px!important;padding-left:5px!important;padding-right:5px!important;}
	
}


.separator-line{border-bottom:1px solid #dfdfdf;width:100%;}


.overothers{
	z-index:99;
}

.photo-preview{
	max-height:100px;
	max-width:100px;
	height:auto;
	width:auto;
	border:1px solid #000000;
	padding:3px;
	margin:5px;
	background:#ffffff;
}







.return{position:absolute;height:50px;width:50px;display:flex;align-items:center;justify-content: center;font-size:24px;background:#ffffff; border-radius:8px;top:10px;left:10px;z-index:2;}

.plan-suscripcion p{margin:0.4rem 0;}

	  
	  /* CSS Document */
	  
	  
	  body.menu-usuario{background-color:#ffffff!important;}
	  body.menu-usuario .crystal {
		  background: rgba(100,100,100,0.1);
	  }
	  body.body-fixed{height: 100vh!important;
			overflow-y: hidden!important;
	  }
	  
	  body.menus{background:#D7F5FB;}
	  body.menus .finder-bg-falso{background:#ffffff;}
	  body.menus .finder-bg-falso-square{background:#ffffff;}
	  body.menus .header{background:#ffffff;z-index:9989;}
	  body.menus .header .back-button-container,body.cafelitos .header .back-button-container,body.articulos .header .back-button-container{display: flex;justify-content: center;align-items: start;}
	  body.articulos .header .back-button-container .back-button{color:#ffffff;font-size:32px;width:32px;height:32px;display:block;text-align:left;}
	  
	  body.menus .header .back-button-container .back-button, body.cafelitos .header .back-button-container .back-button{color:rgba(118,147,171,1)!important;font-size:32px;width:32px;height:32px;display:block;text-align:left;}
	  
	  body.articulos .header .header-titulo-section{display: flex;justify-content: end;align-items: start;flex-direction: column;}
	  body.articulos .header .header-titulo-section p{margin:0px;font-size:0.8rem;color: rgba(118,147,171,1)!important;}
	  body.articulos .header .header-titulo-section h4{font-size:1.4rem;color: rgba(118,147,171,1)!important;margin-top:0px!important;}
	  body.articulos .header .header-icon-section{
		  display: flex;justify-content: center;align-items: end;
	  }
	  body.articulos .header .header-icon-section img{
		  width:auto; height:60px;
	  }
	  body.articulos p.texto img{
		  width:150px!important;
	  }
	  body.menus .header .header-titulo-section, body.cafelitos .header .header-titulo-section{display: flex;justify-content: end;align-items: start;flex-direction: column;}
	  
	  body.menus .header .header-titulo-section p, body.cafelitos .header .header-titulo-section p{margin:0px;font-size:0.8rem;color: rgba(118,147,171,1)!important;}
	  
	  body.menus .header .header-titulo-section h4,body.cafelitos .header .header-titulo-section h4{font-size:1.4rem;color: rgba(118,147,171,1)!important;margin-top:0px!important;}
	  
	  
	  
	  body.articulos .header.header-titulo-container{
	  height:100px;border-radius:0px!important;position:fixed;top:0px; border-bottom:1px solid rgba(118,147,171,0.7);}
	  
	  body.menus .header.header-titulo-container, body.cafelitos .header.header-titulo-container{
	  height:100px;border-radius:0px!important;position:fixed;top:0px; border-bottom:1px solid rgba(118,147,171,0.7);}
	  
	  body.menus .header .header-titulo-section,
	  
	  body.cafelitos .header .header-titulo-articulo{
		  display: flex;justify-content: end;align-items: start;flex-direction: column;}
	  
	  body.menus .header .header-icon-section, body.cafelitos .header .header-icon-section{
		  display: flex;justify-content: center;align-items: end;
	  }
	  
	  
	  body.principal{background:#D8F5FB;}
	  body.principal .header{border-bottom:none;}
	  body.cafelitos{background:#D8F5FB;}
	  body.cafelitos .header{background:#ffffff;z-index:9990;max-width: 480px;}
	  body.cafelitos .finder-bg-falso{background:#8AE3F1;}
	  body.cafelitos .finder-bg-falso-square{background:#EFEFEF;}
	  
	  body.articulos{background:#ffffff;}
	  body.articulos .header{background:#ECF6FF;z-index:9990;max-width: 480px;}
	  body.articulos .finder-bg-falso{background:#efefef;}
	  body.articulos .finder-bg-falso-square{background:#ffffff;}
	  body.articulos h2{color:#4f4f4f;}
	  body.articulos .header i{color:#3969B3;max-width: 480px;}
	  body .footer{
		  background:#ffffff;max-width: 480px;position:fixed;bottom:0px;height:80px;width:100%;z-index:9991;border-top:1px solid rgba(118,147,171,0.7);left:0px;
	  }
	  body .footer a{ 
		  /*color: rgba(118,147,171,0.9)!important; */
		  color: rgba(118,147,171,0.9)!important;
		  
	  }
	  
	  body .footer .menu-footer{
		  height:80px;display: flex;justify-content: center;align-items: center;
	  }
	  
	  body .footer .menu-footer .button-footer{
		  height:100%;font-size:24px;color:#000000;text-align:center;line-height:24px; display: flex;align-items: center; justify-content: center;color:#ffffff;
	  }
	  body .footer .menu-footer .button-footer a{
		  color:rgba(118,147,171,0.9)!important;
	  }
	  body .footer .menu-footer .button-footer a.selected{
		  color:rgba(58,87,111,1)!important;
	  }
	  
	  body .footer .menu-footer .button-footer a i{position:relative;}
	  body .footer .menu-footer .button-footer a.has-favorite i i{ display:block!important;}
	  body .footer .menu-footer .button-footer a i i{position:absolute;top:0px;left:0px;display:none;color:#ffaa00!important;}
	  .footer-pull{height:120px;width:100%;min-height:120px;}
	  .nv{display:none!important;}
	  
	  #overlay{background-color:rgba(0,0,0,0.7);z-index:9996;position:fixed;top:0px;left:0px;width:calc(100vw);height:calc(100vh);}
	  .overlay{background-color:rgba(0,0,0,0.7);z-index:9996;position:fixed;top:0px;left:0px;width:calc(100vw);height:calc(100vh);}
	  
	  /* hack to menu slider overlay transition*/

	  #overlay-menu-slider-first.notshowed{
			visibility: hidden;
			opacity:0;
		}
	  
		#overlay-menu-slider-first{
			opacity:0;
			visibility: hidden;
			left:calc(0vw);
			top:0;
			background:#000000;z-index:9989;position:fixed;width:calc(100vw);height:calc(100vh);transition: all 0.3s linear; 
		}
	  
	  #overlay-menu-slider-secondary.notshowed{
		  visibility: hidden;
		  opacity:0;
	  }

	  #overlay-menu-slider-secondary{
		  opacity:0.5;
		  visibility: visible;
		  left:calc(0vw);
		  top:0;
		background:#000000;z-index:9992;position:fixed;width:calc(100vw);height:calc(100vh);transition: all 0.3s linear; 
	  }
	  
	  #overlay-menu-slider-third.notshowed{
			visibility: hidden;
			opacity:0;
		}
	  
		#overlay-menu-slider-third{
			opacity:0.5;
			visibility: visible;
			left:calc(0vw);
			top:0;
		  background:#000000;z-index:9994;position:fixed;width:calc(100vw);height:calc(100vh);transition: all 0.3s linear; 
		}
	  
	 
	  
	  
		  .crystal {
			background: rgba(255,255,255,0.8);
		  }
	  
	  .header .logo{height:80px;width:auto;}
	  
	  
	  
	  
	  
	  
	  
		  @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
			.crystal {
			  -webkit-backdrop-filter: blur(10px);
			  backdrop-filter: blur(10px);
			}
		  }
	  
		  .layered-shadow-l {
		  box-shadow: 0 1px 1px hsl(0deg 0% 0% / 8%), 0 2px 2px hsl(0deg 0% 0% / 8%), 0 4px 4px hsl(0deg 0% 0% / 8%), 0 8px 8px hsl(0deg 0% 0% / 8%), 0 16px 16px hsl(0deg 0% 0% / 8%);
	  }
		  .layered-shadow-s {
		  box-shadow: 0 1px 1px hsl(0deg 0% 0% / 4%), 0 2px 2px hsl(0deg 0% 0% / 4%), 0 3px 3px hsl(0deg 0% 0% / 4%), 0 4px 4px hsl(0deg 0% 0% / 4%), 0 8px 8px hsl(0deg 0% 0% / 4%);
	  }
		  .principal{ /*margin-top:50%;transform:translate(0%, -25%)*/}
		  
		  .category{padding-left:5px;padding-right:5px;}
		  .category a{border-radius:8px;display:block;padding:6px;margin-top:10px; }
		  
		  .category a .icon{height:100px;display:flex;align-items:center; justify-content:center;}
		  .category a .text{height:24px;letter-spacing:1px;color:#000000;font-weight:500;font-size:12px;text-align:center;line-height:12px;display:flex;align-items:center;}
		  
		  .category a.menu{border-radius:8px;display:block;padding:6px;}
		  
		  .category .lista{
		  border-radius: 8px;
		  display: block;
		  padding: 6px 10px;
		  margin-top: 15px;
		  overflow: hidden;
		  height: 80px;}
		  
		  .category .lista .icon{    height: 60px!important;
		  width: 30%;
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  float: left;
		  margin-top: 5px;}
		  .category .lista .text{
			  height:100%;
			  width: 70%;
	  
			  float: left;
			  display:flex;
			  align-items:center;
		  }
		  .category .lista .text h5{
			  font-size: 16px;
			  line-height: 25px;
			  text-align: left;
			  letter-spacing: 1px;
			  color: #000000;
			  font-weight: 500;
			  margin:0px;
		  }
		  
	  .category .lista .text.cafelito{
			  height:100%;
			  width: 70%;
	  
			  float: left;
			  display:flex;
			  align-items:center;
		  }
		  
		  .category .button{
			border-radius: 8px;
			display: block;
			padding: 6px 10px;
			margin-top: 15px;
			overflow: hidden;
			height: 80px;}
		  .category .button .text{
				height:100%;
				width: 100%;
		  
				float: left;
				display:flex;
				align-items:center;
				justify-content: center;
			}
			.category .button .text h5{
				font-size: 16px;
				line-height: 25px;
				text-align: left;
				letter-spacing: 1px;
				color: #000000;
				font-weight: 500;
				margin:0px;
			}
		  .category .lista-input{
			  border-radius: 8px;
			  display: block;
			  padding: 6px 10px;
			  margin-top: 15px;
			  overflow: hidden;
			  height: 80px;}
			  
			.category .lista-input input.num{
				  height:100%;
				  width: 100%;
			
				  float: left;
				  display:flex;
				  align-items:center;
				  justify-content: center;
				  text-align:center;
				  font-size: 32px;
					line-height: 25px;
					letter-spacing: 1px;
					color: #000000;
					font-weight: 500;
					margin:0px;
			  }
			 .category .lista-input input::placeholder{
				 color:#cccccc;
				 font-size:24px;
			 }
		  
		  
		.category .lista-input select{
			height:100%;
			width: 100%;
			float: left;
			display:flex;
			align-items:center;
			justify-content: center;
			text-align:center;
			font-size: 32px;
			line-height: 25px;
			letter-spacing: 1px;
			color: #000000;
			font-weight: 500;
			margin:0px;
		}
			
		.category .lista-input textarea{
			height:100%;
			width: 100%;
			float: left;
			display:flex;
			align-items:center;
			justify-content: center;
			text-align:center;
			font-size: 24px;
			line-height: 28px;
			letter-spacing: 1px;
			color: #000000;
			font-weight: 500;
			margin:0px;
			border:none;
		}
		.category .lista-input textarea::placeholder{
			 color:#cccccc;
			 font-size:24px;
		 }
		 	
		  .row.big{margin:-5px;}
		  
		  .category-big{padding-left:10px;padding-right:10px;margin-top:10px;}
		  
		  .category-big a.menu{border-radius:8px;display:block;padding:6px;margin-top:10px; }
		  
		  .category-big .lista{
		  border-radius: 8px;
		  display: block;
		  padding: 6px;
		  margin-top: 10px;
		  overflow: hidden;
		  height: 90px;}
		  
		  .category-big a .icon{height:140px;display:flex;align-items:center; justify-content:center;}
		  .category-big a .icon img{width:60%!important;}
		  .category-big a .text{height:32px;letter-spacing:1px;color:#000000;font-weight:500;font-size:14px;text-align:center;line-height:16px;}
		  
		  
		  
		  
		  
		  .category.cafelito{
			  height:120px!important;
			  
		  }
		  .category.cafelito .lista{
			  height:100px;
			  background:#ffffff;
			  padding-left:15px;
			  display:flex;
			  align-items:stretch;
			  border-radius: 8px;
		  }
		  .category.cafelito .lista a.text{ 
			  width:70%;
			  display: flex;
			  text-decoration:none;
		  }
		  .category.cafelito .lista .text h3{
			  line-height:22px;
			  font-size:18px;
			  color:#3969B3;
			  margin:0px;
			  font-weight:bold;
			  /*align-self: center;*/
			  text-align:left;
			  
		  }
		  .category.cafelito .lista .icon-cafelito{
			  width:30%;
			  align-self:center;
			  /*height:100px!important;
			  width:100px!important;margin:0px;*/
		  }
		  .category.cafelito .lista .icon-cafelito img{
			  width:80%!important;
		  }
		  
	  
	  
	  
	  
		  .bg-primario{background:#D7F5FB;}
		  .bg-blanco{background:#ffffff;}
		  .color-blk{color:#000000;}
		  .color-white{color:#ffffff;}
		  .color-pr{color:#3969B3;}
		  .gap-20{height:20px;width:100%;}
		  .bold{font-weight:bold;}
		  /*.header{height:auto;
				  border-radius:0px!important;
				  position:fixed;
				  top:0px; 
				  border-bottom:1px solid rgba(118,147,171,0.7);
				  left:0px;
				  position:relative;
				  border-radius:0 0 50px 0;
		  }
		  .header h1{font-size:24px;line-height:24px;letter-spacing:0.5px;}
		  .header h2{font-size:20px;line-height:20px;letter-spacing:0.5px;}
		  */
		  .finder{background:#ffffff;}
		  .finder-bg-falso-square{border-radius:50px 0 0 0;}
		  
		  
		  .finder p{font-size:14px;
			  color:#ffffff;
			  text-align:center;
			  padding:0;
			  letter-spacing:0.5px;
		  }
		  .finder-bar-container{
			  background:#ffffff;
			  display:flex;align-items:center;border-radius:8px;}
		  .finder-bar-container .finder-bar{
			  background: transparent;
			  height:50px;
			  line-height:50px;
			  width:80%;
			  background: transparent;}
		  .finder-bar-container i{
			  width:20%;
			  font-size:24px;
		  }
		  
		  /*
		  .finder-bar-container{
			  border-radius: 8px;
		  }
		  .finder-bar-container .finder-bar{color:#000000; background:#ffffff;border-radius:8px;width:90%;margin:0 auto;text-align:center;font-size:18px;}
		  .finder-bar-container i{width:15%;font-size:18px;}
		  input{border: 0px solid;}
		  textarea:focus, input:focus{
			  outline: none;
		  }
		  *:focus {
			  outline: none;
		  }
		  div{padding:0;margin:0px;}
	  
	  */
	  
	  .finder-bar-advanced{color:#000000;background:#ffffff;border-radius:8px;width:90%;margin:0 auto;text-align:center;font-size:18px;height:60px;line-height:60px;margin-top:20px;}
	  
	  
	  
	  
	  /*INPUTS TEXT*/	
	  
	  .login-row .title{font-size:2rem;}
	  
	  .login-row{width:100%;margin:0 auto;text-align:left;line-height:40px;font-size:18px;padding: 0 12%;}
	  .login-row input{background-color:transparent!important;border-bottom:1px solid #cccccc;width:100%;}
	  .login-row input::placeholder{color:#cccccc;}
	  
	  .login-row.has-icon{width:100%;margin:0 auto;text-align:left;line-height:40px;font-size:18px;padding: 0 12%;}
	  .login-row.has-icon .icon{width:15%;float:left;height:40px;line-height:40px;font-size:24px;}
	  .login-row.has-icon input{background-color:transparent!important;border-bottom:1px solid #cccccc;width:85%;float:left;}
	  
	  .error-field{color:#ff0000;font-size:13px;line-height:18px;}
	  /*SELECTS*/
	  .select-items{
		  color:#454545;background:#dfdfdf;
		  
	  }
	  
	  /* BUTTONS */
	  .button-app{
	  width:80%;height:50px;border-radius:8px;text-align:center;line-height:50px;display:block;cursor:pointer;text-decoration:none;font-weight:bold;
	  font-size:20px;background:#3969B3;
	  }
	  .button-app.disabled{
		  background:#D0CECE!important;
	  }
	  /* PAGE HEADER */
	  .page-header{top:0px;left:0px;}
	  .page-header a.icon{line-height:100px;text-align:left;padding-left:25px;}
	  .page-header .text{line-height:100px;text-align:right;}
	  .page-header .text a{padding-right:25px;}
	  
	  
	  
	  
	  
	  
	  
	
	  
	  .menu-idioma{height:50px;border-radius:50px;line-height:50px;width:100%;padding:0px 20px;cursor:pointer;}
	  .menu-idioma.idioma-elegido{background:#dfdfdf;}
		  
	  
	
	  
	  
	  
	  
	  
	  
	  
	

		 
	

	  
	  
	  
	  
  
			
.menu-slider{
	background-color: #ffffff;
	z-index: 9990;
	/*width: calc(100vw);*/
   
	height: calc(100vh );
	position: fixed;
	left: 100vw;
	top:calc(0vh);
	/*display:none;*/
	transition:all 0.3s ease;
}

.menu-slider.a{/*display:block;*/left:0vw;}
.menu-slider .content{    height: calc(100vh );   width: calc(100vw); /*padding:25px;*/display:flex;flex-direction:column;}

.menu-finder{
	background-color: #ffffff;
	z-index: 9998;
	width: calc(100vw);
	overflow-y:hidden;
	height: calc(100vh - 80px);
	position: fixed;
	left: 0px;
	top:0;
	display:none;
}

 .menu-slider ul{list-style:none;margin:0;padding:0;flex-grow:1;display:flex;flex-direction:column;align-items:center;}
	.menu-slider ul  li{ width:100%; display:flex;align-items:center;}
	.menu-slider ul li.bottom-line, .menu-slider ul div.bottom-line {border-bottom:1px solid #dfdfdf; width:100%;}
	.menu-slider ul li.top-line, .menu-slider ul div.top-line {border-top:1px solid #dfdfdf; width:100%;margin-top:10px!important;padding-bottom:10px!important;}
	.menu-slider ul  li a{height:70px;display:flex;align-items:center;margin-left:20px;color:#262626!important;text-decoration:none;font-size:20px;font-weight:normal;width: calc(100% - 20px);}
	.menu-slider ul  li a, .menu-slider ul  li div{height:60px;display:flex;align-items:center;margin-left:20px;color:#262626!important;text-decoration:none;font-size:20px;font-weight:normal;width: calc(100% - 20px);}


.menu-slider-secondary{
	background-color: #ffffff;
	z-index: 9993;
	width: calc(100vw);
	
	height: calc(100vh);
	position: fixed;
	left: calc(100vw);
	top:0px;
	display:block;
	transition:all 0.3s ease;
}
.menu-slider-secondary.a{left:0px;}
.menu-slider-secondary .menu-slider-secondary-content{height:calc(100vh - 140px);margin-top:60px;padding:20px;width:100%;}
.menu-slider-secondary-content ul{	list-style: none;
		margin: 0;
		padding: 0;
		flex-grow: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
.menu-slider-secondary ul li{
	width: 100%;
	display: flex;
	align-items: center;
}
.menu-slider-secondary ul  li a.menu-item, .menu-slider-secondary ul li div.menu-item {
		height: 60px;
		display: flex;
		align-items: center;
		margin-left: 20px;
		color: #262626!important;
		text-decoration: none;
		font-size: 20px;
		font-weight: normal;
		width: calc(100% - 20px);
	}

.menu-slider-third{
		background-color: #ffffff;
		z-index: 9995;
		width: calc(100vw);
		
		height: calc(100vh);
		position: fixed;
		left: calc(100vw);
		top:0px;
		display:block;
		transition:all 0.3s ease;
	}
	.menu-slider-third.a{left:0px;}
	.menu-slider-third .menu-slider-third-content{height:calc(100vh - 60px);margin-top:60px;padding:20px;width:100%;}
	.menu-slider-third-content ul{	list-style: none;
			margin: 0;
			padding: 0;
			flex-grow: 1;
			display: flex;
			flex-direction: column;
			align-items: center;
		}
	.menu-slider-third ul li{
		width: 100%;
		display: flex;
		align-items: center;
	}
	.menu-slider-third ul  li a.menu-item, .menu-slider-third ul li div.menu-item {
			height: 70px;
			display: flex;
			align-items: center;
			margin-left: 20px;
			color: #262626!important;
			text-decoration: none;
			font-size: 20px;
			font-weight: normal;
			width: calc(100% - 20px);
		}
		.menu-slider .menu-openclose{
			width:40px;position:absolute;top:15px;right:20px;font-size:24px;color:#000000;height:40px;line-height:40px;text-align:center;
		}

.menu-slider .menu-slider-presentation{height:50px;border-bottom:1px solid #dfdfdf;margin-top:35px;padding-bottom:10px;margin-left:auto;margin-right:auto;width:calc(100% - 50px);}

	.menu-finder ul{list-style:none;margin:0;padding:0;flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;}
	.menu-finder ul  li{ width:100%;padding:0 10px;}
	.menu-finder ul li.bottom-line{border-bottom:1px solid #dfdfdf; width:100%;}
	.menu-finder ul li.top-line{border-top:1px solid #dfdfdf; width:100%;}
	.menu-finder ul  li a{height:80px;display:flex;align-items:center;color:#262626!important;text-decoration:none;font-size:24px;font-weight:normal;width: calc(100% - 20px);}
	
	.finder-bar-advanced{color:#666666;background:#efefef;border-radius:8px;width:100%;margin:0 auto;text-align:center;font-size:18px;height:50px;line-height:50px;margin-top:20px;}
	.finder p{font-size:14px;color:#ffffff;text-align:center;padding:0;letter-spacing:0.5px;}
	input{border: 0px solid;}
	textarea:focus, input:focus{
		outline: none;
	}
	*:focus {
		outline: none;
	}
	.finder-bar-advanced-result-container{position:relative;width:100%;margin:0 auto;position:relative; flex-grow: 1;overflow-y:scroll;height:calc(100vh - 160px);}
	.finder-bar-advanced-result{width:100%;background:#ffffff;position:absolute;top:0px;left:0px;z-index:9993;overflow-y:scroll;}
	.finder-advanced-general{ z-index:9993;position:relative;}
	.finder-advanced-general .menu-finder-openclose {position:absolute;top: 20px;left: 0px;width:40px;height:50px;font-size: 20px;display: flex;justify-content:center;}
	.finder-advanced-general .menu-finder-openclose i{height:50px;line-height:50px;}
	.finder-bar-advanced-result-container ul{ list-style:none;padding:0 10px;}
	.finder-bar-advanced-result-container ul li{height:80px;border-bottom:1px solid #dddddd;}
	.finder-bar-advanced-result-container ul li a{color:#333333;cursor:pointer;height:80px;width:100%;display:flex;align-items:center;text-decoration:none;}
	.finder-bar-advanced-result-container ul li a p{font-size:16px;line-height:20px;text-align:left;margin:0;padding:0;}
	.finder-bar-advanced-result-container ul li a:hover{background:#dfdfdf;}
	
	.finder-bar-advanced:focus::placeholder {
  color: transparent;
}
	
	



.menu-finder.a{display:block!important;}


.menu-finder .content{height: calc(100vh - 80px);   width: calc(100vw); padding:25px;display:flex;flex-direction:column;}

	#popup,.popup{/*height:calc(96vh);*/width:calc(94vw);max-width:800px;background:#ffffff;border-radius:8px;
	box-shadow: 0 1px 1px hsl(0deg 0% 0% / 4%), 0 2px 2px hsl(0deg 0% 0% / 4%), 0 3px 3px hsl(0deg 0% 0% / 4%), 0 4px 4px hsl(0deg 0% 0% / 4%), 0 8px 8px hsl(0deg 0% 0% / 4%);z-index:9999;position:fixed;top:50%;left:50%;transform:translate( -50% , -50%);padding:30px 20px 30px 20px;overflow:hidden;max-width:480px;}
	
	#popup .close-popup,.popup .close-popup{
	position:absolute;top:10px;right:10px;color:#454545;height:40px;width:40px;line-height:40px;text-align:center;font-size:34px;cursor:pointer;background:#ffffff;border-radius:100%;
	}
	#popup #popup-content{}

	

/** ACORDEON MENU CAFELITOS **/
.accordeon{
	height:auto;
	-webkit-transition: height 0.3s ;
	-moz-transition: height 0.3s ;
	-o-transition: height 0.3s ;
	transition: height 0.3s ;
}
.accordeon.cerrado{
	height:0px!important;overflow:hidden;
}

/*BOTON FAVORITOS */

 .button-favorite{
	width:30px;height:30px;font-size:30px;color:#000000;text-align:center;line-height:30px; display: flex;align-items: center; justify-content: center;color:#ffffff;position:fixed;right:15px;z-index: 9989;top:110px;
}
.button-favorite a{box-shadow: 0 2px 6px 0 rgb(0 0 0 / 25%);border-radius:8px;background:#ffffff;}
.button-favorite a i{position:relative;padding: 5px;}
.button-favorite a.has-favorite i i{ display:block!important;}
.button-favorite a i i{position:absolute;top:0px;left:0px;display:none;color:#ffaa00!important;}
	


	

/* MENU BIFURCACION */

#menu-bifurcacion{top:calc(100%);left:0px;position:fixed;height:calc(100vh);width:100vw;background:#D8F5FB;z-index: 9999; transition: all 0.3s ease-in-out;}
#menu-bifurcacion.open{top:calc(0%);}












.popmenu{min-height:calc(60vh);max-height:calc(90vh);width:calc(94vw);max-width:800px;background:#ffffff;border-radius:8px;
box-shadow: 0 1px 1px hsl(0deg 0% 0% / 4%), 0 2px 2px hsl(0deg 0% 0% / 4%), 0 3px 3px hsl(0deg 0% 0% / 4%), 0 4px 4px hsl(0deg 0% 0% / 4%), 0 8px 8px hsl(0deg 0% 0% / 4%);z-index:9999;position:fixed;top:50%;left:50%;transform:translate( -50% , -50%);padding:30px 20px 30px 20px;overflow:hidden;max-width:480px;height:auto!important;/*corrige altura predifinida*/}
.popmenu .close-popup{
position:absolute;top:10px;right:10px;color:#454545;height:30px;width:30px;line-height:30px;text-align:center;font-size:24px;cursor:pointer;
}


/********* SELECTS STYLES **********/

.custom-select i{
		position: absolute;
		right: 20px;
		top: -5px;
		font-size: 32px;
	}
.custom-select.thin i{
		position: absolute;
		right: 20px;
		top: 7px;
		font-size: 32px;
	}
	
   .calendario{background-color:transparent!important;border:none!important;font-size: 20px;
	color: #000000!important;}
	.form-control:focus{box-shadow:none!important;}
	
	
	
	/*SPECIFIC SELECT */
	/*the container must be positioned relative:*/
.custom-select {
  position: relative;
  border:none!important;
  width:100%!important;
}
.custom-select.thin{
	width:100%!important;
	padding:0 20px;
	margin-left:0px!important;
	height:46px!important;
}
.custom-select.thin .select-items{
	left:0!important;
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}
select{
	border:none;
	overflow:visible;
}
.select-selected {
  background-color: transparent;
	padding:0px!important;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 24px;
  right: 10px;
  width: 0;
  height: 0;
  border: 0px solid transparent;
  border-color: transparent transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div, .select-selected {
  color: #6f6f6f;
  /*padding: 8px 16px;*/
  line-height: 25px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  user-select: none;
  background: none;
  width:100%;font-size: 18px;
  color: #000000!important;
}

/*style items (options):*/
.select-items {
  position: absolute;
  border: 1px solid #999999;
  /*backdrop-filter: blur(10px);*/
  top: 100%;
  left: -10px;
  right: 0;
  max-height:200px;
  overflow-y:scroll;
  border-radius: 8px; 
 box-shadow: 0 1px 1px hsl(0deg 0% 0% / 4%), 0 2px 2px hsl(0deg 0% 0% / 4%), 0 3px 3px hsl(0deg 0% 0% / 4%), 0 4px 4px hsl(0deg 0% 0% / 4%), 0 8px 8px hsl(0deg 0% 0% / 4%);
 }
	

	


.select-items div:first-child {
 border-top: transparent!important;
}
.select-items div:not(:first-child) {
	 border-top: 1px solid #dfdfdf;
}
/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color:#efefef;
}

	@media (min-width: 768px) {	
	  .select-items div, .select-selected{
		width:100%;
	  }
	}
	
 .checkbox-container {
		display: block;
		position: relative;
		padding-left: 40px;
		margin-bottom: 12px;
		cursor: pointer;
		font-size: 16px;
		line-height: 30px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		color:#000000;
	  }
	  
	  /* Hide the browser's default checkbox */
	  .checkbox-container input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
		z-index:1;
	  }
	  
	  /* Create a custom checkbox */
	  .checkmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 30px;
		width: 30px;
		background-color: #ffffff;
		z-index:1;
		border-radius:4px;
	  }
	  .checkmark.dark-border{
			border:1px solid #000000;
		}
	  /* On mouse-over, add a grey background color */
	  .checkbox-container:hover input ~ .checkmark {
		background-color: #ffffff;;
	  }
	  
	  /* When the checkbox is checked, add a blue background */
	  .checkbox-container input:checked ~ .checkmark {
		background-color: #ffffff;
	  }
	  
	  /* Create the checkmark/indicator (hidden when not checked) */
	  .checkmark:after {
		content: "";
		position: absolute;
		display: none;
		z-index:1;
		font-size:60px;
	  }
	  
	  /* Show the checkmark when checked */
	  .checkbox-container input:checked ~ .checkmark:after {
		display: block;
	  }
	  
	  /* Style the checkmark/indicator */
	  .checkbox-container .checkmark:after {
		left: 9px;
		top: 5px;
		
		border: solid black;
		width: 10px;
		height: 15px;
		border: solid black;
		border-width: 0 4px 4px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	  }  
	  
	  
	  
	  
	  
	  .calculadora-entrada{
		  font-size:20px;
		  color: #999999;
		  font-weight:bold;
	  }
	  
	  




/********* SPINNER **********/


	.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
  }
  to {
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
  }
  to {
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
  }
}


/*#spinner-animation {
	display:    none;
	position:   fixed;
	z-index:    1000;
	top:        0;
	left:       0;
	height:     100vh;
	width:      100vw;
	background: rgba( 255, 255, 255, .6 ) 
				url('/img/spinner.gif') 
				50% 50% 
				no-repeat;
}*/

 #loading-container {
	position:fixed;
	height: calc(50vh);
	width: calc(80vw);
	overflow: hidden;   
	z-index:9999;
	display:flex;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background:#ffffff;
	border-radius:8px;
	box-shadow: 0 1px 1px hsl(0deg 0% 0% / 4%), 0 2px 2px hsl(0deg 0% 0% / 4%), 0 3px 3px hsl(0deg 0% 0% / 4%), 0 4px 4px hsl(0deg 0% 0% / 4%), 0 8px 8px hsl(0deg 0% 0% / 4%);
}





 #loading-container  #loading-spinner{
	width:96px;height:96px; 
	/*background-image:url(/img/spinner.png);
	background-size:contain;
	background-repeat:none;*/
	position:relative;
	
}
		  
 #loading-container p{
	color:#000000;
	line-height:60px;
	height:60px;
	font-size:32px;
	display:block;
	text-align:center;
	margin-top:50px;
	width:90%;
}

/*******************************************************/
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
		
		
		@media (min-width: 768px) {	
			body.menus .header{width: 100%;}  
			body.cafelitos .header {max-width:100%;}
			body.articulos .header {max-width:100%;}
			
			.category a .text{height:48px;letter-spacing:1px;color:#000000;font-weight:500;font-size:18px;text-align:center;line-height:12px;}
			
			.category-big a .icon img {width: 30%!important;}
			.category-big a .text{height:32px;letter-spacing:1px;color:#000000;font-weight:500;font-size:18px;text-align:center;line-height:16px;}
			
			.category .lista {height:100px;padding: 6px 20px;} 
			.category .lista .icon img{width: 30%;margin-top:15px;}
			.category .lista .text{height:100%;display:flex;text-align:center;}
			.category .lista .text h5{font-size:24px;}
			
			.category.cafelito a.lista{padding-left:30px;}
			.category.cafelito .lista .icon-cafelito{text-align:center;align-items:center;}
			.category.cafelito .lista .icon-cafelito img{max-width:40%;}
			.category.cafelito .lista .text{display:flex;align-items:center;}
			.category.cafelito .lista .text h3{font-size:24px;}
			
			.articulos .texto img{width:300px;}
			#popup{max-width:calc(90vw);}
			#popup .titulo-popup{font-size: 48px;}
			#popup .historia{font-size: 24px;}
			#popup img{width:500px;margin-right: -190px!important;}
			
			
			
			.header .logo{height:100px;width:auto;}
		
			.finder-bar{font-size:24px;}
			.finder-bar-container .finder-bar{background: transparent;width:85%;background: transparent;
				background: transparent;
				height:60px;
				line-height:60px;
			}
			
			.category{padding-left:15px;padding-right:15px;}
			.category a{border-radius:8px;display:block;padding:6px;margin-top:30px; }
			.category a .icon{height:160px;}
			.category a .icon img{width:50%;}
			
			body .footer{
				background:#ffffff;max-width: 100%;
			}
			
		}
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  @-webkit-keyframes swing {
		  5% {
			  -webkit-transform: translateY(5px);
			  transform: translateY(5px);
		  }
		  10% {
			  -webkit-transform: translateY(-5px);
			  transform: translateY(-5px);
		  }
		  15% {
			  -webkit-transform: translateY(3px);
			  transform: translateY(3px);
		  }
		  20% {
			  -webkit-transform: translateY(-3px);
			  transform: translateY(-3px);
		  }
		  25% {
			  -webkit-transform: translateY(2px);
			  transform: translateY(2px);
		  }
		  30% {
				-webkit-transform: translateY(0);
				transform: translateY(0);
			}
		  100% {
			  -webkit-transform: translateY(0);
			  transform: translateY(0);
		  }
	  }
	  @keyframes swing {
		  5% {
			  -webkit-transform: translateY(5px);
			  transform: translateY(5px);
		  }
		  10% {
			  -webkit-transform: translateY(-5px);
			  transform: translateY(-5px);
		  }
		  15% {
			  -webkit-transform: translateY(3px);
			  transform: translateY(3px);
		  }
		  20% {
			  -webkit-transform: translateY(-3px);
			  transform: translateY(-3px);
		  }
		  25% {
			  -webkit-transform: translateY(2px);
			  transform: translateY(2px);
		  }
		  30% {
				-webkit-transform: translateY(0);
				transform: translateY(0);
			}
		  100% {
			  -webkit-transform: translateY(0);
			  transform: translateY(0);
		  }
	  }
	  body.articulos .texto img
	  {
		  -webkit-animation: swing 2s ease;
		  animation: swing 2s ease;
		  cursor:pointer;
		  -webkit-animation-iteration-count: infinite;
		  animation-iteration-count: infinite;
	  }
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
		@media (min-width: 992px) {
		  .a-class:hover{cursor:pointer!important;text-decoration:underline!important;}
		  .pointer{cursor:pointer!important;}
		  #popup{	max-width: calc(40vw);}
			.menu-slider{
				background-color: #ffffff;
				z-index: 9990;
				/*width: calc(100vw);*/
			   width:500px;
				height: calc(100vh );
				position: fixed;
				left: 100vw;
				/*top:calc(100vh);*/
				/*display:none;*/
				transition:all 0.3s ease;
			}
			.menu-slider.a{/*display:block;*/left:0vw;}
			.menu-slider .menu-item,.menu-slider ul li a{cursor:pointer!important;text-decoration: none!important;border-radius:8px;padding:0 20px;}
			.menu-slider .menu-item:hover,.menu-slider ul li a:hover{background:#dfdfdf;}
			
			.menu-slider.a{top:0px;}
			.menu-slider .content{    height: calc(100vh );   width: 100%; /*padding:25px;*/display:flex;flex-direction:column;}
			
			.menu-slider-secondary{width:500px;left:-500px;border-right: 1px solid #ccc;}
			.menu-slider-secondary.a{left:0px;}
			.menu-slider-secondary .menu-item,.menu-slider ul li a{cursor:pointer!important;text-decoration: none!important;border-radius:8px;padding:0 20px;}
			.menu-slider-secondary .menu-item:hover,.menu-slider ul li a:hover{background:#dfdfdf;}
			.menu-slider-third{width:500px;border-right: 1px solid #ccc;}
			.menu-slider-third{width:500px;left:-500px;border-right: 1px solid #ccc;}
			.menu-slider-third.a{left:0px;}
		  .header-pull-down{height:80px;width:100%;}
		  .header .logo{height:60px;width:auto;}
		  .finder-bar-container{background:#efefef;display:flex;align-items:center;}
		  .finder-bar-container:hover{background:#efefef;}
		  .finder-bar-container .finder-bar{
			  background: transparent;
			  width:85%;
			  background: transparent;
			  background: transparent;
			  height:50px;
			  line-height:50px;
		  }
				.finder-bar{font-size:18px;}
				.finder-bar-container i{width:15%;font-size:24px;}
				
				.finder-bar-advanced-result-container{
					height:calc(80vh - 80px);
					border-radius:0 0 8px 8px;
					padding:0 40px;
				}
				.finder-bar-advanced-result-container ul{ 
					margin: 0px -40px;}
				body .header{width:calc(100vw - 241px)!important;margin-left:241px;max-width:100%!important;}
	
				body.principal .header{background:#ffffff;height:80px;border-bottom:1px solid #d3d3d3;position:fixed;z-index:9988;}
				
			
				.menu-finder{margin-top:0px;background:rgba(0,0,0,0.3);height:100vh;}
				
			  
				body.menus .menu-slider,body.cafelitos .menu-slider, 
				/*body.articulos .menu-slider { margin-top: 100px!important;}*/
				
				body.articulos .header .header-icon-section{
					display: flex;justify-content: center;align-items: end;
				}
				
				body.articulos .header .header-icon-section img{
					width:auto; height:80px;
				}
				
				body.articulos .header .header-titulo-section p{
					font-size:1.2rem;
				}
				body.articulos .header .header-titulo-section h3{
					font-size:1.4rem;
				}
				body.articulos .header .back-button-container{
					align-items:center;
				}
				body.articulos .header .back-button-container a{
					font-size:3rem!important;height:3rem!important;width:3rem!important;
				}
				
				
				
				
				
				
				
				body.cafelitos .header .header-icon-section{
					display: flex;justify-content: center;align-items: end;
				}
				
				body.cafelitos .header .header-icon-section img{
					width:auto; height:80px;
				}
				
				body.cafelitos .header .header-titulo-section p{
					font-size:1.2rem;
				}
				body.cafelitos .header .header-titulo-section h3{
					font-size:1.4rem;
				}
				body.cafelitos .header .back-button-container{
					align-items:center;
				}
				body.cafelitos .header .back-button-container a{
					font-size:3rem!important;height:3rem!important;width:3rem!important;
				}
				
				
				body.menus .header .header-icon-section{
					display: flex;justify-content: center;align-items: end;
				}
				
				body.menus .header .header-icon-section img{
					width:auto; height:80px;
				}
				
				body.menus .header .header-titulo-section p{
					font-size:1.2rem;
				}
				body.menus .header .header-titulo-section h3{
					font-size:1.4rem;
				}
				body.menus .header .back-button-container{
					align-items:center;
				}
				body.menus .header .back-button-container a{
					font-size:3rem!important;height:3rem!important;width:3rem!important;
				}
				
				.category-big a .icon img{width:20%!important;}
				
				
				.menu-slider .content{
					display:block;
					width:auto;
					border-right: 1px solid #ccc;
				}
				body.body-fixed{height: auto;
					  overflow-y: scroll;
				}
				
				.finder-advanced-general .menu-finder-openclose{position:absolute;top: 20px;left: 0px;width:40px;height:50px;font-size: 20px;display: flex;align-items: center;cursor:pointer;justify-content: center;}
				
				
				
				body .footer{
					 z-index: 9989;
					 height: calc(100vh);
					 position: fixed;
					 left: 0px;
					 top: calc(100vh);
					 display: flex;
					 height: calc(100vh);
					 background: #ffffff;
					 top: 0px;
					 width: 240px;
					 border-top: none;
					 border-right: 1px solid rgba(118,147,171,0.7);
					 background:#ffffff!important;
				 }
				
				body .footer a{ 
					  /*color: rgba(118,147,171,0.9)!important; */
					  color: rgba(118,147,171,0.9)!important;
					  
				  }
				  
				  body .footer .menu-footer{
					  display: flex;
					  /*justify-content: center;*/
					  /*align-items: center;*/
					  /*justify-content:space-between;*/
				  }
				  
				  body .footer .menu-footer .button-footer{
					  height:100%;font-size:24px;color:#000000;text-align:center;line-height:24px; display: flex;align-items: center; justify-content: center;color:#ffffff;
				  }
				  
				  body .footer .menu-footer .button-footer a{
					  color:rgba(118,147,171,0.9)!important;
					  width:100%;
					  display: flex;
					  justify-content: flex-start;
					  align-items: center;
					  height:100%;
					  font-size:16px;
					  margin:0 15px 0 15px;
					  border-radius:8px;
				  }
				  
				  body .footer .menu-footer .button-footer a:hover{background:#efefef;text-decoration: none!important;}
				  body .footer .menu-footer .button-footer a i{ font-size:28px;margin-left:15px;width:50px;text-align:left;}
				  body .footer .menu-footer .button-footer a span{ font-size:16px;text-align:left;/*margin-left:15px;*/}
				  body .footer .menu-footer .button-footer a.selected{
					  color:rgba(58,87,111,1)!important;
					  font-weight: bold;
				  }
				  
				  body .footer .menu-footer .button-footer a i{position:relative;}
				  body .footer .menu-footer .button-footer a.has-favorite i i{ display:block!important;}
				  body .footer .menu-footer .button-footer a i i{position:absolute;top:0px;left:0px;display:none;color:#ffaa00!important;}
				
				
				
				 body.articulos .texto img{width:200px;cursor:pointer;}
				
				
				.menu-slider ul li{padding-bottom:0!important;}
				.menu-slider ul li.top-line{border-top:none;}
				.menu-slider ul  li a{height:70px!important;color:#262626!important;font-size:18px!important;font-weight:normal!important;}
				/*.menu-slider .content li:hover{ background:#dfdfdf;border-radius:8px;}*/
				
				.crystal:hover{background:#dfdfdf;}
				
				.category{padding-left:15px;padding-right:15px;}
				.category a{border-radius:8px;display:block;padding:6px;margin-top:15px; }
				.category a .icon{height:160px;}
				.category a .icon img{width:40%;}
			
			
				.row.big .category .icon{height:80px!important;}
				.row.big .category .icon img{height:80%;width:auto;margin-top:0px;}
				.button-favorite{
					right:50px;top:130px;
				}
				
				#overlay-menu-slider-secondary{width:500px;}
				#overlay-menu-slider-third{width:500px;}
				#overlay-menu-slider-first{opacity:0.5;
					visibility: visible;}
				
	  }
		
		
		
		
		
		
		
		
		
		
		
		
		
		@media (min-width: 1200px) {
			
		}
		
		
		
		
		
		
		
		
		
		
		
		@media (min-width: 1400px) {
		
		}