:root {
  --bg: #fbfaf7; --surface: #f2efe8; --text: #1a1a1a; --muted: #55524b; --border: #ded9cd;
  --accent: #b23b0b; --on-accent: #ffffff; --focus: #b23b0b;
  --nav-bg: rgba(251,250,247,0.82); --menu-bg: rgba(251,250,247,0.97);
}
.alert { background: var(--text); color: var(--bg); border-radius: var(--r-2xl); padding: var(--s-300); display: grid; gap: var(--s-100); }
.alert ol { display: grid; gap: var(--s-75); list-style: decimal; padding-left: var(--s-300); }
.zone { display: flex; flex-wrap: wrap; gap: var(--s-75); }
.zone li { padding: var(--s-50) var(--s-100); border: 1px solid var(--border); border-radius: var(--r-full); background: var(--surface); }
.cta-final { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-3xl); padding: var(--s-400); display: grid; gap: var(--s-200); justify-items: start; }
@media (min-width: 768px) { .cta-final { padding: var(--s-600); } }