/* ============================================================
   SALUMI & AFFETTATI — palette burgundy/terracotta
   ============================================================ */

:root {
  --cat-prosciutti-dop:  linear-gradient(135deg, #FFD6CC, #E89882);
  --cat-salami-italiani: linear-gradient(135deg, #F4B0A0, #C97B5B);
  --cat-affumicati:      linear-gradient(135deg, #D4A88A, #8B5A3C);
  --cat-cotti:           linear-gradient(135deg, #FFE0D6, #F5B5A0);
  --cat-svizzeri-sal:    linear-gradient(135deg, #E8D5C0, #C69E7A);
}

/* --- HERO salumi --- */
.sal-hero {
  background: linear-gradient(135deg, #F5E0D6 0%, #E8C0A8 100%);
  padding: 64px 0 56px;
  position: relative;
  overflow: hidden;
}
.sal-hero::before {
  content: ""; position: absolute; right: -100px; top: -80px;
  width: 360px; height: 360px; border-radius: 50%;
  background: radial-gradient(circle, rgba(201,123,91,0.4) 0%, transparent 70%);
  pointer-events: none;
}
.sal-hero::after {
  content: "🥓"; position: absolute; right: 80px; bottom: -40px;
  font-size: 220px; opacity: 0.10; transform: rotate(-12deg);
  pointer-events: none;
}
.sal-hero-inner {
  max-width: 1280px; margin: 0 auto; padding: 0 24px;
  display: grid; grid-template-columns: 1.5fr 1fr; gap: 56px; align-items: center;
  position: relative; z-index: 1;
}
.sal-hero-text .section-eyebrow { text-align: left; color: var(--terracotta-dark); }
.sal-hero-title {
  font-family: var(--font-serif); font-size: 54px; font-weight: 500;
  line-height: 1.06; color: var(--green-darker); margin: 12px 0 22px;
}
.sal-hero-title em { font-style: italic; color: var(--terracotta-dark); }
.sal-hero-lead {
  font-size: 17px; line-height: 1.65; color: var(--ink);
  max-width: 600px; margin-bottom: 36px;
}
.sal-hero-stats {
  display: flex; gap: 16px; flex-wrap: wrap;
}
.sal-hero-stats .stat-block {
  background: rgba(255,255,255,0.85);
  backdrop-filter: blur(6px);
  border-color: rgba(165,92,62,0.18);
  padding: 14px 18px; min-width: 110px;
}
.sal-hero-stats .stat-num { font-size: 34px; color: var(--terracotta-dark); }

.sal-hero-card {
  background: var(--terracotta-dark); color: white;
  border-radius: 18px; padding: 32px 30px;
  box-shadow: 0 14px 36px rgba(165,92,62,0.25);
}
.sal-hero-card h3 {
  font-family: var(--font-serif); font-size: 22px; font-weight: 500;
  color: #FFE2C7; margin-bottom: 16px;
}
.sal-hero-card p {
  font-size: 14.5px; line-height: 1.65;
  color: rgba(255,255,255,0.92); margin-bottom: 14px;
}
.sal-hero-card p strong { color: #FFE2C7; font-weight: 600; }

/* --- CARD SALUME: backgrounds per categoria --- */
.salume-emoji-wrap.cat-prosciutti-dop  { background: var(--cat-prosciutti-dop); }
.salume-emoji-wrap.cat-salami-italiani { background: var(--cat-salami-italiani); }
.salume-emoji-wrap.cat-affumicati      { background: var(--cat-affumicati); }
.salume-emoji-wrap.cat-cotti           { background: var(--cat-cotti); }
.salume-emoji-wrap.cat-svizzeri        { background: var(--cat-svizzeri-sal); }

.salume-emoji-wrap {
  position: relative;
}

/* --- RESPONSIVE --- */
@media (max-width: 900px) {
  .sal-hero-inner { grid-template-columns: 1fr; gap: 32px; }
  .sal-hero-title { font-size: 38px; }
  .sal-hero-stats .stat-block { padding: 12px 14px; min-width: 90px; }
}
@media (max-width: 560px) {
  .sal-hero { padding: 40px 0 36px; }
  .sal-hero-title { font-size: 30px; }
  .sal-hero::after { font-size: 140px; right: 0; }
}