@font-face {
  font-family: 'Archivo';
  src: url('../assets/fonts/archivo-latin-var.woff2') format('woff2');
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../assets/fonts/inter-latin-var.woff2') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

:root {
  
  --ink-900: #050505;   
  --ink-850: #0a0a0b;   
  --ink-800: #101011;   
  --ink-700: #17171a;   
  --ink-600: #202024;   
  --line:    #26262a;   
  --line-strong: #3a3a40;

  
  --amber:      #f7871f;
  --amber-hi:   #ff9e3d;  
  --amber-lo:   #c76507;  
  --amber-06:   rgba(247, 135, 31, 0.06);
  --amber-12:   rgba(247, 135, 31, 0.12);
  --amber-24:   rgba(247, 135, 31, 0.24);
  --amber-40:   rgba(247, 135, 31, 0.40);

  
  --gold:    #e9b872;
  --gold-24: rgba(233, 184, 114, 0.24);

  




  --cream:  #fbefdd;   
  --text:   #e4ded4;   
  --muted:  #9b9488;   
  --faint:  #847d72;   

  
  --font-display: 'Archivo', 'Arial Black', system-ui, sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  
  --fs-eyebrow: 0.6875rem;                          
  --fs-xs:   0.75rem;                               
  --fs-sm:   0.8125rem;                             
  --fs-base: 0.9375rem;                             
  --fs-md:   clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --fs-lg:   clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);
  --fs-xl:   clamp(1.6rem, 1.35rem + 1.2vw, 2.25rem);
  --fs-2xl:  clamp(2.1rem, 1.6rem + 2.4vw, 3.5rem);
  --fs-3xl:  clamp(2.8rem, 1.7rem + 5.2vw, 6rem);
  --fs-hero: clamp(3.2rem, 1.2rem + 9vw, 11rem);

  --lh-tight: 0.92;
  --lh-snug:  1.15;
  --lh-body:  1.62;

  --tr-hero:    -0.045em;   
  --tr-display: -0.02em;
  --tr-eyebrow: 0.28em;     
  --tr-label:   0.14em;

  
  --s-1: 4px;   --s-2: 8px;   --s-3: 12px;  --s-4: 16px;
  --s-5: 24px;  --s-6: 32px;  --s-7: 48px;  --s-8: 64px;
  --s-9: 96px;  --s-10: 128px;

  

















  



  --h-header: 56px;
  








  --h-topbar: 0px;
  --h-filete: 1px;
  --h-total: calc(var(--h-topbar) + var(--h-header) + var(--h-filete));

  --section-y: clamp(72px, 9vw, 160px);
  --gutter:    clamp(20px, 4.5vw, 72px);
  --container: 1440px;
  --container-wide: 1720px;
  --measure:   62ch;

  
  --r-sm: 3px;
  --r-md: 6px;
  --r-lg: 10px;
  --r-pill: 999px;

  
  
  --ease:       cubic-bezier(0.215, 0.610, 0.355, 1.000);  
  --ease-inout: cubic-bezier(0.645, 0.045, 0.355, 1.000);  

  
  --d-micro: 240ms;   
  --d-meso:  600ms;   
  --d-macro: 1100ms;  

  
  --z-base: 1;
  --z-sticky: 50;
  --z-header: 100;
  --z-drawer: 200;
  --z-modal: 300;
  --z-toast: 400;
  --z-boot: 500;

  
  --focus-ring: 0 0 0 2px var(--ink-900), 0 0 0 4px var(--amber);
}















:root {
  


  --wmc-orange:      #F26522;   
  --wmc-orange-deep: #D4541A;   
  --wmc-amber:       #F9A03F;   
  --wmc-ink:         #111111;
  --wmc-ink-soft:    #3A3A3A;
  --wmc-white:       #FFFFFF;
  --wmc-sand:        #F7F5F2;
  --wmc-line:        #E4E1DD;

  



  --wmc-gray:        #6B6B6B;
  --wmc-line-strong: #8C867D;

  








  --background:        var(--ink-900);
  --surface-alt:       var(--ink-850);
  --surface-card:      var(--ink-800);
  --surface-raised:    var(--ink-700);
  --surface-input:     var(--ink-600);

  

  --img-placeholder:   var(--ink-800);

  --foreground:        var(--cream);
  --muted-foreground:  var(--muted);
  --caption-foreground:var(--faint);

  


  --accent-foreground: var(--ink-900);

  




  --on-media:      var(--cream);
  --on-media-soft: var(--muted);
  --on-media-line: var(--line-strong);

  --border:            var(--line);
  --border-strong:     var(--line-strong);

  --primary:           var(--amber);
  --primary-hover:     var(--amber-hi);
  --accent:            var(--amber);
  --ring:              var(--amber);

  



  --fs-48: clamp(2rem,    1.20rem + 3.6vw, 3rem);
  --fs-36: clamp(1.75rem, 1.30rem + 2.0vw, 2.25rem);
  --fs-28: clamp(1.5rem,  1.30rem + 0.9vw, 1.75rem);
  --fs-20: 1.25rem;
  --fs-16: 1rem;
  --fs-14: 0.875rem;

  

  --r-card: 12px;

  
  --rule-accent-w: 64px;
  --rule-accent-h: 2px;

  



  --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 12'%3E%3Cpath d='M1.7 0 0 1.7 4.3 6 0 10.3 1.7 12l6-6z'/%3E%3C/svg%3E");

  --focus-ring-claro: 0 0 0 2px var(--background), 0 0 0 4px var(--ring);
}



@media (max-width: 900px) {
  :root {
    --h-header: 52px;
    --h-topbar: 0px;
  }
}


















@media (min-width: 901px) {
  html.com-avisos { --h-topbar: 38px; }
}



html.sem-avisos { --h-topbar: 0px; }



:root { color-scheme: dark; }














html.tema-claro {
  color-scheme: light;

  
  --ink-900: var(--wmc-white);
  --ink-850: var(--wmc-sand);
  --ink-800: var(--wmc-white);
  --ink-700: var(--wmc-sand);
  --ink-600: var(--wmc-white);
  --line:        var(--wmc-line);
  --line-strong: var(--wmc-line-strong);

  

  --cream: var(--wmc-ink);
  --text:  var(--wmc-ink);
  --muted: var(--wmc-ink-soft);
  --faint: var(--wmc-gray);

  
  --amber:    var(--wmc-orange);
  --amber-hi: var(--wmc-orange-deep);
  --amber-lo: var(--wmc-orange-deep);
  --amber-06: rgba(242, 101, 34, 0.06);
  --amber-12: rgba(242, 101, 34, 0.12);
  --amber-24: rgba(242, 101, 34, 0.24);
  --amber-40: rgba(242, 101, 34, 0.40);

  


  --gold:    var(--wmc-gray);
  --gold-24: var(--wmc-line);

  



  

  --accent-foreground: var(--wmc-ink);

  
  --img-placeholder: var(--wmc-sand);

  

  --on-media:      var(--wmc-white);
  --on-media-soft: rgba(255, 255, 255, 0.82);
  --on-media-line: rgba(255, 255, 255, 0.42);

  

  --ring: var(--wmc-orange-deep);
  --focus-ring: var(--focus-ring-claro);
}