.produto__titulo {
  text-align: center;
  font-size: 2.5rem;
  font-family: "Krona one", sans-serif;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.fonte-ignite {
  font-family: "Ignite";
}

.fonte-elfbar {
  font-family: "Elfbar";
}

.fonte-oxbar {
  font-family: "Oxbar";
}

.fonte-lost {
  font-family: "Lost";
}

.produto__linha {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 8rem;
  gap: 100px 10%;
  padding: 24px;
}

.produto__linha-ignite,
.produto__linha-elfbar {
  margin-left: 7%;
  margin-right: 7%;
}

.produto-ignite {
  width: 12%;
}

.produto-elfbar {
  width: 12%;
}

.produto {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.produto__imagem {
  height: 13rem;
}

.produto__texto {
  font-family: "Krona One", sans-serif;
  font-size: 1.5rem;
  margin-bottom: 2rem;
}
.produto__preco {
  font-weight: 700;
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
  color: green;
  margin: 1rem 0;
  margin-top: 2rem;
}

.produto__botao {
  text-decoration: none;
  color: var(--azul-1);
  background-color: var(--azul-3);
  padding: 0.8rem;
  border-radius: 10px;
  font-family: "Open Sans", sans-serif;
}

.lista__pagamento {
  margin-top: 10%;
  white-space: normal;
}

.produto__botao__texto {
  font-size: 0.6rem;
  margin-top: 0.2rem;
  color: var(--azul-2);
}

.produto__botao:hover {
  transition: 1s;
  background-color: var(--azul-4);
  transform: scale(1.1);
}

.produto__botao:active {
  transition: 0s;
  background-color: green;
  color: greenyellow;
}
.produto__titulo__lost {
  font-size: calc(2.5rem - 20%);
}
.produto__texto__lost {
  font-size: calc(1.5rem - 20%);
}

.produto__texto span.fonte-lost {
  font-size: calc(1.5rem - 20%);
}

.carrossel {
  display: none;
}

@media screen and (max-width: 750px) {
  .produto__linha {
    display: none;
  }

  .carrossel {
    display: block;
  }

  .modelos {
    display: flex;
    flex-wrap: wrap;
    gap: 5%;
    align-items: center;
    justify-content: center;
  }

  .modelos li {
    text-align: center;
    font-size: 0.8rem;
    color: rgb(255, 255, 255);
    background-color: rgb(206, 206, 206);
    border: 1px solid #9c9c9c;
    font-family: "Montserrat", sans-serif;
    width: 33%;
    padding: 0.4rem;
    border-radius: 8px;
  }

  .modelo-ignite:nth-child(3),
  .modelo-ignite:nth-child(4),
  .modelo-ignite:nth-child(5),
  .modelo-ignite:nth-child(6),
  .modelo-ignite:nth-child(7),
  .modelo-ignite:nth-child(8),
  .modelo-ignite:nth-child(9),
  .modelo-ignite:nth-child(10),
  .modelo-ignite:nth-child(10),
  .modelo-ignite:nth-child(10),
  .modelo-ignite:nth-child(10),
  .modelo-ignite:nth-child(10),
  .modelo-ignite:nth-child(11),
  .modelo-ignite:nth-child(12),
  .modelo-ignite:nth-child(13),
  .modelo-ignite:nth-child(14),
  .modelo-ignite:nth-child(15),
  .modelo-ignite:nth-child(16),
  .modelo-ignite:nth-child(17),
  .modelo-ignite:nth-child(18),
  .modelo-ignite:nth-child(19),
  .modelo-ignite:nth-child(20) {
    margin-top: 2%;
  }

  .modelo-elfbar:nth-child(3),
  .modelo-elfbar:nth-child(4),
  .modelo-elfbar:nth-child(5),
  .modelo-elfbar:nth-child(6),
  .modelo-elfbar:nth-child(7),
  .modelo-elfbar:nth-child(8),
  .modelo-elfbar:nth-child(9),
  .modelo-ignite:nth-child(10),
  .modelo-ignite:nth-child(11),
  .modelo-ignite:nth-child(12),
  .modelo-ignite:nth-child(13),
  .modelo-ignite:nth-child(14),
  .modelo-ignite:nth-child(15),
  .modelo-ignite:nth-child(16),
  .modelo-ignite:nth-child(17),
  .modelo-ignite:nth-child(18),
  .modelo-ignite:nth-child(19),
  .modelo-ignite:nth-child(20) {
    margin-top: 2%;
  }

  .modelo-elfbar:nth-child(2),
  .modelo-elfbar:nth-child(7) {
    font-size: 0.8rem;
  }
  .modelo-oxbar:nth-child(3),
  .modelo-oxbar:nth-child(4) {
    margin-top: 2%;
    font-size: 0.8rem;
  }

  .modelo-lost:nth-child(3),
  .modelo-lost:nth-child(4) {
    margin-top: 2%;
  }

  .produto {
    width: 35%;
  }
  .produto-especial {
    margin-top: 10%;
  }

  .produto__titulo {
    padding-bottom: 1.5rem;
  }

  .produto__titulo-especial {
    font-size: 2.1rem;
  }
  .produto__titulo__lost {
    font-size: calc(2.1rem - 20%);
  }

  .produto__imagem {
    height: 11rem;
  }
}

@media screen and (max-height: 750px) {
  .modelos {
    margin-bottom: 5%;
  }
}

@media screen and (min-width: 751px) and (max-width: 1025px) {
  .produto-ignite,
  .produto-elfbar {
    width: 25%;
  }
}