<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-BR" xml:lang="pt-BR">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta charset="UTF-8">
<!-- FAVICON -->
<link rel="icon" href="https://www.interago.com.br/App/Sites/588/mc/logo-e-favicon/favicon-bja.png">
<!-- FAVICON -->
Página não encontrada - BJA Máquinas
<style>
html {box-sizing: border-box;}*, :after, :before {box-sizing: inherit;}body {margin: 0;padding: 0;}.container {margin-left: auto;margin-right: auto;padding-left: 15px;padding-right: 15px;}@media (min-width: 576px) {.container {max-width: 540px;}}@media (min-width: 768px) {.container {max-width: 720px;}}@media (min-width: 992px) {.container {max-width: 960px;}}@media (min-width: 1200px) {.container {max-width: 1140px;}}@media (min-width: 1400px) {.container {max-width: 1320px;}}.row {display: grid;grid-template-columns: repeat(12, 1fr);grid-gap: 20px;}.col-12 {grid-column: span 12;}.col-11 {grid-column: span 11;}.col-10 {grid-column: span 10;}.col-9 {grid-column: span 9;}.col-8 {grid-column: span 8;}.col-7 {grid-column: span 7;}.col-6 {grid-column: span 6;}.col-5 {grid-column: span 5;}.col-4 {grid-column: span 4;}.col-3 {grid-column: span 3;}.col-2 {grid-column: span 2;}.col-1 {grid-column: span 1;}@media (min-width: 576px) {.col-sm-12 {grid-column: span 12;}.col-sm-11 {grid-column: span 11;}.col-sm-10 {grid-column: span 10;}.col-sm-9 {grid-column: span 9;}.col-sm-8 {grid-column: span 8;}.col-sm-7 {grid-column: span 7;}.col-sm-6 {grid-column: span 6;}.col-sm-5 {grid-column: span 5;}.col-sm-4 {grid-column: span 4;}.col-sm-3 {grid-column: span 3;}.col-sm-2 {grid-column: span 2;}.col-sm-1 {grid-column: span 1;}}@media (min-width: 768px) {.col-md-12 {grid-column: span 12;}.col-md-11 {grid-column: span 11;}.col-md-10 {grid-column: span 10;}.col-md-9 {grid-column: span 9;}.col-md-8 {grid-column: span 8;}.col-md-7 {grid-column: span 7;}.col-md-6 {grid-column: span 6;}.col-md-5 {grid-column: span 5;}.col-md-4 {grid-column: span 4;}.col-md-3 {grid-column: span 3;}.col-md-2 {grid-column: span 2;}.col-md-1 {grid-column: span 1;}}@media (min-width: 992px) {.my-lg-0 {padding-block: 0px;}.my-lg-1 {padding-block: 5px;}.my-lg-2 {padding-block: 10px;}.my-lg-3 {padding-block: 15px;}.my-lg-4 {padding-block: 30px;}.my-lg-5 {padding-block: 60px;}.mt-lg-0 {margin-top: 0px;}.mt-lg-1 {margin-top: 5px;}.mt-lg-2 {margin-top: 10px;}.mt-lg-3 {margin-top: 15px;}.mt-lg-4 {margin-top: 30px;}.mt-lg-5 {margin-top: 60px;}.mb-lg-0 {margin-bottom: 0px;}.mb-lg-1 {margin-bottom: 5px;}.mb-lg-2 {margin-bottom: 10px;}.mb-lg-3 {margin-bottom: 15px;}.mb-lg-4 {margin-bottom: 30px;}.mb-lg-5 {margin-bottom: 60px;}.ml-lg-0 {margin-left: 0px;}.ml-lg-1 {margin-left: 5px;}.ml-lg-2 {margin-left: 10px;}.ml-lg-3 {margin-left: 15px;}.ml-lg-4 {margin-left: 30px;}.ml-lg-5 {margin-left: 60px;}.mr-lg-0 {margin-right: 0px;}.mr-lg-1 {margin-right: 5px;}.mr-lg-2 {margin-right: 10px;}.mr-lg-3 {margin-right: 15px;}.mr-lg-4 {margin-right: 30px;}.mr-lg-5 {margin-right: 60px;}.col-lg-12 {grid-column: span 12;}.col-lg-11 {grid-column: span 11;}.col-lg-10 {grid-column: span 10;}.col-lg-9 {grid-column: span 9;}.col-lg-8 {grid-column: span 8;}.col-lg-7 {grid-column: span 7;}.col-lg-6 {grid-column: span 6;}.col-lg-5 {grid-column: span 5;}.col-lg-4 {grid-column: span 4;}.col-lg-3 {grid-column: span 3;}.col-lg-2 {grid-column: span 2;}.col-lg-1 {grid-column: span 1;}}@media (min-width: 1200px) {.col-xl-12 {grid-column: span 12;}.col-xl-11 {grid-column: span 11;}.col-xl-10 {grid-column: span 10;}.col-xl-9 {grid-column: span 9;}.col-xl-8 {grid-column: span 8;}.col-xl-7 {grid-column: span 7;}.col-xl-6 {grid-column: span 6;}.col-xl-5 {grid-column: span 5;}.col-xl-4 {grid-column: span 4;}.col-xl-3 {grid-column: span 3;}.col-xl-2 {grid-column: span 2;}.col-xl-1 {grid-column: span 1;}}@media (min-width: 1400px) {.col-xxl-12 {grid-column: span 12;}.col-xxl-11 {grid-column: span 11;}.col-xxl-10 {grid-column: span 10;}.col-xxl-9 {grid-column: span 9;}.col-xxl-8 {grid-column: span 8;}.col-xxl-7 {grid-column: span 7;}.col-xxl-6 {grid-column: span 6;}.col-xxl-5 {grid-column: span 5;}.col-xxl-4 {grid-column: span 4;}.col-xxl-3 {grid-column: span 3;}.col-xxl-2 {grid-column: span 2;}.col-xxl-1 {grid-column: span 1;}}.my-0 {padding-block: 0px;}.my-1 {padding-block: 5px;}.my-2 {padding-block: 10px;}.my-3 {padding-block: 15px;}.my-4 {padding-block: 30px;}.my-5 {padding-block: 60px;}.mt-0 {margin-top: 0px;}.mt-1 {margin-top: 5px;}.mt-2 {margin-top: 10px;}.mt-3 {margin-top: 15px;}.mt-4 {margin-top: 30px;}.mt-5 {margin-top: 60px;}.mb-0 {margin-bottom: 0px;}.mb-1 {margin-bottom: 5px;}.mb-2 {margin-bottom: 10px;}.mb-3 {margin-bottom: 15px;}.mb-4 {margin-bottom: 30px;}.mb-5 {margin-bottom: 60px;}.ml-0 {margin-left: 0px;}.ml-1 {margin-left: 5px;}.ml-2 {margin-left: 10px;}.ml-3 {margin-left: 15px;}.ml-4 {margin-left: 30px;}.ml-5 {margin-left: 60px;}.mr-0 {margin-right: 0px;}.mr-1 {margin-right: 5px;}.mr-2 {margin-right: 10px;}.mr-3 {margin-right: 15px;}.mr-4 {margin-right: 30px;}.mr-5 {margin-right: 60px;}.py-0 {padding-block: 0px;}.py-1 {padding-block: 5px;}.py-2 {padding-block: 10px;}.py-3 {padding-block: 15px;}.py-4 {padding-block: 30px;}.py-5 {padding-block: 60px;}.pt-0 {padding-top: 0px;}.pt-1 {padding-top: 5px;}.pt-2 {padding-top: 10px;}.pt-3 {padding-top: 15px;}.pt-4 {padding-top: 30px;}.pt-5 {padding-top: 60px;}.pb-0 {padding-bottom: 0px;}.pb-1 {padding-bottom: 5px;}.pb-2 {padding-bottom: 10px;}.pb-3 {padding-bottom: 15px;}.pb-4 {padding-bottom: 30px;}.pb-5 {padding-bottom: 60px;}.pl-0 {padding-left: 0px;}.pl-1 {padding-left: 5px;}.pl-2 {padding-left: 10px;}.pl-3 {padding-left: 15px;}.pl-4 {padding-left: 30px;}.pl-5 {padding-left: 60px;}.pr-0 {padding-right: 0px;}.pr-1 {padding-right: 5px;}.pr-2 {padding-right: 10px;}.pr-3 {padding-right: 15px;}.pr-4 {padding-right: 30px;}.pr-5 {padding-right: 60px;}.text-left {text-align: left;}.text-right {text-align: right;}.text-center {text-align: center;}
</style> <!-- GOOGLE FONT -->
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link rel="preload" as="style"
href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap"
media="print" onload="this.media='all'" />
<noscript>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" />
</noscript>
<!-- END OF GOOGLE FONT -->
<style>
/* GENERAL */
html {
scroll-behavior: smooth;
}
body {
font-family: 'Poppins', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
margin: 0px;
color: #000;
font-weight: 300;
}
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, span, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li, table, label, input, textarea, svg {
font-family: 'Poppins', sans-serif;
-webkit-font-smoothing: antialiased;
}
input, textarea {
outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Poppins', sans-serif;
-webkit-font-smoothing: antialiased;
}
a {
outline: none;
transition: 0.3s ease;
text-decoration: none;
color:var(--primary);
}
ul {
list-style: none;
padding: 0px;
}
ol li {
margin-top:30px;
list-style:none;
padding-left:0px;
}
.onlineStoreLeftText ol li {
list-style: disc;
}
#loginLinkBtn svg {
stroke: var(--tertiary);
max-width: 15px;
max-height: 15px;
stroke-width: 4px;
}
#callCartButtons {
display: none;
}
#cartPopupView #shippingEstimativeContentForCart {
margin-top: 15px;
}
#dropdownForSearchTermsButton {
background-color: var(--secondary);
border: none;
color: var(--tertiary);
padding: 5px 10px;
border-radius: 2px;
margin-inline: 10px;
cursor: pointer;
}
/* MARGINS AND PADDINGS */
.py100 {
padding-block: 100px;
}
.pt100 {
padding-top: 100px;
}
.pb100 {
padding-bottom: 100px;
}
.py50 {
padding-block: 50px;
}
.pt50 {
padding-top: 50px;
}
.pb50 {
padding-bottom: 50px;
}
.my30 {
margin-block: 30px;
}
.mt30 {
margin-top: 30px;
}
.mb30 {
margin-bottom: 30px;
}
/* FOOTER */
footer .boxInstitutional {
padding-block: 50px;
background-color: var(--primary);
}
footer .boxInstitutional .container {
display: flex;
gap: 20px;
}
footer .boxInstitutional .container .footerColumn:first-child {
width: 33%;
}
footer .boxInstitutional .container .footerColumn {
gap: 20px;
width: 22%;
}
footer .boxInstitutional .container .footerColumn ul {
margin: 0px;
display: flex;
flex-direction: column;
gap: 15px;
}
footer .boxInstitutional .footerColumn a {
color: var(--tertiary);
display: flex;
gap: 10px;
align-items: center;
}
footer .boxInstitutional .footerColumn a:hover {
transform: scale(1.02);
}
footer .boxInstitutional .footerColumn p {
color: var(--tertiary);
display: flex;
gap: 10px;
}
footer .boxInstitutional .footerColumn .mailFooter span, footer .boxInstitutional .footerColumn .numberFooter span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 320px;
}
footer .boxInstitutional .footerColumn:first-child p:first-child {
display: flex;
flex-direction: column;
gap: 10px;
}
footer .boxInstitutional .footerColumn:first-child p:last-child {
display: flex;
flex-direction: column;
gap: 15px;
}
footer .boxInstitutional .footerColumn:first-child p:last-child img {
width: 130px;
object-fit: contain;
object-position: left;
}
footer .boxInstitutional .footerColumn h1 {
font-size: 20px;
color: var(--tertiary);
}
footer .boxInstitutional .footerColumn svg {
stroke: var(--tertiary);
stroke-width: 2px;
width: 22px;
height: 22px;
min-width: 30px;
min-height: 30px;
}
footer .boxInstitutional .footerColumn .boxFlags {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
footer .boxInstitutional .footerColumn .boxFlags img {
width: 35px;
}
footer .boxInstitutional .footerColumn .boxFlags img:nth-child(7) {
background-color: var(--tertiary);
border-radius: 2px;
}
footer .boxInstitutional .footerColumn .boxFlags img:last-child {
filter: invert(1);
}
footer .copyright {
background-color: #020D21;
display: flex;
padding: 10px 0px;
}
footer .copyright .container {
display: flex;
justify-content: space-between;
align-items: center;
}
footer .copyright .container small {
color: var(--tertiary);
width: 100%;
}
footer .copyright .container small+span {
display: flex;
gap: 15px;
}
footer .copyright .container span img {
width: 100px;
}
footer .copyright .container small a {
color: var(--tertiary);
}
/* END OF FOOTER */
/* INSTITUTIONAL TEXTS */
.onlineStoreLeftText {
max-width:700px;
margin:50px auto;
}
.onlineStoreLeftText ol li li {
list-style: disc;
}
/* END OF INSTITUCIONAL TEXTS */
@media (max-width: 992px) {
footer .boxInstitutional .container {
flex-direction: column;
}
footer .boxInstitutional .container .footerColumn:first-child {
width: 100%;
}
footer .boxInstitutional .container .footerColumn {
width: 100%;
}
footer .copyright .container {
display: flex;
justify-content: space-between;
flex-direction: column;
align-items: flex-start;
}
footer .copyright .container small {
width: 100%;
}
footer .copyright .container small+span {
gap: 5px;
flex-wrap: wrap;
}
}
/* GLOBAL MOBILE AND TABLET CSS */
@media (max-width: 768px) {
.py100 {
padding-block: 40px;
}
.pt100 {
padding-top: 40px;
}
.pb100 {
padding-bottom: 40px;
}
footer .boxInstitutional .footerColumn .mailFooter span, footer .boxInstitutional .footerColumn .numberFooter span {
max-width: 255px;
}
}
/* ------------------------------- Página inicial ------------------------------- */
/* sectionHomeCards CSS */
.sectionHomeCards .cardsHome .verticalCard a {
height: 600px;
}
.sectionHomeCards .cardsHome a {
display: flex;
height: 100%;
position: relative;
border-radius: 10px;
overflow: hidden;
}
.sectionHomeCards .cardsHome a img {
position: absolute;
width: 100%;
height: 100%;
inset: 0;
object-fit: cover;
}
.sectionHomeCards .cardsHome a:hover {
transform: scale(1.02);
}
.sectionHomeCards .cardsHome .horizontalCards {
display: flex;
flex-direction: column;
gap: 20px;
}
.sectionHomeCards .cardsHome .horizontalCards a {
height: calc(50% - 10px);
}
.sectionRating .container .ratingBox {
background-color: var(--primary);
position: relative;
border-radius: 10px;
overflow: hidden;
}
.sectionRating .container .ratingImage {
display: flex;
justify-content: center;
align-items: center;
padding: 0;
}
.sectionRating .container .ratingImage a {
display: flex;
justify-content: center;
width: 100%;
max-width: 100%;
padding: 0;
background: none;
}
.sectionRating .container .ratingImage picture {
display: block;
width: 100%;
max-width: 100%;
}
.sectionRating .container .ratingImage img,
.sectionRating .container img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
margin-inline: auto;
position: static;
inset: auto;
right: auto;
top: auto;
left: auto;
transform: none;
object-fit: contain;
}
@media(max-width: 992px) {
.sectionHomeCards .cardsHome .verticalCard,
.sectionHomeCards .cardsHome .horizontalCards {
display: flex;
justify-content: center;
align-items: center;
}
.sectionHomeCards .cardsHome .verticalCard a,
.sectionHomeCards .cardsHome .horizontalCards a {
width: 100%;
max-width: 100%;
height: auto;
display: flex;
}
.sectionHomeCards .cardsHome a img {
position: relative;
}
.sectionRating .container .ratingImage {
padding: 0;
}
}
header #categoriesNav ul li>a:has(+ li):after {
border-color: #000 !important;
</style>
<style>
/* NAVBAR */
:root {
--primary:#072861;
--secondary:#d90000;
--tertiary:#ffffff;
}
/* Estilo Barra de Navegacao Responsiva */
header {
position: fixed;
width: 100%;
z-index: 999;
transition: transform 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
top: 0;
background-color: #fff;
border-bottom: solid 1px #ddd;
}
header .logo img {
max-width: 130px;
height: auto;
}
header .logo a {
display: flex;
}
header .mobileNav {
display: none;
}
#fixedCorrection {
min-height: 152px;
}
/* topBar CSS */
header .topBar {
background-color: var(--primary);
}
header .topBar .container {
display: flex;
justify-content: space-between;
align-items: center;
}
header .topBar ul {
display: flex;
margin: 0px;
}
header .topBar ul li a {
color: var(--tertiary);
font-size: 14px;
padding-block: 5px;
padding-inline: 15px;
display: flex;
gap: 10px;
align-items: center;
}
header .topBar ul li:last-child a {
background: #F2F2F2;
color: #072861;
}
header .topBar ul li:last-child a svg {
font-size: 1.25rem;
stroke: #072861;
width: 18px;
height: 18px;
transition: inherit;
}
header .topBar ul li a:hover, header .topBar ul li:last-child a:hover {
color: #FFF;
background-color: #4475c9;
}
header .topBar ul li a:hover, header .topBar ul li:last-child a:hover svg {
stroke: #FFF;
}
header .topBar .rightWelcomeMessage p {
font-size: 14px;
color: var(--tertiary);
margin: 0px;
}
/* navBar */
header .navBar {
display: flex;
height: 100%;
align-items: center;
padding-block: 8px;
gap: 50px;
}
/* navBar Institutional */
header .navBar .institutional ul {
padding: 0px;
margin: 0px;
list-style: none;
display: flex;
gap: 10px;
}
header .navBar .institutional li>a:hover {
color: var(--secondary);
}
header .navBar .institutional a {
position: relative;
}
header .navBar .institutional {
display: flex;
justify-content: flex-end;
gap: 10px;
}
header .navBar .institutional a {
display: flex;
padding: 0;
flex-direction: column;
align-items: center;
text-align: center;
gap: 5px;
font-size: 14px;
color: var(--primary);
line-height: 15px;
cursor: pointer;
justify-content: center;
}
header .navBar .institutional a:hover {
color:var(--secondary);
}
header .navBar .institutional a svg {
width: 28px;
height: 28px;
stroke: var(--primary);
stroke-width: 2.5px;
fill: transparent;
transition: all 0.3s ease;
}
header .navBar .institutional a:hover svg {
stroke: var(--secondary);
}
header .navBar .institutional a svg.cartIcon circle {
fill: var(--primary);
}
header .navBar .institutional a:hover svg.cartIcon circle {
fill: var(--secondary);
}
/* Cart Navbar Label Qtd CSS */
header .navBar .institutional a span#openCartPopupButtonQtd {
position: absolute;
right: 0px;
bottom: 45px;
background-color: var(--primary);
opacity: 0.9;
color: #fff;
border-radius: 50px;
display: block;
padding: 1px 5px;
}
/* Categories Menu Icon */
.menuCategoriesBtn {
display: none;
}
/* Header Search Bar */
header form {
position: relative;
width: 100%;
}
header form button {
position: absolute;
right: 0;
bottom: 0;
top: 0;
margin: auto;
border: none;
outline: none;
background: none;
cursor: pointer;
padding: 8px 13px;
height: 100%;
border-radius: 0px 4px 4px 0px;
background-color: var(--secondary);
}
header form button svg {
transition: 0.3s ease;
stroke: var(--primary);
stroke-width: 3px;
height: 16px;
width: 16px;
}
header form {
width: 100%;
}
header form input {
background-color: var(--tertiary);
border: solid 1px #0053A1;
border-radius: 5px;
padding-block: 12px;
padding-inline: 20px;
font-size: 14px;
width: 100%;
}
header form #submitSearch {
position: absolute;
right: 5px;
top: 0;
bottom: 0;
margin: auto;
height: fit-content;
background: none;
border: none;
outline: none;
cursor: pointer;
transition: 0.5s ease;
}
header form #submitSearch:hover {
transform: scale(1.1);
}
/* Barra de navegação fixa */
header.fixedHeader {
box-shadow: 10px 10px 25px rgb(0 0 0 / 5%);
border-bottom: none;
}
/* categoriesNav CSS */
header #categoriesNav {
border-top: solid 1px #ddd;
min-height: 40px;
background-color: #F2F2F2;
}
header #categoriesNav ul {
display: flex;
gap: 0px;
margin: 0px;
align-items: flex-start;
position: relative;
flex-wrap: wrap;
}
header #categoriesNav ul>li {
max-height: 40px;
position: relative;
z-index: 1;
overflow: hidden;
}
header #categoriesNav ul>li:hover {
z-index: 2;
overflow: inherit;
}
header #categoriesNav ul li a {
display: block;
font-size: 14px;
color: #072861;
padding: 10px;
}
header #categoriesNav ul li:hover a {
color: var(--secondary);
}
header #categoriesNav ul li li {
position: relative;
height: 40px;
}
header #categoriesNav ul li li a {
position: absolute;
min-width: 200px;
background-color: var(--primary);
padding: 10px;
color: #fff !important;
box-shadow: 5px 5px 15px #00000025;
opacity: 0;
}
header #categoriesNav ul li:hover li a:hover {
filter: saturate(1.2) contrast(0.5) brightness(1.5);
}
header #categoriesNav ul li:hover li a {
opacity: 1;
}
header #categoriesNav ul li>a:has(+ li):after {
border-style: solid;
border-width: 0.2em 0.2em 0 0;
border-color: #FFF;
content: "";
border-radius: 1px;
display: inline-block;
position: relative;
transform: translateY(-2px) rotate(135deg);
transition: all 0.3s ease-in-out;
width: 8px;
height: 8px;
}
header #categoriesNav ul li>a:has(+ li) {
display: flex;
align-items: center;
gap: 10px;
}
header #categoriesNav ul li:hover a:after {
transform: translateY(-2px) rotate(315deg);
border-color: var(--tertiary);
}
header #categoriesNav ul li:hover li a:has(+ li):after {
transform: translateY(0px) rotate(45deg);
}
header #categoriesNav ul li li li {
transform: translateX(200px);
}
header #categoriesNav ul li:hover li li a {
opacity: 0;
}
header #categoriesNav ul li:hover li:hover li a {
opacity: 1;
}
header .menuToogle .subTagItemList {
display: none;
}
/* Tablet and Medium Resolution Devices Header <992 */
@media (max-width: 992px) {
header .navBar {
padding-block: 5px;
}
header .navBar ul>li {
display: block;
margin: 0px;
padding: 0;
}
header .topBar .rightWelcomeMessage {
display: none;
}
#fixedCorrection {
min-height: 146px;
}
}
/* Mobile Header <768 */
@media (max-width: 768px) {
header .topBar {
display: none;
}
header .navBar {
gap: 15px;
}
header .navBar .logo img {
width: 90px;
height: auto;
}
header .navBar form input {
background-color: #f9f9f9;
border: solid 1px #ddd;
border-radius: 5px;
padding-block: 5px;
padding-inline: 30px;
padding-left: 10px;
font-size: 13px;
width: 100%;
}
header .navBar form input:placeholder-shown {
text-overflow: ellipsis;
}
header .navBar .institutional ul {
gap: 5px;
}
header .navBar .institutional a {
border: none;
position: relative;
height: 100%;
}
header .navBar .institutional a svg {
width: 23px;
height: 23px;
stroke-width: 2.5px;
}
header .navBar .institutional a span {
display: none;
}
header .navBar form #submitSearch {
position: absolute;
top: 0;
bottom: 0;
right: 0px;
margin: auto;
height: fit-content;
background: none;
border: none;
outline: none;
cursor: pointer;
transition: 0.5s ease;
padding: 5px 10px;
}
header .navBar form button svg {
height: 17px;
width: 17px;
stroke-width: 3px;
}
/* Mobile Navbar Right Side Popup */
header .mobileNav {
position: fixed;
top: 0;
right: 0;
height: 150vh;
width: 100%;
display: block;
z-index: -1;
transform: translateX(100%);
transition: all 0.3s ease-in-out;
}
header .mobileNav.active {
z-index: 20;
transform: translateX(0%);
}
header .mobileNav nav {
position: absolute;
height: 100%;
top: 0;
right: 0;
background-color: #fff;
width: 100vw;
z-index: 21;
transition: opacity 0.2s ease, transform 0.3s ease-in-out;
transform: translateX(100%);
opacity: 0;
}
header .mobileNav.active nav {
box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
opacity: 1;
transform: translateX(0);
}
header .mobileNav .menuCloseBtn:after {
border-style: solid;
border-width: 0.2em 0.2em 0 0;
content: "";
border-radius: 1px;
display: inline-block;
position: relative;
transform: rotate(45deg);
width: 8px;
height: 8px;
}
header .navMobileHeaderContent {
background-color: var(--primary);
padding-block: 10px;
border-bottom: solid 1px #ffffff15;
}
header .menuCloseBtn {
color: var(--tertiary);
padding: 5px;
border-radius: 5px;
width: 140px;
text-align: center;
cursor: pointer;
font-size: 12px;
font-weight: 500;
display: flex;
align-items: center;
gap: 8px;
margin: 0px 20px 0px auto;
justify-content: flex-end;
}
header .mobileNav .menuClose {
visibility: hidden;
width: 0px;
height: 0px;
margin: 0px;
position: absolute;
}
header .mobileNav nav ul {
display: flex;
flex-direction: column;
margin: 0px;
overflow: scroll;
height: 100%;
max-height: 100vh;
padding-bottom: 55vh;
transition: all 0.1s ease-in-out;
}
header .mobileNav nav ul li {
width: 100%;
}
header .mobileNav nav ul li a {
width: 100%;
padding: 10px;
padding-inline: 30px;
text-align: left;
border-bottom: solid 1px #ddd;
display: block;
color: var(--primary);
font-size: 14px;
}
header .mobileNav nav ul li a:hover {
filter: saturate(1.2) contrast(0.7) brightness(1.5);
background-color: var(--primary);
color: var(--tertiary);
}
header .mobileNav nav ul li:first-child {
border-top: solid 1px #ddd;
}
header .mobileNav nav li li a {
padding-inline: 40px;
font-size: 14px;
}
header .mobileNav nav ul li a:has(+ li) {
display: flex;
align-items: center;
gap: 10px;
}
header .mobileNav nav ul li a:has(+ li):after {
border-style: solid;
border-width: 0.18em 0.18em 0 0;
border-color: var(--secondary);
content: "";
border-radius: 1px;
display: inline-block;
position: relative;
transform: translateY(-2px) rotate(135deg);
transition: all 0.3s ease-in-out;
width: 7px;
height: 7px;
}
header .mobileNav nav li li li a {
padding-inline: 50px 40px;
}
header .mobileNav.active .menuOverlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
cursor: pointer;
background-color: #09090973;
z-index: 20;
width: 100vw;
height: 100%;
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
}
header .mobileNav nav ul.accountLinks li a {
display: flex;
gap: 10px;
align-items: center;
color: var(--tertiary);
border: none;
justify-content: flex-start;
font-size: 16px;
padding: 10px 15px;
border-bottom: solid 1px #ffffff15;
}
header .mobileNav .navMobileContent p {
margin-left: 20px;
font-size: 16px;
font-weight: 500;
}
header .mobileNav nav ul.accountLinks li:first-child a svg {
stroke-width: 3px;
}
header .mobileNav nav ul.accountLinks li a svg {
stroke: var(--tertiary);
width: 18px;
height: 18px;
}
header .mobileNav nav ul.accountLinks {
padding-bottom: 0px;
background-color: var(--primary);
overflow: hidden;
transform: translateY(-0.5px);
}
header .mobileNav nav ul.accountLinks li {
width: auto;
border: none;
}
/* Qtd Label Cart */
header .navBar .institutional a span#openCartPopupButtonQtd {
right: -8px;
bottom: 12px;
}
/* Categories Icon Btn Mobile */
header .navBar ul li.menuCategoriesBtn {
display: flex;
align-items: center;
}
header .navBar ul li a.accountLink {
display: none;
}
header .navBar .menuCategoriesBtn span.menuCategoriesIcon {
display: block;
width: 22px;
height: 1px;
background-color: var(--primary);
}
header .navBar .menuCategoriesBtn span.menuCategoriesIcon:after {
content: "";
display: block;
width: 22px;
height: 1px;
transform: translateY(6px);
background-color: var(--primary);
}
header .navBar .menuCategoriesBtn span.menuCategoriesIcon:before {
content: "";
display: block;
width: 22px;
height: 1px;
transform: translateY(-7px);
background-color: var(--primary);
}
header #categoriesNav {
display: none;
}
#fixedCorrection {
min-height: 47px;
}
}
</style> <meta name="google-site-verification" content="BKIJYJAnmtWabd4pEp4FKCVXJ0UkyH_qOqy19wFFL-c" />
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KVNSVZ59');</script>
<!-- End Google Tag Manager -->
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KVNSVZ59"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) --> <header id="jsHeader" data-item="header">
<div class="topBar">
<div class="container">
<ul>
<li id="loginLinkBtn">
<a href="conta/login" title="Acesse sua conta na BJA Máquinas">Entrar</a>
</li>
<li>
<a href="conta/create" title="Crie uma conta na BJA Máquinas">Criar conta</a>
</li>
<li>
<a href="#" class="openCartTopBar" title="Acesse seu carrinho de compras">Carrinho de compras</a>
</li>
<li>
<a href="conta/account?pg=order" title="Acompanhe seus pedidos na BJA Máquinas">Acompanhar pedidos <svg enable-background="new 0 0 15 15" viewBox="0 0 15 15" x="0" y="0" class="shippingIcon"><g><line fill="none" stroke-linejoin="round" stroke-miterlimit="10" x1="8.6" x2="4.2" y1="9.8" y2="9.8"></line><circle cx="3" cy="11.2" fill="none" r="2" stroke-miterlimit="10"></circle><circle cx="10" cy="11.2" fill="none" r="2" stroke-miterlimit="10"></circle><line fill="none" stroke-miterlimit="10" x1="10.5" x2="14.4" y1="7.3" y2="7.3"></line><polyline fill="none" points="1.5 9.8 .5 9.8 .5 1.8 10 1.8 10 9.1" stroke-linejoin="round" stroke-miterlimit="10"></polyline><polyline fill="none" points="9.9 3.8 14 3.8 14.5 10.2 11.9 10.2" stroke-linejoin="round" stroke-miterlimit="10"></polyline></g></svg></a>
</li>
</ul>
<div class="rightWelcomeMessage">
<p></p>
</div>
</div>
</div>
<div class="container lgContainer">
<div class="navBar">
<div class="logo">
<a href="index" title="Ir para a Página Inicial" rel="nofollow">
<img class="imgFluid" src="https://www.interago.com.br/App/Sites/588/mc/logo-e-favicon/logo-reduzido-bja-maquinas-2026.svg"
alt="Logotipo de BJA Máquinas" width="149" height="60">
</a>
</div>
<form action="/q?m=search" method="get" class="formContainer">
<input type="hidden" name="m" value="search" />
<input type="text" name="q" class="q" data-id="q" placeholder="Pesquise em toda loja..." />
<button type="submit" id="submitSearch" title="Pesquise em toda a loja">
<svg class="searchIcon" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="22.5051" cy="22.5051" r="21.5051"/>
<path d="M38.3333 38.3333L49.9999 50" stroke-linecap="round"/>
</svg>
</button>
</form>
<div class="institutional">
<ul>
<li class="menuCategoriesBtn">
<a href="conta/account" class="categoriesLink" title="Acesse sua conta" rel="noreferrer nofollow noopener">
<span class="menuCategoriesIcon"></span>
</a>
</li>
<li>
<a href="conta/account" class="accountLink" title="Acesse sua conta" rel="noreferrer nofollow noopener">
<svg class="userIcon" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="24.603" cy="11.603" r="10.603"/>
<path d="M44.8239 50H5.9006C2.81148 50 0.44965 47.2063 1.50886 44.3044C4.25668 36.7764 10.7524 27.7347 25 28.006C39.5332 28.2827 46.6345 37.5501 49.0358 44.9344C49.9107 47.625 47.6532 50 44.8239 50Z" stroke-linecap="round"/>
</svg>
<span>Minha conta</span>
</a>
</li>
<li>
<a href="#" class="openCartHeader" title="Acesse seu carrinho de compras" rel="noreferrer nofollow noopener">
<svg class="cartIcon" width="52" height="51" viewBox="0 0 52 51" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1H7.7341C8.66917 1 9.47943 1.6479 9.68512 2.56006L12.9098 16.8606M12.9098 16.8606L17.3075 35.8156C17.5178 36.722 18.3253 37.3636 19.2558 37.3636H44.8494C45.7872 37.3636 46.599 36.7121 46.802 35.7965L50.4606 19.2934C50.7375 18.0447 49.7871 16.8606 48.508 16.8606H12.9098Z" stroke-linecap="round"/>
<circle cx="21.4545" cy="47.2121" r="3.78788"/>
<circle cx="44.1818" cy="47.2121" r="3.78788"/>
</svg>
<span>Meu carrinho</span>
<span id="openCartPopupButtonQtd">0</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- container lgContainer -->
<!-- Mobile Nav -->
<div class="mobileNav">
<nav>
<div class="navMobileHeaderContent">
<input class="menuClose" type="checkbox" id="menuClose" />
<label class="menuCloseBtn" for="menuClose" onclick="navMenuToggle(event);">
Fechar Menu
</label>
</div>
<div class="navMobileContent">
<ul id="accountLinks" class="accountLinks">
<li>
<a href="conta/login" title="Acesse sua conta na BJA Máquinas">
<svg class="userIcon" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="24.603" cy="11.603" r="10.603"/>
<path d="M44.8239 50H5.9006C2.81148 50 0.44965 47.2063 1.50886 44.3044C4.25668 36.7764 10.7524 27.7347 25 28.006C39.5332 28.2827 46.6345 37.5501 49.0358 44.9344C49.9107 47.625 47.6532 50 44.8239 50Z" stroke-linecap="round"/>
</svg>
Entrar</a>
</li>
<li>
<a href="conta/account?pg=order" title="Acompanhe seus pedidos na BJA Máquinas">
<svg enable-background="new 0 0 15 15" viewBox="0 0 15 15" x="0" y="0" class="shippingIcon"><g><line fill="none" stroke-linejoin="round" stroke-miterlimit="10" x1="8.6" x2="4.2" y1="9.8" y2="9.8"></line><circle cx="3" cy="11.2" fill="none" r="2" stroke-miterlimit="10"></circle><circle cx="10" cy="11.2" fill="none" r="2" stroke-miterlimit="10"></circle><line fill="none" stroke-miterlimit="10" x1="10.5" x2="14.4" y1="7.3" y2="7.3"></line><polyline fill="none" points="1.5 9.8 .5 9.8 .5 1.8 10 1.8 10 9.1" stroke-linejoin="round" stroke-miterlimit="10"></polyline><polyline fill="none" points="9.9 3.8 14 3.8 14.5 10.2 11.9 10.2" stroke-linejoin="round" stroke-miterlimit="10"></polyline></g>
</svg>
Pedidos
</a>
</li>
</ul>
<p>Navegue por categorias</p>
<div id="mobileCategoriesNav">
</div>
</div>
</nav>
<div class="menuOverlay"></div>
</div>
<!-- End Mobile Nav -->
<div id="categoriesNav">
</div>
</header>
<div id="fixedCorrection"></div> Página não encontrada
Ops... não encontramos esta página ?
<footer>
<div class="boxInstitutional">
<div class="container">
<div class="footerColumn">
<p>
<span>BJA Máquinas</span>
Avenida Doutor Lineu de Alcântara Gil, 660, Jardim Fuscaldo, 15061-470, São José do Rio Preto
</p>
<p class="mailFooter">
<a href="mailto:bjamaquinas@gmail.com" title="Enviar um e-mail para BJA Máquinas">
<svg width="52" height="37" viewBox="0 0 52 37" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1H51M1 1V31C1 33.7614 3.23858 36 6 36H46C48.7614 36 51 33.7614 51 31V1M1 1L23.0747 18.4222C24.9023 19.8646 27.4836 19.8547 29.3 18.3983L51 1" stroke-linejoin="round"/>
</svg>
<span>bjamaquinas@gmail.com</span>
</a>
</p>
<p class="numberFooter">
<a class="whatsLink" href="https://web.whatsapp.com/send?phone=5517996562144" title="Enviar mensagem no WhatsApp para BJA Máquinas" target="_blank">
<svg width="52" height="51" viewBox="0 0 52 51" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6128 3.68272C-0.944479 11.2134 0.444366 28.9705 4.33372 37.1843L1 49.9203L13.7794 46.8745C18.4516 50.8565 33.504 51.2232 41.2827 46.8745C49.0614 42.5258 55.7289 25.6219 46.5611 12.6091C37.3933 -0.403793 24.3364 -1.0241 14.6128 3.68272Z" stroke-linejoin="round"/>
<path d="M15.2952 23.2652C12.406 19.2783 15.0174 15.1437 16.6843 13.5748C18.4623 12.6888 19.8328 13.021 20.2959 13.2979L23.074 19.6659L20.8515 23.2652C20.4258 23.9486 27.6683 31.3563 30.8527 31.5713L34.4642 27.972L41.1317 31.5713C41.5021 33.9708 40.2427 38.3823 32.2417 36.8318C22.2405 34.8937 18.9068 28.2489 15.2952 23.2652Z" stroke-linejoin="round"/>
</svg>
<span>(17) 99656-2144</span>
</a>
</p>
<p class="phoneFooter">
<a href="tel:551732152539 " title="Ligar para (17) 3215-2539" target="_blank">
<img src="https://www.interago.com.br/App/Sites/588/mc/icones/telephone-icon.svg" alt="Ícone telefone" width="30" height="30" loading="lazy">
<span>(17) 3215-2539</span>
</a>
</p>
<p>
<img width="130" height="30" src="https://www.interago.com.br/App/Sites/358/mc/Footer/letsEncrypt.svg" alt="Loja segura através de criptografia SSL" />
<img width="130" height="30" src="https://www.interago.com.br/App/Sites/358/mc/Footer/googleSafeBrowse.svg" alt="Loja com navegação segura e indexada em motores de busca" />
<img width="130" height="30" src="https://www.interago.com.br/App/Sites/358/mc/logo-interago.svg" alt="Plataforma de criação de lojas virtuais - Interago" />
</p>
</div>
<div class="footerColumn">
<h1>Institucional</h1>
<ul>
<li>
<a href="index" rel="nofollow" title="Ir para página Inicial">Página inicial</a>
</li>
<li>
<a href="politica-de-compra" rel="nofollow" title="Como comprar na BJA Máquinas">Como comprar</a>
</li>
<li>
<a href="politica-de-privacidade" title="Política de Privacidade de BJA Máquinas">Segurança e privacidade</a>
</li>
<li>
<a href="termos-de-uso" title="Termos de Uso de BJA Máquinas">Termos de Uso</a>
</li>
<li>
<a href="cancelamentos-trocas-devolucoes" title="Cancelamento, Trocas e Devolucões BJA Máquinas">Políticas de trocas e Devoluções</a>
</li>
</ul>
</div>
<div class="footerColumn">
<h1>Área do cliente</h1>
<ul>
<li>
<a href="conta/account?pg=order" rel="nofollow" title="Acessar página de compras da BJA Máquinas">Minhas compras</a>
</li>
<li>
<a href="atendimento-ao-consumidor" rel="nofollow" title="Entrar em contato com a BJA Máquinas">Fale conosco</a>
</li>
<li>
<a href="conta/account?pg=profile" title="Acesse sua conta na BJA Máquinas">Minha conta</a>
</li>
</ul>
</div>
<div class="footerColumn">
<h1>Info</h1>
<p><a href="https://www.instagram.com/bja.maquinas/" rel="nofollow noreferrer noopener" title="Acesse o instagram da BJA Máquinas" target="_blank">
<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M36 1H16C7.71573 1 1 7.71573 1 16V36C1 44.2843 7.71573 51 16 51H36C44.2843 51 51 44.2843 51 36V16C51 7.71573 44.2843 1 36 1Z" stroke-linejoin="round"/>
<circle cx="26" cy="26" r="11" />
<circle cx="40.5" cy="11.5" r="1.5" />
</svg>
</a><a href="https://www.tiktok.com/@bja.maquinas?_r=1&_t=ZS-93UOx0hA97V" rel="nofollow noreferrer noopener" title="Acesse o Tiktok da BJA Máquinas" target="_blank">
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M23.5397 6.66666V27.3289C23.634 28.7441 20.9357 32.2538 17.3128 32.7067C15.5316 32.9294 12.9622 32.6936 11.0858 30.4424C8.19139 26.9697 8.02326 18.8376 17.3128 18.8376" stroke-linejoin="round"/>
<path d="M23.5906 6.66666C24.1567 8.93101 26.3644 13.2899 30.6667 12.6106" stroke-linejoin="round"/>
<rect x="1" y="1" width="38" height="38" rx="4"/>
</svg>
</a><a href="https://www.youtube.com/@BJAmaquinas" rel="nofollow noreferrer noopener" title="Acesse o Youtube da BJA Máquinas" target="_blank">
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M25.2778 9H16.1111C10.5882 9 6.11108 13.4772 6.11108 19V20C6.11108 25.5228 10.5882 30 16.1111 30H25.2778C30.8006 30 35.2778 25.5228 35.2778 20V19C35.2778 13.4772 30.8006 9 25.2778 9Z" stroke-linejoin="round"/>
<path d="M25.361 19.6701L17.7777 15.4167V23.5833L25.361 19.6701Z" stroke-linejoin="round"/>
<rect x="1" y="1" width="38" height="38" rx="4"/>
</svg>
</a>
<a href="https://share.google/oA61yV9cqaWUjwNNx" rel="nofollow noreferrer noopener" target="_blank" title="Ver o perfil da BJA no Google">
<img src="https://www.interago.com.br/App/Sites/588/mc/icones/pin-icon.svg" alt="Ícone Localização" width="30" height="30" loading="lazy">
</a></p>
<p><strong>Aceitamos:</strong></p>
<div class="boxFlags">
<img width="35" height="22" src="https://www.interago.com.br/App/Sites/358/mc/Bandeiras/amex.svg" alt="Pagamentos com bandeira AMEX" />
<img width="35" height="22" src="https://www.interago.com.br/App/Sites/358/mc/Bandeiras/diners.svg" alt="Pagamentos com bandeira Dinners Club" />
<img width="35" height="22" src="https://www.interago.com.br/App/Sites/358/mc/Bandeiras/elo.svg" alt="Pagamentos com bandeira Elo" />
<img width="35" height="22" src="https://www.interago.com.br/App/Sites/358/mc/Bandeiras/hiper.svg" alt="Pagamentos com bandeira Hiper" />
<img width="35" height="22" src="https://www.interago.com.br/App/Sites/358/mc/Bandeiras/hipercard.svg" alt="Pagamentos com bandeira Hipercard" />
<img width="35" height="22" src="https://www.interago.com.br/App/Sites/358/mc/Bandeiras/mastercard.svg" alt="Pagamentos com bandeira Mastercard" />
<img width="35" height="22" src="https://www.interago.com.br/App/Sites/358/mc/Bandeiras/visa.svg" alt="Pagamentos com bandeira Visa" />
<img width="35" height="22" src="https://www.interago.com.br/App/Sites/358/mc/Bandeiras/pix.svg" alt="Pagamentos com PIX" />
<img width="35" height="22" src="https://www.interago.com.br/App/Sites/358/mc/Bandeiras/boleto.svg" alt="Pagamentos com Boleto" />
</div>
</div>
</div>
</div>
<div class="copyright">
<div class="container">
<small> © <span id="year"></span> BJA Máquinas - 01.804.820/0001-07 - Todos os direitos reservados.
<a title="Esta loja virtual foi desenvolvida com muito amor por ECO WEBDESIGN" href="https://www.ecowebdesign.com.br/loja-virtual/"
target="_blank">Desenvolvimento de Loja Virtual por
Eco Webdesign</a>
</small>
<!-- <span>
<img width="100" height="40" src="https://cdn.interago.com.br/img/png/w_0_q_8/358/mc/Selos//selo-reclameaqui" alt="Selo Reclame Aqui da BJA Máquinas" />
<img width="100" height="40" src="https://cdn.interago.com.br/img/png/w_0_q_8/358/mc/Selos//selo-siteblindado" alt="Selo Site Blindado da BJA Máquinas" />
<img width="100" height="40" src="https://cdn.interago.com.br/img/png/w_0_q_8/358/mc/Selos//selo-loja-protegida" alt="Selo Loja Protegida da BJA Máquinas" />
<img width="100" height="40" src="https://cdn.interago.com.br/img/png/w_0_q_8/358/mc/Selos//sitelock-selo" alt="Selo SiteLock da BJA Máquinas" />
</span> -->
</div>
</div>
</footer> <!-- essentials variations, cart2 and stock -->
<script type="text/javascript" src="https://app.interago.com.br/App/Extensions/5/tag/variations.js" loading="lazy"></script>
<script id="iCartScriptSource" src="https://app.interago.com.br/App/Extensions/6/tag/cart2.js" loading="lazy"></script>
<script type="text/javascript" src="https://app.interago.com.br/App/Extensions/5/tag/stock.js" loading="lazy"></script>
<script>
// HEADER USABILITY SCRIPTS
if (screen.width <= 768) {
document.querySelector(".categoriesLink").addEventListener("click", function (event) {
navMenuToggle(event);
});
}
// Se a camada oculta a direita da navbar no mobile for clicada, oculta a navbar
document.querySelector(".menuOverlay").addEventListener("click", function () {
navMenuToggle(event);
});
function navMenuToggle(e) {
if (document.querySelector(".mobileNav").classList.contains('active')) {
document.querySelector(".mobileNav").classList.remove('active');
document.querySelector("body").style.overflow = "auto";
} else {
document.querySelector(".mobileNav").classList.add('active');
document.querySelector("body").style.overflow = "hidden";
}
e.preventDefault();
}
// Start Custom Header Cart Events
let cart = new Cart();
cart.mainEvents();
function cartFinishShopCallback(e) {
window.location.href = "comprar/checkout";
}
if (document.querySelector('header .navBar .openCartHeader')) {
document.querySelector('header .navBar .openCartHeader').addEventListener('click', function(e) {
cart.cartPopupView();
e.preventDefault();
});
}
if (document.querySelector('header .topBar .openCartTopBar')) {
document.querySelector('header .topBar .openCartTopBar').addEventListener('click', function(e) {
cart.cartPopupView();
e.preventDefault();
});
}
// WhatsApp API link correction - Mobile and Desktop based on resolution
document.addEventListener("DOMContentLoaded", function () {
setTimeout(() => {
var screenWidth = window.innerWidth;
// para quando a resolucao for mobile
if (screenWidth >= 991) {
// pega todos os links expecificados como links de whatsapp
var whatsLink = document.querySelectorAll(".whatsLink");
// para cada link pego
whatsLink.forEach(link => {
var linkHref = link.href,
hrefSplit = "";
hrefSplit = linkHref.split(".");
console.log(hrefSplit);
if (hrefSplit[1] == "whatsapp") {
link.setAttribute("href", "https://web." + hrefSplit[1] + "." + hrefSplit[2]);
link.setAttribute("target", "_blank");
}
});
}
else {
var whatsLink = document.querySelectorAll(".whatsLink");
// para cada link pego
whatsLink.forEach(link => {
var linkHref = link.href,
hrefSplit = "";
hrefSplit = linkHref.split(".");
if (hrefSplit[1] == "whatsapp") {
link.setAttribute("href", "https://api." + hrefSplit[1] + "." + hrefSplit[2]);
link.setAttribute("target", "_blank");
}
});
}
}, 3500);
});
// SCRIPT atualização do ano copyright
document.getElementById("year").innerHTML = new Date().getFullYear();
</script>
<script>
/* Scroll down or top script detection */
document.addEventListener("DOMContentLoaded", function () {
// Height header & topBar & navBar
let headerHeight = document.querySelector('#jsHeader').offsetHeight;
let topBarHeight = document.querySelector('.topBar').offsetHeight;
let navBarHeight = document.querySelector('#jsHeader .container.lgContainer').offsetHeight;
var lastScrollTop = 0;
// element should be replaced with the actual target element on which you have applied scroll, use window in case of no target element.
window.addEventListener("scroll", function () { // or window.addEventListener("scroll"....
var st = window.pageYOffset || document.documentElement.scrollTop;
// Vamos captar em pixels, a quantidade de scroll da página
var scrollTop = (window.pageYOffset !== undefined) ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;
if (scrollTop >= 1) { // USER SCROLLED DOWN
document.getElementById("jsHeader").classList.add("fixedHeader");
if (st > lastScrollTop) {
// downscroll code
document.querySelector("header").style.transform = "translateY(-"+headerHeight+"px)";
}
else {
// upscroll code
document.querySelector("header").style.transform = "translateY(-"+topBarHeight+"px)";
}
lastScrollTop = st <= 0 ? 0 : st; // For Mobile or negative scrolling
}
else { // USER SCROLLED BACK AND STAYED IN TOP OF THE PAGE
document.getElementById("jsHeader").style.transform = "translateY(0px)";
document.getElementById("jsHeader").classList.remove("fixedHeader");
}
}, false);
});
</script>
<!-- Header Welcome Message and Logout Btn -->
<script>
let uvc = localStorage.getItem("uvc");
if(uvc != null) {
uvc = JSON.parse(uvc);
let profileName = uvc.profileName;
if (document.querySelector(".rightWelcomeMessage p")) {
document.querySelector(".rightWelcomeMessage p").innerHTML = `Bem vindo, ${profileName}!`;
}
if (document.querySelector("#loginLinkBtn")) {
document.querySelector("#loginLinkBtn").innerHTML = `<a href="conta/account?pg=logout" title="Clique aqui para sair de sua conta"><svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M36 14.113V6C36 3.23858 33.7614 1 31 1H6C3.23858 1 1 3.23858 1 6V54C1 56.7614 3.23858 59 6 59H31C33.7614 59 36 56.7614 36 54V44.8783M19.5 30.2522H59M59 30.2522L48 18.6522M59 30.2522L48 41.3478" stroke-linecap="round" stroke-linejoin="round"/>
</svg> Sair</a>`;
}
} else {
if (document.querySelector("#loginLinkBtn")) {
document.querySelector("#loginLinkBtn").innerHTML = `<a href="conta/login" title="Acesse sua conta na BJA Máquinas">Entrar</a>`;
}
if (document.querySelector(".rightWelcomeMessage p")) {
document.querySelector(".rightWelcomeMessage p").innerHTML = `Olá, visitante! Seja bem-vindo.`;
}
}
</script>
<!-- categoriesNav Catalog Menu -->
<script>
if (navigator.onLine) {
let categoriesNav = document.getElementById("categoriesNav");
let mobileCategoriesNav = document.getElementById("mobileCategoriesNav");
if(categoriesNav) {
setTimeout(function () {
var xmlhttpNav;
if (window.XMLHttpRequest) {
xmlhttpNav = new XMLHttpRequest();
}
else {
xmlhttpNav = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttpNav.onreadystatechange = function() {
if (xmlhttpNav.readyState == XMLHttpRequest.DONE ) {
if(xmlhttpNav.status == 200) {
let data = xmlhttpNav.responseText;
const width = (window.innerWidth > 0) ? window.innerWidth : screen.width;
if(width <= 768) {
mobileCategoriesNav.innerHTML = `${data}`;
} else {
categoriesNav.innerHTML = `<div class="container">${data}</div>`;
}
document.querySelector('header #catalogMenu').style.display = 'block'; // Lets show catalogMenu from Navbar
//organize menu
let organizeItems = document.querySelectorAll("header .menuList .menuItem");
for(var i = 0; i < organizeItems.length; i++) {
current = organizeItems[i].getAttribute("cat");
parent = organizeItems[i].getAttribute("parent");
if(parent != 0) {
//organize categories inside parents, need more than one
if(document.getElementById("item_"+parent)) {
document.getElementById("item_"+parent).appendChild(organizeItems[i]);
}
}
}
}
}
}
let url = "https://www.bjamaquinas.com.br/menu.html";
xmlhttpNav.open("GET", url, true);
xmlhttpNav.timeout = 6000; //6s
xmlhttpNav.ontimeout = function() {
console.log("? tempo esgotado - impossível enviar");
}
xmlhttpNav.send();
}, 1000);
}
} else {
console.log("? navegador offline");
}
</script>
<script type="text/javascript"
src="https://app.interago.com.br/App/Extensions/1/tag/components/whatsappButtonAndCookieMsg.js" nome="BJA Máquinas"
status="online" avatar="https://cdn.interago.com.br/img/png/w_0_q_8/588/mc/logo-e-favicon//favicon-bja"
numero="17996562144"
mensagem="Estava no site do BJA Máquinas e quero mais informações!"
cookieMsg="true"
id="whatsappButtonAndCookieMsg"></script>
<script src="https://app.interago.com.br/App/Extensions/1/tag/visits2.js" data-visit="RTdCVjlRVkVvc0Jzbjd6bnUrNXp1M2ZzYWErbHlLa3UrbzNKM0VmMVordUZkd29yVmp4ZGUrMWdZWjhWYnNoNQ=="></script> <!-- menu -->
<script>
if (navigator.onLine) {
var loadSideMenu = document.getElementById("loadSideMenu");
if(loadSideMenu) {
var xmlhttp;
if (window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
}
else {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == XMLHttpRequest.DONE ) {
if(xmlhttp.status == 200){
let data = xmlhttp.responseText;
loadSideMenu.innerHTML = data;
//organize menu
let organizeItems = document.querySelectorAll(".boxSideMenuFilter .menuItem");
for(var i = 0; i < organizeItems.length; i++) {
let current = organizeItems[i].getAttribute("cat");
let parent = organizeItems[i].getAttribute("parent");
if(parent != 0) {
//organize categories inside parents, need more than one
//document.getElementById("item_"+parent).appendChild(organizeItems[i]);
}
}
//menu toggle
function menuToggle() {
let catalogToggleButton = document.querySelector(".boxSideMenuFilter #catalogToggleButton");
let catalogMenu = document.querySelector(".boxSideMenuFilter #catalogMenu");
let menuToogleLabel = document.querySelector(".boxSideMenuFilter #menuToogleLabel");
let width = (window.innerWidth > 0) ? window.innerWidth : screen.width;
if(width < 766) {
//console.log("mobile");
//console.log(catalogToggleButton);
catalogToggleButton.style.display = "block";
catalogMenu.style.display = "none";
catalogToggleButton.addEventListener("click", () => {
if ( catalogMenu.style.display == "" || catalogMenu.style.display == "block" ) {
//hide
console.log("show");
catalogMenu.style.display = "none";
catalogMenu.style.opacity = "0";
menuToogleLabel.innerHTML = "+ Menu";
catalogMenu.classList.remove("menuTransition");
}else{
//show
console.log("hide");
catalogMenu.style.display = "block";
catalogMenu.style.opacity = "1";
menuToogleLabel.innerHTML = "- Menu";
catalogMenu.classList.add("menuTransition");
}
})
}
else {
catalogMenu.style.display = "block";
}
}
menuToggle();
}
}
}
let url = "https://www.interago.com.br/App/Sites/588/menu.html"
xmlhttp.open("POST", url, true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.setTimeout = 6000; //6s
xmlhttp.ontimeout = function() {
console.log("? tempo esgotado - impossível enviar");
}
xmlhttp.send();
}
} else {
console.log("? navegador offline");
}
</script>
<!-- Mobile Interaction Filters -->
<script>
let filterBtn = document.querySelector(".mobileFilterOpener p");
let returnFilterBtn = document.querySelector(".returnFilterArrow");
if(returnFilterBtn) {
returnFilterBtn.addEventListener("click", function () {
this.classList.remove("active");
filterBtn.classList.remove("active");
document.querySelector(".productContainer .menuFilterPosition").classList.remove("active");
});
}
if(filterBtn) {
filterBtn.addEventListener("click", function () {
this.classList.add("active");
returnFilterBtn.classList.add("active");
document.querySelector(".productContainer .menuFilterPosition").classList.add("active");
});
}
</script>