@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap');

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;
}
:root {
  --green:#14532d;
  --green2:#166534;
  --dark:#0f172a;
  --muted:#64748b;
  --bg:#f8fafc;
  --card:#ffffff;
  --line:#e2e8f0;
}

/* Base */
body {
  font-family: Inter, Arial, sans-serif;
  background:#fff;
  color:var(--dark);
}

/* Containers */
.container {
  max-width:1180px;
  margin:0 auto;
  padding:0 22px;
}

/* Botões */
.btn {
  border-radius:10px;
  padding:14px 22px;
  font-weight:800;
  cursor:pointer;
}

.btn-primary {
  background:var(--green2);
  color:#fff;
}

.btn-secondary {
  background:#fff;
  border:1px solid var(--line);
}

/* Cards */
.card {
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:24px;
  box-shadow:0 12px 30px rgba(15,23,42,.06);
}

/* Títulos */
h1, h2, h3 {
  letter-spacing:-0.02em;
}

/* Sections */
.section {
  padding:80px 0;
}
/* =========================
   Braziltrad Modern Header
========================= */

header,
.site-header,
.main-header {
  background: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
  box-shadow: none !important;
}

header a,
.site-header a,
.main-header a {
  color: #14532d !important;
  font-weight: 600 !important;
}

header nav a,
.site-header nav a,
.main-header nav a {
  font-size: 15px !important;
  padding: 8px 6px !important;
}

header nav a:hover,
.site-header nav a:hover,
.main-header nav a:hover {
  color: #166534 !important;
}

.logo,
.brand,
.site-logo {
  color: #14532d !important;
  font-weight: 800 !important;
}
/* =========================
   HERO MODERN (START STYLE)
========================= */

section.bg-slate-900 {
  background: linear-gradient(
    135deg,
    rgba(15,23,42,0.92),
    rgba(20,83,45,0.88)
  ) !important;

  position: relative;
}

/* Título principal */
section.bg-slate-900 h1 {
  font-size: clamp(38px,6vw,64px) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.04em !important;
  font-weight: 700 !important;
}

/* Subtítulo */
section.bg-slate-900 p {
  font-size: 16px !important;
  line-height: 1.6 !important;
}

/* Botões principais */
section.bg-slate-900 a {
  border-radius: 10px !important;
  padding: 12px 20px !important;
  font-weight: 700 !important;
}

/* Botão principal */
section.bg-slate-900 a.bg-emerald-600,
section.bg-slate-900 a.bg-emerald-500 {
  background: #166534 !important;
  color: #fff !important;
}

/* Botões outline */
section.bg-slate-900 a.border {
  border: 1px solid rgba(255,255,255,0.4) !important;
}

/* Espaçamento geral */
section.bg-slate-900 .max-w-6xl {
  max-width: 1100px !important;
}
/* =========================
   HERO ALIGNMENT FIX
========================= */

section.bg-slate-900 .max-w-6xl {
  max-width: 1000px !important;
  margin: 0 auto !important;
  text-align: left !important;
}

/* centralizar melhor o bloco */
section.bg-slate-900 .px-6 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* reduzir largura do texto */
section.bg-slate-900 p {
  max-width: 700px !important;
}

/* botões mais organizados */
section.bg-slate-900 .space-y-5 {
  margin-top: 30px !important;
}

/* grid dos botões */
section.bg-slate-900 .grid {
  gap: 14px !important;
}

/* botões mais modernos */
section.bg-slate-900 a {
  border-radius: 12px !important;
  padding: 14px 18px !important;
}
/* =========================
   MODERN CARDS
========================= */

.rounded-2xl,
.rounded-xl {
  border-radius: 18px !important;
}

.shadow-sm {
  box-shadow: 0 12px 30px rgba(15,23,42,.06) !important;
}

.bg-white.border,
.bg-slate-50.border,
.bg-slate-800\/60,
.bg-slate-800\/40 {
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 12px 30px rgba(15,23,42,.06) !important;
}

.bg-white.border,
.bg-slate-50.border {
  background: #ffffff !important;
}

section.bg-slate-50 {
  background: #f8fafc !important;
}

section.bg-white {
  background: #ffffff !important;
}
/* =========================
   PREMIUM CARDS (FINAL)
========================= */

/* estrutura base */
.rounded-2xl,
.rounded-xl {
  border-radius: 20px !important;
  transition: all 0.2s ease !important;
}

/* visual */
.border {
  border: 1px solid #e2e8f0 !important;
}

/* sombra moderna */
.shadow-sm {
  box-shadow: 0 10px 25px rgba(15,23,42,0.05) !important;
}

/* hover elegante */
.rounded-2xl:hover,
.rounded-xl:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(15,23,42,0.08);
}

/* fundos */
.bg-white {
  background: #ffffff !important;
}

.bg-slate-50 {
  background: #f8fafc !important;
}

/* espaçamento interno */
.p-6 {
  padding: 28px !important;
}

.p-7,
.p-8 {
  padding: 30px !important;
}

/* títulos dentro dos cards */
.rounded-2xl h3,
.rounded-xl h3 {
  font-size: 18px !important;
  font-weight: 700 !important;
  margin-bottom: 10px;
}

/* texto */
.rounded-2xl p,
.rounded-xl p {
  color: #64748b !important;
  line-height: 1.6 !important;
}
/* =========================
   UNIFIED BUTTON SYSTEM
========================= */

/* base */
a,
button,
.btn {
  border-radius: 12px !important;
  padding: 12px 22px !important;
  font-weight: 700 !important;
  transition: all 0.2s ease !important;
}

/* PRIMARY */
.bg-emerald-600,
.bg-emerald-500 {
  background: #166534 !important;
  color: #fff !important;
  border: 1px solid #166534 !important;
}

.bg-emerald-600:hover,
.bg-emerald-500:hover {
  background: #14532d !important;
}

/* OUTLINE */
.border {
  border: 1px solid #cbd5e1 !important;
}

.border:hover {
  background: #f8fafc !important;
}

/* SECONDARY DARK */
.bg-slate-900 {
  background: #0f172a !important;
  color: #fff !important;
}

.bg-slate-900:hover {
  background: #020617 !important;
}

/* LIGHT BUTTON */
.bg-white {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
}

.bg-white:hover {
  background: #f8fafc !important;
}