.termos-uso-container {
    display: flex;
    justify-content: center;
    padding: 2rem 1rem;
  }

  .termos-uso {
    max-width: 800px;
    width: 100%;
    background-color: #ffffff;
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    font-family: Arial, sans-serif;
    color: #333;
    line-height: 1.6;
  }

  .termos-uso h1, .termos-uso h2 {
    color: #111;
    margin-top: 1.5rem;
  }

  .termos-uso ul {
    padding-left: 1.5rem;
    list-style-type: disc;
  }

  @media (max-width: 600px) {
    .termos-uso {
      padding: 1.5rem 1rem;
    }
  }