html,body {
  width: 100%;
  min-height: 100svh;   /* cabe com a barra visível */
  min-height: 100dvh;   /* acompanha quando a barra recolhe */
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: fixed;
  display: flex;
  flex-direction: column;
  background-image: url('../../assets/images/ficha-catalografica.png');
  background-size: cover;          /* cobre toda a tela */
  background-position: center top; /* centraliza e começa no topo */
  background-repeat: no-repeat;
  font-family: "Outfit";
}

main { flex: 1 1 auto; }

    .pagination {
      position: fixed;
      left: 0;
      right: 0;
     bottom: 10px;    
      display: flex;
      justify-content: center;
      z-index: 50;   
    }

@font-face {
    font-family: "Outfit";
    src: url("../../fonts/outfit/OutfitRegular.ttf") format("truetype");
}

@font-face {
    font-family: "Outfit";
    src: url("../../fonts/outfit/Outfit.ttf") format("truetype");
}

@font-face {
    font-family: "OutfitMedium";
    src: url("../../fonts/outfit/OutfitMedium.ttf") format("truetype");
}

@media (min-width: 600px) and (max-width: 1025px) and (orientation: portrait) {
  html, body {
    background-size: 125% auto; 
    background-position: top center;
  }
}

@media (min-width: 1025px)  and (orientation: portrait) {
  html, body {
    background-size: 118% auto; 
    background-position: top center;
  }
}