/* Ajustes compartilhados para a versão estática do site. */

html,
body {
  max-width: 100%;
  overflow-x: clip;
}

.premium-ribbon article > div {
  min-width: 0;
}

.premium-ribbon p {
  font-size: clamp(1rem, 1.2vw, 1.1rem);
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.recognition .recognition-lead {
  font-size: clamp(1.18rem, 1.5vw, 1.32rem);
  line-height: 1.75;
}

.reading-copy .reading-lead {
  font-size: clamp(1.18rem, 1.5vw, 1.32rem);
  line-height: 1.75;
}

.reading-copy .check-list li {
  font-size: clamp(1.02rem, 1.2vw, 1.1rem);
  line-height: 1.6;
}

.book-cover,
.offer-cover {
  aspect-ratio: 2104 / 2990;
}

.book-cover picture,
.offer-cover picture {
  display: block;
  width: 100%;
  height: 100%;
}

.image-cover {
  background-image: url("/images/capa-o-peso-de-ser-forte-hd-v2.jpg");
}

@media (max-width: 980px) {
  .site-header .header-inner {
    flex-wrap: wrap;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .site-header nav {
    display: flex;
    order: 3;
    width: 100%;
    justify-content: center;
    gap: 26px;
    overflow-x: auto;
    padding-top: 4px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    font-size: 1rem;
    white-space: nowrap;
    scrollbar-width: none;
  }

  .site-header nav::-webkit-scrollbar {
    display: none;
  }
}

@media (max-width: 720px) {
  .site-header nav {
    justify-content: flex-start;
    gap: 23px;
    font-size: 0.95rem;
  }

  .premium-ribbon article {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .premium-ribbon p {
    font-size: 1.06rem;
  }
}

@media (max-width: 430px) {
  .site-header nav {
    font-size: 0.9rem;
  }
}