/* Ajuste local do hub: mantém os quatro indicadores da dobra inicial alinhados. */
#top .relative.mx-auto.mt-16.grid.max-w-4xl.grid-cols-2.gap-4.sm\:grid-cols-4 {
  align-items: stretch;
}

#top .relative.mx-auto.mt-16.grid.max-w-4xl.grid-cols-2.gap-4.sm\:grid-cols-4 > div {
  min-height: 108px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#top .relative.mx-auto.mt-16.grid.max-w-4xl.grid-cols-2.gap-4.sm\:grid-cols-4 > div > .font-display {
  min-height: 2.2em;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.05;
}

#top .relative.mx-auto.mt-16.grid.max-w-4xl.grid-cols-2.gap-4.sm\:grid-cols-4 > div > .text-muted-foreground {
  min-height: 2.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.25;
}

@media (min-width: 640px) {
  #top .relative.mx-auto.mt-16.grid.max-w-4xl.grid-cols-2.gap-4.sm\:grid-cols-4 > div {
    min-height: 116px;
  }
}

/* CTA local: a nova frase é mais longa e precisa quebrar sem estourar no mobile. */
.btn-gold {
  height: auto !important;
  min-height: 3.25rem;
  max-width: 100%;
  white-space: normal !important;
  line-height: 1.2 !important;
  text-align: center;
}

#top .btn-gold,
section.relative.overflow-hidden.bg-background .btn-gold {
  width: min(100%, 680px);
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

header .btn-gold {
  width: auto;
  max-width: 260px;
  min-height: 2.75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
}

/* Topo local: mantém o logo centralizado e o CTA à direita no desktop. */
header.sticky > div {
  position: relative;
  justify-content: center !important;
}

header.sticky > div > a[aria-label="Odonto Ads"] {
  display: inline-flex;
  justify-content: center;
}

header.sticky > div > .btn-gold {
  position: absolute;
  right: 1.25rem;
}

@media (max-width: 639px) {
  header.sticky > div > .btn-gold {
    position: static;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  header.sticky > div > .btn-gold {
    display: none !important;
  }
}