/* Tathos — Página Soluções Enterprise
   Corrige o header sticky cobrindo o título das seções ao navegar direto
   para /enterprise/#papercut, #solimar, #barr ou #mackinney. Os valores
   abaixo somam a altura real do .site-header (calculada a partir de
   assets/css/style.css: padding do .header-inner + elemento mais alto da
   linha em cada breakpoint) a uma margem de respiro visual. */
#papercut,
#solimar,
#barr,
#mackinney{
  scroll-margin-top: 88px; /* header mobile ~68px + respiro */
}

@media (min-width: 900px){
  #papercut,
  #solimar,
  #barr,
  #mackinney{
    scroll-margin-top: 112px; /* header desktop ~83px + respiro */
  }
}

/* Destaque do ReadyPDF, acima dos três cards secundários (SPDE, XIMAGEpdf,
   Rubika) — reaproveita .eyebrow, .section-lead e .btn.btn-ghost já
   existentes; só a "moldura" do bloco é nova aqui. */
.product-highlight{
  background: var(--color-bg-alt);
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  padding: 28px 28px 24px;
  margin-top: 28px;
}
.product-highlight .eyebrow{ margin-bottom: 10px; }
.product-highlight h3{ font-size: 1.3rem; }

/* Grid compacto dos três produtos secundários (SPDE, XIMAGEpdf, Rubika) —
   mantém a seção proporcional a PaperCut/BARR/MacKinney, sem virar
   catálogo grande. Reaproveita os tokens de cor/raio/sombra do design
   system (mesmo visual de .side-card). */
.product-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-top: 20px;
}
@media (min-width: 900px){
  .product-grid{ grid-template-columns: repeat(3, 1fr); }
}
.product-card{
  background: #fff;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  padding: 22px 24px;
}
.product-card h3{
  font-size: 1rem;
  margin-bottom: 8px;
}
.product-card p{
  margin: 0;
  font-size: 0.92rem;
  color: var(--color-body);
}