/* Define o box-sizing globalmente para todos os elementos */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Estilo para a classe de termos de uso */
.termos-de-uso {
  font-size: 0.875rem; /* Tamanho de fonte um pouco maior para leitura confortável */
  font-family: 'Arial', sans-serif; /* Fonte genérica */
  line-height: 1.6; /* Maior espaçamento entre linhas */
  margin: 0;
  padding: 0;
  color: #333; /* Cor de texto suave */
}

/* Contêiner de conteúdo de termos de uso */
.termos-de-uso__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 2rem 5%;
  gap: 1rem; /* Espaçamento entre os elementos */
  max-width: 960px; /* Limita a largura máxima */
  margin: 0 auto; /* Centraliza o conteúdo */
}

/* Título principal */
.termos-de-uso__content__title {
  font-size: 1.125rem; /* Um pouco maior que o texto normal */
  font-weight: 700;
  margin-bottom: 1rem; /* Espaço abaixo do título */
  color: #1A1A1A; /* Cor mais escura para destacar o título */
}

/* Estilo para subtítulos (h3, h4, h5) */
h3, h4, h5 {
  display: block;
  font-size: 1rem;
  font-weight: 700;
  margin: 0;
  padding: 0.5rem 0 0.3rem;
  color: #2A2A2A; /* Cor suave para os subtítulos */
}

/* Responsividade para dispositivos pequenos */
@media (max-width: 768px) {
  .termos-de-uso {
    font-size: 0.8rem; /* Reduz o tamanho da fonte em dispositivos móveis */
  }

  .termos-de-uso__content {
    padding: 1.5rem 3%; /* Reduz o padding para telas pequenas */
  }

  .termos-de-uso__content__title {
    font-size: 1rem; /* Tamanho do título reduzido para telas pequenas */
    margin-bottom: 0.8rem; /* Menos espaçamento abaixo do título */
  }

  h3, h4, h5 {
    font-size: 0.9rem; /* Reduz o tamanho dos subtítulos em dispositivos móveis */
  }
}

/* Responsividade para dispositivos muito pequenos (ex: smartphones) */
@media (max-width: 480px) {
  .termos-de-uso {
    font-size: 0.75rem; /* Tamanho de fonte ainda menor em dispositivos muito pequenos */
  }

  .termos-de-uso__content {
    padding: 1rem 2%; /* Ajusta o padding para dispositivos ainda menores */
  }

  .termos-de-uso__content__title {
    font-size: 0.9rem; /* Reduz o título ainda mais */
  }

  h3, h4, h5 {
    font-size: 0.8rem; /* Menor tamanho para subtítulos em dispositivos muito pequenos */
  }
}