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

:root {
  --hero-grad: radial-gradient(120% 90% at 85% 40%, color-mix(in srgb, var(--accent) 20%, var(--bg)) 0%, color-mix(in srgb, var(--accent) 5%, var(--bg)) 55%, var(--bg) 100%);
  --media-grad: radial-gradient(60% 60% at 50% 55%, color-mix(in srgb, var(--accent) 16%, var(--surface)) 0%, var(--surface) 62%, var(--bg) 100%);
  --trade-grad: radial-gradient(90% 120% at 0% 0%, color-mix(in srgb, var(--accent) 13%, var(--bg)) 0%, var(--bg) 60%);
  --place-grad: radial-gradient(80% 80% at 50% 45%, color-mix(in srgb, var(--accent) 18%, var(--bg)) 0%, var(--bg) 70%);
  --diff-bg: var(--surface-2);
  --accent-rgb: 255, 194, 14;
  --on-accent: #0B0B0C;
  --bg: #0A0A0A;
  --bg-deep: #050505;
  --surface: #151515;
  --surface-2: #101010;
  --surface-3: #1B1B1B;
  --field: #0D0D0D;
  --accent: #FFC20E;
  --accent-hi: #FFD54A;
  --accent-soft: #FFD54A;
  --text: #FAFAFA;
  --soft: #CFCFCF;
  --muted: #ABABAB;
  --muted-2: #939393;
  --nav: #D9D9D9;
  --font-body: Montserrat, system-ui, sans-serif;
  --display-weight: 900;
  --display-tracking: -.025em;
  --display-case: uppercase;
  --brand-h: 36px;
  --r-btn: 10px;
}
.badge { background: #E10600; border-color: #E10600; color: #fff; }
.price strong { color: var(--accent); font-size: 19px; }
.hero__title { font-size: clamp(32px, 8.6vw, 56px); }