.bola-produto:first-of-type {
    grid-column: 3/span 4;
}

.bola-produto:last-of-type {
    grid-column: 7/span 4;
}

/* ---------------------- */
/*     Produtos           */
/* ---------------------- */

main{
    background-image: url(imagens/Forma.svg);
}

#mb-inicio{
    display: none;
}

.prdt-bola{
    margin-bottom: 0 !important;
    padding-bottom: 200px;
}


.bola-produto a{
background-color: antiquewhite;
}

#titulo-produtos{
    grid-column: 5/9;
    color: #4a2c17;
       z-index: 2; 
    grid-row: 1;
    margin-top: 250px;
    text-align: center;
}

#ft-principal{
    grid-column: 1/13;
     z-index: 1; 
    grid-row: 1;
}
.inicio h1{
    color: white;
    z-index: 10;
    grid-row: 1;
    grid-column: 1/13;
    text-align: center;
    align-self: center;
    margin-top: 5%;
}

#img-produtoo{
    grid-column: 1/7;
    grid-row: 1/3;
    margin-left: 20px;
}


#prdt-texto{
    grid-column: 8/11;
    margin-top: 50px;
}

#prdt-texto h1{
    margin-bottom: 20px;
}

#prdt-texto h2{
    font-size: 40px;
    margin-top: 30px;
}

#prdt-texto a{
    display: block;
    text-align: center;
    width: 238px;
    background-color:rgb(255, 244, 230);
    border-radius: 50px;
    text-decoration: none;
    color:#5B1202 ;
    padding: 15px 0px;
    margin: 20px auto;
       transition: 0.3s;
       display: flex;
       justify-content: center;
       align-items: center;
    
}


#botao {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 130px;
    background-color:rgb(255, 244, 230);
    border-radius: 50px;
    padding: 15px 0;  
    margin: 20px auto; 
     transition: 0.3s;
}

#botao button {
    background: none;
    border: none;
    font-size: 22px;
    color: #5B1202;
    cursor: pointer;
    font-weight: bold;
}

#botao .quantidade {
    font-size: 22px;
    font-weight: bold;
    color: #5B1202;
}

#botao :hover{
    color: #d19b64;
}


#prdt-texto a:hover{
    color: #d19b64;
}

#botao2{
    display: flex;
    justify-content: center;
    gap: 20px
}



.prdt-bola h2{
    grid-column: 1/13;
    text-align: center;
}

.bola-produto h2{
    text-align: left;
    grid-column: 2/4;
}

#tabela-inicio{
    grid-column: 8/12;
    margin-left: 10px;
    
}

#tab-titulo{
    margin-top: 250px;

}

#tabela-inicio{
margin-bottom: 20px;
font-size: 20px;
}

table{
    grid-column: 8/13;
    margin-bottom: 180px;
  border-collapse: collapse;
  width: 100%;

  
  
}

#titulo-tbl{
    color: #4a2c17;
    border-top: 1px solid white;
     border-bottom: 1px solid white;
}

table tr{
    color: #000000;
   
}


td, th {
  text-align: left;
  padding: 10px;
}

footer{
    margin-top: 0px;
}

 /*----------------------------- */
             /* cll */
 /*----------------------------- */


@media (max-width: 800px) 
{

table{
    grid-column: 1/8;

}

#tab-titulo{
    grid-column: 1/8;
}

#tabela-inicio{
grid-column: 1/8;
font-size: 20px;
}


.inicio h1{
    color: white;
    z-index: 10;
    grid-row: 1;
    grid-column: 1/13;
    text-align: center;
    align-self: center;

}


    
}

@media (max-width: 730px) 
{

    #titulo-produtos{
    grid-column: 5/9;
    color: #4a2c17;
       z-index: 2; 
    grid-row: 1;
    margin-top: 40px;
    text-align: center;
}


    #ft-principal{
    grid-column: 1/13;
    width: 100%;
     z-index: 1; 
    grid-row: 1;
}

.inicio h1{
    color: white;
    z-index: 10;
    grid-row: 1;
    grid-column: 1/13;
    text-align: center;
    align-self: center;
    margin-top: 30%;
}



    #ft-principal{
        display: none;
    }


    #mb-inicio{
        display: block;
        grid-column: 1/13;
        z-index: 1;
        grid-row: 1;
    }

    #ft-principal{
    grid-column: 1/13;
    width: 100%;
     z-index: 1; 
    grid-row: 1;
}

    #prdt-texto{
    grid-column: 3/11;
}

#img-produtoo{
    grid-column: 2/12;
    margin-left: 0;

}


table{
    grid-column: 2/12;
    align-self: center;

}

#tab-titulo{
    margin-top: 60px;
    grid-column: 2/13;

}

#tabela-inicio{
margin-bottom: 20px;
font-size: 20px;
grid-column: 2/13;
margin-left: 10px;
}





    
}


@media (max-width: 530px) 
{

    #ft-principal{
        display: none;
    }


    #mb-inicio{
        display: block;
        grid-column: 1/13;
        z-index: 1;
        grid-row: 1;
    }

    #ft-principal{
    grid-column: 1/13;
    width: 100%;
     z-index: 1; 
    grid-row: 1;
}


    #prdt-texto{
    grid-column: 3/11;
}

#img-produtoo{
    grid-column: 2/12;
}


table{
    grid-column: 2/12;
    align-self: center;

}

.bola-produto {
        grid-column: 1 / 13 !important;
        text-align: center;
        margin-bottom: 10px;
        margin-top: 50px;
    }

    .bola-produto img {
        width: 55%;
        grid-column: 1/13;
    }

    .bola-produto a {
        width: 60%;

    }

    #tabela-inicio{
    grid-column: 2/10;
    margin-left: 10px;
}

#tab-titulo{
    margin-top: 60px;

}

#tabela-inicio{
margin-bottom: 20px;
font-size: 20px;
}

table{
    grid-column: 2/12;
    margin-bottom: 40px;
  border-collapse: collapse;
  width: 100%;

}

#title-prdt{
    grid-column: 3/11;
    text-align: center;
    align-self: center;
    font-size: 29px;
}







    
}