/* BuenaCarta.Com by Gormaz Informática S.L. 2020-2021 */
/* http://www.gormatica.com */
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200&display=swap');


#languages { position: fixed; display:none; border: 1px solid #EEE; top: 0px; z-index: 100; background-color: #FFF; width: 92%; left: 4%; padding: 70px 10px 10px 10px; }

.button-menu { margin-bottom: 15px; padding: 0 15px; border-radius: 10px }
.button-menu::before { right: 31px; }
.expandable-content { padding:0px }
.expandable-content .list-item { padding:0px; }
.expandable-content .list-item:not(:last-child) { border-bottom: 1px dotted #AAAAAA }
.expandable-content .list-item__left { padding: 0px 14px 0px 0; }
.expandable-content .list-item--material__left { min-width: auto }
.expandable-content .list-item__center { padding: 10px 6px 10px 0; }
.expandable-content .list-item__thumbnail { max-width: 60px; max-height: 50px; width: auto; height: auto }



.flags { text-align: center; padding-bottom: 20px; }
.flags img { margin:0; -webkit-filter: grayscale(50%) opacity(40%); filter: grayscale(50%) opacity(40%); height: 40px; padding: 0 5px }
.flags img.activo { height: 45px; -webkit-filter: none; filter: none;  }
.flags img:hover { -webkit-filter: none; filter: none;  }
.foto { position: relative; text-align: center }
.foto img { max-height: 250px; max-width: 100%; margin: auto }

.grupo_platos { border-bottom: 15px solid #efeff4; }
.grupo_platos.list-item { padding: 0 }
.grupo_platos .list { padding-left: 10px }
.grupo_platos .list-item__center { padding-left: 6px }
.inicio { background-color: #ffffff; padding-bottom: 20px} 

.list { background-image: none }
.list-item__center { padding: 0px; }
.logo { text-align: center;  }
.logo img { max-height: 80px; max-width: 90%; margin: auto; padding: 10px 0 20px 0 }


.page__content h1, .page__content h2, .page__content h3, .page__content h4, .page__content h5 { padding: 0 15px 0 15px }
.page__background { background-color:  #F2F2F6 } 

.plato { margin-top: 60px }
.plato img{ max-height: 600px; max-width: 100%; margin-bottom: 20px; border-radius: 6px }
.plato .desc{ font-size: 1rem; color: #555; margin: 10px 0; padding-top:10px; border-top: 1px solid #DDD;}
.plato .extra{ font-size: 1.2rem; color: #333;}
.plato .grupo{ font-size: 0.8rem; color: #999;}
.plato .nombre{ font-size: 1.5rem; font-weight: bold; color: #333; }
.plato .precio{ font-size:1.5rem; font-weight: bold; color: #0CAC00; text-align: right }
.plato .ales { margin: 10px 0; padding-top:15px; border-top: 1px solid #DDD; }
.plato .ales .t{ font-size: 1.1rem; color: #555; margin-bottom: 10px;}
.plato .ales .trazas{ font-size: 0.90rem; color: #555; margin-top:10px;}
/*.plato .precio::after{ content:" €";}*/

.al{ display: inline-block; margin-right: 2px; width: 12px; height: 12px; box-sizing: border-box; background:no-repeat left center; }
.plato .al { display: inline; font-style: normal; line-height: 1.5rem;  width: 20px; height: 20px; }
.plato .al::after{ color: #666; padding-left: 25px; font-size: 0.95rem; }
.al1 { background-image: url(../images/alergenos/gluten.svg);}
.al2{ background-image: url(../images/alergenos/crustaceans.svg);}
.al3{ background-image: url(../images/alergenos/eggs.svg);}
.al4{ background-image: url(../images/alergenos/fish.svg);}
.al5{ background-image: url(../images/alergenos/peanuts.svg);}
.al6{ background-image: url(../images/alergenos/soy.svg);}
.al7{ background-image: url(../images/alergenos/milk.svg);}
.al8{ background-image: url(../images/alergenos/nuts.svg);}
.al9{ background-image: url(../images/alergenos/celery.svg);}
.al10{ background-image: url(../images/alergenos/mustard.svg);}
.al11{ background-image: url(../images/alergenos/sesame.svg);}
.al12{ background-image: url(../images/alergenos/sulphites.svg);}
.al13{ background-image: url(../images/alergenos/molluscs.svg);}
.al14{ background-image: url(../images/alergenos/lupin.svg);}

.ons-swiper{ padding: 1px;}
.destacado{ height: 160px; border-radius: 3px; margin-right:15px; background-size: cover; background-position: center center; box-shadow: 0px 0px 2px #666; position: relative;}
ons-carousel ons-carousel-item:last-child .destacado{ margin-right: 2px;}
.destacado.basic{ height: 140px;}
.destacado .info{ font-size: 1.1rem; color: #FFF; padding: 10px; min-height: 100px; background-image: url("../images/bg-destacado.png"); background-repeat: repeat-x; background-position: top; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.destacado .info .nombre{ font-weight: bold; margin-bottom: 5px;}
.destacado .info .precio{ text-shadow: 0 0 2px #000;}
.destacado .catego{ position: absolute; bottom: 10px; left: 10px; color: #FFF; font-size: 0.9rem; text-shadow: 0 0 4px #000; }

.pie { text-align: center; padding: 30px 0; }
.pie .direccion { color: #555 }
.pie .gormatica { font-size: 13px; color: #000000; }
.pie .gormatica img {  height: 20px}
.pie .botones { margin: 15px 0; padding: 0 4px; }
.pie .botones div { display: flex; }
.pie .botones ons-button { flex-grow: 1; margin: 4px; font-size: 0.9rem; padding: 0px }
.pie a { font-size: 0.8rem; text-decoration: none; color: #999999 }
	
@media (max-width: 700px){
	h4 { border-bottom: 1px solid Gray }	
}