/*
Theme Name: SmartCompany (Divi Child)
Theme URI: https://smartcompany.com.br/
Description: Tema filho do Divi com o sistema visual global da SmartCompany (base do redesign inspirado no site React). Elementos estruturais e tokens de design ficam aqui, protegidos das edições do cliente no Divi.
Author: SmartCompany
Template: Divi
Version: 1.0.0
*/

/* =========================================================
   1. TOKENS DE DESIGN  (extraídos do site React)
   ========================================================= */
:root {
  /* Marca */
  --sc-gold:        #dfb758;
  --sc-gold-soft:   #e7c976;
  --sc-gold-deep:   #c69a3e;

  /* Navy / fundos escuros */
  --sc-navy-900:    #050b14;
  --sc-navy-800:    #070f1e;
  --sc-navy-700:    #0b1528;
  --sc-navy-600:    #091120;
  --sc-navy-500:    #0f2a4a;

  /* Secundária: esmeralda / teal */
  --sc-emerald:     #059669;
  --sc-emerald-2:   #10b981;
  --sc-teal:        #0d9488;

  /* Apoio */
  --sc-whatsapp:    #25d366;
  --sc-white:       #ffffff;
  --sc-muted:       #9ca3af;
  --sc-ink:         #0b1528;   /* texto sobre fundo claro */
  --sc-line:        #e5e7eb;

  /* Tipografia */
  --sc-font-head:   'Outfit', system-ui, sans-serif;
  --sc-font-body:   'Inter', system-ui, sans-serif;

  /* Estrutura */
  --sc-radius:      14px;
  --sc-radius-lg:   22px;
  --sc-container:   1180px;
  --sc-shadow:      0 10px 15px -3px rgba(0,0,0,.10), 0 4px 6px -4px rgba(0,0,0,.10);
  --sc-shadow-gold: 0 12px 30px -8px rgba(223,183,88,.35);
}

/* =========================================================
   2. TIPOGRAFIA GLOBAL
   ========================================================= */
body,
body p,
.et_pb_text,
#main-content {
  font-family: var(--sc-font-body);
  color: var(--sc-ink);
  -webkit-font-smoothing: antialiased;
  letter-spacing: .1px;
}

h1, h2, h3, h4, h5, h6,
.et_pb_module h1, .et_pb_module h2, .et_pb_module h3,
.et_pb_module h4, .et_pb_module h5, .et_pb_module h6 {
  font-family: var(--sc-font-head);
  font-weight: 700;
  letter-spacing: -.4px;
  line-height: 1.15;
  color: var(--sc-navy-800);
}

/* menos "grito": normaliza CAPS agressivo do site atual */
h1, h2, h3 { text-transform: none; }

/* =========================================================
   3. CONTAINER / RESPIRO
   ========================================================= */
.et_pb_row { max-width: var(--sc-container); }
.et_pb_section { padding-top: 84px; padding-bottom: 84px; }
@media (max-width: 767px) {
  .et_pb_section { padding-top: 52px; padding-bottom: 52px; }
}

/* =========================================================
   4. BOTÕES  (CTA premium do React)
   ========================================================= */
.et_pb_button,
a.et_pb_button,
.sc-btn {
  font-family: var(--sc-font-head);
  font-weight: 600;
  border-radius: 999px;
  padding: 14px 30px !important;
  border: 0 !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
  letter-spacing: .2px;
}
.et_pb_button:after { display: none !important; }

/* Primário: dourado */
.et_pb_button,
a.et_pb_button,
.sc-btn--primary {
  background: linear-gradient(135deg, var(--sc-gold-soft), var(--sc-gold-deep)) !important;
  color: var(--sc-navy-900) !important;
  box-shadow: var(--sc-shadow-gold);
}
.et_pb_button:hover,
.sc-btn--primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 34px -8px rgba(223,183,88,.5) !important;
}

/* Secundário: contorno claro sobre navy */
.sc-btn--ghost {
  background: transparent !important;
  color: var(--sc-white) !important;
  border: 1.5px solid rgba(255,255,255,.5) !important;
  box-shadow: none;
}
.sc-btn--ghost:hover { border-color: var(--sc-gold) !important; color: var(--sc-gold) !important; }

/* WhatsApp */
.sc-btn--whatsapp {
  background: var(--sc-whatsapp) !important;
  color: #062b16 !important;
}

/* =========================================================
   5. SEÇÕES ESCURAS / CARTÕES / LINKS
   ========================================================= */
.sc-dark, .et_pb_section.sc-dark {
  background: radial-gradient(1200px 500px at 50% -10%, var(--sc-navy-500), var(--sc-navy-800) 60%) , var(--sc-navy-800);
  color: var(--sc-white);
}
.sc-dark h1, .sc-dark h2, .sc-dark h3, .sc-dark h4 { color: var(--sc-white); }
.sc-dark p { color: rgba(255,255,255,.78); }

.sc-card, .et_pb_blurb.sc-card {
  background: var(--sc-white);
  border: 1px solid var(--sc-line);
  border-radius: var(--sc-radius-lg);
  box-shadow: var(--sc-shadow);
  padding: 28px;
  transition: transform .2s ease, box-shadow .2s ease;
}
.sc-card:hover { transform: translateY(-4px); box-shadow: 0 20px 40px -12px rgba(11,21,40,.18); }

a { color: var(--sc-emerald); }
a:hover { color: var(--sc-teal); }

/* destaque dourado reutilizável */
.sc-accent { color: var(--sc-gold); }