/* Paleta corporativa */
.masmom-carta {
  --brand-red: #ff0102;
  --brand-green: #649301;
  --text: #111827;
  --muted: #6b7280;
  --card-bg: #ffffff;
  --line: #e5e7eb;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

/* Grid/cards */
.masmom-carta-grid { display:grid; gap:16px; }
.masmom-carta-grid.columns-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.masmom-carta-grid.columns-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
@media (max-width: 900px){ .masmom-carta-grid.columns-2,.masmom-carta-grid.columns-3{ grid-template-columns:1fr; } }

.masmom-carta-item { border:1px solid var(--line); border-radius:16px; overflow:hidden; background:var(--card-bg); }
.masmom-carta-card { display:flex; gap:0; }
.masmom-carta-imgwrap { width: 34%; min-width: 180px; aspect-ratio: 4/3; background:#f8f8f8; display:flex; align-items:center; justify-content:center; }
.masmom-carta-imgwrap img { width:100%; height:100%; object-fit:cover; }

.masmom-carta-body { padding:14px 16px; flex:1; }
.masmom-carta-item-header { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.masmom-carta-item-title { margin:0; font-size:1.05rem; color:var(--text); }
.masmom-carta-item-price { font-weight:800; color:var(--text); }
.masmom-carta-item-price .currency { margin-left:3px; color:var(--muted); font-weight:600; }

.masmom-carta-item-desc { margin:.35rem 0 .5rem; color:#374151; font-size:.95rem; }
.masmom-carta-item-meta { display:flex; flex-wrap:wrap; gap:6px; margin:6px 0; }

.badge { display:inline-block; font-size:.75rem; padding:2px 10px; border-radius:999px; border:1px solid var(--line); background:#fff; color:#374151; }
.badge-vegano { background:#ecfdf5; border-color:#a7f3d0; }
.badge-vegetariano { background:#eef2ff; border-color:#c7d2fe; }
.badge-allergens { background:#fff7ed; border-color:#fed7aa; }

.masmom-carta-cta { margin-top:10px; }
.masmom-btn-cta {
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 14px; border-radius:10px; font-weight:800; text-decoration:none;
  background: linear-gradient(90deg, var(--brand-red), var(--brand-green));
  color:#fff;
  box-shadow: 0 4px 14px rgba(0,0,0,.15);
}
.masmom-btn-cta:hover { opacity:.92; transform: translateY(-1px); }


