/* Tokens medidos em www2.betocarrero.com.br */
:root {
  --blue-header: #006eb3;
  --blue-conta: #015f96;
  --blue-compre: #002552;
  --blue-navy: #0a2e4a;
  --blue-bar: #0b2c4a;
  --orange-cta: #f4a018;
  --teal-buy: #3cb9a8;
  --teal-buy-hover: #32a696;
  --mint-cart: #88ddc1;
  --step-plus: #2fbf71;
  --text: #1a1a1a;
  --text-muted: #6b7280;
  --white: #ffffff;
  --gray-footer: #f4f4f4;
  --border: #e5e7eb;
  --card-radius: 16px;
  --bar-radius: 22px;
  --input-radius: 8px;
  --shadow-card: 0 4px 16px rgba(11, 44, 74, 0.08);
  --shadow-bar: 0 10px 32px rgba(11, 44, 74, 0.25);
  --header-h-m: 60px;
  --header-h-d: 80px;
  --max: 1180px;
  --font: "Montserrat", "Segoe UI", sans-serif;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: hidden; }
body {
  margin: 0;
  font-family: var(--font);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--text);
  background: var(--white);
  overflow-x: hidden;
}
img, svg { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
ul, ol { margin: 0; padding: 0; list-style: none; }
h1, h2, h3, h4 { margin: 0 0 0.4em; line-height: 1.15; color: var(--text); font-weight: 700; }
p { margin: 0 0 0.85em; }
.container { width: min(100% - 2rem, var(--max)); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
body.nav-open, body.cart-open { overflow: hidden; }