:root {

  --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; 
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  
  /*--bg-page: #f8fafc;*/
  --bg-page: #EEF2F5;
  --bg-surface: #ffffff;
  --bg-muted: #f1f5f9;
  
  /* Cabeçalho e Rodapé */
  --bg-header-main: #17202e;
  --bg-nav: #111827;
  --bg-footer: #111827;
  --border-header: rgba(255, 255, 255, 0.08);
  
  --text-main: #334155;
  --text-muted: #64748b;
  --text-light: #94a3b8;
  --text-heading: #0f172a;
  
  /* Laranja Marcante (Títulos, Botões, Destaques) */
  --orange-primary: #ea580c;
  --orange-vibrant: #ff6a00;
  --orange-hover: #c2410c;
  --orange-subtle: rgba(234, 88, 12, 0.08);
  --orange-border: rgba(234, 88, 12, 0.25);
  --orange-gradient: linear-gradient(135deg, #ff6a00 0%, #ea580c 100%);
  --orange-gradient-hover: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);
  
  /* Sombras Cinza Claras Discretas para Delimitar os Blocos (Substituindo Bordas Grossas) */
  --shadow-discreet: 0 4px 20px -2px rgba(15, 23, 42, 0.05), 0 0 0 1px rgba(226, 232, 240, 0.85);
  --shadow-discreet-hover: 0 12px 28px -4px rgba(15, 23, 42, 0.09), 0 0 0 1px rgba(203, 213, 225, 0.95);
  --shadow-orange-glow: 0 6px 20px 0 rgba(234, 88, 12, 0.35);
  
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 22px;
  
  /*--container-max: 1240px; */
  
  --container-max: 1240px;
   

}

/* Reset & Box Sizing */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}




html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: var(--font-sans);
  background-color: var(--bg-page);
  color: var(--text-main);
  line-height: 1.6;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
}

a {
  color: var(--orange-primary);
  text-decoration: none;
  transition: all 0.2s ease;
}

a:hover {
  color: var(--orange-hover);
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

.container {
  max-width: var(--container-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}



.btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
font-size: 0.875rem;
font-weight: 800;
padding: 0.65rem 1.35rem;
border-radius: 0.375rem;
border: 1px solid transparent;
cursor: pointer;
transition: all 0.15s ease;
white-space: nowrap;
text-align: center;
}




.btn-orange {
background-color: #CF5408;
color: #fff;
border-color: #e2e8f0;
}

.btn-orange:hover {
background-color: #c2410c;
transform: translateY(-1px);
}