/* =========================================================
   Mamá Olga Menú Digital — Estilos específicos
   Usar junto con mama-olga-base.css.
   ========================================================= */

body.menu-theme {
  --bg: #fff8ea;
  --surface: #fffdf6;
  --surface-2: var(--mo-cream);
  --text: var(--mo-brown);
  --muted: #765c4b;
  --brand: var(--mo-orange);
  --brand-dark: var(--mo-brown);
  --brand-soft: rgba(246, 164, 91, 0.22);
  --accent: var(--mo-peach);
  --accent-soft: rgba(246, 164, 91, 0.24);
  --line: rgba(58, 27, 11, 0.14);
  --hero-gradient: radial-gradient(circle at top right, rgba(244, 81, 11, 0.18), transparent 35%), linear-gradient(135deg, #fffaf0 0%, var(--mo-cream) 100%);
}

.menu-theme .site-header { background: rgba(255, 248, 234, 0.88); }
.menu-hero { padding: clamp(64px, 8vw, 112px) 0 clamp(54px, 7vw, 92px); background: var(--hero-gradient); }
.menu-hero-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.72fr); gap: clamp(28px, 5vw, 68px); align-items: center; }
.menu-hero-copy { max-width: 760px; }
.menu-hero-card { display: grid; place-items: center; text-align: center; padding: clamp(30px, 5vw, 54px); border: 1px solid var(--line); border-radius: var(--radius-lg); background: rgba(255, 253, 248, 0.74); box-shadow: var(--shadow-soft); }
.menu-hero-card img { width: min(280px, 86%); height: auto; margin-bottom: 20px; }
.menu-hero-card p { max-width: 320px; margin-bottom: 0; }
.menu-soft-section { background: linear-gradient(180deg, transparent 0%, rgba(255, 243, 218, 0.72) 100%); }
.menu-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(18px, 3vw, 28px); }
.menu-item { display: grid; grid-template-columns: 132px 1fr; gap: 18px; align-items: center; padding: 16px; min-height: 166px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface); box-shadow: var(--shadow-card); }
.menu-item-img { width: 132px; height: 132px; border-radius: 20px; background-position: center; background-size: cover; }
.menu-item h3 { margin-bottom: 6px; }
.menu-item p { margin-bottom: 12px; font-size: 0.92rem; }
.menu-item strong { color: var(--mo-orange); font-size: 1rem; }

.img-croissant { background-image: url('https://images.unsplash.com/photo-1623334044303-241021148842?auto=format&fit=crop&w=900&q=80'); }
.img-cake { background-image: url('https://images.unsplash.com/photo-1578985545062-69928b1d9587?auto=format&fit=crop&w=900&q=80'); }
.img-coffee { background-image: url('https://images.unsplash.com/photo-1495474472287-4d71bcdd2085?auto=format&fit=crop&w=900&q=80'); }
.img-breakfast { background-image: url('https://images.unsplash.com/photo-1533089860892-a7c6f0a88666?auto=format&fit=crop&w=900&q=80'); }
.img-home-food { background-image: url('https://images.unsplash.com/photo-1504674900247-0877df9cc836?auto=format&fit=crop&w=900&q=80'); }
.img-pasta { background-image: url('https://images.unsplash.com/photo-1551183053-bf91a1d81141?auto=format&fit=crop&w=900&q=80'); }
.img-bites { background-image: url('https://images.unsplash.com/photo-1604909052743-94e838986d24?auto=format&fit=crop&w=900&q=80'); }
.img-family { background-image: url('https://images.unsplash.com/photo-1600891964599-f61ba0e24092?auto=format&fit=crop&w=900&q=80'); }
.img-sweets { background-image: url('https://images.unsplash.com/photo-1551024506-0bccd828d307?auto=format&fit=crop&w=900&q=80'); }
.img-event { background-image: url('https://images.unsplash.com/photo-1527529482837-4698179dc6ce?auto=format&fit=crop&w=900&q=80'); }

@media (max-width: 1080px) { .menu-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 980px) { .menu-hero-grid { grid-template-columns: 1fr; } }
@media (max-width: 680px) {
  .menu-grid { grid-template-columns: 1fr; }
  .menu-item { grid-template-columns: 104px 1fr; gap: 14px; }
  .menu-item-img { width: 104px; height: 104px; }
}