/* Seção: Gastronomia (foto + refeições + Copa da Mamãe) */
.food { background: var(--fundo, var(--areia)) }
.food.fundo-escuro, .food.fundo-escuro h2 { color: #fff }
.food .wrap { display: grid; grid-template-columns: 1.1fr 1fr; max-width: none; padding: 0 }
.food-photo { min-height: 720px; position: relative; overflow: hidden }
.food-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--ease) }
.food-photo:hover img { transform: scale(1.04) }
.food-text { padding: 130px 80px 130px; display: flex; flex-direction: column; justify-content: center; gap: 22px; max-width: 680px }
.meals { list-style: none; margin: 6px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px }
.meals li { background: #fff; border-radius: 18px; padding: 14px 18px; color: var(--texto) }
.meals b { display: block; font-family: var(--display); font-weight: 600; color: var(--petroleo); font-size: 16px }
.meals span { display: block; font-size: 15px }
.mom { margin-top: 10px; display: flex; gap: 18px; align-items: flex-start; background: #fff; border-radius: 28px 28px 28px 8px; padding: 22px; color: var(--texto) }
.mom .ico { width: 40px; height: 40px; color: var(--laranja); flex: none }
.mom b { font-family: var(--display); font-weight: 600; color: var(--petroleo); font-size: 18px; display: block }
.mom span { font-size: 15.5px; display: block; line-height: 1.5; margin-top: 2px }

/* Mobile */
@container page (max-width: 760px) {
  .food .wrap { grid-template-columns: 1fr }
  .food-photo { min-height: 340px }
  .food-text { padding: 48px 20px 80px }
}