/* Menú El Chigrín 2.0 – CSS minimalista, bonito y fácil de sobreescribir */
.mc2.menu-grid{
  display:grid;
  gap:1.25rem;
}
.mc2.menu-grid.cols-1{ grid-template-columns:repeat(1,minmax(0,1fr)); }
.mc2.menu-grid.cols-2{ grid-template-columns:repeat(1,minmax(0,1fr)); }
.mc2.menu-grid.cols-3{ grid-template-columns:repeat(1,minmax(0,1fr)); }

@media (min-width: 900px){
  .mc2.menu-grid.cols-2{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mc2.menu-grid.cols-3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}

.mc2 .menu-item{
  background:#fbf7f0;
  border:1px solid #e6dccf;
  padding:1rem;
  border-radius:12px;
  display:flex;
  gap:1rem;
  align-items:flex-start;
  box-shadow:0 2px 10px rgba(0,0,0,0.04);
}

.mc2 .menu-thumb img{
  width:160px;
  height:120px;
  border-radius:10px;
  object-fit:cover;
  display:block;
}

.mc2 .menu-body{ flex:1; min-width:0; }

.mc2 .menu-title{
  margin:0 0 .25rem 0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  color:#4a2f22;
  font-size:1.1rem;
  line-height:1.2;
}

.mc2 .desc{
  margin:0 0 .5rem 0;
  color:#3b3b3b;
  line-height:1.35;
}

.mc2 .price{
  margin-top:.35rem;
  font-weight:800;
  color:#2c5e4b;
  letter-spacing:.2px;
}
.mc2 .currency{ font-weight:700; opacity:.9; }

.mc2 .alergenos{
  margin-top:.6rem;
  display:flex;
  gap:.5rem;
  flex-wrap:wrap;
  align-items:center;
}

.mc2 .alergen{
  display:inline-flex;
  gap:.45rem;
  align-items:center;
  background:#fff;
  padding:.25rem .5rem;
  border-radius:10px;
  border:1px solid #eee;
}

.mc2 .alerg-ico{
  width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#6b4226;
}
.mc2 .alerg-ico svg{ width:18px; height:18px; display:block; }

.mc2 .alerg-name{
  font-size:.82rem;
  color:#6b4226;
  white-space:nowrap;
}

/* Mobile polish */
@media (max-width: 520px){
  .mc2 .menu-item{ flex-direction:column; }
  .mc2 .menu-thumb img{ width:100%; height:180px; }
}