/* RESPONSIVE FIX 1360x768 — manual-tecnico-de-tintas.php */
@media screen and (max-width: 1360px) and (min-width: 993px) {
  /* min-height de 1042px sem breakpoint entre 993px e 1400px:
     a seção fica ~35% mais alta que o viewport de 768px nesta faixa */
  #mtn-hero {
    min-height: 680px;
  }
}
/* ========================================
   CARTILHA / MANUAL TÉCNICO DE TINTAS
   ======================================== */

#mtn-hero {
  margin-top: -50px;
  padding-top: 50px;
  padding-bottom: 60px;
  background-color: #6f83a8;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  min-height: 1042px; /* 1418px canvas - 376px breadcrumb bottom */
}

#mtn-hero .mtn-viewer-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 60px;
}

#mtn-hero .mtn-book-viewer {
  width: 100%;
  max-width: 640px;
  /* Proporção A4: 1:1.414 */
  aspect-ratio: 1 / 1.414;
  border-radius: 4px 16px 16px 4px;
  box-shadow:
    -6px 0 15px rgba(0, 0, 0, 0.25),
    6px 6px 20px rgba(0, 0, 0, 0.35),
    inset -3px 0 8px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  background: #fff;
}

#mtn-hero .mtn-pdf-object {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

#mtn-hero .mtn-btn-wrap {
  margin-top: 40px;
}

#mtn-hero .mtn-btn-download {
  display: inline-block;
  background-color: var(--color-purple);
  color: #fff;
  border: 2px solid var(--color-purple);
  border-radius: 50px;
  height: 43px;
  width: 211px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  line-height: 39px;
  padding: 0 30px;
  text-decoration: none;
  letter-spacing: -0.32px;
  transition: opacity 0.2s;
}

#mtn-hero .mtn-btn-download:hover {
  opacity: 0.85;
  color: #fff;
}

#mtn-hero .mtn-no-pdf {
  font-size: 16px;
  color: var(--color-purple);
  text-align: center;
  padding: 60px 0;
}

.mtn-bar-separator {
  background-color: #6c85aa;
  height: 50px;
  width: 100%;
}