@charset "UTF-8";

:root {
    --cinza-escuro: #1B1C1B;
    --cinza-claro: #383838;
    --laranja: #EE7916;
}

/* Background da página */

#background1-produtos {
    background-color: white;
}

#background2-produtos {
    background-color: white;
}

#background3-produtos {
    background-color: white;
}

#background4-produtos {
    background-color: white ;
}

#background5-produtos {
    background-color: white;
}

/* Estrutura das Sections */

/* Estrutura section 1, referente à Linha industrial  */

#estrutura1-produtos {
    
}

/* Estrutura section 2, referente aos itens da Linha industrial  */

.produtos-linha-industrial {
    display: flex;
    justify-content: center;
    align-items: space-around;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
}

.produtos-linha-industrial img {
    width: 500px;
    align-self: center;
}

.itens-linha-industrial {
    display: flex;
    justify-content: space-evenly;
}

.itens-linha-industrial img {
    width: 300px;
}

.itens {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.nome-produtos {
    text-transform: uppercase;
    text-align: center;
}

@media(max-width: 918px) {
    .itens-linha-industrial {
        flex-wrap: wrap;
    }

    .nome-produtos {
        margin-bottom: 40px;
    }
}

@media(max-width: 524px) {
    .produtos-linha-industrial img {
        width: 300px;
    }

    .itens-linha-industrial img {
        width: 200px;
    }
}

/* Estrutura section 3, referente aos itens da Linha industrial Especial  */

#estrutura3-produtos {
    display: flex;
    flex-direction: column;
}

#tit-especiais {
    width: 500px;
    align-self: center;
    margin-bottom: 20px;
}

#img-especiais {
    width:  400px;
}

@media(max-width: 709px) {
    #especiais {
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media(max-width: 530px) {
    #img-especiais {
        width:  300px;
    }

    #tit-especiais {
        width: 400px;
    }
}


@media(max-width: 415px) {
    #tit-especiais {
        width: 300px;
    }
}

.escovas-especiais {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

#escovas-especiais-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 60px;
    flex-wrap: wrap;
    margin: 50px 0px;
}

.escovas-especiais img {
    width: 200px;
}

/* Estrutura section 5, referente aos Projetos especiais  */

#estrutura5-produtos {
    display: flex;
    align-items: center;
    gap: 50px;
    background-color: rgb(238, 238, 238);
    border: 5px solid grey;
    border-radius: 20px;
    margin-top: 30px;
}

#img-projetos-especiais {
    width: 250px;
}

@media(max-width: 575px) {
    #estrutura5-produtos {
        flex-wrap: wrap-reverse;
        justify-content: center;
    }
}

/* Estrutura section 4, referente à linha comercial  */

#prods-linha-comercial-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.prods-linha-comercial {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 50px;
}

.linha-comercial-img {
    width: 300px;
}