/* Esconde o título sem interferir no layout */
.titulo {
  display: none !important;
}





/* Estilo para a logo */
.logo img {
  max-width: 100%;  /* Faz com que a largura da logo não ultrapasse a largura do seu container */
  height: auto;     /* Mantém a altura proporcional ao tamanho da largura */
}

/* Ajuste para telas pequenas (como celulares) */
@media (max-width: 767px) {
  .logo img {
    width: auto;   /* Ajusta a largura de acordo com a altura da imagem */
    max-width: 80%; /* Limita a largura da logo a 80% da tela (ajuste conforme necessário) */
  }
}




/* Esconde o valor total e exibe o valor parcelado na parte superior */
.total-valor {
    display: none;
}

.parcelado-valor {
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    color: #FF5722; /* Altere a cor conforme necessário */
    margin-bottom: 20px;
}

/* Coloca o valor total na parte inferior */
.total-valor-container {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
    font-size: 1em;
    color: #757575; /* Altere a cor conforme necessário */
}