@media(max-width:900px) {
    .botaoMenu {
        display: block
    }

    .menuPrincipal {
        display: none;
        position: absolute;
        top: 88px;
        left: 0;
        right: 0;
        background: #111;
        padding: 24px 5vw;
        flex-direction: column;
        align-items: stretch
    }

    .menuPrincipal.menuAberto {
        display: flex
    }

    .visualizacaoPrincipal {
        grid-template-columns: 1fr;
        padding-top: 70px
    }

    .conteudoPrincipal {
        padding-bottom: 20px
    }

    .imagemPrincipal {
        min-height: 460px
    }

    .tuboGrande {
        width: 310px;
        height: 310px
    }

    .apresentacao,
    .processoTrabalho,
    .secaoContato {
        grid-template-columns: 1fr
    }

    .listaServicos {
        grid-template-columns: 1fr
    }

    .cartaoServico {
        min-height: 310px
    }

    .cabecalhoSecao {
        grid-template-columns: 1fr;
        gap: 25px
    }

    .gradeMateriais {
        grid-template-columns: 1fr 1fr
    }

}

@media(max-width:600px) {
    .cabecalho {
        height: 76px
    }

    .marcaEmpresa {
        font-size: 12px
    }

    .simboloMarca {
        width: 38px;
        height: 38px
    }

    .menuPrincipal {
        top: 76px
    }

    .visualizacaoPrincipal {
        min-height: auto;
        padding-inline: 6vw
    }

    .visualizacaoPrincipal h1 {
        font-size: 53px
    }

    .descricaoPrincipal {
        font-size: 15px
    }

    .botoesPrincipais {
        flex-direction: column
    }

    .imagemPrincipal {
        min-height: 380px
    }

    .tuboGrande {
        width: 250px;
        height: 250px
    }

    .tuboPequeno {
        width: 160px;
        height: 160px
    }

    .tuboDecorativo:before {
        border-width: 11px
    }

    .etapasResumidas {
        justify-content: center
    }

    .secaoEspacada {
        padding: 78px 6vw
    }

    .apresentacao {
        grid-template-columns: 1fr
    }

    .gradeMateriais {
        grid-template-columns: 1fr
    }

    .processoTrabalho {
        gap: 45px
    }

    .secaoContato {
        gap: 45px
    }

    .botaoContato {
        min-width: 100%
    }

    .rodape {
        grid-template-columns: 1fr;
        gap: 35px
    }

    .rodape>p:last-child {
        text-align: left
    }

    .textoObras {
        margin-bottom: 35px;
    }

    .carrosselObras {
        height: 390px;
    }

    .botaoCarrossel {
        width: 43px;
        height: 43px;
        font-size: 19px;
    }

    .botaoAnterior {
        left: 13px;
    }

    .botaoProximo {
        right: 13px;
    }

    .indicadoresCarrossel {
        right: 22px;
        bottom: 27px;
    }

    .botoesContato {
        flex-direction: column;
    }

    .botoesContato .botaoContato {
        width: 100%;
        min-width: 0;
    }
}

@media(prefers-reduced-motion:reduce) {
    html {
        scroll-behavior: auto
    }

    .botao,
    .cartaoServico,
    .imagemCarrossel,
    .botaoCarrossel,
    .indicadorCarrossel {
        transition: none
    }
}