:root {
  /* Cores */
  --nm-color-off-white: #F0F0E8;
  --nm-color-deep-blue: #062143;
  --nm-color-blue: #39BAE5;
  --nm-color-white: #FFFFFF;
  --nm-color-chumbo: #505050;
  --nm-color-text-muted: #686868;
  --nm-color-text-on-dark: #A4B0CD;
  --nm-color-text-on-dark-subtle: #9DA4B5;
  --nm-color-border: #CACACA;
  --nm-color-aviso-bg: #1D2537;
  --nm-color-footer-bg: #0A152E;
  --nm-color-placeholder: #D9D9D9;    /* Fundo dos blocos "Placeholder" do Figma (ex.: Video 16:9 Placeholder) */
  /* Ângulo/paradas exatos do node "Base Investir" no Figma: brilho azul claro
     concentrado no canto superior direito, resto em Deep Blue. */
  --nm-gradient-primary: linear-gradient(222.87deg, var(--nm-color-blue) 5.44%, var(--nm-color-deep-blue) 78.03%);
  /* Node "Base Investir" dentro de "Banner Principal" (Desk / Quem Somos, node
     7449:2230) — MESMAS cores/paradas do --nm-gradient-primary, mas com ângulo
     próprio (227.15deg em vez de 222.87deg). Não reutilize o gradiente da Home
     aqui: cada elemento do Figma tem seu ângulo exato, mesmo quando parecido. */
  --nm-gradient-banner-interna: linear-gradient(227.15deg, var(--nm-color-blue) 5.44%, var(--nm-color-deep-blue) 78.03%);
  /* Mesmo node "Banner Principal", mas no frame Mobo/Quem Somos (7449:2359) —
     mesmas cores/paradas, ângulo próprio de novo (259.25deg). */
  --nm-gradient-banner-interna-mobile: linear-gradient(259.25deg, var(--nm-color-blue) 5.44%, var(--nm-color-deep-blue) 78.03%);
  /* Card Colaborador (variante "Light Blue", node 7416:7607) — fundo do card. */
  --nm-gradient-card-light: linear-gradient(180deg, #DFF3FA 51.815%, rgba(223, 243, 250, 0.08) 100%);
  /* Card Colaborador — fundo atrás da foto (mesmo padrão de ângulo próprio por elemento). */
  --nm-gradient-card-foto: linear-gradient(245.21deg, var(--nm-color-blue) 5.4359%, var(--nm-color-deep-blue) 78.026%);
  /* "Base Prêmios" (seção Awards, node 7449:2111 desktop / 7449:2245 mobile) —
     mesmas cores/paradas, ângulo próprio de novo (desktop 230.7deg / mobile 253.98deg). */
  --nm-gradient-awards: linear-gradient(230.7deg, var(--nm-color-blue) 5.4359%, var(--nm-color-deep-blue) 78.026%);
  --nm-gradient-awards-mobile: linear-gradient(253.98deg, var(--nm-color-blue) 0.26%, var(--nm-color-deep-blue) 70.64%);

  /* Tipografia */
  --nm-font-family: 'Albert Sans', sans-serif;
  --nm-font-weight-extralight: 200;
  --nm-font-weight-light: 300;
  --nm-font-weight-regular: 400;
  --nm-font-weight-medium: 500;
  --nm-font-weight-semibold: 600;
  --nm-font-weight-bold: 700;

  --nm-font-size-sm: 14px;
  --nm-font-size-base: 16px;
  --nm-font-size-md: 20px;
  --nm-font-size-lg: 24px;
  --nm-font-size-xl: 28px;
  --nm-font-size-2xl: 32px;
  --nm-font-size-3xl: 40px;
  --nm-font-size-4xl: 48px;
  --nm-font-size-5xl: 64px;
  --nm-font-size-6xl: 88px;

  --nm-line-height-sm: 16px;
  --nm-line-height-base: 24px;
  --nm-line-height-md: 28px;
  --nm-line-height-lg: 32px;
  --nm-line-height-xl: 36px;
  --nm-line-height-2xl: 40px;
  --nm-line-height-3xl: 48px;
  /* 5xl/6xl (números grandes de "Big Numbers"): line-height igual ao font-size
     no Figma (bem apertado, sem respiro extra entre linhas). */
  --nm-line-height-5xl: 64px;
  --nm-line-height-6xl: 88px;

  /* Espaçamentos (grid de 8px) */
  --nm-space-1: 4px;
  --nm-space-2: 8px;
  --nm-space-3: 12px;
  --nm-space-4: 16px;
  --nm-space-5: 24px;
  --nm-space-6: 32px;
  --nm-space-7: 40px;
  --nm-space-8: 48px;
  --nm-space-9: 96px;

  /* Raios */
  --nm-radius-sm: 8px;
  --nm-radius-md: 16px;
  --nm-radius-pill: 100px;
}

/* O tema não tem um reset global de box-sizing: border-box (o `* {}` em
   css.css só zera outline). Sem isso, width declarado nos componentes vira
   apenas o content-box, e padding/borda somam por fora, estourando larguras
   calculadas para bater com o Figma (ex: 4 cards de 270px cabendo em 1170px).
   Escopado só a classes .nm-* para não alterar o box model do resto do tema. */
[class*="nm-"],
[class*="nm-"]::before,
[class*="nm-"]::after {
  box-sizing: border-box;
}

/* Utilitário: esconde visualmente mantendo acessível a leitores de tela */
.nm-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}