/* Advanqer — base do sistema
   gerado de dna.tokens.json · não editar à mão: a próxima geração sobrescreve */

@layer kng-base, kng-componente, kng-projeto;

@font-face{font-family:"barlow";src:url("/marca/fontes/Barlow-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"barlow";src:url("/marca/fontes/Barlow-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"barlow";src:url("/marca/fontes/Barlow-SemiBold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"barlow";src:url("/marca/fontes/Barlow-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}

@layer kng-base {
:root{
  --fundo-base:#F3F3F1;
  --fundo-superficie:#FFFFFF;
  --fundo-inverso:#333333;
  --fundo-inverso-superficie:#3F3F3F;
  --texto-forte:#151515;
  --texto-medio:#5A5A5A;
  --texto-sutil:#646464;
  --texto-sobre-inverso:#FFFFFF;
  --acento:#EFE84F;
  --acento-sobre-claro:#F5B301;
  --borda:#E2E2DE;
  --apoio-acento-frio:#FAFF36;
  --apoio-acento-quente:#F5B301;
  --apoio-acento-calor:#F1D838;
  --estado-positivo:#45CE45;
  --estado-atencao:#E8A33D;
  --estado-perigo:#D6453C;
  --esp-xs:8px;
  --esp-sm:16px;
  --esp-md:24px;
  --esp-lg:40px;
  --esp-xl:64px;
  --esp-xxl:96px;
  --raio-nenhum:0px;
  --raio-campo:6px;
  --raio-card:14px;
  --raio-pill:999px;
  --sombra-elevada:0 18px 40px -18px rgba(0,0,0,.7);
  --bp-sm:640px;
  --bp-md:768px;
  --bp-lg:1024px;
  --bp-xl:1280px;
  --texto-display-xxl:clamp(72.50px, 50.75px + 6.0417vw, 116px);
  --texto-display-xl:clamp(36.25px, 25.38px + 3.0208vw, 58px);
  --texto-display-m:clamp(21.25px, 14.88px + 1.7708vw, 34px);
  --texto-heading-m:clamp(16.00px, 13.50px + 0.6944vw, 21px);
  --texto-numero:clamp(28.75px, 20.13px + 2.3958vw, 46px);
  --texto-body-m:clamp(16.00px, 15.50px + 0.1389vw, 17px);
  --texto-label:clamp(11.00px, 10.50px + 0.1389vw, 12px);
  --curva-entrada:cubic-bezier(.16,1,.3,1);
  --curva-saida:cubic-bezier(.4,0,1,1);
  --curva-enfase:cubic-bezier(.34,1.4,.64,1);
  --tempo-micro:120ms;
  --tempo-curta:220ms;
  --tempo-media:360ms;
  --tempo-longa:620ms;
  --larg-leitura:520px;
  --larg-conteudo:1180px;
  --larg-largo:1440px;
  --camada-base:0;
  --camada-elevado:10;
  --camada-grudado:50;
  --camada-cabecalho:100;
  --camada-gaveta:200;
  --camada-modal:300;
  --camada-aviso:400;
  --alvo-toque:44px;
  --sobre-brilho:1.06;
  --sobre-elevacao:var(--sombra-elevada);
  --ativo-escala:0.97;
  --ativo-duracao:var(--tempo-micro);
  --foco-contorno:2px;
  --foco-afastamento:2px;
  --foco-cor:var(--acento);
  --desligado-opacidade:0.42;
  --erro-cor:var(--estado-perigo);
  --grid:12;
  --margem:clamp(20px, 5vw, 72px);
}

.display-xxl{font-family:"barlow", "Helvetica Neue", "Arial", system-ui, sans-serif;font-weight:700;font-size:var(--texto-display-xxl);line-height:0.92;letter-spacing:-0.04em}
.display-xl{font-family:"barlow", "Helvetica Neue", "Arial", system-ui, sans-serif;font-weight:700;font-size:var(--texto-display-xl);line-height:1.02;letter-spacing:-0.02em}
.display-m{font-family:"barlow", "Helvetica Neue", "Arial", system-ui, sans-serif;font-weight:700;font-size:var(--texto-display-m);line-height:1.1;letter-spacing:-0.01em}
.heading-m{font-family:"barlow", "Helvetica Neue", "Arial", system-ui, sans-serif;font-weight:600;font-size:var(--texto-heading-m);line-height:1.3}
.numero{font-family:"barlow", "Helvetica Neue", "Arial", system-ui, sans-serif;font-weight:700;font-size:var(--texto-numero);line-height:1;letter-spacing:-0.02em}
.body-m{font-family:"barlow", "Helvetica Neue", "Arial", system-ui, sans-serif;font-weight:400;font-size:var(--texto-body-m);line-height:1.6}
.label{font-family:"barlow", "Helvetica Neue", "Arial", system-ui, sans-serif;font-weight:600;font-size:var(--texto-label);line-height:1.2;letter-spacing:0.1em;text-transform:uppercase}

*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--fundo-base);color:var(--texto-forte);font-family:"barlow", "Helvetica Neue", "Arial", system-ui, sans-serif;-webkit-font-smoothing:antialiased}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:var(--foco-contorno) solid var(--foco-cor);outline-offset:var(--foco-afastamento)}
:where(a,button,[role="button"],input[type="checkbox"],input[type="radio"],summary){min-block-size:var(--alvo-toque)}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
}
}