/* Container principal para o PDF */
#pdf-container {
  width: 95%; /* Garantir que o container ocupe a maior parte da tela */
  max-width: 1200px; /* Limita a largura máxima para telas grandes */
  margin: 20px auto; /* Alinha ao centro com uma margem vertical */
  overflow: auto; /* Permite rolagem se necessário */
  height: auto; /* Altura automática para permitir que o conteúdo defina a altura */
  min-height: 400px; /* Define uma altura mínima para o container */
  max-height: 80vh; /* Limita a altura máxima a 80% da tela */
  border-radius: 8px; /* Cantos arredondados para um visual mais suave */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Sombra suave para dar destaque */
  background-color: #fff; /* Fundo branco para destacar o conteúdo */
  position: relative;
  padding: 20px; /* Espaçamento interno */
  box-sizing: border-box; /* Inclui padding e border no cálculo de largura e altura */
}

/* Estilo para cada página do PDF */
.page-pdf {
  position: relative;
  margin-bottom: 30px; /* Espaçamento entre as páginas */
  border: 1px solid #ddd; /* Borda mais discreta */
  border-radius: 4px; /* Cantos arredondados para cada página */
  padding: 15px;
  background-color: #f9f9f9; /* Fundo levemente cinza para páginas */
}

/* Caixa de assinatura (composição de exemplo) */
.signature-box {
  position: absolute;
  top: 50px;
  left: 50px;
  width: 250px;
  height: 130px;
  border: 2px dashed #ff6347; /* Borda pontilhada e cor de destaque */
  background-color: rgba(255, 99, 71, 0.2); /* Cor de fundo suave */
  cursor: move; /* Indica que a caixa pode ser movida */
  z-index: 10;
  border-radius: 5px; /* Bordas arredondadas para a caixa */
  font-size: 12pt;
  display:flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}


/* Canvas do PDF - ajusta a largura para ocupar 100% do container */
#pdf-container > div > canvas {
  width: 100%; /* Faz com que o canvas ocupe toda a largura do container */
  height: auto; /* Mantém a proporção original do conteúdo */
  border-radius: 5px; /* Bordas arredondadas para o canvas */
}

/* Ajustes para dispositivos menores (tablets e smartphones) */

/* Para dispositivos até 768px (tablets e telas médias) */
@media (max-width: 768px) {
  #pdf-container {
    width: 95%; /* Ajusta a largura para 95% em telas menores */
    min-height: 300px; /* Menor altura mínima para telas pequenas */
    padding: 10px; /* Menos padding em telas pequenas */
  }

  .page-pdf {
    margin-bottom: 20px; /* Menos margem entre páginas */
    padding: 10px; /* Menos padding nas páginas */
  }

  .signature-box {
    top: 30px;
    left: 30px;
    width: 120px; /* Tamanho reduzido da caixa de assinatura */
    height: 40px;
	font-size: 8pt;
  }

}

/* Para dispositivos até 480px (smartphones e telas pequenas) */
@media (max-width: 480px) {
  #pdf-container {
    width: 100%; /* Ocupa toda a largura da tela */
    min-height: 250px; /* Ajusta a altura mínima */
    padding: 5px; /* Reduz o padding */
  }

  .page-pdf {
    margin-bottom: 15px; /* Margem entre páginas ainda menor */
    padding: 5px; /* Reduz o padding nas páginas */
  }

  .signature-box {
    top: 20px;
    left: 20px;
    width: 100px; /* Tamanho ainda menor da caixa de assinatura */
    height: 30px;
	font-size: 6pt;
  }

}