/* Tema de iPlanet Indaiatuba. Gerado por build.mjs a partir de negocio.mjs: edite lá. */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url('../assets/fonts/inter-tight-latin.woff2') format('woff2');
}

:root {
  --bg: #F2F2F2;
  --bg-deep: #E9E9E9;
  --surface: #FFFFFF;
  --surface-2: #FAFAF8;
  --surface-3: #FFFFFF;
  --field: #FFFFFF;
  --fg-rgb: 0, 0, 0;
  --text: #0A0A0A;
  --text-hi: #000000;
  --soft: #333333;
  --muted: #575757;
  --muted-2: #6B6B6B;
  --nav: #2A2A2A;
  --header-bg: rgba(255, 255, 255, .88);
  --menu-bg: rgba(255, 255, 255, .97);
  --glass: rgba(255, 255, 255, .82);
  --badge-bg: rgba(255, 255, 255, .92);
  --shadow: rgba(0, 0, 0, .22);
  --hero-grad: radial-gradient(120% 90% at 85% 40%, color-mix(in srgb, var(--accent) 16%, #fff) 0%, #fff 58%, var(--bg) 100%);
  --media-grad: radial-gradient(60% 60% at 50% 55%, #fff 0%, color-mix(in srgb, var(--accent) 7%, #F1F0EC) 100%);
  --trade-grad: radial-gradient(90% 120% at 0% 0%, color-mix(in srgb, var(--accent) 12%, #fff) 0%, #fff 62%);
  --place-grad: radial-gradient(80% 80% at 50% 45%, color-mix(in srgb, var(--accent) 14%, #fff) 0%, #fff 72%);
  --diff-bg: #FFFFFF;
  --accent-rgb: 224, 16, 46;
  --on-accent: #FFFFFF;
  --accent: #E0102E;
  --accent-hi: #F0263F;
  --accent-ink: #C80D27;
  --accent-soft: #C80D27;
  --font-body: 'Inter Tight', system-ui, sans-serif;
  --display-weight: 800;
  --display-tracking: -.045em;
  --brand-h: 24px;
  --r-btn: 12px;
}
.hero__title .accent, .h2 .accent { color: var(--accent); }
.diff { background: #0A0A0A; border-color: #0A0A0A; }
.diff .h2, .diff .lead { color: #F5F5F5; }
.diff .eyebrow, .diff__word { color: #FF4D63; }
.diff .btn--light { background: #fff; color: #0A0A0A; }
.topbar { background: #0A0A0A; color: #fff; }