*{margin:0;padding:0;box-sizing:border-box;font-family:Arial, Helvetica, sans-serif;}
a{color:inherit;text-decoration:inherit;}
body, html{height:100%;width:100%;scroll-snap-type:y mandatory;top:0;min-height:100%;justify-content:left;scroll-behavior:smooth;}

.container{max-width:1300px;margin:0 auto;width:100%;text-align: center;}
.titulo{width:100%;padding:20px 0;color:#0f70b7;font-weight:600;font-size:24px;text-align: center;}
.titulo_br{width:100%;padding:20px 0;color:#fff;font-weight:600;font-size:24px;text-align: center;}

.cabecalho{width:100%;margin:0 auto;position: sticky;top: 0;background: #fff;padding:10px;box-shadow:0 0 10px #0f70b7;z-index: 1000;}
.box_cabecalho{display:flex;justify-content:space-between;position: relative;align-items: center;}
.logomarca{width:300px;height: auto;}
.menu ul{list-style:none;display: flex;justify-content: center;gap:15px;}
.menu li{position: relative;}
.sub_menu ul{position: absolute;display: block;width:300px;display: none;right:0;}
.sub_menu li{width:100%;padding:10px;background: #0f70b7;margin:2px auto;color:#fff;}
.sub_menu:hover ul{display: block;}
.btn_menu{display: none;}
.btn_fecha{display:none;}

.banner_principal{width:100%;padding: 10px;object-fit:cover;display: grid;grid-template-columns: repeat(2,50%);align-items: center;justify-content: center;}
.txt_banner{padding:20px;position: relative;}
.txt_banner h1{color:#0f70b7;padding:10px 0;}
.txt_banner p{padding:50px 0;}
.txt_banner button{border:none;padding:10px;color:#fff;background: #0f70b7;transition: all 0.5s ease-in;animation: btn_orcamento infinite alternate 2s;}
.txt_banner button:hover{background: #fff212;color:#333;transition: all 0.5s ease-out;}
.banner_principal img{object-fit:cover;width:100%;height: 500px;}

.sobre_home{padding:100px 10px;}
.cols_2{width:100%;padding: 10px;object-fit:cover;display: grid;grid-template-columns: repeat(2,50%);align-items: center;justify-content: center;border-bottom: thin solid #0f70b7;border-top: thin solid #0f70b7;}
.txt_cols_2 p{padding:20px;text-align: left;}
.img_cols_2 img{height:100%;width:100%;object-fit: cover;}
.txt_cols_2 mark{background:none;color: #0f70b7;}

.servicos{width:100%;background: #0f70b7;padding:50px 10px;}
.cols_3{display: grid;grid-template-columns: repeat(3,33%);gap:5px;object-fit: cover;}
.cols_3 div{width:100%;background: #fff;text-align: center;padding:10px;}
.cols_3 h2{font-size:24px;padding:10px 0;color: #0f70b7;}
.servicos img{width:40%;height:auto;}

.orcamentos{padding:10px 20px; background: #0f70b7;}
.orcamentos form{padding:30px 0;max-width:1000px;margin:0 auto;}
.orcamentos label{display: block;width:100%;padding:0 3px;text-align: left;color:#fff;}
.orcamentos .label_textarea{display: block;width: 100%;padding:10px 12px;text-align: left;color:#fff;}
.orcamentos input, .orcamentos textarea{width:100%;border: none;padding:10px 3px;}

.mapa{width:100%;max-width:1300px;margin:0 auto;display: block;}

.lista_produtos{width:100%;}
.catalogo{display:flex;flex-wrap: wrap;justify-content: center;align-items: center;padding:50px 10px;}
.produto{width:25%;padding:20px;min-width:320px}
.produto img{object-fit: cover;width:90%;}
.produto button{width:100%;padding:10px;margin:10px auto;background: #0f70b7;color: #fff;border: none;}

.bombas{display: grid;grid-template-columns: repeat(2, 50%);justify-items:center;align-items: end;padding:50px 10px;}
.bombas div{padding:20px;text-align: left;}
.bombas mark{background:none;color:#0f70b7;font-weight:700;padding:10px 0;display: block;}
.bombas ul,.bombas p{padding: 10px;}
.bombas button{width:100%;padding:10px;margin:10px auto;background: #0f70b7;color: #fff;border: none;}

.rodape{background:#0f70b7;color: #fff;padding:20px 0;}
.btn_whatsapp{width:200px;position: fixed;bottom:20px;right: 20px;}
.btn_whatsapp img{width:100%;}

@media(max-width:720px){
    .box_cabecalho{justify-content: center;}
    .logomarca{width:200px;height: auto;}
    .menu{position:fixed;display:none;height:100%;width:100%;background: #0f70b7;color:#fff;top:0;bottom:0;justify-content: center;align-items: center;}
    .menu ul{list-style:none;display:block;}
    .menu li{position: relative;font-size:24px;width:100%;text-align: center;padding:20px 10px;}
    .sub_menu ul{display:none;width:100%;position: relative;transition: all 1s ease-in-out;}
    .sub_menu li{background:#333;color:#fff;}
    .sub_menu:hover ul{display: block;}
    .btn_menu{display: block;position: absolute;left:10px;}
    .btn_fecha{display: block;position: absolute;top:20px; left: 20px;}
    .active_menu{display: flex;}

    .banner_principal, .cols_2, .cols_3{display: block;}
    .cols_2 div, .cols_3 div{margin:10px auto;}
    .txt_cols_2 p{padding:10px 0;}

    .orcamentos{padding:10px; background: #0f70b7;}
    .orcamentos form{padding:0;}
    .orcamentos label{padding:5px 0;display:block;}
    .orcamentos span{padding: 0;}
    .orcamentos input, .orcamentos textarea{border: none;padding:15px 3px;}
    
    .bombas{display: block;}

    .rodape{font-size:14px;}
}

@keyframes btn_orcamento{
    from{transform: scale(1);}
    to{transform: scale(1.1);}
}


/* Cor Azul Principal #0f70b7 */