@import "https://fonts.googleapis.com/css?family=Barlow+Condensed:400,500";

* { margin:0; padding:0; border:none; outline:none; }
input::-moz-focus-inner { border:0; }
input[type="text"], input[type="button"] { -webkit-appearance:none; -moz-border-radius:0; -webkit-border-radius:0; -khtml-border-radius:0; border-radius:0; }

html { -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }

html { font-family:"Barlow Condensed", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; -webkit-text-size-adjust:none; padding:3.5em 0 5em; }
footer { padding:6em .5em 8em; text-align:center; font-family:11px; color:#999; background:#fff; }
	footer a { color:#666; }
	footer h6 { margin-top:3em; }
		footer h6 a { display:inline-block; width:18em; height:3em; text-indent:-9999px;
		 background:url(../img/powered_by_menew.png) center center no-repeat; background-size:contain; }
		
a { text-decoration:none; }
	a:hover { text-decoration:none; }
p { line-height:1.1em; }
ul, menu { list-style:none; }


/* ------------ CABECERA ------------ */
.local { position:fixed; z-index:10; top:0; width:100%; font-size:1.6em; text-align:center; text-indent:-9999px; }
	.local { display:block; width:100%; box-sizing:border-box; padding:.4em; color:#fff; 
		background:url(../img/logo.jpg) center center no-repeat #000; background-size:cover; }


/* ------------ ACORDEÓN ------------ */
#accordion {}
	#accordion h3 { position:relative; padding:.5em .8em; border-bottom:2px solid #fff; background:#f3f3f3; font-size:1.2em; text-transform:uppercase; letter-spacing:.03em; }
		#accordion h3:after { content:'+'; position:absolute; top:0; right:0; height:0; display:block; width:2.3em; height:2.3em;
			text-align:center; font-weight:normal; line-height:2.25em; }
				#accordion h3.ui-state-active:after { content:'–'; }

	#accordion table { width:96%; margin:0 auto; }
		#accordion table tr { height:2.55em; }
		#accordion table td { min-height:2em; padding:.2em .4em; font-size:1.1em; line-height:1.1em; }
			#accordion table .img { width:1em; padding-right:0; line-height:0; }
				#accordion table .img img { width:2.5em; border-radius:4px; }
					#accordion table .img img:last-child { display:none; }
			#accordion table .name {}
				#accordion table .name p { display:none; }
			#accordion table .price { text-align:right; font-weight:bold; min-width:3.5em; }
		
		#accordion .menu td { padding-top:1em; vertical-align:top; }
		#accordion .menu h4 { font-size:1.2em; }
		#accordion .menu p { padding:.2em .5em; color:#999; }
		#accordion .group { width:92%; padding-bottom:.2em; border-radius:5px; margin:4%; background:#eee; }
			#accordion .group tr { height:auto; }
			#accordion .group th { padding:.5em 0 0; text-align:center; line-height:1em; }
			
	.grid_view #accordion table td { font-size:1.3em; }
		.grid_view #accordion tr { display:inline-block; width:46%; height:auto; vertical-align:top; position:relative; margin:4% 2% 2%; text-align:center; }
			.grid_view #accordion td { display:block; width:100%; min-height:0; padding:0; }
			.grid_view #accordion table .img {}
				.grid_view #accordion table .img img { width:100%; border-radius:12px; /* border:1px solid #d9d9d9; */ }
			.grid_view #accordion table .name { padding:.3em 0 .1em;}
			.grid_view #accordion table .price { text-align:center;	 }


/* ------------ TAPBAR ------------ */
#tapbar { position:fixed; bottom:0; width:100%; background:rgba(255,255,255,.9); text-align:center; z-index:10; box-shadow: 0 0 1px rgba(0,0,0,.4); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
	@-moz-document url-prefix() { #tapbar {background:#fff; }}

	#tapbar { padding-bottom: env(safe-area-inset-bottom); }
	#tapbar a { position:relative; display:inline-block; width:23%; padding:2.8em 0 .35em; color:#aaa; font-size:.9em; }
		#tapbar a.close { background:#fff; }					
				.grid_view #tapbar .grid,
				.list_view #tapbar .list { display:none; }
				.platos_vegetarianos #tapbar .vegetarian,
				.platos #tapbar .view_all { display:none; }
				
				#tapbar .icon { position:absolute; top:.65em; left:50%; display:block; width:2em; height:2em; margin-left:-1em; color:#999; }
				#tapbar svg { width:100%; height:100%; fill:currentColor; vertical-align:top; }

/* ------------ MODAL ------------ */
.modal { position:fixed; z-index:9999; top:0; right:0; bottom:0; left:0; box-sizing:border-box; width:100%; padding:1em; background:rgba(0,0,0,.2); display:none; -webkit-backdrop-filter: blur(6px); }
	.modal .inner { position:absolute; top:1em; right:1em; bottom:2.5em; left:1em; overflow:scroll; border-radius:2.2em; background:#fff; box-shadow:0 0 4em rgba(0,0,0,.4); }
	.modal .close { box-sizing:border-box; position:absolute; z-index:999999; left:50%; bottom:1em; width:3em; height:3em; border:10px solid #fff; border-radius:50%; margin-left:-1.5em;
		background:url(../img/close.png) center center no-repeat #ccc; background-size:70%; }
		.modal .inner:after { content:''; position:fixed; left:1em; right:1em; bottom:2.5em; display:block; height:2.2em;
			border-radius:0 0 2.2em 2.2em; background:url(../img/gradient.png) center bottom repeat-x; background-size:auto 100%; }

.modal p { text-align:center; margin:1em 0 0; color:#999; font-size:1.2em; }
.modal.list ul { margin:.5em 1em 1em; }
.modal.list li { position:relative; display:inline-block; vertical-align:top; width:47%; height:2.6em; padding:0 0 0 2.7em; box-sizing:border-box; margin:2% 0 0 2%;
		font-size:1.1em; line-height:1em; }
		.info_bullets li,
		.modal.list li:before { box-sizing:border-box; content:''; display:inline-block; vertical-align:middle; width:1.1em; height:1.1em; border-radius:50%;
			background:#aaa 0 0 no-repeat; background-size:auto 200%; }
			.info_bullets li { text-indent:-9999px; }
			.modal.list li:before { position:absolute; left:0; top:50%; margin-top:-1.1em; display:inline-block; width:2.2em; height:2.2em; }

		.modal.list li.disabled { color:#aaa; }
			.modal.list li.disabled:before { border:2px solid #ccc !important; }

		.modal.list li strong { display:table; width:100%; height:100%; font-weight:normal; }
		.modal.list li em { display:table-cell; vertical-align:middle; width:100%; font-style:normal; }


/* ------------ ALÉRGENOS ------------ */
#allergens li:before,
.info_bullets li { background-image:url(../img/ico_allergens.png); }
	.info_bullets .soja,
	#allergens li.soja:before { background-position: 0 0; }
	.info_bullets .pescado,
	#allergens li.pescado:before { background-position: 7.69% 0; }
	.info_bullets .mostaza,
	#allergens li.mostaza:before { background-position:15.38% 0; }
	.info_bullets .moluscos,
	#allergens li.moluscos:before { background-position:23.08% 0; }
	.info_bullets .lacteos,
	#allergens li.lacteos:before { background-position:30.77% 0; }
	.info_bullets .huevo,
	#allergens li.huevo:before { background-position:38.46% 0; }
	.info_bullets .sesamo,
	#allergens li.sesamo:before { background-position:46.15% 0; }
	.info_bullets .gluten,
	#allergens li.gluten:before { background-position:53.85% 0; }
	.info_bullets .frutos,
	#allergens li.frutos:before { background-position:61.54% 0; }
	.info_bullets .sulfitos,
	#allergens li.sulfitos:before { background-position:69.23% 0; }
	.info_bullets .crustaceos,
	#allergens li.crustaceos:before { background-position:76.92% 0; }
	.info_bullets .cacahuete,
	#allergens li.cacahuete:before { background-position:84.62% 0; }
	.info_bullets .apio,
	#allergens li.apio:before { background-position:92.31% 0; }
	.info_bullets .altramuces,
	#allergens li.altramuces:before { background-position:100% 0; }

		#allergens li.disabled.soja:before { background-position: 0 100%; }
		#allergens li.disabled.pescado:before { background-position: 7.69% 100%; }
		#allergens li.disabled.mostaza:before { background-position:15.38% 100%; }
		#allergens li.disabled.moluscos:before { background-position:23.08% 100%; }
		#allergens li.disabled.lacteos:before { background-position:30.77% 100%; }
		#allergens li.disabled.huevo:before { background-position:38.46% 100%; }
		#allergens li.disabled.sesamo:before { background-position:46.15% 100%; }
		#allergens li.disabled.gluten:before { background-position:53.85% 100%; }
		#allergens li.disabled.frutos:before { background-position:61.54% 100%; }
		#allergens li.disabled.sulfitos:before { background-position:69.23% 100%; }
		#allergens li.disabled.crustaceos:before { background-position:76.92% 100%; }
		#allergens li.disabled.cacahuete:before { background-position:84.62% 100%; }
		#allergens li.disabled.apio:before { background-position:92.31% 100%; }
		#allergens li.disabled.altramuces:before { background-position:100% 100%; }

.hide_allergens .info_bullets li { display:none; }
.info_bullets { display:inline-block; }
	.grid_view .info_bullets { display:block; margin:.2em 0; }
		.grid_view .info_bullets li { width:1.3em; height:1.3em; }


/* ------------ VEGETARIANO ------------ */
.plato_vegetariano .name:before,
.plato_vegano .name:before,
.plato_vegetariano .info_bullets:before,
.plato_vegano .info_bullets:before { content:''; box-sizing:border-box; display:inline-block; vertical-align:middle; width:.5em; height:.5em;
	border-radius:50%; border:2px solid #0EB069; }
	.plato_vegano .name:before,
	.plato_vegano .info_bullets:before { background:#0EB069; }
	
	
#detail_view .name:before,
.list_view .name:before,
.grid_view .info_bullets:before { display:none !important; }
#detail_view .info_bullets:before { display:inline-block !important;}

.grid_view .name:before { margin-right:.2em; vertical-align:baseline; width:.85em; height:.85em; }


.platos_vegetarianos .plato,
.grid_view.platos_vegetarianos #accordion .plato { display:none; }

.platos_veganos #tapbar .vegan,
.platos_vegetarianos #tapbar .vegetarian,
.platos_veganos #tapbar .vegan .icon,
.platos_vegetarianos #tapbar .vegetarian .icon { color:#0EB069; }


/* ------------ IDIOMAS ------------ */
#language li:before { background-image:url(../img/ico_languages.png); background-size:auto 100%; border:2px solid #000; }
	#language li:nth-child( 2):before { background-position:11.111% 0; }
	#language li:nth-child( 3):before { background-position:22.222% 0; }
	#language li:nth-child( 4):before { background-position:33.333% 0; }
	#language li:nth-child( 5):before { background-position:44.444% 0; }
	#language li:nth-child( 6):before { background-position:55.555% 0; }
	#language li:nth-child( 7):before { background-position:66.666% 0; }
	#language li:nth-child( 8):before { background-position:77.777% 0; }
	#language li:nth-child(09):before { background-position:88.888% 0; }
	#language li:nth-child(10):before { background-position:100% 0; }
	#language li.disabled:before { box-shadow:0 0 0 1em rgba(255,255,255,.4) inset; }


/* ------------ BÚSQUEDA ------------ */
#search input { box-sizing:border-box; width:67%; padding:.1em .2em .25em; border:1px solid #000; border-radius:5px 0 0 5px; margin:4% 0 0 4%; line-height:2em; font-size:1.4em; }
	#search input[type=button] { width:25%; border-radius:0 5px 5px 0; margin:4% 0; background:#000; color:#fff; }


/* ------------ CONTACTO ------------ */
.card { margin:1em;  border-radius:1.5em; background:#eee; }
	.card a { display:block; padding:1em; color:#000; }
	.card dl {}
	.card dt { font-size:1.2em; line-height:1em; }
	.card dd { font-size:2em; line-height:1em; }
	
	.card.icon dl { position:relative; padding-left:4em; }
		.card.icon dl:before { content:''; position:absolute; top:.1em; left:.1em; display:block; width:3em; height:3em; background:url(../img/ico_contact.png) 0 0 no-repeat; background-size:auto 100%; }
			.card.icon dl.instagram:before { background-position:25% 0; }
			.card.icon dl.whatsapp:before { background-position:50% 0; }
			.card.icon dl.tlf:before { background-position:75% 0; }
			.card.icon dl.facebook:before { background-position:100% 0; }

/* ------------ VISTA DETALLE ------------ */
#detail_view {}
	#detail_view table { width:100%; border:1em solid transparent; border-width:.5em 0 1.5em; }
	#detail_view td { display:block; padding:0; margin:3% 5%; text-align:center; line-height:1.2em; }
	#detail_view td img { position:relative; z-index:1; width:80%; height:auto; border-radius:.75em; }
		#detail_view .img img:last-child { position:absolute; z-index:0; left:50%; width:66%; margin:8% 0 0 -33%; opacity:.5; -webkit-filter:blur(6px); }
	#detail_view .name { font-size:1.5em; }
		#detail_view .name p { font-size:.8em; }
	#detail_view .info_bullets { display:block; margin:.3em; font-size:1.4em; }
		#detail_view .info_bullets li { display:inline-block; }
	#detail_view .price { font-size:1.6em; font-weight:bold; }
	#detail_view .description { font-size:1.1em; color:#999; }
	#detail_view .plato_vegetariano .name:after,
	#detail_view .plato_vegano .name:after { display:none; }
	#detail_view .plato_vegetariano .info_bullets:before,
	#detail_view .plato_vegano .info_bullets:before { content:'Vegano'; display:inline-block; width:auto; vertical-align:middle; padding:.7em; border-radius:1em; background:#0EB069;
		color:#fff; text-transform:uppercase; letter-spacing:.03em; line-height:0; font-size:.5em; }
		#detail_view .plato_vegetariano .info_bullets:before { content:'Vegetariano'; background:#fff; border:2px solid; color:#0EB069; }











/* nueva cabecera */

.layout-container h1 { position:fixed; z-index:10; top:0; width:100%; box-sizing:border-box; padding:1.15em 0;
	font-size:1.5em; text-align:center; text-indent:-9999px; line-height:0; background:url(../img/menew.png) center center no-repeat #000; background-size:contain; }


#accordion { background:#fff }
	#accordion:before { content:''; display:block; padding-top:12em; background: url(../img/local.jpg) center center no-repeat; background-size:cover; }
	#accordion:after { content:''; display:block; width:100%; position:absolute; top:3.4em; padding-top:12em; box-shadow: 0 -2em 3em rgba(0,0,0,.5) inset; }



html { padding:0; }
#accordion { margin-top:14.5em; }
#accordion:before { position:fixed; top:0; z-index:-3; width:100%; padding-top:14.5em; }
#accordion:after { position:fixed; top:0; z-index:-2;padding-top:14.5em; }
h1.local { position:fixed; top:1.8em; z-index:-1; width:8em; height:8em; border-radius:50%; left:50%; margin-left:-4em; font-size:1.2em; border:3px solid #fff; box-shadow:0 1em 1em rgba(0,0,0,.5);}