:root {
  --c-branco: #FFF;
  --c-preto: #000;
  --c-default: #17262f;
  --c-amarelo: #fcbe12;
  --c-amarelo-hover: #f7cc52;
  --c-verde: #2ba739;
  --c-cinza-claro: #f5f5f5;
  --c-cinza-claro2: #e2e2e2;
  --c-cinza-medio: #2d2d2d;
  --c-cinza-escuro: #272727;
  
  --frm-c-border:#d8d8d8;
  --frm-line-height:38px;
  --frm-line-height-mobile:32px;
  --frm-bg-submit: #da002b;
  --frm-bg-submit-hover: #FFF;
  
  --wrapper: 1325px;
}

@font-face {font-display: swap; font-family: 'Manrope'; font-style: normal; font-weight: 400; src: url('../css/Fonts/manrope-v15-latin_latin-ext-regular.woff2') format('woff2');}
@font-face {font-display: swap; font-family: 'Manrope'; font-style: normal; font-weight: 700; src: url('../css/Fonts/manrope-v15-latin_latin-ext-700.woff2') format('woff2');}
@font-face {font-display: swap; font-family: 'Teko'; font-style: normal; font-weight: 300; src: url('../css/Fonts/teko-v22-latin_latin-ext-300.woff2') format('woff2');}
@font-face {font-display: swap; font-family: 'Teko'; font-style: normal; font-weight: 400; src: url('../css/Fonts/teko-v22-latin_latin-ext-regular.woff2') format('woff2');}

*, *::before, *::after {box-sizing: border-box; }
* {margin: 0; padding: 0; border: 0;}
ul[role='list'], ol[role='list'] {list-style: none;}
html:focus-within {scroll-behavior: smooth;}

a:not([class]) {text-decoration-skip-ink: auto;}
a {color: var(--c-default); cursor: pointer; text-decoration: none;}
input[type='reset'], input[type='submit'], button, .alerta .box .cta div {cursor: pointer;}
a:hover,
[type='submit']:hover,
button:hover {text-decoration: none; transition: .3s all;}

img, picture, svg, video, canvas{max-width: 100%; height: auto; vertical-align: middle; font-style: italic; background-repeat: no-repeat; background-size: cover; border: 0; /*display: block;*/}
input, button, textarea, select, optgroup, option, button, address, caption, cite, code, em, strong, th, var {font: inherit;}
fieldset { border: 0}

caption, th {text-align: left}
legend {color: var(--c-default)}

b, strong {font-weight: bold;}
p, h1, h2, h3, h4, h5, h6 {overflow-wrap: break-word;}
p {text-wrap: pretty;}
h1, h2, h3, h4, h5, h6 {text-wrap: balance; font-size: 100%;}

select {color:var(--c-default); background: var(--c-branco) url(../images/ico-select.svg) calc(100% - 15px) center/12px no-repeat !important; appearance: none; text-indent: 1px; text-overflow: ''; }
input, select, textarea, button {outline: 0;}
input::placeholder {color: var(--c-default);}

table {border-collapse: collapse; border-spacing: 0}

.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.last {margin-right:0px !important;}

.loading,
.alerta,
.menu-mobile {display: none;}

body, html {height: 100%; scroll-behavior: smooth;}
body {font-family: 'Manrope', sans-serif; font-size: 18px; font-weight: 400; color: var(--c-default); background: var(--bg-cinza); line-height: 1; -webkit-font-smoothing: antialiased;}
.wrapper {max-width: var(--wrapper); padding: 0 20px; margin: 0 auto; position: relative;}

.loading,
.alerta,
.modal {background: rgba(0,0,0, 0.75); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; display: none;}
.loading .box {font-size: 22px; font-weight: bold; text-align: center; color: var(--c-branco); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.loading .box p {margin-top: 10px; animation-name: loadingblink; animation-duration: 0.6s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; text-decoration: blink;}
@keyframes loadingblink {from {opacity: 1.0;} to {opacity: 0.0;}}

.alerta .box {text-align: center; background: var(--c-branco); border-radius: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 80px 35px 35px 35px; width: 370px; max-width: 100%;}
.alerta .box .icone {position: absolute; width: 100px; height: 100px; top: -50px; left: 50%; transform: translateX(-50%); border-radius: 50%;}
.alerta.error .box .icone {background: #e11640 url(../images/alert-error.svg) center/28px no-repeat;}
.alerta.success .box .icone {background: #1ba781 url(../images/alert-success.svg) center/34px no-repeat;}
.alerta.warning .box .icone {background:#fc5700 url(../images/alert-warning.svg) center/8px no-repeat;}
.alerta.info .box .icone {background:#418fea url(../images/alert-info.svg) center/16px no-repeat;}
.alerta .box .titulo,
.alerta .box .cta div,
.alerta .box .cta a {font-size: 18px; font-weight: bold;}
.alerta .box .mensagem {margin: 15px 0; font-size: 16px; line-height: 1.4;}
.alerta .box .cta div,
.alerta .box .cta a {color: var(--c-branco); line-height: var(--frm-line-height); transition: 0.3s all;}
.alerta.error .box .cta div {background: #e11640;}
.alerta.success .box .cta div,
.alerta.success .box .cta a {background: #1ba781; display: block;}
.alerta.warning .box .cta div {background:#fc5700;}
.alerta.info .box .cta div {background:#418fea;}
.alerta .box .cta div:hover {opacity: 0.7;}

.modal .content {background: var(--c-branco); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 920px; max-width: 100%; max-height: calc(100vh - 40px);}
.modal .content .titulo {padding: 15px; width: calc(100% - 50px);}
.modal .content .close {position: absolute; top: 15px; right: 15px; cursor: pointer; background: url(../images/ico-modal-close.svg) center no-repeat; width: 24px; height: 24px;}
.modal .content .box .video {aspect-ratio: 16 / 9;}
.modal .content .box .video iframe {width: 100%; height: 100%;}

.lgpd {font-size: 14px; position: fixed; bottom: 20px; left: 20px; z-index: 999; background: var(--c-branco); padding: 20px; max-width: 435px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.lgpd .titulo {font-size: 18px; font-weight: bold;}
.lgpd .texto {margin: 10px 0;}
.lgpd a,
.lgpd .rejeitar, 
.lgpd .aceitar {margin-right: 10px; line-height: 32px; display: inline-block;}
.lgpd a {text-decoration: underline;}
.lgpd .rejeitar,
.lgpd .aceitar {cursor: pointer; padding: 0 15px; font-weight: bold;}
.lgpd .rejeitar {border: 1px solid var(--c-default);}
.lgpd .aceitar {background: #1ba781; color: var(--c-branco);}

form .checkbox {margin-bottom: 15px;}
form .checkbox input[type="checkbox"] {appearance: none; position: relative; width: 20px; height: 20px; background-color: var(--c-branco); border: 1px solid var(--frm-c-border); border-radius: 5px; float: left;}
form .checkbox input[type="checkbox"]::before {content: ""; position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); transform: translate(-50%, -50%) scale(0); transform-origin: center; transition: 0.125s transform ease-in-out; box-shadow: inset 1rem 1rem var(--c-branco);}
form .checkbox input[type="checkbox"]:checked {background-color: var(--frm-c-border); border-color: var(--frm-c-border);}
form .checkbox input[type="checkbox"]:checked::before {transform: translate(-50%, -50%) scale(1);}
form .checkbox input[type="checkbox"]:focus {border-color: var(--frm-c-border);}
form .checkbox label {float: right; width: calc(100% - 30px); line-height: 24px; text-align: left;}
form .checkbox label a {text-decoration: underline;}

ol[itemscope] {margin: 20px 0 50px 0;}
ol[itemscope] li {color: var(--c-default); display: inline-block; font-size: 12px; text-transform: uppercase; padding-left: 5px;}
ol[itemscope] li a {color: var(--c-default);}

.texto {line-height: 28px;}
.texto p,
.texto ul {margin-bottom: 20px;}
.texto h2,
.texto h3,
.texto h4,
.texto h5,
.texto h6 {font-weight: bold; margin-bottom: 20px;}
.texto h2 {font-size: 24px;}
.texto h3 {font-size: 22px;}
.texto h4 {font-size: 20px;}
.texto h5 {font-size: 18px;}
.texto h6 {font-size: 16px;}
.texto ul li {list-style-image: url(../images/ico-bullet-list.svg); list-style-position: inside;}
.texto ul li p {display: inline-block;}
.texto p:last-child {margin-bottom: 0 !important;}
.texto iframe.embed-responsive-item {width: 100%; aspect-ratio: 16 / 9;}

.paginacao {margin: 50px; text-align: center; clear: both;}
.paginacao li {display: inline-table;}
.paginacao li a {display: block; text-align: center; line-height: 36px; width: 40px; border: 2px solid var(--c-branco);}
.paginacao li.first,
.paginacao li.last,
.paginacao li.hidden {display: none}
.paginacao li.selected a,
.paginacao li:hover a {border: 2px solid var(--c-amarelo)}

.cabecalho {display: flex; align-items: center;}
.cabecalho h1,
.cabecalho .texto {width: 50%;}
.cabecalho h1 {font-family: 'Teko'; font-size: 92px;}
.cabecalho h1 span {font-size: 42px; display: block;}
.cabecalho .texto {border-bottom: 1px solid var(--c-amarelo); padding-bottom: 15px;}

span.empty {display: block; font-family: 'Teko'; font-size: 40px; text-align: center; color: var(--c-amarelo); padding: 40px 0; width: 100%;}

.form-busca {position: fixed; top: 0; left: 0; width: 100%; padding: 40px 0; background: var(--c-branco); z-index: 999; display: none;}
.form-busca input {background: var(--c-branco) url(../images/ico-busca.svg) left center/40px no-repeat; padding: 0 30px 0 60px; line-height: 40px; width: calc(100% - 35px);}
.form-busca img {cursor: pointer;}

div.botao-whatsapp {font-family: 'Teko'; font-size: 20px; position: fixed; bottom: 20px; right: 20px; width: max-content; z-index: 70; background: var(--c-verde) url(../images/ico-whats.svg) calc(100% - 20px) center/40px no-repeat; color: var(--c-branco); padding: 15px 75px 15px 20px; cursor: pointer; box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.5); transition: 0.3s all;}
div.botao-whatsapp:hover {box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.8); opacity: 1;}
.whatsapp:hover {opacity: 0.7;}

.lista-produtos {display: flex; gap: 30px; flex-wrap: wrap;}
.lista-produtos a {flex: 0 1 auto; width: calc((100% - 90px) / 4); border: 1px solid var(--c-cinza-claro2);}
.lista-produtos a:hover {border: 1px solid var(--c-amarelo);}
.lista-produtos a .foto {aspect-ratio: 310 / 240; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.lista-produtos a .foto img {width: 100%; height: 100%; max-width: fit-content; max-height: fit-content; transition: 0.3s all;}
.lista-produtos a .box {padding: 20px;}
.lista-produtos a:hover .foto img {transform: scale(1.1);}
.lista-produtos a .box .categoria {font-family: 'Teko'; font-size: 20px; color: var(--c-verde); text-transform: uppercase;}
.lista-produtos a .box .nome {font-family: 'Teko'; font-size: 24px; margin: 5px 0; text-transform: uppercase;}
.lista-produtos a .box .resumo {font-size: 14px; line-height: 1.4; margin-bottom: 15px;}

.link-01 {background: var(--c-amarelo); color: var(--c-default); padding: 2px 30px 0 30px; text-align: center; line-height: 50px; font-family: 'Teko'; font-size: 24px; font-weight: normal; display: inline-block;}
.link-01:hover {background: var(--c-amarelo-hover);}
.link-01 img,
.link-02 img {margin-left: 5px; transition: 0.3s all;}
.link-01:hover img,
.link-02:hover img {transform: rotate(45deg);}

.link-02 {border: 2px solid var(--c-amarelo); color: var(--c-default); padding: 2px 30px 0 30px; text-align: center; line-height: 50px; font-family: 'Teko'; font-size: 24px; font-weight: normal; display: inline-block; margin-top: 20px; transition: 0.3s all;}
.link-02:hover {background: var(--c-amarelo);}

.faq {max-width: 1000px; margin: 0 auto 50px auto;}
.faq .titulo {font-size: 24px; color: var(--c-verde); margin-bottom: 10px; text-align: center; font-family: 'Teko';}
.faq .subtitulo {font-size: 44px; text-align: center; font-family: 'Teko'; margin-bottom: 40px;}
.faq .pergunta-resposta {border-bottom: 1px solid var(--c-cinza-claro2)}
.faq .pergunta-resposta .pergunta {font-size: 24px; font-weight: bold; cursor: pointer; padding: 15px 40px 15px 0; background: url(../images/ico-faq-closed.svg) right center/30px no-repeat;}
.faq .pergunta-resposta.open .pergunta {background: url(../images/ico-faq-open.svg) right center/30px no-repeat;}
.faq .pergunta-resposta .resposta {display: none;}
.faq .pergunta-resposta .resposta p {margin-bottom: 15px; line-height: 28px;}

#container {position: relative; max-width: 1920px; margin: 0 auto;}
#container .cabecalho-bg {position: absolute; z-index: 1; width: 100%; height: 205px; max-width: 1920px; overflow: hidden;}
#container.site-index .cabecalho-bg {height: 820px;}
#container .cabecalho-bg img {height: 205px; object-fit: none; object-position: center;}
#container.site-index .cabecalho-bg img {height: 820px; object-fit: none; object-position: center;}

#container #content {position: relative; z-index: 2;}

main {padding-top: 205px; position: relative}

header {position: absolute; top: 0; left: 0; width: 100%; height: 205px; z-index: 999;}
header nav {padding: 30px 0 25px 0; display: flex; justify-content: space-between;}
header nav ul li {display: table-cell; position: relative;}
header nav ul.menu-principal li a {font-family: 'Teko'; font-size: 20px; color: var(--c-branco); display: block; padding: 0 20px; line-height: 59px;}
header nav ul.menu-principal li a:hover,
header nav ul.menu-principal li a.active {color: var(--c-amarelo);}
header nav ul.redes-sociais {margin-top: 13px;}
header nav ul.redes-sociais li a {display: block; padding: 5px;}
header nav ul.redes-sociais li a img {filter: brightness(0) invert(1); transition: 0.3s all;}
header nav ul.redes-sociais li a:hover img {opacity: 0.7;}
header .ico-busca {filter: brightness(0) invert(1); cursor: pointer;}
header span.whatsapp {font-family: 'Teko'; font-size: 24px; font-weight: 300; color: var(--c-branco); margin-top: 9px; padding: 2px 20px 0px 45px; line-height: 38px; background: var(--c-verde)  url(../images/ico-whats.svg) 15px center/20px no-repeat; display: block; cursor: pointer; width: max-content; transition: 0.3s all;}

header .menu-categorias {border: 1px solid var(--c-amarelo); display: flex; justify-content: space-around;}
header .menu-categorias .ver-todos a {color: var(--c-amarelo); background: url(../images/ico-seta-rt.svg) right center/20px no-repeat; padding-right: 24px;}
header .menu-categorias li {position: relative;}
header .menu-categorias li a {font-family: 'Teko'; font-size: 20px; color: var(--c-branco); display: block; line-height: 52px; text-transform: uppercase; padding: 0 15px; background: url(../images/ico-q-amarelo.svg) right 14px/5px no-repeat;}
header .menu-categorias li:hover a {color: var(--c-amarelo);}
header .menu-categorias li.ver-todos:hover a {color: var(--c-branco); background: url(../images/ico-seta-rt-hover.svg) right center/20px no-repeat;}

header .menu-categorias li:hover .menu-subcategorias {display: block;}
header .menu-categorias .menu-subcategorias:before {content: ' '; position: absolute; top: -7px; left: 30px; width: 0; height: 0; border-left: 18px solid transparent; border-right: 18px solid transparent; border-bottom: 7px solid var(--c-amarelo);}
header .menu-categorias .menu-subcategorias {display: none; position: absolute; background: var(--c-amarelo); padding: 10px 5px; width: max-content; z-index: 18;}
header .menu-categorias .menu-subcategorias li a {color: var(--c-default); display: block; line-height: 36px; text-transform: uppercase; padding: 0 30px 0 15px;}
header .menu-categorias .menu-subcategorias li a:hover {padding: 0 15px 0 30px;}

#catalogo {height: 690px; color: var(--c-branco); position: relative}
#catalogo.catalogo-capa {margin-top: -60px;}
#catalogo img.background {height: 690px; object-fit: none; object-position: center; position: absolute;}
#catalogo .wrapper {display: flex;}
#catalogo .foto {position: relative; width: 890px;}
#catalogo img.foto-catalogo {position: absolute; max-width: max-content; right: 30px; z-index: 9;}
#catalogo form {width: 320px; margin: 75px 35px;}
#catalogo form .titulo {font-family: 'Teko'; font-size: 42px;}
#catalogo form .titulo span {display: block; font-size: 100px;}
#catalogo form .texto {margin: 20px 0;}
#catalogo form input,
#rodape .form-newsletter input {font-size: 14px; line-height: var(--frm-line-height); padding: 0 15px 0 15px; width: 100%; border: 1px solid var(--c-amarelo); color: var(--c-branco); background: transparent; margin-bottom: 12px;}
#catalogo form input::placeholder,
#rodape .form-newsletter input::placeholder {color: var(--c-branco);}
#catalogo form [type=submit],
#rodape .form-newsletter [type=submit],
#contato .form-contato  [type=submit] {font-family: 'Teko'; font-size: 24px; text-align: center; color: var(--c-default); border: none; background: var(--c-amarelo); line-height: 50px; padding-top: 2px;}
#catalogo form [type=submit]:hover,
#rodape .form-newsletter [type=submit]:hover,
#contato .form-contato  [type=submit]:hover {background: var(--c-amarelo-hover);}
#catalogo form .captcha {margin-bottom: 12px;}

#sobre,
#sobre .wrapper {height: 725px; position: relative}
#sobre img.background {height: 725px; object-fit: none; object-position: center; position: absolute;}
#sobre .box {position: absolute; width: 685px; background: var(--c-verde); padding: 80px; color: var(--c-branco); bottom: -30px;}
#sobre .box h4 {font-family: 'Teko'; font-size: 85px;}
#sobre a {margin-top: 20px;}

#capa-blog {padding: 130px 0 80px 0; position: relative;}
#capa-blog .capa-blog-titulo {float: left; font-family: 'Teko'; font-size: 84px;}
#capa-blog .texto {float: right; width: 700px;}
.postagens {display: flex; flex-wrap: wrap; gap: 30px; font-family: 'Teko'; margin-top: 50px;}
.postagens a {flex: 0 1 auto; width: calc((100% - 60px) / 3);}
.postagens a .foto {position: relative; aspect-ratio: 1 / 1; overflow: hidden;}
.postagens a .foto img {object-fit: cover; width: 100%; height: 100%; transition: 0.3s all;}
.postagens a:hover .foto img {width: 110%; height: 110%;}
.postagens a .data,
#blog .post-main .data {position: relative; top: -70px; left: calc(100% - 80px); text-align: center; color: var(--c-branco); width: 80px;}
.postagens a .data .dia,
#blog .post-main .data .dia {height: 70px; background: var(--c-amarelo); font-size: 62px; padding-top: 8px;}
.postagens a .data .mes,
#blog .post-main .data .mes {height: 20px; background: var(--c-default); font-size: 16px; padding-top: 3px;}
.postagens a .box {padding: 0 15px; position: relative; top: -70px;}
.postagens a .box .categoria,
#blog .post-main .box .categoria {font-size: 24px; color: var(--c-verde);}
.postagens a .box .titulo,
#blog .post-main .box .titulo {font-size: 33px;}
.postagens a .box .continuar {margin-top: 20px;}
#capa-blog .ver-todas {display: table; margin: 0 auto;}

.depoimentos-lista {display: flex; gap: 30px; flex-wrap: wrap;}
.depoimentos-lista .depoimento {flex: 0 1 auto; width: calc((100% - 60px) / 3); background: var(--c-amarelo); padding: 30px; font-family: 'Teko';}
.depoimentos-lista .depoimento .citacao {font-size: 32px; font-weight: 300; margin: 20px 0 15px 0;}
.depoimentos-lista .depoimento .nome {font-size: 26px;}

#rodape {background: var(--c-cinza-medio); padding-top: 150px; color: var(--c-branco); font-size: 16px; position: relative;}
#rodape .linha {display: flex; justify-content: space-between;}
#rodape .titulo {font-family: 'Teko'; font-size: 24px; color: var(--c-amarelo); margin: 10px 0;}
#rodape .texto,
#rodape a {color: var(--c-branco); font-weight: bold;}
#rodape a.email {display: inline-block; margin-bottom: 10px;}
#rodape a.telefone,
#rodape a.whatsapp {padding-left: 24px; display: inline-block;}
#rodape a.telefone {background: url(../images/ico-telefone-verde.svg) left center/20px no-repeat; margin-right: 20px;}
#rodape a.whatsapp {background: url(../images/ico-whatsapp-verde.svg) left center/20px no-repeat;}
#rodape .ver-mapa {position: relative; width: 280px;}
#rodape .ver-mapa a {width: 280px; position: absolute; bottom: 0; color: var(--c-default); font-weight: normal;}

#rodape .linha:nth-of-type(1) {padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #4e4e4e;}
#rodape .linha .box ul.menu li {padding: 15px 0;}
#rodape .linha .box.direitos {text-align: center; font-size: 12px; padding-top: 50px;}
#rodape .linha .box.direitos span {display: inline-block; margin: 0 10px;}
#rodape .linha .box.direitos img {margin-top: 30px;}
#rodape .redes-sociais li {display: table-cell; padding-right: 15px;}
#rodape .redes-sociais img {filter: brightness(0) invert(1);}
#rodape .box-newsletter {width: 360px;}
#rodape .box-newsletter .texto {margin-bottom: 15px;}
#rodape .form-newsletter p {font-size: 14px; float: left; text-wrap: balance; width: calc(100% - 190px); line-height: 1.5;}
#rodape .form-newsletter p a {text-decoration: underline;}
#rodape .form-newsletter [type=submit] {text-align: center; width: 160px; float: right; margin: 0;}

#rodape .copy {background: var(--c-cinza-escuro); text-align: center; font-size: 12px; font-weight: bold; padding: 30px; margin-top: 50px;}
#rodape .copy a {display: table; margin: 10px auto 0 auto;}

#home .banners {height: 615px; overflow: hidden;}
#home .banners .banner,
#home .banners .banner .wrapper {height: 615px; position: relative; padding: 0 100px;}
#home .banners .banner img {width: auto; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
#home .banners .banner .wrapper .box {width: 500px; color: var(--c-branco); position: absolute; top: 50%; left: 100px; transform: translateY(-50%);}
#home .banners .banner .wrapper .box .titulo {font-family: 'Teko'; font-size: 32px;}
#home .banners .banner .wrapper .box .titulo span {font-size: 90px; display: block;}
#home .banners .banner .wrapper .box .texto {margin: 10px 0 15px 0;}
#home .banners .banner .wrapper .box .botao,
#home .banners .banner .wrapper .box .whatsapp {color: var(--c-branco); width: 350px; line-height: 50px; display: inline-block; font-family: 'Teko'; font-size: 24px; margin-top: 15px; text-align: center;}
#home .banners .banner .wrapper .box .botao {border: 2px solid var(--c-amarelo);}
#home .banners .banner .wrapper .box .botao:hover {background: var(--c-amarelo);}
#home .banners .banner .wrapper .box .whatsapp {background: var(--c-verde) url(../images/ico-whats.svg) calc(50% - 110px) center/20px no-repeat; padding-left: 20px; cursor: pointer; transition: 0.3s all;}

#home .owl-nav {position: absolute; top: 50%; left: 0; width: 100%; height: 54px; transform: translateY(-50%);}
#home .owl-nav .disabled {display: none;}
#home .owl-nav .owl-prev,
#home .owl-nav .owl-next {position: absolute; width: 32px; height: 54px; opacity: 0.5;}
#home .owl-nav .owl-prev {left: 20px; background: url(../images/ico-banner-prev.svg) center no-repeat;}
#home .owl-nav .owl-next {right: 20px; background: url(../images/ico-banner-next.svg) center no-repeat;}
#home .owl-dots {position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); z-index: 9; min-width: max-content;}
#home .owl-dots .owl-dot {width: 14px; height: 14px; background: var(--c-cinza-claro); display: inline-block; margin: 0 5px; cursor: pointer;}
#home .owl-dots .owl-dot.active {background: var(--c-verde);}

#home .capa-produtos {background: var(--c-cinza-claro); padding: 50px 0; height: 512px; margin-bottom: 280px; position: relative;}
#home .capa-produtos .capa-produtos-titulo {float: left; font-family: 'Teko'; font-size: 42px; margin-bottom: 20px;}
#home .capa-produtos .capa-produtos-titulo span {display: block; font-size: 84px;}
#home .capa-produtos .texto {float: right; width: 700px;}
#home .capa-produtos .link-01 {display: table; margin: 70px auto 30px auto;}
#home .capa-lista-produtos a {position: relative; padding-bottom: 84px; display: block;}
#home .capa-lista-produtos a .foto {width: 100%; aspect-ratio: 310 / 240; display: flex; justify-content: center; align-items: center; background: #ebf0f3;}
#home .capa-lista-produtos a .foto img {width: auto;}
#home .capa-lista-produtos a .box {background: var(--c-verde); color: var(--c-branco); padding: 20px 20px 20px 40px; position: absolute; bottom: 0; left: 0; width: 100%; transition: 0.3s all;}
#home .capa-lista-produtos a .box .categoria-nome {float: left; width: calc(100% - 30px);}
#home .capa-lista-produtos a .box img {filter: brightness(0) invert(1); transition: 0.3s all; width: 20px; margin-top: 15px;}
#home .capa-lista-produtos a:hover .box img {transform: rotate(45deg);}
#home .capa-lista-produtos a .box .categoria {font-size: 20px; font-family: 'Teko'; font-weight: 300; text-transform: uppercase;}
#home .capa-lista-produtos a .box .nome {font-size: 24px; font-family: 'Teko'; text-transform: uppercase;}
#home .capa-lista-produtos a .box .resumo {font-size: 14px; line-height: 20px; transform: scaleY(0); transform-origin: top; transition: transform 0.3s ease-in-out; height: 0;}
#home .capa-lista-produtos a:hover .box {border-bottom: 10px solid var(--c-amarelo);}
#home .capa-lista-produtos a:hover .box .resumo {transform: scaleY(1); height: auto;}
#home .capa-lista-produtos .owl-dots {bottom: -40px;}

#home .capa-depoimentos {position: relative; margin-bottom: 30px; z-index: 10;}
#home .capa-depoimentos .wrapper {display: flex; gap: 0; margin-bottom: 30px;}
#home .capa-depoimentos .box {width: 40%; padding: 40px 50px 80px 0;}
#home .capa-depoimentos .sliders {width: 60%; padding: 50px 70px 50px 70px;}
#home .capa-depoimentos .box .titulo {font-family: 'Teko'; font-size: 84px; line-height: 0.9;}
#home .capa-depoimentos .box .texto {margin: 10px 0 20px 0;}
#home .capa-depoimentos .sliders {background: var(--c-amarelo); font-family: 'Teko';}
#home .capa-depoimentos .sliders .citacao {font-size: 40px; font-weight: 300; margin: 20px 0 15px 0;}
#home .capa-depoimentos .sliders .nome {font-size: 30px;}
#home .capa-depoimentos .sliders img {width: 90px;}
#home .capa-depoimentos .sliders .owl-nav .owl-prev {left: 15px;}
#home .capa-depoimentos .sliders .owl-nav .owl-next {right: 15px;}

#produtos .lista-produtos {margin: 40px 0;}
#produtos .texto-secundario {background: var(--c-cinza-claro); padding: 75px 0; position: relative; margin-top: 100px;} 
#produtos .texto-secundario .wrapper {max-width: 1100px;}
#produtos .texto-secundario h2 {font-family: 'Teko'; font-size: 44px; text-wrap: balance; max-width: 50%; margin-bottom: 20px;}
#produtos .texto-secundario .texto {columns: 2; gap: 90px;}
#produtos .faq {margin: 60px auto;}

#produto {padding-bottom: 70px;}
#produto .conteudo {float: right; width: calc(100% - 715px);}
#produto .conteudo h1 {font-family: 'Teko'; font-size: 44px; text-transform: uppercase;}
#produto .conteudo h2.categoria {font-family: 'Teko'; font-size: 26px; font-weight: 300; color: var(--c-verde); margin-bottom: 20px; text-transform: uppercase;}
#produto .conteudo .texto {font-size: 16px;}
#produto .conteudo .texto h2,
#produto .conteudo .texto h3,
#produto .conteudo .texto h4,
#produto .conteudo .texto h5,
#produto .conteudo .texto h6 {font-family: 'Teko'; font-size: 30px; margin-top: 30px; color: var(--c-verde);}
#produto .conteudo .whatsapp {font-family: 'Teko'; font-size: 24px; font-weight: 300; color: var(--c-branco); width: 310px; text-align: center; margin-top: 30px; padding: 2px 0 0 25px; line-height: 38px; background: var(--c-verde)  url(../images/ico-whats.svg) calc(50% - 100px) center/20px no-repeat; display: block; cursor: pointer; transition: 0.3s all;}
#produto .conteudo small {font-size: 12px;}

#produto .fotos {float: left; width: 660px;}
#produto .galeria-fotos .main-foto {margin-bottom: 10px;}
#produto .galeria-fotos .galeria {margin: 0 40px; width: calc(100% - 80px);}
#produto .galeria-fotos .galeria a {display: block; aspect-ratio: 195 / 170;}
#produto .galeria-fotos .galeria a img {object-fit: cover; width: 100%; height: 100%;}
#produto .galeria-fotos .owl-stage-outer {z-index: 99;}
#produto .galeria-fotos .owl-nav {position: absolute; top: 0; left: -40px; width: calc(100% + 80px); height: 100%;}
#produto .galeria-fotos .owl-nav .disabled {display: none;}
#produto .galeria-fotos .owl-nav .owl-prev,
#produto .galeria-fotos .owl-nav .owl-next {position: absolute; height: 100%; width: 30px; cursor: pointer;}
#produto .galeria-fotos .owl-nav .owl-prev {left: 0; background: rgba(0, 0, 0, 0.3) url(../images/ico-banner-prev.svg) center/15px no-repeat;}
#produto .galeria-fotos .owl-nav .owl-next {right: 0; background:rgba(0, 0, 0, 0.3) url(../images/ico-banner-next.svg) center/15px no-repeat;}

#produto .titulo-secao {font-family: 'Teko'; font-size: 44px; margin-bottom: 20px; text-transform: uppercase;}

#produto .videos {margin: 70px 0 40px 0;}
#produto .videos .video {aspect-ratio: 1320 / 500; position: relative; cursor: pointer;}
#produto .videos .video .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 9; transition: 0.3s all;}
#produto .videos .video:hover .overlay {background: rgba(0, 0, 0, 0.4);}
#produto .videos .video .play {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: var(--c-branco); padding: 2px 30px 0 30px; text-align: center; line-height: 50px; font-family: 'Teko'; font-size: 24px; font-weight: normal; display: inline-block; border: 1px solid var(--c-amarelo); transition: 0.3s all; cursor: pointer;}
#produto .videos .video:hover .play {background: var(--c-amarelo);}
#produto .videos .video .play img {margin-left: 5px; width: 11px; display: inline-block;}
#produto .videos .owl-stage-outer {z-index: 99;}
#produto .videos .owl-nav {position: absolute; top: 50%; left: 0; width: 100%; height: 0; transform: translateY(-50%); z-index: 999;}
#produto .videos .owl-nav .disabled {display: none;}
#produto .videos .owl-nav .owl-prev,
#produto .videos .owl-nav .owl-next {position: absolute; width: 44px; height: 98px; opacity: 0.5; top: -45px;}
#produto .videos .owl-nav .owl-prev {left: 20px; background: url(../images/ico-banner-prev.svg) center no-repeat;}
#produto .videos .owl-nav .owl-next {right: 20px; background: url(../images/ico-banner-next.svg) center no-repeat;}
#produto .videos .owl-dots {position: absolute; bottom: -30px; left: 50%; z-index: 9; transform: translateX(-50%);}
#produto .videos .owl-dots .owl-dot {width: 14px; height: 14px; background: var(--c-cinza-medio); display: inline-block; margin: 0 5px; cursor: pointer;}
#produto .videos .owl-dots .owl-dot.active {background: var(--c-verde);}

#produto .especificacoes,
#produto .depoimentos,
#produto .faq,
#produto .equipamentos {margin-top: 70px; position: relative;}
#produto .especificacoes table tr {background: #ecf0f3;}
#produto .especificacoes table tr:nth-child(even) {background: #f6f8f9;}
#produto .especificacoes table th,
#produto .especificacoes table td {padding: 13px;}

#produto .texto-secundario {background: var(--c-cinza-claro); padding: 180px 0 75px 0; margin-top: -110px;} 
#produto .texto-secundario h3 {font-family: 'Teko'; font-size: 44px; text-wrap: balance; max-width: 50%; margin-bottom: 20px;}
#produto .texto-secundario .texto {columns: 2; gap: 90px;}

#quem-somos h1 {font-family: 'Teko'; font-size: 42px;}
#quem-somos h1 span {font-size: 92px; display: block;}
#quem-somos .historia {columns: 2; gap: 90px;}
#quem-somos .galeria-fotos {height: 480px; position: relative; margin: 120px 0 150px 0;}
#quem-somos .galeria-fotos img.background {height: 480px; object-fit: none; object-position: center; position: absolute;}
#quem-somos .galeria-fotos .galeria {position: absolute; top: -65px; left: 50%; transform: translateX(-50%); width: 1280px; height: 610px; padding: 0 100px;}
#quem-somos .galeria-fotos .galeria .owl-nav {position: absolute; top: 50%; left: 0; width: 100%; height: 54px; transform: translateY(-50%);}
#quem-somos .galeria-fotos .galeria .owl-nav .disabled {display: none;}
#quem-somos .galeria-fotos .galeria .owl-nav .owl-prev,
#quem-somos .galeria-fotos .galeria .owl-nav .owl-next {position: absolute; width: 44px; height: 98px; opacity: 0.5;}
#quem-somos .galeria-fotos .galeria .owl-nav .owl-prev {left: 20px; background: url(../images/ico-banner-prev.svg) center no-repeat;}
#quem-somos .galeria-fotos .galeria .owl-nav .owl-next {right: 20px; background: url(../images/ico-banner-next.svg) center no-repeat;}
#quem-somos .galeria-fotos .galeria .owl-dots {position: absolute; bottom: -30px; left: 50%; z-index: 9; transform: translateX(-50%);}
#quem-somos .galeria-fotos .galeria .owl-dots .owl-dot {width: 14px; height: 14px; background: var(--c-cinza-medio); display: inline-block; margin: 0 5px; cursor: pointer;}
#quem-somos .galeria-fotos .galeria .owl-dots .owl-dot.active {background: var(--c-verde);}
#quem-somos .missao-visao-valores {display: flex; gap: 30px; flex-wrap: wrap;}
#quem-somos .missao-visao-valores .box {flex: 0 1 auto; width: calc((100% - 60px) / 3); background: var(--c-verde); padding: 30px 40px 40px 40px; color: var(--c-branco);}
#quem-somos .missao-visao-valores .box h2 {font-family: 'Teko'; font-size: 40px; margin: 20px 0;}
#quem-somos .missao-visao-valores .box .texto {font-size: 16px; line-height: 22px;}
#quem-somos .texto-secundario {background: var(--c-cinza-claro); padding: 180px 0 75px 0; margin-top: -110px;} 
#quem-somos .texto-secundario .wrapper {max-width: 1100px;}
#quem-somos .texto-secundario h3 {font-family: 'Teko'; font-size: 44px; text-wrap: balance; max-width: 50%; margin-bottom: 20px;}
#quem-somos .texto-secundario .texto {columns: 2; gap: 90px;}
#quem-somos .video {height: 500px; position: relative;}
#quem-somos .video img.background {height: 500px; object-fit: none; object-position: center; position: absolute;}
#quem-somos .video .play {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: var(--c-branco); padding: 2px 30px 0 30px; text-align: center; line-height: 50px; font-family: 'Teko'; font-size: 24px; font-weight: normal; display: inline-block; border: 1px solid var(--c-amarelo); transition: 0.3s all; cursor: pointer;}
#quem-somos .video .play:hover {background: var(--c-amarelo);}
#quem-somos .video .play img {margin-left: 5px;}
#quem-somos .depoimentos {padding: 70px 0;}
#quem-somos .depoimentos .titulo {font-family: 'Teko'; font-size: 44px; margin-bottom: 20px;}
#quem-somos .equipamentos {margin: 20px 0 50px 0;}
#quem-somos .equipamentos .titulo {font-family: 'Teko'; font-size: 44px; margin-bottom: 20px;}

#blog .list-view {margin: 50px 0;}
#blog .post-main {display: block; border: 1px solid var(--c-cinza-claro2);}
#blog .post-main .foto,
#blog .post-main .box {display: table-cell; vertical-align: middle; width: 50%;}
#blog .post-main .foto img {object-fit: cover; width: 100%; height: 100%;}
#blog .post-main:hover .foto img {width: 110%; height: 110%;}
#blog .post-main .foto {position: relative;}
#blog .post-main .box {padding: 50px; font-family: 'Teko';}
#blog .post-main .data {position: absolute; top: auto; bottom: -20px; font-family: 'Teko';}

#post .post {max-width: 740px; display: table; margin: 50px auto;}
#post .post h1.titulo {font-size: 34px; line-height: 1; margin-bottom: 20px;}
#post .post .resumo {margin-bottom: 20px;}
#post .post .autor {color: var(--c-verde); font-size: 16px; font-weight: bold;}
#post .post .data {font-size: 14px; margin: 5px 0 20px 0;}
#post .post .compartilhe {display: flex; gap: 30px; justify-content: flex-start;}
#post .post .compartilhe li {border: 1px solid var(--c-amarelo); padding: 10px 0; text-align: center; width: calc((100% - 60px) / 3); transition: 0.3s all;}
#post .post .compartilhe li:hover {background: var(--c-amarelo);}
#post .post .compartilhe li a {display: block;}
#post .post .compartilhe li a img {transition: 0.3s all;}
#post .post .compartilhe li:hover a img {filter: brightness(0) invert(1);}
#post .post .foto img {margin-top: 20px; width: 100%;}
#post .post .foto .legenda {font-size: 12px; margin-top: 15px;}
#post .post .texto {margin: 30px 0 50px 0;}
#post .post .texto a {color: var(--c-verde); text-decoration: underline; font-weight: bold;}
#post .relacionadas {border-top: 1px solid var(--c-cinza-claro2); padding-top: 50px;}
#post .relacionadas .titulo-secao {font-size: 44px; font-family: 'Teko';}

#contato .form-contato {max-width: 810px; margin: 50px auto;}
#contato .form-contato .row {border: 1px solid var(--frm-c-border); line-height: var(--frm-line-height); margin-bottom: 20px;}
#contato .form-contato .row label {width: 130px; padding: 2px 20px 0 20px;  display: block; float: left; font-weight: bold;}
#contato .form-contato .row input,
#contato .form-contato .row textarea {border: none; background: none; padding: 10px 20px 10px 0; width: calc(100% - 130px); font-size: 16px; float: right; line-height: 1.4;}
#contato .form-contato .row textarea {height: 140px; resize: none;}
#contato .form-contato [type=submit] {float: right; width: 200px;}
#contato .form-contato .captcha {float: left;}
#contato .localizacao iframe {width: 100%; height: 660px; z-index: 9; position: relative;}
#contato .sucesso {max-width: max-content; margin: 50px auto; text-align: center;}

#depoimentos .depoimentos-lista {margin: 20px 0 70px 0;}

#assistencia {padding-bottom: 100px;}
#assistencia .box {float: left; width: 700px;}
#assistencia .box .texto {margin: 20px 0;}
#assistencia .box .texto a {font-weight: bold; color: var(--c-verde); text-decoration: underline;}
#assistencia .box select {font-size: 14px; border: 1px solid var(--frm-c-border); background: var(--c-branco); padding: 0 12px; line-height: 36px; padding-top: 2px; margin-bottom: 10px; width: 250px; margin-right: 15px;}
#assistencia .box input[type=submit] {font-family: 'Teko'; font-size: 20px; background: var(--c-amarelo); border: none; color: var(--c-default); padding: 2px 20px 0 20px; line-height: var(--frm-line-height); font-size: 18px;}
#assistencia .box input[type=submit]:hover {background: var(--c-amarelo-hover);}
#assistencia .box .retorno {margin: 30px 0;}
#assistencia .box .retorno p {font-family: 'Teko'; font-size: 24px;}
#assistencia .box .retorno a {display: block; margin-bottom: 25px;}
#assistencia .box .retorno a .nome {font-family: 'Teko'; font-size: 28px;}
#assistencia .box .retorno a .numero-whats {background: url(../images/ico-whatsapp-verde.svg) left center/20px no-repeat; padding-left: 25px; line-height: 20px; font-size: 16px;}


#assistencia .box-mapa {position: relative; z-index: 1; float: right; margin-top: -50px;}
#map {display: none; transform: scale(1.2); transform: scale(1.2); display: table !important; float: left;}
#map .state {cursor: pointer;}
#map .state .shape { cursor: pointer; -width: 0;}
#map .state .label_icon_state {fill: #fff; font-size: 11px; line-height: 12px; font-weight: normal;}
#map .state .label_state {display: none; font-size: 14px; line-height: 16px; font-weight: bold;}
#map .model-davi .state:hover .label_state { display: block; fill: #fff !important;}
#map .model-davi .state .shape {fill: #ddd;}
#map .model-davi .state:hover .shape,
#map .model-davi .state.active .shape {fill: var(--c-amarelo) !important;}
#map .model-davi .state .icon_state {fill: #ddd;}
#map .model-davi .state:hover .icon_state ,
#map .model-davi .state.active .icon_state {fill: var(--c-amarelo);}
#map .model-davi .state .icon_state + .label_icon_state {fill: #666;}
#map .model-davi .state .label_icon_state {fill: #666;}
#map .model-davi .state:hover .label_icon_state,
#map .model-davi .state.active .label_icon_state {fill: #fff;}
#map .model-davi .state .label_state {fill: #666; display: none;}
#map .model-davi .state .shape {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#map .model-davi .state:hover .shape {fill: #0288d1;}

#orcamento {position: relative;}
#orcamento article {text-align: center; padding-bottom: 50px;}
#orcamento article h1 {font-family: 'Teko'; font-size: 100px; color: var(--c-verde);}
#orcamento article p {max-width: 550px; margin: 20px auto;}
#orcamento article .countdown {font-size: 36px; border: 4px solid var(--c-amarelo); width: 80px; height: 80px; line-height: 70px; border-radius: 50%; margin: 0 auto 20px auto;}
#orcamento article a {font-size: 14px; font-weight: bold; text-align: center; margin: 20px auto; width: 340px; border: 2px solid var(--c-amarelo); line-height: var(--frm-line-height); padding-top: 2px;  transition: 0.3s all; cursor: pointer; display: table;}
#orcamento article a:hover {background: var(--c-amarelo); color: var(--c-branco);}

#politica-privacidade article {max-width: 770px; margin: 0 auto 70px auto;}
#politica-privacidade article h1 {font-family: 'Teko'; font-size: 60px; text-align: center; margin-bottom: 30px;}
#politica-privacidade article .texto {font-size: 16px; line-height: 30px;}
#politica-privacidade article .texto p {margin-bottom: 30px;}
#politica-privacidade article .link-01 {margin: 40px auto 0 auto; display: table;}

#erro article {text-align: center; margin: 50px auto;}
#erro article h1 {font-size: 180px; line-height: 150px; color: var(--c-azul);}
#erro article h2 {font-size: 32px;}
#erro article .texto {margin: 30px 0;}

form.form-orcamento-rapido {width:360px; position:fixed; bottom:-490px; right:20px; z-index:99; transition:.5s all;}
form.form-orcamento-rapido .top {background: var(--c-verde); color: var(--c-branco); padding: 20px;}
form.form-orcamento-rapido .top p {float:left; width: calc(100% - 95px); font-family: 'Teko'; font-size: 20px;}
form.form-orcamento-rapido .top .close {width: 40px; height: 40px; background: url(../images/ico-close-circle.svg) center/40px no-repeat; float:right; cursor: pointer;}
form.form-orcamento-rapido .fields {background: var(--c-cinza-claro); padding:20px;}
form.form-orcamento-rapido input[type=text],
form.form-orcamento-rapido select {font-size: 14px; border: 1px solid var(--frm-c-border); background: var(--c-branco); padding: 0 12px; line-height: 36px; padding-top: 2px; margin-bottom: 10px; width: 100%;}
form.form-orcamento-rapido input[type=submit] {font-family: 'Teko'; font-size: 20px; background: var(--c-verde); border: none; color: var(--c-branco); padding: 2px 0 0 0; line-height: var(--frm-line-height); font-size: 18px; font-weight:bold; text-align:center; width:100%;}
form.form-orcamento-rapido input[type=email] {display: none;}
form.form-orcamento-rapido.selected {bottom:20px;}

.multi-select-container {display: inline-block; position: relative; width: 100%;}
.multi-select-menu {position: absolute; left: 0; top: 30px; float: left; min-width: 100%; background: var(--c-branco); margin: 0 0; padding: 5px 12px 12px 12px; border-left: 1px solid var(--frm-c-border); border-right: 1px solid var(--frm-c-border); border-bottom: 1px solid var(--frm-c-border); display: none; max-height: 80px !important; overflow: auto; z-index: 99;}
.multi-select-menuinput {margin-right: 0.3em; vertical-align: 0.1em;}
.multi-select-button {display: inline-block; font-size: 14px; line-height: var(--frm-line-height); margin-bottom: 10px; padding: 2px 12px 0 12px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: -0.5em; background: var(--c-branco) url(../images/ico-select.svg) calc(100% - 15px) center/12px no-repeat !important; border: 1px solid var(--frm-c-border); cursor: default;}
.multi-select-container--open .multi-select-menu {display: block;}
.multi-select-menu label {display: block; font-size: 14px; line-height: 16px; margin-top: 7px;}



@media (max-width:500px) {
  body {font-size: 14px;}
  .wrapper {width: calc(100% - 50px); margin: 0 25px; padding: 0;}
  
  header nav :not(.logo),
  header .menu-categorias,
  #quem-somos .galeria-fotos img.background,
  #assistencia .box-mapa {display: none;}
  
  #home .capa-produtos .capa-produtos-titulo,
  #home .capa-produtos .texto,
  #home .capa-depoimentos .box,
  #home .capa-depoimentos .sliders,
  #catalogo form,
  #capa-blog .capa-blog-titulo,
  #capa-blog .texto,
  #assistencia .box,
  #contato .form-contato .captcha,
  #contato .form-contato [type="submit"],
  #produto .conteudo {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  
  .lgpd {min-width: calc(100vw - 40px); padding: 15px; left: 50%; transform: translateX(-50%); bottom: 5px;}
  .lgpd .texto {margin: 5px 0 0 0;}
  .lgpd a {display: block; float: none; margin: 0 0 10px 0;}
  
  div.botao-whatsapp {width: 100%; bottom: 0; right: 0; height: auto; text-align: center; padding: 10px 0 10px 30px; background: #32ad14 url(../images/ico-whats.svg) calc(50% - 75px) center/28px no-repeat;}
  
  .menu-mobile {position: fixed; top: 70px; left: 0; width: 100%; height: calc(100vh - 70px); z-index: 99; background: var(--c-cinza-medio); padding: 10px 20px; font-family: 'Teko';}
  .menu-mobile .menu-institucional li a,
  .menu-mobile .menu-solucoes li a {color: var(--c-branco); text-align: center; padding: 6px 0; font-size: 28px; display: block; text-transform: uppercase;}
  .menu-mobile .menu-solucoes {border-top: 1px solid var(--c-cinza-claro); border-bottom: 1px solid var(--c-cinza-claro); margin: 15px 0; padding: 15px 0;}
  .menu-mobile .form-busca-mobile {width: 100%; position: relative;}
  .menu-mobile .form-busca-mobile input {border: 2px solid var(--c-amarelo); width: 100%; line-height: 40px; padding: 0 45px 0 10px; font-size: 16px; font-family: 'Manrope';}
  .menu-mobile .form-busca-mobile button {position: absolute; top: 0; right: 0; width: 44px; height: 44px; background: url(../images/ico-busca.svg) center/20px no-repeat;}
  .menu-mobile .redes-sociais {display: table; margin: 20px auto;}
  .menu-mobile .redes-sociais li {padding: 7px; display: table-cell;}
  .menu-mobile .redes-sociais li a img {filter: brightness(0) invert(1);}
  
  #container .cabecalho-bg {display: none;}
  #container.site-index .cabecalho-bg {height: 700px; margin-top: 70px; display: block;}
  #container.site-index .cabecalho-bg img {height: 700px;}
  
  main {padding-top: 70px;}
  
  form.form-orcamento-rapido {width: 100%; bottom: -600px; right: 0;}
  form.form-orcamento-rapido.selected {bottom: 0;}
  
  .link-01 {width: 100%; padding: 0;}

  ol[itemscope] {margin-bottom: 20px;}
  
  .texto {line-height: 20px;}
  .texto h2 {font-size: 20px;}
  .texto h3,
  .texto h4,
  .texto h5,
  .texto h6 {font-size: 18px;}

  .cabecalho {flex-direction: column;}
  .cabecalho h1, .cabecalho .texto {width: 100%;}
  .cabecalho h1 {font-size: 44px;}
  .cabecalho h1 span {font-size: 20px;}

  .lista-produtos {flex-direction: column;}
  .lista-produtos a {width: 100%; margin: 0;}

  .postagens {flex-direction: column;}
  .postagens a {width: 100%;}
  
  #catalogo.catalogo-capa {margin-top: 0;}
  #catalogo {height: auto;}
  #catalogo img.background {height: 100%; object-fit: cover;}
  #catalogo .wrapper {flex-direction: column-reverse; padding: 30px 0;}
  #catalogo .foto {width: 100%;}
  #catalogo img.foto-catalogo {max-width: 100%; position: relative; right: 0;}
  #catalogo form .titulo {font-size: 20px;}
  #catalogo form .titulo span {font-size: 44px;}

  #sobre, #sobre .wrapper, #sobre img.background {height: 500px;}
  #sobre .box {width: 100%; padding: 25px; bottom: auto; top: 50%; transform: translateY(-50%);}
  #sobre .box h4 {font-size: 44px;}
  #sobre .link-01 img {display: none;}

  .faq .subtitulo {font-size: 28px;}
  .faq .pergunta-resposta .pergunta {font-size: 18px;}

  .depoimentos-lista {flex-direction: column;}
  .depoimentos-lista .depoimento {width: 100%;}
  
  header {background: var(--c-cinza-medio); height: 70px; position: fixed}
  header nav {padding: 15px;}
  header .logo img {display: block; width: 167px;}
  header .ico-menu {display: block; width: 35px; height: 35px; background: url(../images/ico-menu.svg) center no-repeat; position: absolute; top: 17px; right: 5px;}
  
  #rodape {padding-top: 30px;}
  #rodape .linha {flex-direction: column;}
  #rodape .linha:nth-of-type(1) {margin-bottom: 0;}
  #rodape .box {margin-top: 30px; width: 100%;}
  #rodape a.logo {display: block; text-align: center;}
  #rodape .box-newsletter {width: 100%;}
  #rodape .ver-mapa {position: inherit;}
  #rodape .ver-mapa a {width: 100%; position: relative;}
  #rodape .copy {padding-bottom: 100px;}
  #rodape .copy a {position: relative; margin-top: 15px; display: block;}

  #home .banners,
  #home .banners .banner {height: 700px; padding: 0;}
  #home .banners .banner .wrapper {padding: 0;}
  #home .banners .banner .wrapper .box {width: 100%; position: relative; top: auto; left: auto; transform: none; margin: 30px 0;}
  #home .banners .banner img {position: relative; top: auto; right: auto; transform: none;}
  #home .banners .banner .wrapper .box .titulo {font-size: 20px;}
  #home .banners .banner .wrapper .box .titulo span {font-size: 44px;}
  #home .banners .banner .wrapper .box .botao, #home .banners .banner .wrapper .box .whatsapp {width: 100%;}
  
  #home .capa-produtos .capa-produtos-titulo {font-size: 20px;}
  #home .capa-produtos .capa-produtos-titulo span {font-size: 44px;}
  #home .capa-produtos .texto {margin: 20px 0;}
  #home .capa-lista-produtos a .box {padding: 20px;}
  
  #home .capa-depoimentos {margin-bottom: 0;}
  #home .capa-depoimentos .wrapper {flex-direction: column;}
  #home .capa-depoimentos .box .titulo {font-size: 44px;}
  #home .capa-depoimentos .sliders {width: calc(100% + 50px); margin-left: -25px; padding: 25px; margin-top: 30px;}
  #home .capa-depoimentos .sliders .citacao {font-size: 34px;}
  #home .capa-depoimentos .sliders .nome {font-size: 24px; margin-bottom: 40px;}
  #home .capa-depoimentos .owl-dots {bottom: 20px;}

  #capa-blog {padding: 40px 0;}

  #quem-somos h1 {font-size: 20px;}
  #quem-somos h1 span {font-size: 44px;}
  #quem-somos .historia,
  #quem-somos .texto-secundario .texto {columns: 1;}
  #quem-somos .galeria-fotos {height: auto; margin: 30px 0 60px 0;}
  #quem-somos .galeria-fotos .galeria {width: 100%; height: auto; padding: 0; position: relative; top: 0; left: 0; transform: none;}
  #quem-somos .missao-visao-valores {flex-direction: column;}
  #quem-somos .missao-visao-valores .box {width: 100%;}
  #quem-somos .texto-secundario h3 {font-size: 24px; max-width: 100%;}
  #quem-somos .video .play {width: calc(100% - 50px);}
  #quem-somos .depoimentos .titulo,
  #quem-somos .equipamentos .titulo {font-size: 24px;}

  #blog article .wrapper {margin: 0; width: 100%;}
  #blog .post-main {border: none;}
  #blog .post-main .foto, #blog .post-main .box {display: block; width: 100%;}
  #blog .post-main .foto {aspect-ratio: 1 / 1;}
  #blog .post-main .box {padding: 0 15px; margin-top: 20px;}

  #post .post,
  #post .relacionadas {width: 100%; margin: 0;}
  #post .post h1.titulo,
  #post .relacionadas .titulo-secao {font-size: 24px;}

  #contato article .wrapper {margin: 0; width: 100%;}
  #contato .form-contato .row label {display: none;}
  #contato .form-contato .row input, #contato .form-contato .row textarea {float: none; width: 100%; padding: 10px 20px;}
  #contato .form-contato [type="submit"] {margin-top: 15px;}

  #politica-privacidade article h1 {font-size: 44px;}

  #orcamento article a {width: 100%;}

  #produtos .texto-secundario h2 {font-size: 24px; max-width: 100%;}
  #produtos .texto-secundario .texto {columns: 1;}

  #produto .conteudo h1 {font-size: 36px;}
  #produto .conteudo .texto {margin-top: 30px;}
  #produto .titulo-secao {font-size: 24px;}
  #produto .texto-secundario h3 {font-size: 24px; max-width: 100%;}
  #produto .texto-secundario .texto {columns: 1;}
  #produto .videos .video .play {width: calc(100% - 50px);}
  
}

@media (min-width:1700px) {
  .bgs-menu {position: absolute; top: 117px; left: 0; width: 178px; height: 175px; background: url(../images/bgs-menu.svg) center/cover no-repeat;}
  .bgs-rodape {position: absolute; top: -110px; right: 0; width: 284px; height: 367px; background: url(../images/bgs-rodape.svg) center/cover no-repeat;}
  
  #home .capa-produtos .bgs-esquerda {position: absolute; top: -250px; left: 0; width: 250px; height: 462px; background: url(../images/bgs-esquerda.svg) center/cover no-repeat; z-index: 9;}
  #home .capa-depoimentos .bgs-esquerda {position: absolute; top: -120px; left: 0; width: 250px; height: 462px; background: url(../images/bgs-esquerda.svg) center/cover no-repeat; z-index: 9;}
  #capa-blog .bgs-direita {position: absolute; top: -119px; right: 0; width: 195px; height: 459px; background: url(../images/bgs-direita2.svg) center/cover no-repeat;}
  #quem-somos .bgs-direita {position: absolute; top: 250px; right: 0; width: 250px; height: 462px; background: url(../images/bgs-direita3.svg) center/cover no-repeat;}
  #quem-somos .video .bgs-esquerda {position: absolute; top: -400px; left: 0; width: 250px; height: 462px; background: url(../images/bgs-esquerda.svg) center/cover no-repeat; z-index: 9;}
  #quem-somos .video .bgs-direita {top: 415px;}
  #blog .bgs-direita,
  #post .bgs-direita,
  #contato .bgs-direita,
  #orcamento .bgs-direita,
  #politica-privacidade .bgs-direita {position: absolute; top: calc(50% - 200px); right: 0; width: 250px; height: 462px; background: url(../images/bgs-direita3.svg) center/cover no-repeat;}
  #blog .bgs-direita {width: 200px; height: 400px;}
  #orcamento .bgs-direita {top: 280px;}
  #produtos .texto-secundario .bgs-esquerda {position: absolute; top: -50px; left: 0; width: 250px; height: 462px; background: url(../images/bgs-esquerda.svg) center/cover no-repeat; z-index: 9;}
  #produto .depoimentos .bgs-esquerda {position: absolute; top: -75px; left: 0; width: 170px; height: 300px; background: url(../images/bgs-esquerda.svg) center/cover no-repeat; z-index: 9;}
  #produto .equipamentos .bgs-direita {position: absolute; top: -130px; right: 0; width: 250px; height: 462px; background: url(../images/bgs-direita3.svg) center/cover no-repeat;}
}

@media (min-width:1900px) {
  #quem-somos .bgs-direita {width: 265px;}
}

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