/* Tema de Mega Outlet Importados - Celulares e Assistência Técnica. Gerado por build.mjs a partir de negocio.mjs: edite lá. */
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url('../assets/fonts/saira-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: 227, 38, 46;
  --on-accent: #FFFFFF;
  --bg: #0B0D10;
  --bg-deep: #06080A;
  --surface: #14171C;
  --surface-2: #101318;
  --surface-3: #1A1E24;
  --field: #0D1013;
  --accent: #E3262E;
  --accent-hi: #F04A50;
  --accent-ink: #FF5C63;
  --accent-soft: #FF9A9E;
  --text: #F4F6F8;
  --soft: #C5CBD3;
  --muted: #A3AAB4;
  --muted-2: #8A929D;
  --nav: #D5DAE0;
  --font-body: Saira, system-ui, sans-serif;
  --display-weight: 800;
  --display-tracking: -.01em;
  --display-case: uppercase;
  --brand-h: 34px;
  --r-btn: 6px;
}
.hero__title { font-size: clamp(36px, 10vw, 66px); line-height: 1; }
.badge { background: var(--accent); border-color: var(--accent); color: #fff; }