/* ===== HEADER ===== */


/* ===== BOTÕES (sistema unificado) ===== */
.btn{
  --btn-bg:var(--primary);
  --btn-color:#fff;
  --btn-border:transparent;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:12px 18px;
  border-radius:var(--radius-md);
  background:var(--btn-bg);
  color:var(--btn-color);
  border:1.5px solid var(--btn-border);
  font-family:inherit;
  font-size:14px;
  font-weight:700;
  letter-spacing:.01em;
  cursor:pointer;
  text-decoration:none;
  white-space:nowrap;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
  box-shadow:var(--shadow-sm);
}
.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.btn:active{transform:translateY(0) scale(.98);box-shadow:var(--shadow-sm)}
.btn:focus-visible{outline:3px solid rgba(232,169,60,.45);outline-offset:2px}
.btn .ic{display:inline-flex;width:16px;height:16px;flex-shrink:0;transition:transform .2s ease}
.btn:hover .ic.arrow{transform:translateX(3px)}

.btn-primary{--btn-bg:var(--primary);--btn-color:#fff}
.btn-primary:hover{--btn-bg:var(--primary-700)}

.btn-accent{
  --btn-bg:var(--accent);
  --btn-color:#1A2332;
  box-shadow:0 4px 14px rgba(232,169,60,.35);
}
.btn-accent:hover{--btn-bg:var(--accent-700);--btn-color:#fff}

.btn-success{--btn-bg:var(--success);--btn-color:#fff}
.btn-danger{--btn-bg:var(--danger);--btn-color:#fff}
.btn-secondary{
  --btn-bg:var(--surface);
  --btn-color:var(--primary);
  --btn-border:var(--border-strong);
}
.btn-secondary:hover{--btn-bg:var(--primary-100);--btn-border:var(--primary)}

.btn-ghost{
  --btn-bg:transparent;
  --btn-color:var(--primary);
  --btn-border:transparent;
  box-shadow:none;
}
.btn-ghost:hover{--btn-bg:var(--primary-100);box-shadow:none}

.btn-sm{padding:8px 12px;font-size:13px}
.btn-lg{padding:14px 22px;font-size:15px}

/* Pulse no CTA principal */
.btn-pulse{position:relative}
.btn-pulse::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:0 0 0 0 rgba(232,169,60,.55);
  animation:pulse 2.2s ease-out infinite;
  pointer-events:none;
}
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(232,169,60,.55)}
  70%{box-shadow:0 0 0 12px rgba(232,169,60,0)}
  100%{box-shadow:0 0 0 0 rgba(232,169,60,0)}
}