* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Montserrat", sans-serif;
  margin: 0;
  padding: 0;
  background-color: #fff;
  /* background-color: #ededed; */
  height: 95vh;
  width: 100vw;
  overflow-x: hidden;
}

.header {
  margin-top: 1.2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  background-color: #fff;
  /* background-color: #ededed; */
  padding: 20px;
  text-align: center;
  /* border-bottom: 1px solid #ddd; */
}

.header img {
  /* max-width: 100px; */
}

/* .header p {
  margin-top: 5px;
  font-size: 1.2rem;
  color: #666;
} */

.header nav {
  margin-top: 10px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 10px;
}

.header nav a {
  flex: 1 1 auto;
  text-align: center;
  margin: 0 10px;
  padding: 10px;
  color: #333;
  text-decoration: none;
  font-weight: 500;
  white-space: nowrap;
}

.header nav a:hover {
  text-decoration: underline;
  font-weight: 600;
}

.logo-image {
  width: 15rem;
  /* height: 7.5rem; */
}

.download-buttons {
  margin-top: -30px;
  display: block;
  flex-wrap: nowrap;
  justify-content: space-between;
  white-space: nowrap;
}

.download-buttons a {
  margin: 15px;
  flex: 1 1 auto;
  text-align: center;
}

.download-buttons a img {
  color: #fff;
  background-color: #ededed;
  border-radius: 5px;
}

.download-buttons p {
  margin: 5px;
  font-size: 20px;
  color: #666;
}

span.text {
  color: #2c2c2c;
}

.content {
  padding: 10px;
  text-align: center;
  width: 98vw;
  overflow: hidden;
}

.content h1 {
  font-size: 24px;
  color: #333;
}

.policy-content {
  width: 100%;
  margin-top: 0px;
  height: 750rem;
}

.suporte-content {
  width: 100%;
  margin-top: 20px;
  height: 75vh;
  height: calc(95vh - 16.6rem);
}

.privacy-content {
  width: 100%;
  margin-top: 20px;
  height: 1830vh;
  height: calc(410vh - 16.6rem);
}

iframe {
  width: 55vw;
  height: 95vh;
  border: none;
  height: 300%;
}

.footer {
  text-align: center;
  padding: 20px;
  background-color: #fff;
  /* background-color: #ededed; */
  /* border-top: 1px solid #ddd; */
  font-size: 14px;
  color: #777;
}

.btn-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  padding: 10px 20px;
  background-color: #ededed;
  border: solid 1px #a1a1a1;
  color: #fff;
  border-radius: 3px;
  transition: background-color 0.3s;
  -webkit-box-shadow: -5px 5px 5px 0px #a1a1a135;
  -moz-box-shadow: -5px 5px 5px 0px #a1a1a135;
  box-shadow: -5px 5px 5px 0px #a1a1a135;
}
.btn-link:hover {
  /* background-color: #0056b3; */
  border: solid 3px #636363;
  box-shadow: -5px 5px 5px 0px #5b5b5b52;
}

.icon {
  margin-right: 10px;
  width: 35px;
}
.text {
  font-size: 16px;
}

/* Estilos Responsivos */
@media (max-width: 768px) {
  .header img {
    /* max-width: 80px; */
  }

  .header p {
    font-size: 1.1rem;
  }

  .header nav a {
    margin: 0 10px;
    font-size: 14px;
  }

  .download-buttons {
    flex-direction: column;
    margin-top: 10px;
  }

  .download-buttons a {
    /* margin: 5px 0; */
  }

  /* .btn-link {
    margin: 10px;
  } */

  .content {
    /* padding: 10px; */
    width: 98vw;
    /* height: 5490vh; */
    overflow: hidden;
  }

  .content h1 {
    font-size: 20px;
  }

  .policy-content {
    position: relative;
    width: 100%;
    margin-top: 0px;
    height: 3350rem;
  }

  .suporte-content {
    width: 100%;
    margin-top: -120px;
    height: 85vh;
    /* height: calc(95vh - 16.6rem); */
  }

  .privacy-content {
    width: 100%;
    margin-top: 20px;
    height: 1350vh;
    /* height: calc(410vh - 16.6rem); */
    overflow: hidden;
  }

  iframe {
    width: 100%;
  }

  .footer {
    font-size: 10px;
  }
}

@media (max-width: 600px) {
  .buttons {
    display: flex;
    flex-direction: row;
    width: 80vw;
  }
  .download-buttons {
    flex-direction: row;
    align-items: center;
    padding: 20px;
  }

  .btn-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 15px; /* Reduce padding to make buttons smaller */
    margin: 5px 0; /* Reduce margin between buttons */
    text-decoration: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 200px; /* Adjust this value to control button width */
  }

  .icon {
    width: 24px; /* Adjust icon size */
    height: 24px;
  }

  .text {
    font-size: 14px; /* Reduce font size */
    line-height: 1.2;
  }

  .download-buttons p {
    font-size: 16px; /* Adjust the title font size */
    margin-bottom: 10px;
  }

  .header nav {
    display: flex;
    flex-flow: column;
    align-items: start;
    margin-right: auto;
  }
}

@media (max-width: 480px) {
  .buttons {
    display: flex;
    flex-direction: row;
    width: 80vw;
  }
  .download-buttons {
    /* display: flex; */
    flex-direction: row;
    align-items: center;
    /* max-width: 300px; Adjust this value to control the container width */
    /* margin: 0 auto; This centers the container horizontally */
    padding: 20px;
    /* margin-top: -30px; */
    /* display: block;
    flex-wrap: nowrap;
    justify-content: space-between;
    white-space: nowrap; */
  }
  .download-buttons a {
    margin: 0px 5px;
  }
  .btn-link {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px 15px; /* Reduce padding to make buttons smaller */
    margin: 5px 0; /* Reduce margin between buttons */
    text-decoration: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 200px; /* Adjust this value to control button width */
  }

  .icon {
    width: 24px; /* Adjust icon size */
    height: 24px;
  }

  .text {
    font-size: 12px; /* Reduce font size */
    line-height: 1.1;
  }

  .download-buttons p {
    font-size: 14px; /* Adjust the title font size */
    margin-bottom: 10px;
  }
}

.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}