/* BuenaCarta.Com by Gormaz Informática S.L. 2020-2023 */
/* https://www.gormatica.com */

.alerta{ border-radius: 10px; display: inline-block; margin-right: 5px; padding: 3px 5px; font-size: 10px; line-height: 10px; vertical-align: top;}
.alerta-nuevo{ color:#FFF; background-color: #016FB4; }
.alerta-casero{ color:#FFF; background-color: #A72500; }
.alerta-de-temporada{ color:#FFF; background-color:#3C6202; }
.alerta-productos-locales{ color:#FFF; background-color:#6C0A2C;}

.flags { text-align: center; padding-bottom: 20px; }
.flags img { margin:0; -webkit-filter: grayscale(50%) opacity(75%); filter: grayscale(50%) opacity(75%); height: 25px; margin-left:8px; }
.flags img.activo { height: 28px; -webkit-filter: none; filter: none;  }
.flags img:hover { -webkit-filter: none; filter: none;  }

.fondo-imagen{ background-size: cover; background-position:center center; background-repeat:no-repeat;}

.foto > div{ background-color:rgba(40,40,40,0.5)}
.fotomini{ min-width:80px; min-height:60px; }
.logo img { max-height: 80px; max-width: 80%; margin: auto; }

.mf .veg{ height: 16px; vertical-align: middle; margin-top:-4px; }

.plato .ales .trazas{ font-size: 0.90rem; color: #555; margin-top:10px;}

.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; }
.plato .veg { color:#4e7041; }
.plato .veg img{ height:20px; vertical-align: middle; margin-top:-4px; }

.destacado{ height: 160px; position: relative;}
.destacado.primero{ height: 120px;}
.destacado > div{ height:100%; background: linear-gradient(180deg, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%); }
.destacado .info{ font-size: 1.1rem; color: #FFF; padding: 10px; min-height: 100px; background-repeat: repeat-x; background-position: top; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.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 .gormatica { font-size: 13px; color: #000000; }
.pie .gormatica img { height: 20px; }
.pie { font-size: 0.8rem; }
.pie a { font-size: 0.8rem; text-decoration: none; color: #999; }