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

body.menus{background:#D7F5FB;}
body.menus .header{background:#00C6E3;z-index:9990;max-width: 480px;}
body.menus .finder-bg-falso{background:#00C6E3;}
body.menus .finder-bg-falso-square{background:#D7F5FB;}

body.cafelitos{background:#EFEFEF;}
body.cafelitos .header{background:#8AE3F1;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:#00C6E3;max-width: 480px;}
body .footer{
	background:#ECF6FF;max-width: 480px;
}
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{
	width:24px;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 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:80px;width:100%;}
.nv{display:none;}
#overlay{background-color:rgba(0,0,0,0.7);z-index:9997;position:fixed;top:0px;left:0px;width:calc(100vw);height:calc(100vh);}
	.crystal {
	  background: rgba(255,255,255,0.8);
	}

	@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.menu{border-radius:8px;display:block;padding:6px;}
	.category .lista{
    border-radius: 8px;
    display: block;
    padding: 6px;
    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:70px;
		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 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;}

	
	
	
	.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;}
	
	*/
	
ul,li{list-style:none;}
	
	.category{
		height:120px!important;
		
	}
	.category .lista{
		height:100px;
		background:#ffffff;
		display:flex;
		align-items:stretch;
		border-radius: 8px;
        
	}
	.category .lista .text{ 
		width:100%;
		display: flex;
		text-decoration:none;
        justify-content:center;
	}
	.category .lista .text h2{
		line-height:24px;
		font-size:24px;
		color:#00C6E3;
		margin:0px;
		font-weight:bold;
		align-self: center;
		
	}
	.category .lista .icon-cafelito{
		width:30%;
		align-self:center;
		/*height:100px!important;
		width:100px!important;margin:0px;*/
	}
	.category .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:#00C6E3;}
	.gap-20{height:20px;width:100%;}
	.bold{font-weight:bold;}
	.header{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-bar{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;}
	.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;
	}
	div{padding:0;margin:0px;}


.menu-slider{
	background-color: #ffffff;
    z-index: 9998;
    width: calc(100vw);
   
    height: calc(100vh - 80px);
    position: fixed;
    left: 0px;
	top:0;
	display:none;
}
.menu-slider.a{display:block!important;}
.menu-slider .content{    height: calc(100vh - 80px);   width: calc(100vw); padding:25px;display:flex;flex-direction:column;}

	#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{
	position:absolute;top:10px;right:10px;color:#454545;height:30px;width:30px;line-height:30px;text-align:center;font-size:24px;
	}
	#popup #popup-content{}

	.popup-cafelito{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;}
	.popup-cafelito .close-popup{
	position:absolute;top:10px;right:10px;color:#ffffff;height:30px;width:30px;line-height:30px;text-align:center;font-size:24px;
	}
	.popup-cafelito .popup-content{}