* {
    margin: 0;
}
body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    overflow-x: hidden;
}
a {
    text-decoration: none;
    color: white;
}
.landing {
    width: 100%;
    height: 100vh;
    background-image: url(images/2025-Porsche-911-GT3-005-2160-scaled-1\ 1.png);
    background-position-x:-167px ;
    background-position-y:-86px ;   
}
.landing2 {
    width: 100%;
    height: 100vh;
    background-image: url(images/ferrari\ SF90\ 4.png);
    background-position-x: ;
    background-position-y:-86px ;   
}
.landing3 {
    width: 100%;
    height: 100vh;
    background-image: url(images/lambo_huracan\ 2.png);
    background-position-x: ;
    background-position-y:-50px ;   
}
.landing4 {
    width: 100%;
    height: 100vh;
    background-image: url(images/bmw-m4-7680x4320\ 2.png);
    background-position-x: ;
    background-position-y:-86px ;   
}
@font-face {
    font-family: "Justina-Blackit"; 
    src: url(fonts/VTFJustinaHUM-BlackIt.otf) format("truetype");
}
@font-face {
    font-family: "Justina-Regularit"; 
    src: url(fonts/VTFJustinaHUM-RegularIt.otf) format("truetype");
}
@font-face {
    font-family: "TradeGothic"; 
    src: url(fonts/Trade\ Gothic\ Bold\ Condensed\ No.\ 20.otf) format("truetype");
}
@font-face {
    font-family: "ProximaNova"; 
    src: url(fonts/Fontspring-DEMO-proximanovacond-regular.otf) format("truetype");
}
@font-face {
    font-family: "Justina-Bold"; 
    src: url(fonts/VTFJustinaHUM-Bold.otf) format("truetype");
}
@font-face {
    font-family: "Justina-Regular"; 
    src: url(fonts/VTFJustinaHUM-Regular.otf) format("truetype");
}
header {
    width: 100%;
    height: 140px;    
    position: absolute;    
    display: flex;
    align-items: center;
    justify-content: space-around;
    z-index: 11;
}
.headerOpacity {
    width: 100%;
    height: 140px;
    background-color: black;
    opacity: 45%;
    position: absolute;
    z-index: 10;
    
}
.headerOpacity2 {
    width: 100%;
    height: 140px;
    background-color: black;
    opacity: 70%;
    position: absolute;
    z-index: 10;
    
}
header div {
    display: flex;
    align-items: center;
    height: 100%;    
}
.listaHeader{
    color:rgb(255, 255, 255);
    padding-inline-start: 0px;
    list-style: none;
    display: flex;
    gap: 50px;
    font-size: 18px;
}
.listaHeader ul li:hover {
    background-color: rebeccapurple;
}
.divInicio{    
    width: 100%;
    height: 100%;
    border-bottom: solid 1px transparent;
    margin-bottom: 0px;
    transition: 0.3s ;
}
.divInicio:hover {
    border-bottom: solid 1px #C79B50;
    margin-bottom: 15px;
}
.iconHeader {
    display: flex;
    gap: 50px;
}
.shopCar{
    height: 40px;
    width: 40px;
}
.search {
    width: 30px;
    height: 30px;
}
.logoBranca {
    padding-top: 20px;
}

.divCarName {
    display: flex;
    flex-direction: column;
    justify-content: right;
    position: relative;
    top: 30%;
    left: 60%;
    color: white;
    font-size: 60px;
    font-family: "Justina-Regularit", sans-serif;
    text-align: right;    
}
.divCarName2 {
    display: flex;
    flex-direction: column;
    justify-content: right;
    position: relative;
    top: 30%;
    left: 15%;
    color: white;
    font-size: 60px;
    font-family: "Justina-Regularit", sans-serif;
    text-align: left;    
}
.divCarName div{
    width: 500px;
}

.cian {
    color: #03BFB5;
    font-family: "Justina-Blackit", sans-serif;
}
.menuBack {
    height: 300px;
    width: 90px;
    background-color: black;
    position: relative;
    top: 3%;
    left: 5%;
    z-index: 999;
    border-radius: 20PX;
    opacity: 70%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}
.bolaAmarela {
    width: 40px;
    height: 40px;
    border-radius:50% ;
    background-color:#C79B50 ;   
}
.bolaNormal {
    width: 35px;
    height: 35px;
    border-radius:50% ;
    background-color: #D9D9D9;
    opacity: 70%;
    cursor: pointer;
    transition: 0.3s;
}
.bolaNormal:hover {
    opacity: 100%;
}
.divBola {
    height: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btnVerMais {
    width: 240px;
    height: 60px;
    background-color: #03BFB5;
    border-radius: 20px;
    position: relative;
    top: 21%;
    left: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    gap: 20px;
    color: black;
}
.vermelho {
    background-color: #E63232;
}
.colorRed {
    color: #E63232;
}
.angleUp {
    transform: scale(0.9);
}
@media (max-width: 1600px) {
    .landing {        
        background-image: url(images/2025-Porsche-911-GT3-005-2160-scaled-1\ 2.png);
        background-position-x:0px;
        background-position-y:-56px ;             
    }
    header {     
        height: 110px;        
    }
    .headerOpacity {        
        height: 110px;        
    }
    .headerOpacity2 {        
        height: 110px;        
    }
}

.inicioEstoque {
    background-color: white;
    height: 100vh;
    width: 73.8%;
    margin: 0 auto;
    margin-bottom: 130px;
    
}
.txtInicioEstoque {
    display: flex;
    justify-content: space-between;
    margin-top: 100px;
    margin-bottom: 100px;
}
.divEsquerda {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.divDireita {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.tituloEsquerda {
    font-size: 65px;
    font-family: "TradeGothic",sans-serif;
}
.descEsquerda {
    font-size: 25px;
}

.tituloDireita{
    font-size: 22px;
    font-weight:bold;
}
.descDireita {
    font-size: 20px;
}
.carrosInicioEstoque {
    display: flex;
    gap: 45px;
}
.divCar {
    width: 363.6px;    
    height: 400px;
    background-color: transparent;
    clip-path: polygon(
        0% 0%,    /* canto superior esquerdo */
        100% 0%,  /* canto superior direito */
        100% 80%, /* lado direito até um pouco acima do canto inferior */
        80% 100%, /* corte diagonal no canto inferior direito */
        0% 100%   /* canto inferior esquerdo */
    );
    padding: 3%;
    transition: 0.3s;
    border-top: solid 2px transparent;
    cursor: pointer;
    color: black ;
}
.divCar:hover {
    background-color: rgb(216, 215, 215);
    border-top: solid 2px #E63232;
}
.divCar img {
    width: 100%;
    height: 100%;    
    
}
.marcaCarros {
    font-family: "Justina-Bold",sans-serif;
    color: #E63232;
    letter-spacing: 1px;
    font-size: 20px;
}
.nomeCarros {
    font-family: "ProximaNova", sans-serif;
    letter-spacing: 1px;
    font-size: 20px;
    width: 55px;
    padding-bottom: 40px;
    border-bottom: solid 1px #E63232;
}
.statsCar {
    display: flex;
    gap: 40px;
    font-family: "Justina-Regular";
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.preçoCarros {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 600;
    font-size: 17px;
}
.btnTodosCarros {
    background-color: #E63232;
    width: 363.6px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;    
    margin-top: 80px;
    
}
.btnTodosCarros a {
    color: black;
    font-weight: bold;
    font-family:  system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    letter-spacing: 1px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.marcaParceiras {
    height: 280px;
    width: 100%;
    background-color: #302E2E;
}
.tituloMarcas {
    color: white;
    font-size: 40px;
    font-family: "TradeGothic";
    text-align: center;
    padding-top: 30px;
}
.carroselLogos {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    display: flex;
    width: calc(200%);
    animation: scroll 20s linear infinite;

}
.carroselLogos img {
    transform: scale(0.7);
    flex-shrink: 0;
}
@keyframes scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}
.inicioSobre {
    background-color: white;
    height: 100vh;
    width: 73.8%;
    margin: 0 auto;
    margin-bottom: 230px;
}
.logoInicioSobre {
    transform: scale(0.7);
}
.divtxtInicioSobre {
    display: flex;
    margin-top: 100px;
}
.divlogoInicioSobre {
    width: 50%;
    text-align: center;
    position: relative;
    top: -10%;
}
.txtInicioSobre {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    
}
.logoInicioSobre {
    width: 100%;
    height: 100%;
}
.tituloInicioSobre {
    font-family: "TradeGothic", sans-serif;
    font-size: 45px;
    margin-bottom: 20px;
}
.nomeInicioSobre {
    font-family: "Justina-Regular",sans-serif;
    font-size: 40px;
    position: relative;
    top: -30%;
}
.descInicoSobre {
    font-size: 25px;
}
.cardSobre {
    width: 100%;
    height: 350px;
    background-image: url(images/2020-Koenigsegg-Jesko-001\ 1.png);
    background-position-x: -130px;
    background-position-y: -60px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    position: relative;
    
}
.cardSobre img {
    transform: scale(0.7);
}
.angleEsquerda {
    position: absolute;
    left: 3%;
    top: 40%;
}
.angleDireita {
    position: absolute;
    left: 94%;
    top: 42%;
}
.cardSpecs {
    width:130px;
    height: 130px;
    background-color: #2c2c2c;
    opacity: 80%;
    position: relative;
    left: 15%;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column ;
    color: white;
    font-weight: 600;
    font-size: 20px;
}

.btnMarca {
    background-color: #03BFB5;
    width: 363.6px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;    
    margin-top: 80px;
    
}
.btnMarca a {
    color: black;
    font-weight: bold;
    font-family:  system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    letter-spacing: 1px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.divCard {
    display: flex;
    flex-direction:column ;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.inicioContato {
    background-color: white;
    height: 55vh;
    width: 73.8%;
    margin: 0 auto;
    border-top: solid 3px black;
    display: flex;
    justify-content: center;
    align-items: center;
}
.containerContato {
    display: flex;
}
.tituloInicioContato {
    font-family: "Justina-Regular",sans-serif;
    font-size: 50px;
    width: 50%;
    margin-top: 30px;
}
.containerDescContato{
    width: 50%;
}
.descContato {
    font-family: "TradeGothic";
    font-size: 24px;
}
.txtContato {
    font-size: 20px;
    margin-top: 20px;
}
.btnTenhoInterresse  {
    background-color: transparent;
    border: 1px solid black;
    width: 263.6px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;        
    margin-top: 30px;
}
.btnTenhoInterresse  a {
    color: black;
    font-weight: bold;
    font-family:  system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    letter-spacing: 1px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
footer {
    background-color: #302E2E;
    width: 100%;
    padding-top: 50px;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 100px;
    flex-wrap: wrap;
}
.logoFooter {
    transform: scale(0.7);
    position: relative;
    top: -30%;
    left: 6%;
}
.mainFooter {
    position: relative;
    top: -60%;
    display: flex;
    gap: 70px;
    justify-content: center;
}
.esquerdaFooter {
    border-right: solid 1px white;
    padding-right: 100px;
    height: 60%;
    font-size: 20px;
    width: 30%;
}
.meioFooter {
    margin-left: 40px;
    width: 15%;
}
.meioFooter ul{
    padding-inline-start: 0px;
    list-style: none;
    color: white;
    font-family: "Justina-Regular",sans-serif;
    font-size: 28px;
}
.meioFooter ul li {
    padding-bottom: 20px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 20px;
}
.meioFooter ul:first-child a {
    padding-top: 50px;
}
.firstLi {
    padding-top: 18px;
}
.direitaFooter {
    width: 20%;
}
.direitaFooter ul{
    padding-inline-start: 0px;
    list-style: none;
    color: white;
    font-family: "Justina-Regular",sans-serif;
    font-size: 28px;
    
}
.direitaFooter ul li{
    padding-bottom: 20px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 20px;
    display: flex;    
    align-items: center ;
}
.imgSocial {
    transform: scale(0.6);
}
.containerSocialFooter {
    display: flex;
}
.iconFooter {
    display: flex;
    flex-direction: column;
}
.listaFooter {
    display: flex;
    flex-direction: column;
}
.copyright {
    opacity: 60%;
    color: rgb(255, 255, 255);
    font-size: 20px;
    height: 30px;
}





/*------------------------ESTOQUE--------------------------*/

.estoque {
    width: 100%;
    margin-bottom: 150px;

}
.containerEstoque {
    width: 78.8%;
    margin: 0 auto;

}
.tituloEstoque {
    font-family: "TradeGothic";
    font-size: 65px;
    height: 300px;
    display: flex;
    align-items: end;
}
.containerGradeEstoque {
    display: flex;
    margin-top: 100px;
    gap: 40px;
}
.filtrar {
    width: 45%;
    display: flex;
    flex-direction: column;
    gap: 30px;
     
}
.tipoFiltro {
    font-family: "TradeGothic";
    font-size: 18px;
    margin-bottom: 20px;
}
.exemploFiltro {
    color: #888888;
    padding-bottom: 5px;
    border-bottom: solid 2px #E63232;
    text-align: center;
}
.entreExemplo {
    font-family: "TradeGothic";
    font-size: 16px;
    
}
.divFiltro {
    display: flex;
    justify-content: space-between  ;
    gap: 20px;
}
.gradeEstoque {
    display: flex;
    flex-wrap: wrap ;
    justify-content: space-between;
    row-gap: 40px;
}
.divCar2 {
    width: 250px;    
    height: 360px;
    background-color: transparent;
    clip-path: polygon(
        0% 0%,    /* canto superior esquerdo */
        100% 0%,  /* canto superior direito */
        100% 80%, /* lado direito até um pouco acima do canto inferior */
        80% 100%, /* corte diagonal no canto inferior direito */
        0% 100%   /* canto inferior esquerdo */
    );
    padding: 3%;
    transition: 0.3s;
    border-top: solid 2px transparent;
    cursor: pointer;
    color: black    ;
}
.divCar2:hover {
    background-color: rgb(216, 215, 215);
    border-top: solid 2px #E63232;
}
.divCar2 img {
    width: 100%;
    height: 100%;    
}
.btnFiltrar {
    margin-top: 50px;
    width: 100%;
    height: 50px;
    background-color: #E63232;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    letter-spacing: 1px;
    font-size: 20px;
    font-weight: bold;
}


/*----------------------------SOBRE----------------------------*/

.mainSobre {
    width: 76.8%;
    margin: 0 auto;
    position: relative;
}
.txtSobre {
    width: 80%;
    font-size: 20px;
    margin-top: 40px;
}
.imgLogoSobre {
    transform: scale(0.7);
    position: absolute;
    left: 20%;
    top: 18%;
    
}
.nomeSobre {
    font-family: "Justina-Regular",sans-serif;
    font-size: 40px;
    position: absolute;
    left: 71%;
    top: 130%;
}
.cardsSobre {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 159px;    
    margin-top: 120px;
}
.txtAfter {
    font-size: 18px;
    color: white;
    padding: 5%;
    position: relative;
    top: 100%;
    z-index: 100;
    transition: 0.4s;
}
.luxury:hover .txtAfter {
    top: 55%;
}
.luxury {
    width: 800px;
    height: 636px;
    background-image:url(images/mclaren-js7crb2zb9wbk7zk\ 1.png);

    grid-column: 1;
    grid-row: 1;
    position: relative;
    z-index: 98;
    transition: 0.4s;
    overflow: hidden;
}
.cardAfter {
    overflow: hidden;
}
.cardAfter:hover .txtAfter {
    top: 55%;
}
.cardAfter:hover::after{
    top: 0;
}
.cardAfter::after {
    content: "";
    
    height: 100%;
    width: 100%;
    background: linear-gradient(
        to top,
        rgb(29, 29, 29) 50%,   
        rgb(36, 36, 36) 55%,
        rgba(46, 46, 46, 0) 100%    
    );
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
    transition: 0.4s;
}
.speed {
    width: 800px;
    height: 636px;
    background-image: url(images/koeniSpeed.png);    
    grid-column: 2;
    grid-row: 2;
    position: relative;
}
.comfort {
    width: 800px;
    height: 629px;
    background-image: url(images/lamborghini-urus-3840x2160-18434\ 1.png);    
    grid-column: 1;
    grid-row: 5;
    position: relative;
}
.exclusive {
    width: 800px;
    height: 636px;
    background-image: url(images/lamboExlusive.png);    
    grid-column: 2;
    grid-row: 6;
    position: relative;
    
}
.tituloCards {
    font-weight: 600;
    font-size: 20px;
    position: absolute;
    top: 10%;
    left: 10%;
    color: white;
}
.txtAbaixoCards {
    width: 100%;
    height: 300px;
    background: linear-gradient(to top, #141313 0%, #4C4B4B 100%);
    position: relative;z-index: -1;
    top: 310px;
    color: white;
    font-size: 18px;
    display: flex;
    justify-content: left;
    align-items: center;
}
.txtAbaixoCards div {
    width: 40%;
    margin-left: 100px;
    
}
.bannerSobre {
    background-image: url(images/2025-porsche-911-turbo-banner-5b37c82fbee3-1920x600\ 1.png);
    height: 500px;
    width: 100%;
    position: relative;
    top: 300px;
}
.btnCompre {
    width: 300px;
    height: 50px;
    background-color: white;

}
.txtSobreFinal {
    font-size: 18px;
    color: black;
    position: relative;
    top: 300px;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 15%;
    margin-right: 15%;
    text-align: center;
}
.footer2 {
    position: relative;
    top: 300px;
}



/*-------------------CONTATO-------------------*/


.bannerContato {
    background-image: url(images/Frame\ 10.png);
    width: 100%;
    height: 557px;
    
}
.teste {
    height: 110px;
    width: 100%;
    background-color: transparent;
}
input {
    width: 290px;
    height: 45px;
    border: 1px solid black;
    padding-left: 5%;
    font-size: 18px;
    outline: none;
}

form {
    width: 73.8%;
    margin:  0 auto;
    margin-top: 150px;
    margin-bottom: 150px;
}
.tituloContato {
    font-family: "Justina-Regular";
    font-size: 40px;
    margin-bottom: 42px;
}
.inputs {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
textarea {
    height: 201px;
    width: 800px;
    border: 1px solid black;
    padding-left: 1%;   
    font-size: 18px;
    outline: none;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.containerForm {
    display: flex;
    gap: 40px;

}
.btnEnviar {
    background-color: #E63232;
    width: 310px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;    
    margin-top: 60px;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 20px;
}
.red {
    color: #E63232;
    font-weight: 600;
}

.redirectLogin {
    font-size: 11px;
    text-align: center;
    width: 310px;
    margin-top: 5px;
}
.map {
    background-color: black;
    width: 100%;
    height: 602px;
    
}
.containerMap {
    width: 73.8%;
    margin:  0 auto;
    display: flex;
    align-items: center;
    height: 100%;
    gap: 50px;
}
.tituloMapa {
    font-family: "Justina-Regular";
    font-size: 45px;
    text-align: center;
    color: white;
}




/*---------------LOGIN--------------------*/

.login {
    background-image: url(images/model-not-found-background\ 2\ \(1\).png);
    height: 100vh;
    width: 100%;
    background-position-y:-159px ;
    display: flex;
    justify-content: start;
    align-items: center;
}
.containerLogin {
    background-color: #303030;
    width: 414px;
    height: 487px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    margin-left: 150px;
    margin-top: 80px;
    border-radius: 20px;
}
.inputLogin {
    width: 270px;
    background-color: transparent;
    border: solid 1px white;
    border-radius: 5px;
    margin-bottom: 30px;
    color: white;
}
.tituloLogin {
    font-family: "Justina-Regular";
    font-size: 30px;
    color: white;
    margin-top: 30px;
    margin-bottom: 50px;
}
.btnEntrar {
    background-color: #E63232;
    width: 230px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: black;
    letter-spacing: 1px;
    border-radius: 10px;
    font-weight: 600;
}
.txtCadastre {
    font-size: 14px;
    color: black;
    margin-top: 5px;
}


/*--------------PRODUTO-------------*/

.produto {
    width: 100%;
    height: 100vh;
    display: flex;
    margin-bottom: 40px;
}
.containerProduto {
    width: 73.8%;
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 50px;
    justify-content: center;
}
.marcaProduto {
    font-family: "Justina-Bold",sans-serif;
    font-size: 80px;
    color: #E63232;
}
.nomeProduto {
    font-family: "ProximaNova";
    font-size: 40px;
    margin-bottom: 170px;
}
.statsCar2 {
    display: flex;
    gap: 40px;
    font-family: "Justina-Regular";
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.preçoCarros2 {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 600;
    font-size: 22px;
}
.btnComprar {
    width: 300px;
    height: 55px;
    background-color: #E63232;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    margin-top: 50px;
}
.img1produto {
    transform: scale(0.8);
    position: absolute;
    top: 15%;
    left: 30%;
}
.imagesProduto {
    width: 100%;
    height: 500px;
    background-color: #302E2E;
    display: flex;
    justify-content: center;
    align-items: center;
}   
.containerImgProduto {
    width: 73.8%;
    margin:  0 auto;
    display: flex;
    gap: 100px;
    justify-content: center;
    align-items: center ;
}
.angleProduto {
    height: 90px;
}
.specsProduto {
    width: 100%;
    height: 600px;
    font-size: 20px;
    position: relative;
}
.containerSpecs {
    width: 73.8%;
    height: 100%;
    margin:  0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
}
.containerSpecsNumeros {
    display: flex;
    flex-direction: column;
    gap: 100px;

}
.divSpecs {
    text-align: left;
    display: flex;
    flex-direction: column;
    
}
.bold   {
    font-weight: bold;
}
.fila1 {
    display: flex;
    gap: 200px;
}
.fila2 {
    display: flex;
    gap: 200px;
}
.tituloSpecs {
    font-family: "Justina-Regular",sans-serif;
    font-size: 25px;
    position: absolute;
    top: 15%;
    left: 18%;
    
}