/* Tipografia base segura (o Tailwind já define sans; aqui só garantimos) */
html, body {
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial,
               "Helvetica Neue", "Noto Sans", "Liberation Sans", sans-serif;
  color: #0f172a; /* slate-900 suave */
}


/* =========================
   HERO: logo central + responsivo
   ========================= */
.home-hero {
   /* mantém o logo como fundo */
  background: url("/img/logo.png") no-repeat center top;

  /* faz a imagem caber inteira no bloco, sem cortar */
  background-size: contain;

  /* garante altura suficiente em todas as telas */
  min-height: clamp(320px, 62vh, 760px);

  /* respiro acima/abaixo do fundo (opcional) */
  padding-top: clamp(16px, 4vh, 48px);
  padding-bottom: clamp(40px, 8vh, 120px);

}

/* Tagline grande e fluída */
.home-tagline {
  text-align: center;
  font-weight: 800;
  letter-spacing: .01em;
  font-size: clamp(28px, 6vw, 64px);
  line-height: 1.1;
  color: #0f172a; /* slate-900 */
  margin: 0;     /* reset */
}

/* Ajustes finos em telas pequenas */
@media (max-width: 640px) {
  .home-hero {
  background-position: center 30%;
  padding-bottom: clamp(48px, 12vh, 120px);
  }
}

/* Navbar: só um hoverzinho agradável */
nav a { transition: color .15s ease; }
nav a:hover { color: #111827; } /* gray-900 */


/* ===== Navbar patches ===== */
.nav-link{
  display:inline-block; padding:10px 12px; border-radius:12px;
  color:#0f172a; text-decoration:none;
}
.nav-link:hover{ background:#f3f4f6; }
.mobile-link{
  display:block; padding:14px 12px; border-radius:12px;
  color:#0f172a; text-decoration:none; font-weight:600;
}
.mobile-link:hover{ background:#f3f4f6; }
/* Evita o conteúdo "subir" por baixo da navbar sticky */
main, .page { scroll-margin-top: 72px; }

/* ===== Navbar patches para mobile-friendly ===== */
.nav-link{
  display:inline-block; padding:12px 14px; /* alvo de toque 44px+ */
  border-radius:12px; color:#0f172a; text-decoration:none;
}
.nav-link:hover{ background:#f3f4f6; }

/* menu horizontal rolável no mobile sem mostrar a barra */
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
.no-scrollbar::-webkit-scrollbar { display: none; }

/* Conteúdo não “bate” na barra sticky ao ancorar/rolar */
main, .page { scroll-margin-top: 76px; }