:root{
  --brand:#F4C042; /* amarelo */
  --dark:#2F3640;  /* cinza escuro */
  --accent:#22C55E;/* verde */
  --orange:#F97316;/* laranja */
}

/* Parallax util (papel de parede) */
.parallax-bg{
  position: relative;
  overflow: hidden;
}
.parallax-bg > *{ position: relative; z-index: 1; }
.parallax-bg::before{
  content: "";
  position: absolute; inset: -60px; /* margem para o blur não recortar */
  background-image: var(--wallpaper, url('../img/wallpaper.jpg'));
  background-position: center var(--bg-y, 50%);
  background-repeat: no-repeat;
  background-size: cover;
  transform: translate3d(0, var(--parallax-translate, 0), 0) scale(1.05);
  will-change: transform;
  filter: blur(var(--blur, 5px));
  z-index: 0; pointer-events: none;
}
.parallax-bg::after{
  content: "";
  position: absolute; inset: 0;
  background-image: var(--overlay, linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)));
  z-index: 0; pointer-events: none;
}

.badge-bar{
  display:inline-block; width:56px; height:6px; background:var(--accent); border-radius:999px;
}

.shadow-card{ box-shadow: 0 10px 25px rgba(0,0,0,.08); }

/* Pequenos ajustes de tipografia para lembrar o layout */
h1,h2,h3,.font-display{ font-family: 'Montserrat', ui-sans-serif, system-ui; }

/* Suavizar rolagem */
html{ scroll-behavior:smooth; }

/* Marca: gradientes e chips de ícone */
.brand-gradient{ background-color: var(--brand); }
.icon-chip{ width: 2.75rem; height: 2.75rem; border-radius: 9999px; display: grid; place-items: center; color: var(--dark); background-color: var(--brand); box-shadow: 0 6px 16px rgba(0,0,0,.15); }
.step-badge{ width: 2.5rem; height: 2.5rem; border-radius: 9999px; display: grid; place-items: center; font-weight: 800; color: #1f2937; background: var(--brand); box-shadow: 0 6px 16px rgba(0,0,0,.15); }

/* Botões modernos */
.btn-gradient{ background-color: var(--brand); color: var(--dark) !important; }
.btn-gradient:hover{ background-color: #f7cf62; }
.btn-ghost{ background: rgba(255,255,255,.08); color:#fff; border: 1px solid rgba(255,255,255,.25); }
.btn-ghost:hover{ background: rgba(255,255,255,.18); }