:root{
  --primary:#2563eb;
  --primaryHover:#1d4ed8;
  --whatsapp:#25D366;
  --whatsappHover:#1ebe57;
  --bg:#e5e7eb;
  --card:#ffffff;
  --text:#111827;
  --muted:#6b7280;
}

body{ background: var(--bg); color: var(--text); }

.btn-primary{ background: var(--primary); color:#fff; }
.btn-primary:hover{ background: var(--primaryHover); }

.btn-whatsapp{ background: var(--whatsapp); color:#fff; }
.btn-whatsapp:hover{ background: var(--whatsappHover); }

.badge{ background: rgba(255,255,255,.22); backdrop-filter: blur(8px); }

/* === Anti-pulo (layout stable) === */

/* Reserva espaço do header/logo para não recalcular */
#hdrLogo {
  width: 40px;
  height: 40px;
  display: block;
}

/* Reserva espaço do slider antes das imagens carregarem */
.bt-media {
  aspect-ratio: 16 / 9;      /* você pode trocar para 4/3 se preferir */
  width: 100%;
  overflow: hidden;
  border-radius: 16px;
  background: rgba(0,0,0,0.04);
}

/* Imagem dentro do box com aspect-ratio fixo */
.bt-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Evita “pulo” por fonte/render */
body {
  text-rendering: geometricPrecision;
}

/* Evita jump por barra do navegador (mobile) */
html, body {
  height: 100%;
}