/* SipCode — Base (reset, tipografia, layout base, botões) */
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:var(--font-body);
  background:var(--bg);
  color:var(--text);
  line-height:1.6;
  transition:background .3s ease, color .3s ease;
  overflow-x:hidden;
}
h1,h2,h3,.font-head{ font-family:var(--font-head); font-weight:700; color:var(--text); }
.container{ max-width:var(--container); margin:0 auto; padding:0 32px; }
a{ color:inherit; text-decoration:none; }
img,svg{ display:block; max-width:100%; }
.eyebrow{
  font-family:var(--font-head); font-weight:700; font-size:13px; letter-spacing:1.2px;
  text-transform:uppercase; color:var(--laranja); margin-bottom:14px;
}
section{ padding:96px 0; }
@media (max-width:768px){ section{ padding:56px 0; } .container{ padding:0 20px; } }

/* Botões */
.btn{
  display:inline-flex; align-items:center; gap:8px; font-family:var(--font-head); font-weight:700;
  font-size:15px; padding:14px 28px; border-radius:10px; border:2px solid transparent; cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease; white-space:nowrap;
}
.btn:hover{ transform:translateY(-2px); }
.btn-primary{ background:var(--laranja); color:#fff; box-shadow:0 6px 18px rgba(243,123,40,0.32); }
.btn-primary:hover{ box-shadow:0 10px 24px rgba(243,123,40,0.4); }
.btn-outline{ background:transparent; border-color:var(--border); color:var(--text); }
html[data-theme="light"] .btn-outline:hover{ border-color:var(--accent); color:var(--accent); }
html[data-theme="dark"] .btn-outline:hover{ border-color:var(--accent); color:var(--accent); }
.btn-outline-light{ background:transparent; border-color:rgba(255,255,255,0.4); color:#fff; }
.btn-outline-light:hover{ border-color:#fff; }

/* Título de seção centralizado (reutilizável em qualquer página) */
/* ============================================================
   SEÇÃO GENÉRICA (título centralizado)
   ============================================================ */
.section-head{ text-align:center; max-width:640px; margin:0 auto 56px; }
.section-head h2{ font-size:34px; margin-bottom:12px; }
.section-head p{ color:var(--text-secondary); font-size:16px; }
.bg-alt{ background:var(--bg-alt); }