
:root {

    --cor-loja: #D4FF00;
    --cor-loja-rgb: rgba(218, 255, 33, 0.14);
}
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html,
body {

    height: 100%;
    margin: auto;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    /* background-image: url(assets/Screenshot_5.png);
    background-size: cover;
    background: transparent; */

}

::-webkit-scrollbar {
    display: none;
  }
  
  ::-webkit-scrollbar-thumb {
  display: none;
  }




  .lojavip {
    width: 100vw;
    height: 100vh;
    position: absolute;
    background-image: url('assets/bg.png');
    background-repeat: no-repeat;
    background-size: cover; /* opcional: cobre toda a tela */
  }
  




  .headerlojavip{
    position: relative;
    display: flex;
    align-items: center;
    width: 100vw;
    height: 5.313vw;

    border-bottom: 0.021vw solid var(--cor-loja);
background: linear-gradient(92deg, var(--cor-loja-rgb) 15.65%, rgba(17, 17, 17, 0.14) 84%);
}



.carrosel {
    position: absolute;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;         
    overflow-x: auto;          
    overflow-y: hidden;
  
    left: 15vw;
    width: 45vw;
    height: 3.313vw;

    gap: 1vw;
    padding-right: 1vw;
    scrollbar-width: none;  
  }

.carrosel {
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.carrosel::-webkit-scrollbar {
    display: none;          
  }
  
  .categorys {
    flex: 0 0 auto;           
    width: 11.302vw;
    height: 2.813vw;
    border-radius: 0.313vw;
    border: 0.052vw solid rgba(255, 255, 255, 0.01);
    background: rgba(148, 148, 148, 0.17);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
      
    color: #FFF;
    font-family: Poppins;
    font-size: .925vw;
    font-style: normal;
    font-weight: 500;
  }

.categorys p {
    position: relative;
  
    color: #FFF;
    font-family: Poppins;
    font-size: .925vw;
    font-style: normal;
    font-weight: 500;
}

.saldoplayer {
    display: flex;
    align-items: center;
    position: absolute;
    left: 80vw;
    width: 11.51vw;
    height: 2.813vw;
    flex-shrink: 0;
    border-radius: 0.313vw;
border: 0.052vw solid rgba(255, 255, 255, 0.01);
background: rgba(148, 148, 148, 0.17);

}


.saldoplayer p {
    position: relative;
    left: 3.2vw;
    color: #FFF;
    font-family: Poppins;
    font-size: .925vw;
    font-style: normal;
    font-weight: 500;
}

#svgcoin {
    position: absolute;
    left: 1vw;
    width: 2vw;
    height: 2vw;
}


.buttonbuycoins {
    position: absolute;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    left: 9vw;
    width: 1.51vw;
    height: 1.406vw;
    flex-shrink: 0;

    border-radius: 0.208vw;
background: rgba(217, 217, 217, 0.18);
}

.buttonbuycoins svg {
position: absolute;
    width: 1.25vw;
    height: 1.25vw;
}


.contentprodutos {
    position: absolute;
width: 91.667vw;
    height: 48.938vw;
    left: 4.333vw;
    overflow: auto;

    top: 6.5vw;



}

.bannercontentprodutos {
    position: absolute;
    display: flex;

  
    width: 91.667vw;
    height: 16.667vw;

background-image: url('assets/bannerloja.png');
background-repeat: no-repeat;
background-size: cover;
   
}

.bannercontentprodutos::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 99.9%;
    border-bottom: 0.052vw solid var(--cor-loja);
    border-radius: 0.469vw;
    background: linear-gradient(92deg, var(--cor-loja-rgb) 15.65%, rgba(17, 17, 17, 0.14) 84%);
}



.setabanner {
    position: absolute;
    width: 30.996vw;
    height: 2.852vw;
    left: 2.8vw;
    top: 3.5vw;
}



.setabanner svg {
    position: absolute;
width: 100%;
    height: 100%;
    left: 0;
    top: 0;

}

.nomeloja {
 
    position: absolute;
    left: 6.8vw;
    width: 30.996vw;
    height: 4.852vw;
    top: 5.5vw;
}


.nomeloja p {
    position: relative;


    font-family: Poppins;
    font-size: 3.25vw;
    font-style: normal;
    font-weight: 600;   
    color: var(--cor-loja);

text-transform: uppercase;
}





.inputsearch {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30.996vw;
    height: 2.852vw;
    top: 10.5vw;
    left: 2.8vw;
    border-radius: 0.208vw;
    border: 0.052vw solid rgba(255, 255, 255, 0.06);
    background: rgba(217, 217, 217, 0.14);

    cursor: pointer;
}

.inputsearch input {
    position: relative;
    left: 3vw;
    color: #000000;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 300;
    width: 30.996vw;
    height: 2.448vw;
    background: transparent;
    border: none;
    outline: none;
    z-index: 1;
}

.inputsearch svg {
    position: absolute;
    left: 1vw;
    width: 1.25vw;
    height: 1.25vw;
}


.buttontermodecompra {
    cursor: pointer;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 13.479vw;
    height: 2.625vw;
    top: 12.5vw;
    left: 75.5vw;
    flex-shrink: 0;
    border-radius: 0.208vw;
    border: 0.052vw solid var(--cor-loja);
    background: var(--cor-loja-rgb);
    z-index: 1;
}

.buttontermodecompra p {
    position: relative;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 600;
}





.modaltermodecompra {
    width: 100vw;
    height: 100vh;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(0.5vw); 
    -webkit-backdrop-filter: blur(0.5vw);
  }

  .contentmodaltermodecompra {
    position: absolute;
    display: flex;
    width: 32.344vw;
    height: 34.156vw;
    flex-shrink: 0;
    border-radius: 0.729vw;
    border: 0.156vw solid var(--cor-loja);
    background: linear-gradient(180deg, #161616 11.23%, var(--cor-loja) 335.79%);
    }

.contenttext  {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30.344vw;
    height: 3.156vw;
 
    left: 1.5vw;
    overflow: auto;
}


.contenttext p {
    position: relative;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 600;
}


.contenttexttermo {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30.344vw;
    top: 4.5vw;
    height: 25.156vw;

    left: 1vw;
    padding: 1vw;
    overflow: auto;
}

.contenttexttermo p {
    position: relative;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 300;
}



.buttonfechartermo {
    cursor: pointer;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10.5vw;
    height: 2.5vw;
    flex-shrink: 0;
    border-radius: 0.208vw;
    border: 0.052vw solid var(--cor-loja-rgb);
    background-color: rgba(0, 0, 0, 0.3);
    top: 31vw;
    left: 11.5vw;
}

.buttonfechartermo p {
    position: relative;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 300;
}




.mainprodutos {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
 
    position: absolute;
    top: 17vw;
    width: 91.667vw;
    height: 30.938vw;
    
    overflow: auto;
    padding: 1vw;
  }
  





.product {
    display: flex;
    position: relative;
    margin-top: 1vw;
    margin-left: 3vw;
    width: 18.479vw;
    height: 22.625vw;
    flex-shrink: 0;
    border-radius: 0.313vw;
    border: 0.104vw solid var(--cor-loja);
    background: var(--cor-loja-rgb) ;
}


.nameproduct {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0.5vw;
    left: 2vw;
    width: 14.479vw;
    height: 1.813vw;

}

.nameproduct p {
    position: relative;
    color: #FFF;
    font-family: Poppins;
    font-size: 1vw;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 600;
}




.buttoninfoproduto{
    cursor: pointer;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.3vw;
    height: 1.3vw;
    top: 1vw;
    left: 15.5vw;

flex-shrink: 0;
border-radius: 1.042vw;
border: 0.052vw solid var(--cor-loja);
background: var(--cor-loja-rgb);
}

.buttoninfoproduto p {
    position: relative;
    color: #FFF;
    font-family: Poppins;
    font-size: .95vw;
    font-style: normal;
    font-weight: 600;
}


.fotoproduto {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 2.5vw;
    left:0.5vw;
    width: 17.479vw;
    height: 13.479vw;
    border-radius: 0.313vw;

}

.fotoproduto img {
  object-fit: contain;
    width: 17.479vw;
    height: 13.479vw;
    flex-shrink: 0;

}

.valorprodut {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: -5.3vw;
    top: 17vw;

 
    width: 19.479vw;
    height: 1.813vw;

}

.valorprodut p {
    position: relative;
    text-transform: uppercase;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 600;
}

.buttoncomprarproduto {
    cursor: pointer;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12.479vw;
    height: 2.625vw;
    bottom: 0.5vw;
    left: 0.5vw;
    flex-shrink: 0;
    border-radius: 0.313vw;
    border: 0.052vw solid var(--cor-loja);
    background: var(--cor-loja)
}

.buttoncomprarproduto.wider {
    width:17.2vw;
}

.buttoncomprarproduto p {
    position: relative;
    text-transform: uppercase;
    color: #000000;
    font-family: Poppins;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 600;
}

.buttoncomprarproduto svg {
    position: absolute;
    left: 1vw;
    width: 1.25vw;
    height: 1.25vw;
}

.buttontestdrive {
    cursor: pointer;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.479vw;
    height: 2.625vw;
    bottom: 0.5vw;
    left: 14vw;
    flex-shrink: 0;
    border-radius: 0.208vw;
    border: 0.052vw solid var(--cor-loja);
    background: var(--cor-loja-rgb);
}

.buttontestdrive svg {
    position: absolute;
    
    width: 1.25vw;
    height: 1.25vw;
}





.modalcomprar {
    width: 100vw;
    height: 100vh;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(0.5vw); 
    -webkit-backdrop-filter: blur(0.5vw);
  }
  





.contentcompra {
    position: absolute;
    display: flex;
    width: 32.344vw;

height: 34.156vw;
flex-shrink: 0;
border-radius: 0.729vw;
border: 0.156vw solid var(--cor-loja);
background: linear-gradient(180deg, #161616 11.23%, var(--cor-loja) 335.79%);
}

.headermodalcompra {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    position: absolute;
    width: 32.344vw;
    height: 3.556vw;
    top:1vw;

}

.areavalorproduto {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10.26vw;
height: 2.708vw;
flex-shrink: 0;
border-radius: 0.365vw;
border: 0.052vw solid rgba(255, 255, 255, 0.30);
background: rgba(217, 217, 217, 0.14);
}

.areavalorproduto p {
    position: relative;
    color: #FFF;
    font-family: Poppins;
    font-size: .85vw;
    font-style: normal;
    font-weight: 300;
}

.iconsvgmodalcompr {
    position: relative;
 
  
    width: 2.25vw;
    height: 2.25vw;
}

.iconsvgmodalcompr svg {
    position: absolute;

    width: 2.25vw;
    height: 2.25vw;
}


.areaatualvalorproduto {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10.26vw;
height: 2.708vw;
flex-shrink: 0;
border-radius: 0.365vw;
border: 0.052vw solid rgba(255, 255, 255, 0.30);
background: rgba(217, 217, 217, 0.14);
}

.areaatualvalorproduto p {
    position: relative;
    color: #FFF;
    font-family: Poppins;
    font-size: .85vw;
    font-style: normal;
    font-weight: 300;
}


.nameprodutomodalcompra {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20.26vw;
height: 2.708vw;
    flex-shrink: 0;

    left: 6vw;
    top: 5vw;
}

.nameprodutomodalcompra p {
    position: relative;
    color: #FFF;
    text-transform: uppercase;
    font-family: Poppins;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 600;
}

.fotoprodutomodalcompra {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15.26vw;
height: 15.26vw;
    flex-shrink: 0;

    left: 8.5vw;
    top: 8vw;
}


.fotoprodutomodalcompra img {
    position: absolute;
    zoom: 1.2;    
    object-fit: contain;
    width: 15.26vw;
    height: 15.26vw;


}

.precoprodutomodalcompra {
    position: absolute;
    display: flex;
    align-items: center;

    width: 8.26vw;
    height: 2.208vw;
    flex-shrink: 0;

    left: 1vw;
    top: 23.5vw;
}

.precoprodutomodalcompra p {
    position: relative;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 600;
}

.buttoncancelarcompramodal {
    cursor: pointer;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width:14.01vw;
    height: 2.708vw;
    flex-shrink: 0;
    border-radius: 0.365vw;
    border: 0.052vw solid #FF3939;
    background: #FF2121;
    top: 26vw;
    left: 1vw;
}

.buttoncancelarcompramodal p {
    position: relative;
    color: #292929;
    text-transform: uppercase;
    font-family: Poppins;
    font-size: .95vw;
    font-style: normal;
    font-weight: 600;
}


.buttonconfirmarcompramodal {
    cursor: pointer;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14.01vw;
    height: 2.708vw;
    flex-shrink: 0;
    border-radius: 0.365vw;
    border: 0.052vw solid var(--cor-loja-rgb);
    background: var(--cor-loja);
    top: 26vw;
    left: 17vw;
}

.buttonconfirmarcompramodal p {
    position: relative;
    color: #292929;
    text-transform: uppercase;
    font-family: Poppins;
    font-size: .95vw;
    font-style: normal;
    font-weight: 600;
}



.inputcupommodalcompra {
    position: absolute;
    display: flex;
    align-items: center;
    width: 30vw;
    height: 2.708vw;
    top: 30vw;
    left: 1vw;
    border-radius: 0.313vw;
    border-radius: 0.313vw;
border: 0.052vw solid rgba(255, 255, 255, 0.06);
background: #242424;

}

.inputcupommodalcompra input {
    position: relative;
    left: 3vw;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 300;
    width: 20.354vw;
    height: 2.448vw;
    background: transparent;
    border: none;
    outline: none;
}





.modalcompravip {
    width: 100vw;
    height: 100vh;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(0.5vw); 
    -webkit-backdrop-filter: blur(0.5vw);
  }


  .contantmodalcompravip {

    width: 96vw;
height: 45.354vw;
flex-shrink: 0;
border-radius: 0.729vw;
border: 0.156vw solid var(--cor-loja);
background: linear-gradient(180deg, #161616 11.23%, var(--cor-loja) 335.79%);
  }


  .contentescolhas {
 
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;

    position: absolute;
    width: 70vw;
    height: 40.354vw;
    flex-shrink: 0;
    overflow: auto;
    padding: 1vw;
    top:8vw;

  }

  

.escolhas {
    display: flex;
    position: relative;
    margin-top: 1vw;
    margin-left: 3vw;
    width: 18.479vw;
    height: 22.625vw;
    flex-shrink: 0;
    border-radius: 0.313vw;
    border: 0.104vw solid var(--cor-loja);
    background: var(--cor-loja-rgb) ;
}


.nameescolha {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0.5vw;
    left: 2vw;
    width: 14.479vw;
    height: 1.813vw;

}

.nameescolha p {
    position: relative;
    color: #FFF;
    font-family: Poppins;
    font-size: 1vw;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 600;
}





.fotoescolha {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 2.5vw;
    left:0.5vw;
    width: 17.479vw;
    height: 13.479vw;
    border-radius: 0.313vw;

}

.fotoescolha img {
  object-fit: contain;
    width: 17.479vw;
    height: 13.479vw;
    flex-shrink: 0;

}




.buttonselecionarescolha {
    cursor: pointer;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 17vw;
    height: 2.625vw;
    bottom: 0.5vw;
    left: 0.65vw;
    flex-shrink: 0;
    border-radius: 0.313vw;
    border: 0.052vw solid var(--cor-loja);
    background: var(--cor-loja)
}

.buttonselecionarescolha p {
    position: relative;
    text-transform: uppercase;
    color: #000000;
    font-family: Poppins;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 600;
}

.mark {
    background: var(--cor-loja-rgb);
    border: none;
}

.mark p {
    color: #292929;

}	


.infosprodutovip {
    position: absolute;
    width: 24.26vw;
    height: 40.354vw;
    flex-shrink: 0;

    top: 8vw;
    left: 72vw;
}

.nameprodutomodalvip {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20.26vw;
height: 2.708vw;
    flex-shrink: 0;
    left: 2vw;

    top: 2vw;
}

.nameprodutomodalvip p {
    position: relative;
    color: #FFF;
    text-transform: uppercase;
    font-family: Poppins;
    font-size: 1.75vw;
    font-style: normal;
    font-weight: 600;
}





.headermodalcompravip {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    position: absolute;

    width: 24.26vw;
    height: 3.556vw;
    top:5vw;

}


.fotoprodutomodalcompravip {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22.656vw;
height:22.656vw;
    flex-shrink: 0;
    left: 1vw;
 
    top: 9vw;
}

.fotoprodutomodalcompravip img {
    position: absolute;   
    object-fit: contain;
    width: 22.656vw;
    height: 22.656vw;


}

.precoprodutomodalvip {
    position: absolute;
    display: flex;
    align-items: center;

    width: 10.26vw;
    height: 3.208vw;
    flex-shrink: 0;

    left: 1vw;
    top: 32vw;
}

.precoprodutomodalvip p {
    position: relative;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.75vw;
    font-style: normal;
    font-weight: 600;
}



.buttoncancelarcompramodalvip {
    cursor: pointer;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 8.5vw;
    height: 2.708vw;
    flex-shrink: 0;
    border-radius: 0.365vw;
    border: 0.052vw solid #FF3939;
    background: #FF2121;
    top: 36vw;
    left: 1vw;
}

.buttoncancelarcompramodalvip p {
    position: relative;
    color: #292929;
    text-transform: uppercase;
    font-family: Poppins;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 600;
}

.buttonconfirmarcompramodalvip {
    cursor: pointer;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14.01vw;
    height: 2.708vw;
    flex-shrink: 0;
    border-radius: 0.365vw;
    border: 0.052vw solid var(--cor-loja-rgb);
    background: var(--cor-loja);
    top: 36vw;
    left: 10vw;
}


.buttonconfirmarcompramodalvip p {
    position: relative;
    color: #292929;
    text-transform: uppercase;
    font-family: Poppins;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 600;
}





.inputcupommodalcompravip {
    position: absolute;
    display: flex;
    align-items: center;
    width: 23vw;
    height: 2.708vw;
    top: 39.3vw;
    left: 1vw;
    border-radius: 0.313vw;
    border-radius: 0.313vw;
border: 0.052vw solid rgba(255, 255, 255, 0.06);
background: #242424;

}

.inputcupommodalcompravip input {
    position: relative;
    left: 3vw;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 300;
    width: 23vw;
    height: 2.448vw;
    background: transparent;
    border: none;
    outline: none;
}




.modaldescricao {
    width: 100vw;
    height: 100vh;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(0.5vw); 
    -webkit-backdrop-filter: blur(0.5vw);
  }

.modaldesc {
    position: absolute;

    width: 40vw;
    height: 35vw;
    top: 10vw;
    border-radius: 0.208vw;
    border: 0.052vw solid var(--cor-loja-rgb);
  background: linear-gradient(180deg, #161616 11.23%, var(--cor-loja) 335.79%);
}

.modaldesccontenttitle {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;

    width: 40vw;
    height: 3.5vw;
    top: 0.5vw;
    
}

.modaldesccontenttitle p {
    position: relative;
    color: #FFF;
    font-family: Poppins;
    font-size: .95vw;
    font-style: normal;
    font-weight: 300;
}

.contenttextdesc {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35vw;
    left: 2.5vw;
    height: 25.5vw;
    top: 4.5vw;
    overflow: auto;
   
   


}

.contenttextdesc p {

    position: relative;
   top: 2vw;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.3vw;
    font-style: normal;
    font-weight: 300;
}

.modaldesccontentbutton {
    cursor: pointer;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10.5vw;
    height: 2.5vw;
    flex-shrink: 0;
    border-radius: 0.208vw;
    border: 0.052vw solid var(--cor-loja-rgb);
    background-color: rgba(0, 0, 0, 0.3);
    top: 31vw;
    left: 14.5vw;
}

.modaldesccontentbutton p {
    position: relative;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 300;
}


/* ================================== SWAL */

.swal2-container {
    font-family: 'Roboto', sans-serif;
  }



















  /* VERSÃO 2.0 GERENCIAMENTO ADMIN */


.gerenciamentonew {
    background: #111;
    width: 100vw;
    height: 100vw;
    position: absolute;
    
}

.headergeren{
    position: relative;
    display: flex;
    align-items: center;
    width: 100vw;
    height: 5.313vw;
    border-bottom:0.021vw solid rgba(255, 255, 255, 0.23);
    background: #0B0B0B;
}

.titleheader {
    position: absolute;
    left: 1.5vw;
    width: 25vw;
    height: 4.313vw;

}

.titleheader p {
position: relative;
left: 4.5vw;
top : 1.2vw;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.88) 0%, rgba(153, 153, 153, 0.58) 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
    color: #FFF;
    font-family: Poppins;
    font-size: .8vw;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.logocity {
    position: absolute;

    width: 5.375vw;
    height: 4.313vw;
}

.logocity img {
    object-fit: contain;
    position: absolute;
    width: 5vw;
    height: 5vw;
}

.circleperfildc {
position: absolute;
left: 94vw;
    width: 3.865vw;
    height: 3.865vw;
    border-radius: 50%;
  
}

.circleperfildc img {
position: absolute;
    width: 3.865vw;
    height: 3.865vw;
    border-radius: 50%;
}

.navleftgeren{
position: absolute;
    width: 21.927vw;
    height: 50.938vw;
    border-right: 0.021vw solid rgba(255, 255, 255, 0.23);
background: rgba(11, 11, 11, 0.68);

}

.navbutton {
    display: flex;
    align-items: center;
    padding: 0.938vw;
    gap: 1.042vw;
    cursor: pointer;
position: relative;
left: 1.5vw;
margin-top: 1.5vw;
    width: 18.802vw;
    height: 2.813vw;
    border-radius: 0.313vw;
border: 0.052vw solid rgba(255, 255, 255, 0.01);
background: rgba(217, 217, 217, 0.05);
}


.navbutton svg {
    width: 1.25vw;
    height: 1.25vw;
}

.navbutton p {
    color: #FFF;
    font-family: Poppins;

    font-size: 1.25vw;
    font-style: normal;
    font-weight: 400;

}

.inicioGeren {
    position: absolute;
    left: 21.927vw;
    width: 78.073vw;
    height: 100vw;
}

.bannerinicio {
    position: absolute;
    left: 2.8vw;
    top: 2.5vw;
    width: 72.656vw;
    height: 4.271vw;
    border-radius: 0.313vw 0.313vw 0vw 0vw;
background: url(assets/banner.png) lightgray 50% / cover no-repeat;
  
}

.textinicio {
    position: absolute;
    left: 2.8vw;
    top: 7.5vw;
    width: 8.656vw;
    height: 4.271vw;

}

.textinicio p {
    color: #FFF;
    font-family: Poppins;
    font-size: 2.25vw;
    font-style: normal;
    font-weight: 600;
}

.buttoncalendario {
    display: flex;
    align-items: center;
    cursor: pointer;
    
    justify-content: space-around;
    position: absolute;
    top : 12.5vw;
    left: 2.8vw;
    width: 10.208vw;
    height: 2.575vw;
    border-radius: 0.208vw;
border: 0.052vw solid rgba(255, 255, 255, 0.06);
background: rgba(255, 255, 255, 0.08);
}

.buttoncalendario p {
    color: #FFF;
    font-family: Poppins;
    font-size: 0.938vw;
    font-style: normal;
    font-weight: 300;
}

.buttoncalendario svg {
    width: 0.938vw;
    height: 0.938vw;
}

.buttonvisitloja {
    position: absolute;
    display: flex;
    align-items: center;
    cursor: pointer;

    justify-content: space-around;

    top : 12.5vw;
    left: 65vw;
    width: 10.208vw;
    height: 2.575vw;
    border-radius: 0.208vw;
border: 0.052vw  solid rgba(218, 255, 34, 0.06);
background: rgba(218, 255, 34, 0.11);


}

.buttonvisitloja p {
    color: #DAFF22;
    font-family: Poppins;
    font-size: 0.938vw;
    font-style: normal;
    font-weight: 300;
}

.buttonvisitloja svg {
    width: 0.938vw;
    height: 0.938vw;
}

.graficovendas {
    position: absolute;
    width: 49.688vw;
    height: 24.323vw;
    top: 18.5vw;
    left: 2.8vw;
    border-radius: 0.208vw;
border:  0.052vw  solid rgba(53, 53, 53, 0.55);
background: linear-gradient(180deg, rgba(58, 58, 58, 0.15) -35.44%, rgba(35, 35, 38, 0.52) 83.77%);
}

.cardinfos {
position: relative;
    width: 21.719vw;
    top: 17vw;
    padding: 1vw;
    margin-top: 1.5vw;
    height: 6.042vw;
    left: 53.969vw;
    border-radius: 0.208vw;
border:  0.052vw solid rgba(53, 53, 53, 0.55);
background: linear-gradient(180deg, rgba(58, 58, 58, 0.15) -35.44%, rgba(35, 35, 38, 0.52) 83.77%);

}

.cardinfos p {

    color: #FFF;
    font-family: Poppins;
    font-size: 1vw;
    font-style: normal;
    font-weight: 300;
}

.infovalue {
    position: absolute;

}

.infovalue p {
    color: #FFF;
    font-family: Poppins;
    font-size: 2.5vw;
    font-style: normal;
    font-weight: 400;
}

.grafico {
    position: absolute;
    width: 49.588vw;
    height: 19.323vw;
    top: 5vw;

   
}

#graficoVendas {
    width: 100%;
    height: 100%;
  }

  /* CATEGORIAS */

  .categoriasGeren {
    position: absolute;
    left: 21.927vw;
    width: 78.073vw;
    height: 100vw;
}

.textcategoria {
    position: absolute;
    left: 2.8vw;
    top: 1.5vw;
    width: 8.656vw;
    height: 4.271vw;

}

.textcategoria p {
    color: #FFF;
    font-family: Poppins;
    font-size: 2.25vw;
    font-style: normal;
    font-weight: 400;
}

.ipuntbuscarcategoria {
    position: absolute;
    display: flex;
    align-items: center;

    width: 44.063vw;
    height: 2.448vw;
    top: 6vw;
    left: 2.8vw;
    border-radius: 0.313vw;
border: 0.052vw solid rgba(255, 255, 255, 0.18);
background: rgba(217, 217, 217, 0.05);
}
.ipuntbuscarcategoria svg {
    position: relative;
    left: 1vw;
    width: 1.25vw;
    height: 1.25vw;
}


.ipuntbuscarcategoria input {
    position: relative;
    left: 1.6vw;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 300;
    width: 40.063vw;
    height: 2.448vw;
    background: transparent;
    border: none;
    outline: none;
}

#buscarCategoria {
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;

}


.buttonaddcategoria {
    position: absolute;
    display: flex;
    align-items: center;
    cursor: pointer;

    justify-content: space-around;

    top : 6vw;
    left: 65.8vw;
    width: 10.208vw;
    height: 2.575vw;
    border-radius: 0.208vw;
border: 0.052vw  solid rgba(218, 255, 34, 0.06);
background: rgba(218, 255, 34, 0.11);

}


.buttonaddcategoria p {
    color: #DAFF22;
    font-family: Poppins;
    font-size: 0.938vw;
    font-style: normal;
    font-weight: 300;
}

.buttonaddcategoria svg {
    width: 0.938vw;
    height: 0.938vw;
}

.contentlistcategoria {
    position: absolute;
    width: 73.333vw;
    height: 36.042vw;
    top: 10vw;
    overflow: auto;
    left: 2.8vw;
    border-radius:0.313vw;
    border-right: 0.052vw solid rgba(255, 255, 255, 0.10);
    border-bottom: 0.052vw solid rgba(255, 255, 255, 0.10);
    border-left: 0.104vw solid rgba(255, 255, 255, 0.10);
    background: rgba(36, 36, 36, 0.74);
}

.headerlistcategoria {
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: absolute;
    width: 73.333vw;
    height:3.177vw;
    border-radius: 0.313vw 0.313vw 0vw 0vw;
    border: 0.052vw solid rgba(255, 255, 255, 0.10);
    background: rgba(36, 36, 36, 0.30);
}


.headerlistcategoria .nomecategoria, .editarcategoria, .excluircategoria {
    color: #FFF;
    font-family: Poppins;
    font-size: 1vw;
    font-style: normal;
    font-weight: 300;
}

.editarcategoria, .excluircategoria {
  position: relative;
  left: 1.2vw;
}

.modalcategoria {

    position: absolute;
    left: 74vw;
    width: 26.354vw;
    height: 50.938vw;
    border-left: 0.026vw solid rgba(255, 255, 255, 0.30);
background: #151515;
animation: slideIn 1s forwards; 
}

.modalcategoria.hidden {
    left: 100vw; 
    opacity: 0;
  }
@keyframes slideIn {
    0% {
      left: 100vw; 
    }
    100% {
      left: 74vw; 
    }
  }


  .heademodalcatego {
    display: flex;
    align-items: center;
padding: 1.5vw;
gap: 1.5vw;
    position: absolute;
    width: 26.354vw;
    height:3.177vw;

    
}

.heademodalcatego svg {
    cursor: pointer;
width: 1.5vw;
height: 1.5vw;
}

.heademodalcatego p {
    color: #FFF;
    font-family: Poppins;
    font-size: 1vw;
    font-style: normal;
    font-weight: 300;
}


.inputnamecategoria {

    position: absolute;
    display: flex;
    align-items: center;
    width: 24.354vw;
    height: 2.448vw;
    top: 5vw;
    left: 1vw;
    border-radius: 0.313vw;
    border-radius: 0.313vw;
border: 0.052vw solid rgba(255, 255, 255, 0.06);
background: #242424;

}
.inputnamecategoria input {
    position: relative;
    left: 1vw;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 300;
    width: 20.354vw;
    height: 2.448vw;
    background: transparent;
    border: none;
    outline: none;
}


.selectvisivelcateroria {

    position: absolute;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 24.354vw;
    height: 2.448vw;
    top: 9vw;
    left: 1vw;
    border-radius: 0.313vw;
    border-radius: 0.313vw;
border: 0.052vw solid rgba(255, 255, 255, 0.06);
background: #242424;
}


.selectvisivelcateroria select {
    cursor: pointer;
    position: relative;
    left: 1vw;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 300;
    width: 20.354vw;
    height: 2.448vw;
    background: transparent;
    border: none;
    outline: none;
    appearance: none; 
    -webkit-appearance: none; 
    -moz-appearance: none; 
}
#selectvisivelcateroria {
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
}

option {
    background: #1E1E1E;
    border: none;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight:300;
    line-height: normal;
    flex-shrink: 0;
    border: none;
    outline: none;
    appearance: none; 
    -webkit-appearance: none; 
    -moz-appearance: none;
  }

  .buttonsalvarcriarcategoria {
    position: absolute;
    display: flex;
    align-items: center;
    cursor: pointer;

    justify-content: space-around;

    top : 46vw;
    left: 1vw;
    width: 24.354vw;
    height: 2.575vw;
    border-radius: 0.208vw;
border: 0.052vw  solid rgba(218, 255, 33, 0.33);

background: var(--cor-loja-rgb) ;;

}

.buttonsalvarcriarcategoria p {
    color: #DAFF22;
    font-family: Poppins;
    font-size: 0.938vw;
    font-style: normal;
    font-weight: 300;

}

.buttoneditarcategria {
    position: absolute;
    display: flex;
    align-items: center;
    cursor: pointer;

    justify-content: space-around;

    top : 46vw;
    left: 1vw;
    width: 24.354vw;
    height: 2.575vw;
    border-radius: 0.208vw;
border: 0.052vw  solid rgba(218, 255, 33, 0.33);

background: var(--cor-loja-rgb) ;;

}

.buttoneditarcategria p {
    color: #DAFF22;
    font-family: Poppins;
    font-size: 0.938vw;
    font-style: normal;
    font-weight: 300;

}




.boxcategoria {
    display: flex;
align-items: center;
    justify-content: space-around;
    position: relative;
    top: 3.5vw;

    margin-top: .5vw;
    width: 73.333vw;
    height:3.177vw;

    border: 0.052vw solid rgba(255, 255, 255, 0.10);
    background: rgba(36, 36, 36, 0.30);
}






.editarcategoriabox svg {

    position: absolute;
    bottom: .8vw;
    cursor: pointer;
    width: 1.5vw;
    height: 1.5vw;
}

.boxcategoria .nomecategoria, p {
    color: #FFF;
    font-family: Poppins;
    font-size: 1vw;
    font-style: normal;
    font-weight: 300;
}

.excluircategoriabox svg {
    bottom: .8vw;
    position: absolute;
    cursor: pointer;
    width: 1.5vw;
    height: 1.5vw;
}


.warningnodados {
      display: none;
    position: absolute;
    width: 33.333vw;
    height: 16.042vw;
    top: 10vw;
    left: 20vw;

}

.iconwarning {
    position: absolute;
    width: 5.208vw;
    height: 5.208vw;
    top: 5vw;
    left: 14.062vw;
}

.iconwarning svg {
    position: absolute;
    width: 3.208vw;
    height: 3.208vw;
}


.warningmenssage {
    position: absolute;
    width: 33.333vw;
    height: 6.042vw;
    top: 11vw;
    left: 6.062vw;
}

.warningmenssage p {
    color: #FFF;
    font-family: Poppins;
    font-size: 1.5vw;
    font-style: normal;
    font-weight: 300;
}


/* PRODUTOS */
.produtosGeren {
    position: absolute;
    left: 21.927vw;
    width: 78.073vw;
    height: 100vw;
    
}



.textprodutos {
    position: absolute;
    left: 2.8vw;
    top: 1.5vw;
    width: 8.656vw;
    height: 4.271vw;

}

.textprodutos p {
    color: #FFF;
    font-family: Poppins;
    font-size: 2.25vw;
    font-style: normal;
    font-weight: 400;
}

.ipuntbuscarproduto {
    position: absolute;
    display: flex;
    align-items: center;

    width: 44.063vw;
    height: 2.448vw;
    top: 6vw;
    left: 2.8vw;
    border-radius: 0.313vw;
border: 0.052vw solid rgba(255, 255, 255, 0.18);
background: rgba(217, 217, 217, 0.05);
}
.ipuntbuscarproduto svg {
    position: relative;
    left: 1vw;
    width: 1.25vw;
    height: 1.25vw;
}


.ipuntbuscarproduto input {
    position: relative;
    left: 1.6vw;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 300;
    width: 40.063vw;
    height: 2.448vw;
    background: transparent;
    border: none;
    outline: none;
}

#buscarProduto {
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;

}


.buttonselectcategoria {
    position: absolute;
    cursor: pointer;

    top : 6vw;
    left: 47.8vw;
    width: 11.208vw;
    height: 2.575vw;
    border-radius: 0.208vw;
border: 0.052vw  solid rgba(218, 255, 34, 0.06);
background: rgba(218, 255, 34, 0.11);
}
.buttonselectcategoria select {
    cursor: pointer;
    position: absolute;
    left: 1vw;
    color: #FFF;
    font-family: Poppins;
    font-size: 0.838vw;
    font-style: normal;
    font-weight: 300;
    width: 9.208vw;
    height: 2.448vw;
    background: transparent;
    border: none;
    outline: none;
    appearance: none; 
    -webkit-appearance: none; 
    -moz-appearance: none; 
}


#categoriaProduto option {
    background: #1E1E1E;
    border: none;
    color: #FFF;
    font-family: Poppins;
    font-size: .838vw;
    font-style: normal;
    font-weight:300;
    line-height: normal;
    flex-shrink: 0;
    border: none;
    outline: none;
    appearance: none; 
    -webkit-appearance: none; 
    -moz-appearance: none;
  } 


.buttonaddProduto {
    position: absolute;
    display: flex;
    align-items: center;
    cursor: pointer;

    justify-content: space-around;

    top : 6vw;
    left: 65.8vw;
    width: 10.208vw;
    height: 2.575vw;
    border-radius: 0.208vw;
border: 0.052vw  solid rgba(218, 255, 34, 0.06);
background: rgba(218, 255, 34, 0.11);

}



.buttonaddProduto p {
    color: #DAFF22;
    font-family: Poppins;
    font-size: 0.938vw;
    font-style: normal;
    font-weight: 300;
}

.buttonaddProduto svg {
    width: 0.938vw;
    height: 0.938vw;
}

.contentlistprodutos {
    position: absolute;
    width: 73.333vw;
    height: 36.042vw;
    top: 10vw;
    overflow: auto;
    left: 2.8vw;
    border-radius:0.313vw;
    border-right: 0.052vw solid rgba(255, 255, 255, 0.10);
    border-bottom: 0.052vw solid rgba(255, 255, 255, 0.10);
    border-left: 0.104vw solid rgba(255, 255, 255, 0.10);
    background: rgba(36, 36, 36, 0.74);
}

.headerlistproduto {
    display: flex;
    align-items: center;
    

    position: absolute;
    width: 73.333vw;
    height:3.177vw;
    border-radius: 0.313vw 0.313vw 0vw 0vw;
    border: 0.052vw solid rgba(255, 255, 255, 0.10);
    background: rgba(36, 36, 36, 0.30);
}


.headerlistproduto .nomecategoria {
    position: relative;
    left: 1.5vw;
    color: #FFF;
    font-family: Poppins;
    font-size: 1vw;
    font-style: normal;
    font-weight: 300;
}


.boxproduto {
    cursor: pointer;
    display: flex;
align-items: center;

    position: relative;
    top: 3.5vw;

    margin-top: .5vw;
    width: 73.333vw;
    height:3.177vw;

    border: 0.052vw solid rgba(255, 255, 255, 0.10);
    background: rgba(36, 36, 36, 0.30);
}

.boxproduto  p {
  position: relative;
  left: 1.5vw;
    color: #FFF;
    font-family: Poppins;
    font-size: 1vw;
    font-style: normal;
    font-weight: 300;
}




.modalprodutos {

    position: absolute;
    left: 74vw;
    width: 26.354vw;
    height: 50.938vw;
    border-left:0.026vw solid rgba(255, 255, 255, 0.30);
background: #151515;
animation: slideIn 1s forwards; 
}
.modalprodutos.hidden {
    left: 100vw; 
    opacity: 0;
  }
@keyframes slideIn {
    0% {
      left: 100vw; 
    }
    100% {
      left: 74vw; 
    }
  }

  .contentareainputsproduto {
    position: absolute;


    width: 26.354vw;
    height: 40.938vw;
top: 3vw;
overflow: auto;
    left: 0vw;

  }

  .selectypeproduto {
    position: absolute;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 24.354vw;
    height: 2.448vw;
    top: 13vw;
    left: 1vw;
    border-radius: 0.313vw;
    border-radius: 0.313vw;
border: 0.052vw solid rgba(255, 255, 255, 0.06);
background: #242424;
}

.selectypeproduto select {
    cursor: pointer;
    position: relative;
    left: 1vw;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 300;
    width: 20.354vw;
    height: 2.448vw;
    background: transparent;
    border: none;
    outline: none;
    appearance: none; 
    -webkit-appearance: none; 
    -moz-appearance: none;
}
  .inputvalorproduto {

    position: absolute;
    display: flex;
    align-items: center;
    width: 24.354vw;
    height: 2.448vw;
    top: 17vw;
    left: 1vw;
    border-radius: 0.313vw;
    border-radius: 0.313vw;
border: 0.052vw solid rgba(255, 255, 255, 0.06);
background: #242424;

}

.inputvalorproduto input {
    position: relative;
    left: 1vw;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 300;
    width: 20.354vw;
    height: 2.448vw;
    background: transparent;
    border: none;
    outline: none;

}


.inputlinkimagem {

    position: absolute;
    display: flex;
    align-items: center;
    width: 24.354vw;
    height: 2.448vw;
    top: 21vw;
    left: 1vw;
    border-radius: 0.313vw;
    border-radius: 0.313vw;
border: 0.052vw solid rgba(255, 255, 255, 0.06);
background: #242424;

}

.inputlinkimagem input {
    position: relative;
    left: 1vw;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 300;
    width: 20.354vw;
    height: 2.448vw;
    background: transparent;
    border: none;
    outline: none;

}





.inputidcargo {

    position: absolute;
    display: flex;
    align-items: center;
    width: 24.354vw;
    height: 2.448vw;
    top: 25vw;
    left: 1vw;
    border-radius: 0.313vw;
    border-radius: 0.313vw;
border: 0.052vw solid rgba(255, 255, 255, 0.06);
background: #242424;

}

.inputidcargo input {
    position: relative;
    left: 1vw;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 300;
    width: 20.354vw;
    height: 2.448vw;
    background: transparent;
    border: none;
    outline: none;

}







.buttonsalvarcriarproduto {
    position: absolute;
    display: flex;
    align-items: center;
    cursor: pointer;

    justify-content: space-around;

    top : 46vw;
    left: 1vw;
    width: 24.354vw;
    height: 2.575vw;
    border-radius: 0.208vw;
border: 0.052vw  solid rgba(218, 255, 33, 0.33);

background:  rgba(218, 255, 33, 0.14);

}

.buttonsalvarcriarproduto p {
    color: #DAFF22;
    font-family: Poppins;
    font-size: 0.938vw;
    font-style: normal;
    font-weight: 300;
}




.buttondeletarproduto {
    position: absolute;
    display: flex;
    align-items: center;
    cursor: pointer;

    justify-content: space-around;

    top : 46vw;
    left: 2vw;
    width: 10.354vw;
    height: 2.575vw;
    border-radius: 0.208vw;
    border: 0.052vw solid rgba(255, 0, 0, 0.33);

    background: rgba(255, 0, 0, 0.20);;

}

.buttondeletarproduto p {
    color: #fff;
    font-family: Poppins;
    font-size: 0.938vw;
    font-style: normal;
    font-weight: 300;
}

.buttoneditarproduto {
    position: absolute;
    display: flex;
    align-items: center;
    cursor: pointer;

    justify-content: space-around;

    top : 46vw;
    left: 13.8vw;
    width: 10.354vw;
    height: 2.575vw;
    border-radius: 0.208vw;
    border: 0.052vw  solid rgba(218, 255, 33, 0.33);

background:  rgba(218, 255, 33, 0.14);


}

.buttoneditarproduto p {
    color: #DAFF22;
    font-family: Poppins;
    font-size: 0.938vw;
    font-style: normal;
    font-weight: 300;
}




.selecttemporario {
    position: absolute;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 24.354vw;
    height: 2.448vw;
    top: 29vw;
    left: 1vw;
    border-radius: 0.313vw;
    border-radius: 0.313vw;
border: 0.052vw solid rgba(255, 255, 255, 0.06);
background: #242424;
}

.selecttemporario select {
    cursor: pointer;
    position: relative;
    left: 1vw;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 300;
    width: 20.354vw;
    height: 2.448vw;
    background: transparent;
    border: none;
    outline: none;
    appearance: none; 
    -webkit-appearance: none; 
    -moz-appearance: none; 
}

.extrainputsproduto {
    display: flex;
    justify-content: space-evenly;
}
.inputprodutoextra {
    position: absolute;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 24.354vw;
    height: 2.448vw;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 300;
    border: none;
    padding: 0.5vw;
    outline: none;
    left: 1vw;
    border-radius: 0.313vw;
    border-radius: 0.313vw;
background: #242424;
}

.inputprodutoextra2 {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 10.354vw;
    height: 2;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 300;
    border: none;
    padding: 0.5vw;

    outline: none;
    left: 1vw;
    border-radius: 0.313vw;
    border-radius: 0.313vw;
background: #242424;
}




.inputtempo {

    position: absolute;
    display: flex;
    align-items: center;
    width: 24.354vw;
    height: 2.448vw;
    top: 33vw;
    left: 1vw;
    border-radius: 0.313vw;
    border-radius: 0.313vw;
border: 0.052vw solid rgba(255, 255, 255, 0.06);
background: #242424;

}

.inputtempo input {
    position: relative;
    left: 1vw;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 300;
    width: 20.354vw;
    height: 2.448vw;
    background: transparent;
    border: none;
    outline: none;

}


.inputdescricao {
    position: absolute;
    display: flex;

    width: 24.354vw;
    height: 10.448vw;
    top: 37vw;
    left: 1vw;
    border-radius: 0.313vw;
    border: 0.052vw solid rgba(255, 255, 255, 0.06);
    background: #242424;
}

.inputdescricao textarea {
    color: #FFF;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 300;
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    outline: none;
    resize: none; 
    padding: 1vw; 
    box-sizing: border-box; 
}



.markisvip {
    position: absolute;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 24.354vw;
    height: 2.448vw;
    top: 48vw;
    left: 1vw;
    gap: 0.625vw;
    margin-top: 0.521vw;
   font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 300;
    color: #FFF;

}
.markisvip input[type="checkbox"] {
    width: 0.938vw;
    height: 0.938vw;
    accent-color:  var(--cor-loja); 
    cursor: pointer;
  }

  .markisvip input[type="checkbox"] {
    display: none;
  }
  
  .markisvip label {
    position: relative;
    padding-left: 2.604vw;
    cursor: pointer;
    color: #fff;
    font-size: 0.781vw;
  }
  
  .markisvip label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.104vw;
    width: 2.083vw;
    height: 1.042vw;
    background: #555;
    border-radius: 1.042vw;
    transition: background 0.3s;
  }
  
  .markisvip label::after {
    content: '';
    position: absolute;
    left: 0.156vw;
    top: 0.26vw;
    width: 0.729vw;
    height: 0.729vw;
    background: #fff;
    border-radius: 50%;
    transition: transform 0.3s;
  }
  
  .markisvip input[type="checkbox"]:checked + label::before {
    background: var(--cor-loja);
  }
  
  .markisvip input[type="checkbox"]:checked + label::after {
    transform: translateX(1.042vw);
  }
  





.pacotevip-container {
    position: absolute;
    width: 24.354vw;
    height: 12.448vw;
    top: 52vw;
    left: 1vw;
    border-radius: 0.313vw;
    border-radius: 0.313vw;
border: 0.052vw solid rgba(255, 255, 255, 0.06);
background: #242424;
}

.textblocovip {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
   left: 2vw;
   
    color: #FFF;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 300;
    width: 20.354vw;
    height: 2.448vw;

    border: none;
    outline: none;
}




.listaVipItens {
    position: absolute;
   

    width: 24.354vw;
    top: 2.448vw;
    height: 7.448vw;
overflow: auto;
    left: 0vw;

}

.inputvipnome {
    position: absolute;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 15.354vw;
    height: 2.448vw;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    border: 0.052vw solid rgba(255, 255, 255, 0.06);
    font-weight: 300;

    padding: 0.5vw;
top: 0.5vw;

    left: 7vw;
    border-radius: 0.313vw;
background: #242424;
}


.inputvipamount {
    position: absolute;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 21.354vw;
    height: 2.448vw;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 300;
    border: none;
    padding: 0.5vw;
    border: 0.052vw solid rgba(255, 255, 255, 0.06);
    top: 3.2vw;
    outline: none;
   left: 1vw;

    border-radius: 0.313vw;
    border-radius: 0.313vw;
background: #242424;
}


.linha-vip  {
  position: relative;
  margin-top: 0.5vw;
    top: 0.5vw;
    width: 24.354vw;
    height: 5.448vw;
    border-radius: 0.313vw;
    opacity: 1;
    transition: opacity 0.3s ease;

}
.linha-vip.fade-out {
    opacity: 0;
  }

.linha-vip select {
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.238vw;
    top: 0.5vw;
    font-style: normal;
    font-weight: 300;
    width: 5.354vw;
    height: 2.448vw;
    border-radius: 0.313vw;
    border-radius: 0.313vw;
    left: 1vw;
    border-radius: 0.313vw;
    border: 0.052vw solid rgba(255, 255, 255, 0.06);
    background: #242424;
    outline: none;
    appearance: none; 
    -webkit-appearance: none; 
    -moz-appearance: none; 
}


#adicionarOpcaoVip {
    position: absolute;
    display: flex;
    align-items: center;
    cursor: pointer;

    justify-content: space-around;

    top : 10vw;

    left: 1vw;
    width: 10.354vw;
    height: 2vw;
    border-radius: 0.208vw;
border: 0.052vw  solid rgba(218, 255, 33, 0.33);

background: var(--cor-loja-rgb) ;;
color: #DAFF22;
font-family: Poppins;
font-size: 0.938vw;
font-style: normal;
font-weight: 300;
}

#removerOpcaoVip {
    position: absolute;
    display: flex;
    align-items: center;
    cursor: pointer;

    justify-content: space-around;

    top : 10vw;

    left: 13vw;
    width: 10.354vw;
    height: 2vw;
    border-radius: 0.208vw;
    border: 0.052vw solid rgba(255, 0, 0, 0.33);

    background: rgba(255, 0, 0, 0.20);;
color: #ffffff;
font-family: Poppins;
font-size: 0.938vw;
font-style: normal;
font-weight: 300;
}



.PedidosGeren {
    position: absolute;
    left: 21.927vw;
    width: 78.073vw;
    height: 100vw;
}

.textpedidos {
    position: absolute;
    left: 2.8vw;
    top: 1.5vw;
    width: 8.656vw;
    height: 4.271vw;

}

.textpedidos p {
    color: #FFF;
    font-family: Poppins;
    font-size: 2.25vw;
    font-style: normal;
    font-weight: 400;
}

.ipuntbuscarpedidos {
    position: absolute;
    display: flex;
    align-items: center;

    width: 44.063vw;
    height: 2.448vw;
    top: 6vw;
    left: 2.8vw;
    border-radius: 0.313vw;
border: 0.052vw solid rgba(255, 255, 255, 0.18);
background: rgba(217, 217, 217, 0.05);
}
.ipuntbuscarpedidos svg {
    position: relative;
    left: 1vw;
    width: 1.25vw;
    height: 1.25vw;
}

.ipuntbuscarpedidos input {
    position: relative;
    left: 1.6vw;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 300;
    width: 40.063vw;
    height: 2.448vw;
    background: transparent;
    border: none;
    outline: none;
}


.contentlistpedidos {
    position: absolute;
    width: 73.333vw;
    height: 36.042vw;
    top: 10vw;
    left: 2.8vw;
    border-radius:0.313vw;
    border-right: 0.052vw solid rgba(255, 255, 255, 0.10);
    border-bottom: 0.052vw solid rgba(255, 255, 255, 0.10);
    border-left: 0.104vw solid rgba(255, 255, 255, 0.10);
    background: rgba(36, 36, 36, 0.74);
}

.headerlistpedidos {
    display: flex;
  
    align-items: center;
    justify-content: space-around;

    position: absolute;
    width: 73.333vw;
    height:3.177vw;
    border-radius: 0.313vw 0.313vw 0vw 0vw;
    border: 0.052vw solid rgba(255, 255, 255, 0.10);
    background: rgba(36, 36, 36, 0.30);
}

.boxpedidos {
    display: flex;
align-items: center;
    justify-content: space-around;
    position: relative;
    top: 3.5vw;

    margin-top: .5vw;
    width: 73.333vw;
    height:3.177vw;

    border: 0.052vw solid rgba(255, 255, 255, 0.10);
    background: rgba(36, 36, 36, 0.30);
}



.headerlistpedidos .id, .cliente, .produto ,.data, .valor {
    color: #FFF;
    font-family: Poppins;
    font-size: 1vw;
    font-style: normal;
    font-weight: 300;
}


.modalpedidos {

    position: absolute;
    left: 74vw;
    width: 26.354vw;
    height: 50.938vw;
    border-left:0.026vw solid rgba(255, 255, 255, 0.30);
background: #151515;
animation: slideIn 1s forwards; 
}

.modalpedidos.hidden {
    left: 100vw; 
    opacity: 0;
  }
@keyframes slideIn {
    0% {
      left: 100vw; 
    }
    100% {
      left: 74vw; 
    }
  }

  .textinfocomprador {
    position: absolute;
    left: 1vw;
    top: 5vw;
    width: 24.354vw;
    height: 1.448vw;
    border-radius: 0.313vw;
    border-radius: 0.313vw;


}

.textinfocomprador p {
    position: relative;
    left: 1vw;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 400;
    width: 20.354vw;
    height: 2.448vw;
    background: transparent;
    border: none;
    outline: none;
}

.inputnome  {
    position: absolute;
    display: flex;
    align-items: center;
    width: 24.354vw;
    height: 2.448vw;
    top: 8vw;
    left: 1vw;
    border-radius: 0.313vw;
    border-radius: 0.313vw;
border: 0.052vw solid rgba(255, 255, 255, 0.06);
background: #242424;

}

.inputnome p {
    position: relative;
    left: 1vw;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 300;

}

.inputid {
    position: absolute;
    display: flex;
    align-items: center;
    width: 24.354vw;
    height: 2.448vw;
    top: 12vw;
    left: 1vw;
    border-radius: 0.313vw;
    border-radius: 0.313vw;
border: 0.052vw solid rgba(255, 255, 255, 0.06);
background: #242424;

}

.inputid p {
    position: relative;
    left: 1vw;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 300;

}


.inputcupom {
    position: absolute;
    display: flex;
    align-items: center;
    width: 24.354vw;
    height: 2.448vw;
    top: 16vw;
    left: 1vw;
    border-radius: 0.313vw;
    border-radius: 0.313vw;
border: 0.052vw solid rgba(255, 255, 255, 0.06);
background: #242424;

}

.inputcupom p {
    position: relative;
    left: 1vw;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 300;

}


.textinfoproduto {
    position: absolute;
    left: 1vw;
    top: 20vw;
    width: 24.354vw;
    height: 1.448vw;
    border-radius: 0.313vw;
    border-radius: 0.313vw;


}

.textinfoproduto p {
    position: relative;
    left: 1vw;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 400;
    width: 20.354vw;
    height: 2.448vw;
    background: transparent;
    border: none;
    outline: none;
}

.inputnomeproduto {
    position: absolute;
    display: flex;
    align-items: center;
    width: 24.354vw;
    height: 2.448vw;
    top: 23vw;
    left: 1vw;
    border-radius: 0.313vw;
    border-radius: 0.313vw;
border: 0.052vw solid rgba(255, 255, 255, 0.06);
background: #242424;

}

.inputnomeproduto p {
    position: relative;
    left: 1vw;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 300;

}


.ConfiguracoesGeren {
    position: absolute;
    left: 21.927vw;
    width: 78.073vw;
    height: 100vw;
}

.bannerconfiguracoes {
    position: absolute;
    left: 2.8vw;
    top: 2.5vw;
    width: 72.656vw;
    height: 4.271vw;
    border-radius: 0.313vw 0.313vw 0vw 0vw;

  
}

.bannerconfiguracoes img {
    position: absolute;
    object-fit:cover;
    width: 72.656vw;
    height: 4.271vw;
    border-radius: 0.313vw 0.313vw 0vw 0vw;
}

.textconfiguracoes {
    position: absolute;
    left: 2.8vw;
    top: 7vw;
    width: 8.656vw;
    height: 4.271vw;

}
.textconfiguracoes p {
    color: #FFF;
    font-family: Poppins;
    font-size: 2.25vw;
    font-style: normal;
    font-weight: 400;
}











.contentconfig {
    position: absolute;
    width: 26.042vw;
    height: 24.271vw;
  
    top : 12vw;
    left: 2.8vw;
}



.inputnomeloja {
    position: absolute;
    display: flex;
    align-items: center;
    width: 24.354vw;
    height:3.542vw;
    top: 1vw;
    
    border-radius: 0.313vw;
    border-radius: 0.313vw;
border: 0.052vw solid rgba(255, 255, 255, 0.06);
background: #242424;

}

.inputnomeloja input {
    position: relative;
    left: 1vw;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 300;
    width: 20.354vw;
    height: 2.448vw;
    background: transparent;
    border: none;
    outline: none;

}
.inputnomeloja svg {
    position: absolute;
    left: 22vw;
    width: 1.5vw;
    height: 1.5vw;
}






.inputlinkdc {
    position: absolute;
    display: flex;
    align-items: center;
    width: 24.354vw;
    height: 3.542vw;
    top: 6vw;
    
    border-radius: 0.313vw;
    border-radius: 0.313vw;
border: 0.052vw solid rgba(255, 255, 255, 0.06);
background: #242424;

}
.inputlinkdc input {
    position: relative;
    left: 1vw;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 300;
    width: 20.354vw;
    height: 2.448vw;
    background: transparent;
    border: none;
    outline: none;

}

.inputlinkdc svg {
    position: absolute;
    left: 22vw;
    width: 1.5vw;
    height: 1.5vw;
}


.inputcorloja {
    position: relative; /* <--- ALTERADO de absolute para relative */
    display: flex;
    align-items: center;
    width: 24.354vw;
    height: 3.542vw;
    top: 11vw;
    border-radius: 0.313vw;
    border: 0.052vw solid rgba(255, 255, 255, 0.06);
    background: #242424;
}

.inputcorloja input {
    color: #FFF;
    width: 5.354vw;
    height: 2.448vw;
    background: transparent;
    border: none;
    outline: none;
    margin-left: 1vw;
}

.inputcorloja label {
    margin-left: 1vw;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 300;
}


input[type="color"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    width: 1.564vw;
    height: 1.564vw;
    border-radius: 20%;
    overflow: hidden;
    cursor: pointer;
  }

  input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
    border-radius: 20%;
  }

  input[type="color"]::-webkit-color-swatch {
    border: none;
    border-radius: 20%; 
  }

  input[type="color"]::-moz-color-swatch {
    border: none;
    border-radius: 20%; 
  }
  

  .buttoncriarcupon {
    position: absolute;
    display: flex;
    align-items: center;
    cursor: pointer;

    justify-content: space-around;

    top : 13vw;
    left: 47.8vw;
    width: 15.521vw;
    height: 3.177vw;
    border-radius: 0.313vw;
    border: 0.052vw solid rgba(33, 177, 255, 0.33);
    background: rgba(33, 177, 255, 0.20);

    
}


.buttoncriarcupon p {
    color: #21B1FF;
    text-transform: uppercase;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 600;
}

.buttoncriarcupon svg {
    width: 1.5vw;
    height: 1.5vw;
}


.selectcuponsativos {
    position: absolute;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 15.521vw;
    height: 2.448vw;
    top: 18vw;
    left: 47.8vw;
    padding: 0 1vw;
    border-radius: 0.313vw;
    border-radius: 0.313vw;
border: 0.052vw solid rgba(255, 255, 255, 0.06);
background: #242424;
}

.selectcuponsativos select {
    cursor: pointer;
    position: relative;
    
    color: #FFF;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 300;

    background: transparent;
    border: none;
    outline: none;
    appearance: none; 
    -webkit-appearance: none; 
    -moz-appearance: none; 
}

.selectcuponsativos svg {
    position: absolute;
    left: 13vw;
    width: 1.5vw;
    height: 1.5vw;
}
 
#cuponsativos {
    width: 10vw;
}


#cuponsativos option {
    background: #1E1E1E;
    border: none;
    color: #FFF;
    font-family: Poppins;
    font-size: .838vw;
    font-style: normal;
    font-weight:300;
    line-height: normal;
    flex-shrink: 0;
    border: none;
    outline: none;
    appearance: none; 
    -webkit-appearance: none; 
    -moz-appearance: none;
  }






.termodecompra {
    position: absolute;
    display: flex;

    cursor: pointer;
    width: 73vw;
    height: 17.208vw;
    top: 28vw;
    left: 2.8vw;
    border-radius: 0.313vw;

border: 0.052vw solid rgba(255, 255, 255, 0.06);
background: #242424;
}






.headertermodecompra {
    display: flex;
    align-items: center;
   

    position: absolute;
    width: 73vw;
    height:2.177vw;
    border-radius: 0.313vw 0.313vw 0vw 0vw;
    border: 0.052vw solid rgba(255, 255, 255, 0.10);
    background: rgba(89, 89, 89, 0.16);
}


.headertermodecompra svg {
    position: relative;
    left: 1.5vw;
    width: 1.5vw;
    height: 1.5vw;
}
.headertermodecompra p {
    position: relative;
    left: 2.5vw;
    color: #FFF;
    font-family: Poppins;
    font-size: 1vw;
    font-style: normal;
    font-weight: 300;
}


.inputtermo {
    position: absolute;
    display: flex;
    align-items: center;
    width: 73vw;
    height: 14vw;
    top: 2.6vw;
    left: 0vw;
    border-radius: 0.313vw;
    border-radius: 0.313vw;

}

.inputtermo textarea {
    color: #FFF;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 300;
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    outline: none;
    resize: none; 
    padding: 1vw; 
    box-sizing: border-box; 
}





.buttonsalvarconfig {
    position: absolute;
    display: flex;
    align-items: center;
    cursor: pointer;

    justify-content: space-around;

    top : 46vw;
    left: 60.3vw;
    width:15.521vw;
    height: 3.177vw;
    border-radius: 0.208vw;
border: 0.052vw  solid rgba(218, 255, 33, 0.33);

background: var(--cor-loja-rgb) ;;

}

.buttonsalvarconfig p {
    color: #D4FF00;
    font-family: Poppins;
    font-size: 0.938vw;
    font-style: normal;
    font-weight: 300;
}

.buttonsalvarconfig svg {
    position: absolute;
    left: 13vw;
    width: 1.5vw;
    height: 1.5vw;
}





.cupomsGeren {
    position: absolute;
    left: 21.927vw;
    width: 78.073vw;
    height: 100vw;
}

.textcupoms {
    position: absolute;
    left: 2.8vw;
    top: 1.5vw;
    width: 8.656vw;
    height: 4.271vw;

}
.textcupoms p {
    color: #FFF;
    font-family: Poppins;
    font-size: 2.25vw;
    font-style: normal;
    font-weight: 400;
}







.contentcriarcupons {
    position: absolute;
    width: 26.042vw;
    height: 24.271vw;
  
    top : 8vw;
    left: 2.8vw;
}

.inputnomecupom {
    position: absolute;
    display: flex;
    align-items: center;
    width: 24.354vw;
    height:3.542vw;
    top: 1vw;
    
    border-radius: 0.313vw;
    border-radius: 0.313vw;
border: 0.052vw solid rgba(255, 255, 255, 0.06);
background: #242424;

}

.inputnomecupom input {
    position: relative;
    left: 1vw;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 300;
    width: 20.354vw;
    height: 2.448vw;
    background: transparent;
    border: none;
    outline: none;

}

.inputnomecupom svg {
    position: absolute;
    left: 22vw;
    width: 1.5vw;
    height: 1.5vw;
}

.inputvalorcupom {
    position: absolute;
    display: flex;
    align-items: center;
    width: 24.354vw;
    height: 3.542vw;
    top: 6vw;
    
    border-radius: 0.313vw;
    border-radius: 0.313vw;
border: 0.052vw solid rgba(255, 255, 255, 0.06);
background: #242424;

}

.inputvalorcupom input {
    position: relative;
    left: 1vw;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 300;
    width: 20.354vw;
    height: 2.448vw;
    background: transparent;
    border: none;
    outline: none;

}

.inputvalorcupom svg {
    position: absolute;
    left: 22vw;
    width: 1.5vw;
    height: 1.5vw;
}


.inputcupomlimitedeuso {
    position: absolute;
    display: flex;
    align-items: center;
    width: 24.354vw;
    height: 3.542vw;
    top: 11vw;
    
    border-radius: 0.313vw;
    border-radius: 0.313vw;

border: 0.052vw solid rgba(255, 255, 255, 0.06);
background: #242424;

}

.inputcupomlimitedeuso input {
    position: relative;
    left: 1vw;
    color: #FFF;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 300;
    width: 20.354vw;
    height: 2.448vw;
    background: transparent;
    border: none;
    outline: none;

}

.inputcupomlimitedeuso svg {
    position: absolute;
    left: 22vw;
    width: 1.5vw;
    height: 1.5vw;
}



.produtoscupoms {
    position: absolute;
    width: 26.042vw;
    height: 22.271vw;
  
    top : 9vw;
    left: 32.8vw;

}

.headerprodutoscupoms {
    display: flex;
    align-items: center;
    justify-content: space-around;

    position: absolute;
    width: 26.042vw;
    height:3.385vw;
    border-radius: 0.208vw 0.208vw 0vw 0vw;
    border: 0.052vw solid rgba(0, 127, 255, 0.06);
    background: rgba(17, 144, 255, 0.15);
}

.headerprodutoscupoms p {
    color: #0A8DFF;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 500;
}

.headerprodutoscupoms svg {
    cursor: pointer;
    width: 1.5vw;
    height: 1.5vw;
}

.listprodutoscupoms {
    position: absolute;
    width: 26.042vw;
    height: 17vw;
    top: 5vw;
    left: 0vw;
    overflow: hidden;

    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;



}

#nomecupomeditar[readonly] {
    opacity: 0.7;
    cursor: not-allowed;
  }
  
.boxprodutocupom{
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative;


    /* margin-top: .5vw; */
    width: 26.042vw;
    height:3.177vw;
    border: 0.052vw solid rgba(0, 127, 255, 0.22);

    background: rgba(17, 144, 255, 0.15);
}
.boxprodutocupom  p {
    position: relative;
    left: 1.5vw;
    color: #ffffff;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 300;
}

.boxprodutocupom svg {
    width: 1.5vw;
    height: 1.5vw;
}


.modaladdprodutos {
    position: absolute;
    top: 10vw;
    left: 25vw;
    width: 28.438vw;
height: 41.198vw;
flex-shrink: 0;
border-radius: 0.365vw;
border: 0.052vw solid rgba(255, 255, 255, 0.15);
background: #1B1B1B;
}

.inputpesuisaprodutoscupoms {
    

position: absolute;
display: flex;
align-items: center;
width: 24.354vw;
height: 2.542vw;
top: 1vw;
left: 2vw;

border-radius: 0.313vw;
border-radius: 0.313vw;

border: 0.052vw solid rgba(255, 255, 255, 0.06);
background: #242424;

}

.inputpesuisaprodutoscupoms input {
position: relative;
left: 3vw;
color: #FFF;
font-family: Poppins;
font-size: 1.238vw;
font-style: normal;
font-weight: 300;
width: 20.354vw;
height: 2.448vw;
background: transparent;
border: none;
outline: none;

}

.inputpesuisaprodutoscupoms  svg {

    position: absolute;
    left: 1vw;
    width: 1.5vw;
    height: 1.5vw;
}


.contentlistmodalprodutoscupoms {
    position: absolute;
    left: 0.8vw;
    top: 4.5vw;
    width: 26.823vw;
    height: 30.521vw;
    flex-shrink: 0;
    border-radius: 0.208vw;
border: 0.052vw solid rgba(0, 127, 255, 0.22);
background: rgba(17, 144, 255, 0.15);

overflow: hidden;

overflow-y: auto;
-ms-overflow-style: none;
scrollbar-width: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

}


.boxprodutosmodalcupoms {
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative;
    width: 25.573vw;
    left: 0.5vw;
    margin-top: 0.4vw;
    height: 3.542vw;
    flex-shrink: 0;
    border-radius: 0.208vw;
    border: 0.052vw solid rgba(0, 127, 255, 0.22);
background: rgba(17, 144, 255, 0.15);
}

.boxprodutosmodalcupoms p {

    position: relative;
    left: 1.5vw;
    color: #ffffff;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 300;

}

.boxprodutosmodalcupoms svg {
    width: 1.5vw;
    height: 1.5vw;
}

.buttonconfirmarmodaladdprodutos {
cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 20.823vw;
    left: 0.8vw;
top: 36vw;
    height: 3.542vw;
    flex-shrink: 0;
    border-radius: 0.208vw;
    border: 0.052vw  solid rgba(218, 255, 33, 0.33);

    background: var(--cor-loja-rgb) ;;
    
}

.buttonconfirmarmodaladdprodutos p {

    position: relative;
text-transform: uppercase;
    color: #ffffff;
    font-family: Poppins;
    font-size: 1.238vw;
    font-style: normal;
    font-weight: 500;
}



.buttoncancelarmodalprodutos {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 5.823vw;
    left: 21.8vw;
    top: 36vw;
    height: 3.542vw;
    flex-shrink: 0;
    border-radius: 0.208vw;
    border: 0.052vw solid rgba(255, 0, 0, 0.33);

    background: rgba(255, 0, 0, 0.20);;


}

.buttoncancelarmodalprodutos p {

    position: relative;
    color: #ffffff;
    font-family: Poppins;
    font-size: .838vw;
    font-style: normal;
    font-weight: 500;
}



.buttoncriarcupom {
    position: absolute;
    display: flex;
    align-items: center;
    cursor: pointer;

    justify-content: space-around;

    top : 46vw;
    left: 49.8vw;
    width:15.521vw;
    height: 3.177vw;
    border-radius: 0.208vw;
border: 0.052vw  solid rgba(218, 255, 33, 0.33);

background: var(--cor-loja-rgb) ;;

}

.buttoncriarcupom p {
    color: #DAFF22;
    font-family: Poppins;
    font-size: 0.938vw;
    font-style: normal;
    font-weight: 500;
}

.buttoncriarcupom svg {
    position: absolute;
    left: 13vw;
    width: 1.5vw;
    height: 1.5vw;
}

.buttoncancelarcria  {
    position: absolute;
    display: flex;
    align-items: center;
    cursor: pointer;

    justify-content: space-around;

    top : 46vw;
    left: 32.8vw;
    width:15.521vw;
    height: 3.177vw;
    border-radius: 0.208vw;
border: 0.052vw  solid rgba(255, 0, 0, 0.33);

background: rgba(255, 0, 0, 0.20);;
    
}

.buttoncancelarcria p {
    color: #FF0000;
    font-family: Poppins;
    font-size: 0.938vw;
    font-style: normal;
    font-weight: 500;
}

.buttoncancelarcria svg {
    position: absolute;
    left: 13vw;
    width: 1.5vw;
    height: 1.5vw;
}


.CumposEditarGeren {
    position: absolute;
    left: 21.927vw;
    width: 78.073vw;
    height: 100vw;
}

.textcupomss {
    position: absolute;
    left: 2.8vw;
    top: 1.5vw;
    width: 8.656vw;
    height: 4.271vw;

}
.textcupomss p {
    color: #FFF;
    font-family: Poppins;
    font-size: 1.2vw;
    font-style: normal;
    font-weight: 400;
}





.buttoneditarcupom {
    position: absolute;
    display: flex;
    align-items: center;
    cursor: pointer;

    justify-content: space-around;

    top : 46vw;
    left: 49.8vw;
    width:15.521vw;
    height: 3.177vw;
    border-radius: 0.208vw;
border: 0.052vw  solid rgba(218, 255, 33, 0.33);

background: var(--cor-loja-rgb) ;;

}

.buttoneditarcupom p {
    color: #DAFF22;
    font-family: Poppins;
    font-size: 0.938vw;
    font-style: normal;
    font-weight: 500;
}

.buttoneditarcupom svg {
    position: absolute;
    left: 13vw;
    width: 1.5vw;
    height: 1.5vw;
}

.buttoncancelareditar  {
    position: absolute;
    display: flex;
    align-items: center;
    cursor: pointer;

    justify-content: space-around;

    top : 46vw;
    left: 32.8vw;
    width:15.521vw;
    height: 3.177vw;
    border-radius: 0.208vw;
border: 0.052vw  solid rgba(255, 0, 0, 0.33);

background: rgba(255, 0, 0, 0.20);;
    
}

.buttoncancelareditar p {
    color: #FF0000;
    font-family: Poppins;
    font-size: 0.938vw;
    font-style: normal;
    font-weight: 500;
}

.buttoncancelareditar svg {
    position: absolute;
    left: 13vw;
    width: 1.5vw;
    height: 1.5vw;
}


.buttondeletarcupom {
    position: absolute;
    display: flex;
    align-items: center;
    cursor: pointer;

    justify-content: space-around;

    top : 46vw;
    left: 15.8vw;
    width:15.521vw;
    height: 3.177vw;
    border-radius: 0.208vw;
border: 0.052vw  solid rgba(255, 0, 0, 0.33);

background: rgba(255, 0, 0, 0.20);;
    
}

.buttondeletarcupom p {
    color: #ffffff;
    font-family: Poppins;
    font-size: 0.938vw;
    font-style: normal;
    font-weight: 500;
}

.buttondeletarcupom svg {
    position: absolute;
    left: 13vw;
    width: 1.5vw;
    height: 1.5vw;
}