/* ============================================================
   SITALIA — restaurante.css
   Estilos específicos de restaurante / bar.
   El grueso del look viene de theme-nordic.css.
   ============================================================ */

/* ── Carta — grid de 2 columnas con secciones (Entrantes, Principales...) ── */
.menu-grid {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 32px 48px;
  margin-top: 56px;
}
@media (max-width: 720px) { .menu-grid { grid-template-columns: 1fr; } }

.menu-section-title {
  font-size: 11px; letter-spacing: .2em; text-transform: uppercase;
  color: var(--text-soft); font-weight: 500;
  margin-bottom: 16px;
  padding-bottom: 12px; border-bottom: 1px solid var(--border);
}
.menu-item {
  display: flex; justify-content: space-between; align-items: baseline;
  padding: 10px 0; gap: 16px;
}
.menu-item-name { font-size: 15px; font-weight: 500; color: var(--text); }
.menu-item-desc { font-size: 12px; color: var(--text-muted); margin-top: 2px; line-height: 1.5; }
.menu-item-price { font-size: 14px; font-weight: 600; color: var(--text); flex-shrink: 0; }

/* ── Bloque "menú del día" destacado ─────────────────────── */
.menu-dia-card {
  background: var(--bg-soft); border: 1px solid var(--border);
  border-radius: var(--radius-lg); padding: 32px;
  margin-top: 32px;
}
.menu-dia-header {
  display: flex; justify-content: space-between; align-items: baseline;
  border-bottom: 1px solid var(--border); padding-bottom: 14px;
  margin-bottom: 18px;
}
.menu-dia-label {
  font-size: 11px; letter-spacing: .2em; text-transform: uppercase;
  color: var(--text-soft); font-weight: 500;
}
.menu-dia-precio { font-size: 24px; font-weight: 500; color: var(--text); }
.menu-dia-list {
  display: flex; flex-direction: column; gap: 8px;
  font-size: 14px; color: var(--text);
}
.menu-dia-list .plato-prefix {
  color: var(--text-soft); font-weight: 500; margin-right: 8px;
  font-size: 11px; letter-spacing: .1em;
}