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

.grid-produtos{display: none;}

#niver_fast {
  position: relative;
  font-family: 'Open Sans', sans-serif;
  margin: 0 auto;
  width: 100%;
  max-width: 1500px;
  padding: 0;
  background: #fff;
  color: #303030;
  scroll-behavior: smooth;
  font-family: 'Open Sans', serif;
}

#niver_fast .produto{
  position: absolute;
}

#niver_fast a {
  color: #016FD0;
  font-weight: 600;
  text-decoration: none;
  display: block;
}

.hero {
  position: relative;
  text-align: center;
  padding: 40px 20px;
}

.hero p{
  font-size: 1.5vw;
  font-weight: 600;
  margin-bottom: 2%;
}

.hero h1{
  font-weight: 500;
  font-size: 2vw;
  color: #303030;
}
.hero h1.i{
  font-family: "Lora", serif;
  font-weight: 600;
}
.hero img{
  position: absolute;
  top: 30%;
  left: 0%;
  width: 13%;
}

.categorias {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 18px;
  padding: 3% 1% 0;
  width: 86%;
  margin: 0 auto;
}

.categorias2 {
  display: none;
}

#niver_fast .categorias a {
  text-decoration: none;
  color: #303030;
  padding: 1% 1%;
  background: #fafafa;
  border-radius: 25px;
  transition: background 0.3s;
  font-family: 'Open Sans', serif;
  font-size: 1vw;
  text-align: center;
}

#niver_fast .categorias a:hover {
  background: #facf3e;
}

.categorias .balao{
  background: #e5c867;
  padding: 0.3vw 1vw;
  margin-right: 3%;
  border-radius: 50px;
}
.categorias a:nth-of-type(1) { width: 13%; }
.categorias a:nth-of-type(2) { width: 27%; }
.categorias a:nth-of-type(3) { width: 16%; }
.categorias a:nth-of-type(4) { width: 21%; }
.categorias a:nth-of-type(5) { width: 18%; }
.categorias a:nth-of-type(6) { width: 15%; }
.categorias a:nth-of-type(7) { width: 13%; }
.categorias a:nth-of-type(8) { width: 17%; }
.categorias a:nth-of-type(9) { width: 15%; }

.titulo_secao {
  margin: 0 auto 5%;
  background: #f1f1f1;
  border-radius: 12px;
  padding: 6%;
}

.secao {
  position: relative;
  width: 100%;
  padding-top: 64%;
}

.secao img{
  width: 100%;
  height: auto;
}

.secao .balao2{
  display: block;
  position: absolute;
  top: 0%;
  right: 0;
  width: 11%;
}
.secao .balao3{
  display: none;
  position: absolute;
  top: 0%;
  right: 0;
  width: 11%;
}

.produto p{
  margin: 3% auto 1%;
  font-weight: 700;
  font-size: 1.5vw;
}

.produto span{
  color: #AF952D;
  font-weight: 600;
  font-size: 1.1vw;
}

.produto1{
  top: 10%;
  left: 6%;
  width: 52%;
}

.produto2{
  top: 10%;
  left: 59.5%;
  width: 24%;
}

.produto2 .texto_tv{
  background: #f1f1f1;
  border-radius: 16px;
  padding: 24% 6% 6% 6%;
  margin: 0 auto 6%;
}

.produto2 .texto_tv h2{
  font-size: 2.2rem;
    font-weight: 600;
    margin-bottom: 3%;
}
.produto2 .texto_tv a{
  font-size: 0.8rem;
}

.secao2 {
  position: relative;
  width: 100%;
  padding-top: 54%;
}
.secao2 img{
  width: 100%;
}

.secao2 .balao2{
  position: absolute;
  top: 62%;
  right: 0%;
  width: 13%;
}

.produto3{
  top: -29%;
  left: 15%;
  width: 43%;
}

.produto4{
  top: 5%;
  left: 59.5%;
  width: 33%;
}

.secao3 .balao2{
  position: absolute;
  top: 59%;
  left: 8%;
  width: 20%;
}

.secao3 {
  position: relative;
  width: 100%;
  padding-top: 41%;
}

.secao3 img{
  width: 100%;
  border-radius: 12px;
}

.produto5{
  top: -66%;
  left: 9%;
  width: 40%;
}

.produto6{
  top: -16%;
  left: 59.5%;
  width: 39%;
}

.secao4 .balao2{
  position: absolute;
  top: 29vw;
  right: 2%;
  width: 11%;
}

.secao4 {
  position: relative;
  width: 100%;
  padding-top: 38%;
}

.secao4 img{
  width: 100%;
  border-radius: 12px;
}

.produto7{
  top: -69%;
  left: 15%;
  width: 43%;
}

.produto8{
  top: -1%;
  left: 59.5%;
  width: 31%;
}

.secao5 {
  position: relative;
  width: 100%;
  padding-top: 47%;
}

.secao5 img{
  width: 100%;
  border-radius: 12px;
}

.produto9{
  top: -38%;
  left: 15%;
  width: 31%;
}

.produto10{
  top: 14%;
  left: 59.5%;
  width: 38%;
}
/*cozinha*/
.cozinha {
  position: relative;
  width: 100%;
  padding-top: 79%;
}

.cozinha img{
  width: 100%;
  height: auto;
}

.cozinha .balao2{
  position: absolute;
  top: 15.5%;
  left: 12%;
  width: 17%;
}

.produto11{
  top: 2%;
  left: 55.5%;
  width: 29%;
}

.produto12{
  top: 49%;
  left: 18%;
  width: 70%;
}


.cozinha .texto_tv{
  position: absolute;
  top: 0;
  left: 11%;
  background: #f1f1f1;
  border-radius: 16px;
  padding: 5% 4% 2% 4%;
  margin: 0 auto 6%;
}

.cozinha .texto_tv h2{
  font-size: 2.2vw;
  font-weight: 700;
  margin-bottom: 3%;
}
.cozinha .texto_tv a{
  font-size: 0.8rem;
}

.secao6 {
  position: relative;
  width: 100%;
  padding-top: 106%;
}

.secao6 img{
  width: 100%;
  border-radius: 12px;
}

.produto13{
  top: 0%;
  left: 14%;
  width: 35%;
}

.produto14{
  top: -3%;
  left: 58%;
  width: 30%;
}

.produto15{
  top: 34%;
  left: 27%;
  width: 22%;
}

.produto16{
  top: 28%;
  left: 57.5%;
  width: 31%;
}

.produto17{
  top: 73%;
  left: 20%;
  width: 29%;
}

.produto18{
  top: 61%;
  left: 57.5%;
  width: 35%;
}

/*casa*/
.casa {
  position: relative;
  width: 100%;
  padding-top: 86%;
}

.casa img{
  width: 100%;
  height: auto;
}

.casa .balao2{
  position: absolute;
  top: 4.5%;
  left: 38%;
  width: 17%;
}
.casa .balao3{
  position: absolute;
  top: 58.5%;
  left: 60.3%;
  width: 31%;
}

.produto p{
  margin: 3% auto 1%;
  font-weight: 700;
  font-size: 1.5vw;
}

.produto19{
  top: 13%;
  left: 60.5%;
  width: 21%;
}

.produto20{
  top: 13%;
  left: 13%;
  width: 43%;
}

.produto21{
  top: 55%;
  left: 18%;
  width: 42%;
}


.casa .texto_tv{
  position: absolute;
  top: -2%;
  right: 18%;
  background: #f1f1f1;
  border-radius: 16px;
  padding: 4% 2% 2% 2%;
  margin: 0 auto 6%;
}

.casa .texto_tv h2{
  font-size: 2.2vw;
  font-weight: 700;
  margin-bottom: 3%;
}
.casa .texto_tv a{
  font-size: 0.8rem;
}

/*Bebidas*/
.bebidas {
  position: relative;
  width: 100%;
  padding-top: 47%;
}

.bebidas img{
  width: 100%;
  height: auto;
}

.produto p{
  margin: 3% auto 1%;
  font-weight: 700;
  font-size: 1.5vw;
}

.produto22{
  top: 26%;
  left: 18%;
  width: 32%;
}

.produto23{
  top: 0%;
  left: 56%;
  width: 29%;
}

.bebidas .texto_tv{
  position: absolute;
  top: 0%;
  left: 18%;
  background: #f1f1f1;
  border-radius: 16px;
  padding: 4% 13% 1% 2%;
  margin: 0 auto 6%;
}

.bebidas .texto_tv h2{
  font-size: 2.2vw;
  font-weight: 700;
  margin-bottom: 3%;
}
.bebidas .texto_tv a{
  font-size: 0.8rem;
}

/*escritorio*/
.escritorio {
  position: relative;
  width: 100%;
  padding-top:142%;
}

.escritorio img{
  width: 100%;
  height: auto;
}

.escritorio .balao2{
  position: absolute;
  top: 56.5%;
  left: 81%;
  width: 19%;
}
.escritorio .balao3{
  position: absolute;
  top: -1%;
  left: 8%;
  width: 18%;
}

.produto p{
  margin: 3% auto 1%;
  font-weight: 700;
  font-size: 1.5vw;
}

.produto24{
  top: 4%;
  left: 53%;
  width: 40%;
}

.produto25{
  top: 12.5%;
  left: 14%;
  width: 31%;
}

.produto26{
  top: 32%;
  left: 60%;
  width: 33%;
}

.produto27{
  top: 49%;
  left: 8%;
  width: 43%;
}

.produto28{
  top: 74%;
  left: 13%;
  width: 70%;
}

.produto28 .produto p{
  margin: 2% auto 1%;
}

.escritorio .texto_tv{
  position: absolute;
  top: 2%;
  left: 14%;
  background: #f1f1f1;
  border-radius: 16px;
  padding: 4% 10% 2% 2%;
  margin: 0 auto 6%;
  z-index: 999;
}

.escritorio .texto_tv h2{
  font-size: 2.2vw;
  font-weight: 700;
  margin-bottom: 3%;
}
.escritorio .texto_tv a{
  font-size: 0.8rem;
}

/*escritorio2*/
.escritorio2 {
  position: relative;
  width: 100%;
  padding-top: 154%;
}

.escritorio2 img{
  width: 100%;
  height: auto;
}

.produto p{
  margin: 3% auto 1%;
  font-weight: 700;
  font-size: 1.5vw;
}

.produto29{
  top: 2%;
  left: 13%;
  width: 39%;
}

.produto30{
  top: 2%;
  left: 58%;
  width: 31%;
}

.produto31{
  top: 29%;
  left: 13%;
  width: 31%;
}

.produto32{
  top: 26%;
  left: 48%;
  width: 40%;
}

.produto33{
  top: 52%;
  left: 8%;
  width: 38%;
}

.produto34  {
  top: 52%;
  left: 51%;
  width: 42%;
}

.produto35  {
  top: 76%;
  left: 22%;
  width: 70%;
}

/*games*/
.games {
  position: relative;
  width: 100%;
  padding-top: 54%;
}

.games img{
  width: 100%;
  height: auto;
}

.produto p{
  margin: 3% auto 1%;
  font-weight: 700;
  font-size: 1.5vw;
}

.produto36{
  top: 23%;
  left: 8%;
  width: 40%;
}

.produto37{
  top: 23%;
  left: 51%;
  width: 41%;
}

.games .texto_tv{
  position: absolute;
  top: 2%;
  left: 51%;
  background: #f1f1f1;
  border-radius: 16px;
  padding: 3% 30% 2% 2%;
  z-index: 999;
}

.games .texto_tv h2{
  font-size: 2.2vw;
  font-weight: 700;
  margin-bottom: 3%;
}
.games .texto_tv a{
  font-size: 0.8rem;
}

/*Toques Finais*/
.finais {
  position: relative;
  width: 100%;
  padding-top: 69%;
}

.finais img{
  width: 100%;
  height: auto;
}

.produto p{
  margin: 3% auto 1%;
  font-weight: 700;
  font-size: 1.5vw;
}

.produto38{
  top: 20%;
  left: 17%;
  width: 58%;
}

.finais .texto_tv{
  position: absolute;
  top: 3%;
  left: 17%;
  background: #f1f1f1;
  border-radius: 16px;
  padding: 3% 21% 2% 2%;
  z-index: 999;
}

.finais .texto_tv h2{
  font-size: 2.2vw;
  font-weight: 700;
  margin-bottom: 3%;
}
.finais .texto_tv a{
  font-size: 0.8rem;
}

@media (min-width: 1501px) {
  .hero p {
    font-size: 24px;
  }
  .hero h1 {
    font-size: 38px;
  }
  #niver_fast .categorias a{
    font-size: 14px;
  }

  .categorias .balao {
    padding: 6px 16px;
}
  .produto2 .texto_tv h2{
    font-size: 36px;
  }
  .produto p {
    font-size: 23px;
  }
  .produto span {
    font-size: 17px;
  }
  .cozinha .texto_tv h2{
    font-size: 36px;
  }
  .casa .texto_tv h2 {
    font-size: 36px;
  }
  .bebidas .texto_tv {
    font-size: 36px;
  }
  .escritorio .texto_tv{
    font-size: 36px;
  }
  .games .texto_tv{
    font-size: 36px;
  }
  .finais .texto_tv h2 {
    font-size: 36px;
}


}


@media (min-width: 1601px) {

  .secao .balao2{
    display: none;
    position: absolute;
    top: 0%;
    right: 0;
    width: 11%;
  }
  .secao .balao3{
    display: block;
    position: absolute;
    top: 0%;
    right: -3%;
    width: 15%;
  }
}


@media (max-width: 768px) {
  .hero p{font-size: 2.5vw;}
  .hero h1 {font-size: 4vw;}
  .hero img{display: none;}
  .secao{display: none;}
  .secao2{display: none;}
  .secao3{display: none;}
  .secao4{display: none;}
  .secao5{display: none;}
  .secao6{display: none;}
  .cozinha{display: none;}
  .casa{display: none;}
  .bebidas{display: none;}
  .escritorio{display: none;}
  .escritorio2{display: none;}
  .games{display: none;}
  .finais{display: none;}

  #categorias_desk{
    display: none;
  }

  .categorias {
    justify-content: flex-start;
  }

  .categorias2{
    display: block; 
    text-align: center;
    padding: 3% 0% 0;
    width: 96%;
    margin: 0 auto;}

  #niver_fast .categorias a {
    width: auto !important;
    max-width: 96%;
    font-size: 3vw;
    display: inline-block;
    align-items: center;
    white-space: nowrap;
    margin: 1% auto;
    padding: 3% 4%;
  }

  #niver_fast .categorias2 a:nth-of-type(1){
    padding: 3% 6%;
  }
  #niver_fast .categorias2 a:nth-of-type(5){
    padding: 3% 13%;
  }
  #niver_fast .categorias2 a:nth-of-type(7){
    padding: 3% 34%;  
  } 

  .categorias .balao {
    padding: 1vw 3vw;
    margin-right: 8px;
    border-radius: 50px;
  }

  .grid-produtos {
    display: block;
    max-width: 600px;
    margin: 0 auto;
    font-family: 'Open Sans', sans-serif;
    padding: 16px;
  }
  
  .header {
    margin: 16px 0;
    padding: 7% 1% 4% 5%;
    background: #f1f1f1;
    border-radius: 12px;
  }
  
  .header h2 {
    font-size: 4.4vw;
    margin-bottom: 2%;
  }
  
  .header a {
    font-size: 2.4vw;
    color: #0051A2;
    text-decoration: none;
  }
  .grid-produtos #cozinha2{
    position: relative;
    z-index: 999;
  }
  .balao_1{
    position: absolute;
    top: 6.5%;
    right: 0;
    width: 35%;
    z-index: 0;
  }

  .balao_2{
    position: absolute;
    top: 15.4%;
    left: 0;
    width: 35%;
    z-index: 0;
  }

  .balao_3{
    position: absolute;
    top: 23.2%;
    left: 25%;
    width: 49%;
    z-index: 0;
  }

 .balao_4{
    position: absolute;
    top: 27.2%;
    left: 65%;
    width: 40%;
    z-index: 0;
  }
  
  /* FLEX COM QUEBRA CORRETA */
  .produtos {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
  }
  
  .produto_mobile {
    position: relative;
    flex: 1 1 calc(50% - 8px); /* duas colunas com espaço */
    box-sizing: border-box;
  }
  
  .produto_mobile img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    display: block;
  }
  
  .descricao {
    font-size: 3vw;
    margin-top: 8px;
    color: #303030;
    font-weight: 700;
  }
  
  .descricao span {
    display: block;
    font-size: 2.8vw;
    color: #AF952D;
    margin-top: 4px;
    font-weight: 500;
  }

  .cozinha {
    max-width: 600px;
    margin: 0 auto;
    font-family: 'Open Sans', sans-serif;
    padding: 16px;
  }

  .casa2{
    margin: 16px 0;
  }
  
}