/* ============================================
   Reskin global — sobrescreve as variáveis que
   cada página já usa (--primary, --secondary,
   --accent, --dark, --light) para o tema claro
   editorial. Carregado depois do <style> de cada
   página, então vence a cascata sem precisar
   reescrever cada arquivo.
   ============================================ */
:root{
  --primary:#1c4d53;   /* era azul marinho escuro */
  --secondary:#2a6f77; /* era azul elétrico */
  --accent:#a9762f;    /* era laranja "promoção" */
  --dark:#152238;      /* tom de tinta, usado no footer */
  --light:#faf9f6;     /* era branco puro — agora papel claro */
  --success:#3f7d5c;
  --gray:#5c6470;
}

@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,600;8..60,700&family=Inter:wght@400;500;600;700&display=swap');

* { font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
h1, h2, h3 { font-family: 'Source Serif 4', Georgia, serif; letter-spacing: -0.01em; }

body { background-color: var(--light); }

/* Cartões e seções ganham bordas discretas em vez de sombras pesadas */
.form-card, .curso-card, .planilha-card, .strategy-card, .path-card,
.pilar-card, .team-card, .categoria-card, .benefit-card, .device-card,
.testimonial-card, .step-card, .par-card, .estrategia-card, .modelo-card,
.guide-card {
  border: 1px solid rgba(21,34,56,0.08);
  box-shadow: 0 2px 10px rgba(21,34,56,0.04) !important;
}

/* Botões: menos "caixa de bônus", mais editorial */
.btn, .cta-button, .download-link, .register-button {
  border-radius: 10px !important;
  box-shadow: none !important;
  transition: transform var(--motion-normal, 250ms) var(--ease-standard, ease), opacity var(--motion-normal, 250ms) ease;
}
.btn:hover, .cta-button:hover { transform: translateY(-2px); }

/* Cabeçalho com leve "vidro" ao rolar (item 6 do sistema de motion) */
header { transition: background-color var(--motion-normal,250ms) var(--ease-standard,ease), transform var(--motion-normal,250ms) ease, box-shadow var(--motion-normal,250ms) ease; }
header.is-scrolled { box-shadow: 0 6px 20px rgba(21,34,56,0.12); }
header.is-hidden { transform: translateY(-100%); }

/* Barra de progresso e botão voltar ao topo, injetados via JS (sem editar cada página) */
.site-progress-bar{
  position:fixed; top:0; left:0; height:3px; width:100%;
  background:var(--secondary); transform:scaleX(0); transform-origin:left;
  z-index:2000; pointer-events:none;
}
.site-back-to-top{
  position:fixed; right:20px; bottom:20px; width:44px; height:44px;
  border-radius:50%; border:none; background:var(--dark); color:#fff;
  font-size:18px; cursor:pointer; opacity:0; visibility:hidden;
  transition:opacity var(--motion-normal,250ms) ease, transform var(--motion-normal,250ms) ease;
  z-index:1999;
}
.site-back-to-top.is-visible{ opacity:1; visibility:visible; }
.site-back-to-top:hover{ transform:translateY(-3px); }

@media (prefers-reduced-motion: reduce){
  header, .btn, .cta-button, .site-back-to-top { transition:none !important; }
}