/* Locaminas - responsivo (preview) - OnlyX 2026-10-15
   Regras SOMENTE abaixo de 992px (celular e tablet em pe): o desktop nao muda. */
.rsp-burger{display:none}
@media (max-width:991px){
html,body{overflow-x:hidden}
body{height:auto!important;min-height:0!important}
img,video,iframe{max-width:100%;height:auto}
/* desliga o layout fixo/parallax: tudo vira fluxo normal */
#topo,.menu-wrap,#myCarousel,#banner,#videoinst,#verde,#centro2,#novidades,#centro,#rodape,#produtos,
#produto,#produto1,#produto2,#produto3,#produto4,#produto5,#produto6,#promo,#promocoes{
 position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;margin-top:0!important;height:auto!important}
.container,.container.marketing,#produtos{width:100%!important;max-width:100%!important;padding-left:14px!important;padding-right:14px!important}
#banner .container-fluid .container{padding:0!important}
/* topo */
#topo{background:#fff;border-bottom:4px solid #0b9be1;padding-bottom:8px}
#topo>.container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}
#topo>.container>a>img{float:none;margin:8px auto;width:200px;height:auto}
#topo .a15anos{width:56px;height:56px;float:none}
#topo .a15anos img{width:56px}
#inclinada{display:none}
.wlocacao,.wvendas{position:static!important;float:none;left:0;top:0}
.wlocacao img,.wvendas img{height:44px;width:auto}
#carrinho{position:relative!important;left:auto;margin:6px 0 0;width:100%!important;flex-basis:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}
#carrinho>div:first-child{display:none}
#carrinho .icone{margin-top:0!important;width:34px}
#liveadmin{display:none}
#carrinho .input-group{position:relative!important;top:auto!important;left:auto!important;margin:0!important;width:100%!important;display:block}
#carrinho .input-group form{width:100%}
#topo #carrinho .input-group{flex:1 1 100%}
#topo #carrinho .input-group form{display:flex!important;width:100%!important}
#topo #carrinho #search_keyword_id{width:auto!important;max-width:none!important;flex:1;height:44px!important;font-size:16px;background:#f1f3f7}
#carrinho .input-group-addon{height:44px!important;width:52px!important}
#topo>.container>a>img{max-width:220px}
/* menu hamburguer */
.rsp-burger{display:block;width:100%;background:#2d396a;color:#fff;border:0;font:18px "Oswald-Regular",Oswald,sans-serif;padding:12px;letter-spacing:1px;text-align:left}
.menu-wrap{display:none;height:auto!important;box-shadow:none}
body.rsp-menu-open .menu-wrap{display:block}
.menu{width:100%!important}
.menu ul{padding:0;margin:0}
.menu>ul>li{float:none!important;display:block!important;font-size:16px}
.menu>ul>li>a{display:block!important;padding:12px 16px!important;border-bottom:1px solid rgba(255,255,255,.2)}
.menu>ul>li>a .arrow{float:right}
.menu .sub-menu,.menu .sub-menux{position:static!important;width:100%!important;display:none;box-shadow:none;max-height:60vh;overflow:auto}
.menu li:hover .sub-menu,.menu li:hover .sub-menux,.menu li:focus-within .sub-menu{display:block}
.sub-menu li a,.sub-menux li a{padding:10px 24px!important}
/* carrossel 1920x598 proporcional */
#myCarousel.carousel,#myCarousel .carousel-inner,#myCarousel .item,#myCarousel .img{height:31.15vw!important}
#myCarousel .img{background-size:100% auto!important;background-position:center top!important;width:100%}
/* banner whatsapp + chamada */
#banner{background-size:cover;padding-bottom:20px}
#banner .col-md-12{padding:0}
#texto{width:100%!important;margin:20px 0 0!important;font-size:24px}
#texto span[style]{font-size:34px!important}
#saiba{float:none;display:inline-block;margin:16px 0 0;padding:14px 32px}
/* video */
#videoinst{position:relative!important;height:auto!important}
#videoinst .videoinst-inner{flex-direction:column;height:auto!important;gap:20px;padding:24px 16px}
#videoinst .videoinst-txt{padding-top:0}
#videoinst h2{font-size:26px}
#videoinst .videoinst-vid{flex:none;width:100%;display:flex;justify-content:center}
#videoinst video{width:100%;max-width:360px;height:auto;aspect-ratio:9/16}
#videoinst .videoinst-btn{display:block;text-align:center;padding:14px}
/* faixa verde */
#verde{font-size:26px;padding:16px 0}
#verde .texto{width:100%!important;float:none;line-height:1.25}
#verde>.container>.texto>.seis{font-size:40px}
#verde>.container>.texto>.juros{font-size:20px}
#verde>.container>.texto>.mais,#verde>.container>.texto>.mais>.frete{font-size:15px}
#verde>.container>img{display:none}
/* promocoes */
#centro2{background:#f4f6fa!important;font-size:34px;padding:20px 0}
#produtos{top:auto!important;display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
#promo{order:-2;width:100%;text-align:center;float:none!important;position:static!important;margin:0!important}
#promocoes{order:10;float:none;margin:6px auto 0!important;font-size:20px;display:block;width:100%;text-align:center}
#produtos>br{display:none}
#produto,#produto1,#produto2,#produto3,#produto4,#produto5,#produto6{float:none!important;display:block!important;width:100%!important;max-width:320px;margin:0 auto 4px!important;height:auto!important;padding-bottom:56px}
#produto img,#centro [id^=produto] img{max-width:100%;height:auto}
.verde,.verdex{width:100%!important;left:0}
/* newsletter */
#novidades{padding:20px 0;font-size:20px}
#azul{display:none}
#novidades .input-group{width:100%!important;margin-top:16px!important;display:block}
#novidades .input-group form{display:flex;flex-direction:column;gap:10px}
#novidades .form-control{max-width:none!important;width:100%!important;margin:0!important;font-size:16px!important}
#novidades .input-group-addon{display:block;width:100%!important;padding:10px}
/* mais vendidos */
#centro{font-size:30px;padding:20px 0;text-align:center}
#centro>.container{top:auto!important;display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
/* rodape */
#rodape{background-size:cover;line-height:1.4;padding:16px 0;font-size:16px}
#esquerdo,#direito{width:100%!important;float:none!important;text-align:left;margin:0 0 12px}
#esquerdo a{display:flex;align-items:flex-start;padding:8px 0;font-size:15px}
#escuro,#claro,#escuro2,#claro2{float:left;width:50%!important;font-size:16px!important;height:44px!important;line-height:44px!important}
#escuro2{font-size:12px!important}
#claro a,#claro2 a{display:inline-block;min-height:44px}
#comentario{display:none}
}
@media (min-width:600px) and (max-width:991px){#produto,#produto1,#produto2,#produto3,#produto4,#produto5,#produto6{max-width:300px;margin:0 6px 4px!important}#topo .wlocacao img,#topo .wvendas img{height:50px}}
@media (max-width:991px){
#topo #carrinho .icone{background:#2d396a;border-radius:6px;padding:5px;width:40px;height:40px}
#topo #carrinho .input-group{flex:1 1 200px}
}
/* ===== paginas internas (produtos, contato, info) - so abaixo de 992px ===== */
@media (max-width:991px){
/* faixa do titulo da categoria */
#verde .categoria{font-size:30px;line-height:1.1}
#verde .descricao{font-size:15px;line-height:1.4;display:block}
body[data-rsp=contato] #verde{display:none}
/* lista de produtos */
body[data-rsp=produtos] #centro2>.container{top:auto!important;display:block}
body[data-rsp=produtos] #promo{display:block;font-size:34px;margin:0 0 14px!important}
body[data-rsp=produtos] #produtos{overflow:visible!important;padding:0!important}
#produto>form>span[style*="float"]{float:none!important;display:block;margin:6px 16px 0!important;font-size:15px!important;line-height:1.3;text-align:center}
#produto .preco img{width:34px;height:auto}
.links{text-align:center;padding:16px 0;clear:both}
.links .link{display:inline-block;min-width:44px;min-height:44px;line-height:44px;margin:3px;background:#fff;border-radius:6px;font-size:18px}
#nenhum{font-size:20px;padding:20px}
/* contato */
body[data-rsp=contato] #centro2{padding-top:10px}
body[data-rsp=contato] #centro2>.container{top:auto!important;display:flex;flex-direction:column}
body[data-rsp=contato] #promo{font-size:34px;margin:0 0 10px!important;order:0}
body[data-rsp=contato] #centro2>.container>div[style*="absolute"]{position:static!important;margin:0 0 16px!important;float:none!important;font-size:16px!important;line-height:1.6;order:1;word-break:break-word}
body[data-rsp=contato] #centro2>.container>br{display:none}
body[data-rsp=contato] #localizacao{order:2;width:100%!important;float:none!important;margin:0!important;position:static!important}
#localizacao .input_text{width:100%!important;max-width:none!important;height:46px;font-size:16px!important;padding:8px 10px}
#localizacao textarea.input_text{height:110px!important}
#localizacao span{font-size:18px}
#localizacao .btn_submit{width:100%;height:50px;font-size:18px}
#localizacao .g-recaptcha{transform-origin:0 0}
/* shadowbox (popup do produto) cabe na tela */
#sb-wrapper{left:2.5vw!important;width:95vw!important}
#sb-wrapper-inner,#sb-player{width:100%!important}
/* pagina do produto (info.php) */
body[data-rsp=info]{overflow:auto!important;padding-top:0}
body[data-rsp=info]>div[style*="900px"]{width:auto!important;left:0!important;margin:10px!important;border-radius:10px}
body[data-rsp=info] #produto{width:100%!important}
body[data-rsp=info] .titulo{width:100%!important;float:none!important;max-height:none!important;font-size:20px;padding:16px!important}
body[data-rsp=info] form>img{max-width:100%!important;float:none!important;display:block;margin:0 auto;padding:10px 16px!important}
body[data-rsp=info] .verde{width:auto!important;float:none!important;margin:10px 16px!important}
body[data-rsp=info] .copia{width:auto!important;float:none!important;height:auto!important;margin:10px 16px!important;word-break:break-all;line-height:1.5}
body[data-rsp=info] .fechar img{margin:6px!important}
}
@media (max-width:991px){
#centro2 .links{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;float:none!important;width:100%!important;margin:10px 0 0!important;height:auto!important;transform:none!important}
}
/* ===== popup do produto (shadowbox + sobre3/sobrex) - so abaixo de 992px ===== */
@media (max-width:991px){
#sb-wrapper{top:8px!important;left:6px!important;width:calc(100vw - 12px)!important}
#sb-wrapper-inner{height:calc(100vh - 64px)!important;height:calc(100dvh - 64px)!important;border-radius:8px;overflow:hidden}
#sb-body,#sb-body-inner,#sb-player{width:100%!important;height:100%!important}
#sb-info,#sb-title{height:40px!important}
#sb-nav-close{width:44px!important;height:44px!important;background-size:24px!important;background-position:center!important;opacity:1}
#sb-title-inner{font-size:15px!important}
/* conteudo do iframe */
}
@media (max-width:991px){
}
/* conteudo do popup (iframe): ativado por JS (html.rsp-m) quando a janela principal tem menos de 992px */
html.rsp-m body[data-rsp=sobre3],html.rsp-m body[data-rsp=sobrex]{overflow:auto!important;-webkit-overflow-scrolling:touch;padding:0!important;text-align:left}
html.rsp-m body[data-rsp=sobre3] #produto,html.rsp-m body[data-rsp=sobrex] #produto{width:auto!important;padding:10px 12px 0;font-size:20px!important}
html.rsp-m body[data-rsp=sobre3] #jcart,html.rsp-m body[data-rsp=sobrex] #jcart{width:auto!important;float:none!important;font-size:20px!important}
html.rsp-m body[data-rsp=sobre3] .fechar,html.rsp-m body[data-rsp=sobrex] .fechar{position:fixed;top:6px;right:6px;z-index:10;background:#fff;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.3)}
html.rsp-m body[data-rsp=sobre3] .fechar img,html.rsp-m body[data-rsp=sobrex] .fechar img{float:none!important;margin:0!important;padding:8px!important;width:40px;height:40px;max-width:none}
html.rsp-m body[data-rsp=sobre3] form,html.rsp-m body[data-rsp=sobrex] form{display:flex;flex-direction:column}
html.rsp-m body[data-rsp=sobre3] .titulo,html.rsp-m body[data-rsp=sobrex] .titulo{order:1;width:auto!important;float:none!important;max-height:none!important;overflow:visible!important;font-size:19px;padding:8px 14px!important;box-sizing:border-box}
html.rsp-m body[data-rsp=sobre3] .descricao,html.rsp-m body[data-rsp=sobrex] .descricao{font-size:15px}
html.rsp-m body[data-rsp=sobre3] form img,html.rsp-m body[data-rsp=sobrex] form img{max-width:100%;height:auto}
html.rsp-m body[data-rsp=sobre3] form>img,html.rsp-m body[data-rsp=sobre3] form>a>img,html.rsp-m body[data-rsp=sobrex] form>img,html.rsp-m body[data-rsp=sobrex] form>a>img{order:0;float:none!important;display:block;max-width:80%!important;max-height:40vh;object-fit:contain;margin:0 auto;padding:6px!important}
html.rsp-m body[data-rsp=sobre3] .verde,html.rsp-m body[data-rsp=sobrex] .verde{order:2;width:auto!important;float:none!important;margin:10px 14px!important;position:relative!important}
html.rsp-m body[data-rsp=sobre3] .verde input,html.rsp-m body[data-rsp=sobrex] .verde input{max-width:100%!important}
html.rsp-m body[data-rsp=sobre3] .copia,html.rsp-m body[data-rsp=sobrex] .copia{order:3;width:auto!important;float:none!important;height:auto!important;margin:6px 14px 16px!important;font-size:15px;word-break:break-all;line-height:1.5}
html.rsp-m body[data-rsp=sobre3] input[type=text],html.rsp-m body[data-rsp=sobre3] select,html.rsp-m body[data-rsp=sobrex] input[type=text],html.rsp-m body[data-rsp=sobrex] select{font-size:16px;min-height:40px}
html.rsp-m body[data-rsp=sobre3] #produto>div[style*="float"],html.rsp-m body[data-rsp=sobrex] #produto>div[style*="float"]{width:auto!important;float:none!important;font-size:20px!important;padding-right:56px}
html.rsp-m body[data-rsp=sobrex] #produto form,html.rsp-m body[data-rsp=sobre3] #produto form{clear:both}
html.rsp-m body[data-rsp=sobre3] .verde input,html.rsp-m body[data-rsp=sobrex] .verde input{width:auto!important;height:50px!important}
/* ===== localizacao, a locaminas, servicos, promocoes, cadastro, busca - so abaixo de 992px ===== */
@media (max-width:991px){
body[data-rsp=localizacao] #verde,body[data-rsp=locaminas] #verde,body[data-rsp=servicos] #verde,body[data-rsp=cadastro] #verde,body[data-rsp=promocoes] #verde{display:none}
body[data-rsp] #centro2>.container>br{display:none}
body[data-rsp] #centro2>.container{top:auto!important}
body[data-rsp] #promo{font-size:34px;margin:0 0 12px!important;float:none!important;position:static!important;text-align:center}
body[data-rsp] #localizacao{margin:0!important;width:100%!important;float:none!important;position:static!important;height:auto!important}
#localizacao p{font-size:16px;line-height:1.55}
#localizacao .col-md-3,#localizacao .col-md-9{width:100%!important;float:none!important;padding:0!important;top:auto!important}
#localizacao .col-md-3 img{width:100%;max-width:420px;height:auto}
#localizacao .col-md-9{font-size:17px;line-height:1.5;margin:8px 0 6px}
#localizacao iframe{width:100%!important;height:300px!important;border:0}
#localizacao input,#localizacao textarea,#localizacao select{width:100%!important;max-width:none!important;font-size:16px!important;min-height:46px}
#localizacao textarea{min-height:110px}
#localizacao input[type=submit],#localizacao .btn_submit{width:100%;height:50px;font-size:18px}
}
/* ===== topo compacto no celular: Vendas e Locacao lado a lado + icone do carrinho ===== */
.rsp-cart{display:none}
@media (max-width:991px){
#topo>.container{flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding-top:6px!important;padding-bottom:6px!important}
#topo>.container>a:first-child{flex:1 1 calc(100% - 60px);text-align:left}
#topo>.container>a:first-child>img{width:170px;margin:4px 0;float:none}
#topo .a15anos{flex:0 0 48px;width:48px;height:48px}
#topo .a15anos img{width:48px}
#topo>.container>a[href*="whatsapp"]{flex:1 1 0;min-width:0}
#topo .wlocacao,#topo .wvendas{width:100%}
#topo .wlocacao img,#topo .wvendas img{width:100%;height:auto;max-height:46px;object-fit:contain}
.rsp-cart{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 46px;width:46px;height:46px;background:#2d396a;border-radius:8px}
.rsp-cart svg{width:28px;height:28px;display:block}
.rsp-cart-count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#34921a;color:#fff;font:bold 12px Arial,sans-serif;line-height:18px;text-align:center;display:none}
.rsp-cart-count.rsp-cart-on{display:block}
#topo #carrinho{flex:1 1 100%;margin:0}
}
@media (min-width:600px) and (max-width:991px){
#topo .wlocacao img,#topo .wvendas img{max-height:56px}
}
/* ===== carrinho desativado no celular (Diego 15/10): sem icone, sem COTAR ===== */
@media (max-width:991px){
.rsp-cart,.rsp-cart-count{display:none!important}
input[name="my-add-button"],.verde,#jcart-buttons{display:none!important}
}
/* go-live: titulo do produto (info) sem estourar a largura no celular */
@media (max-width:991px){body[data-rsp=info] .titulo{box-sizing:border-box;max-width:100%}}
@media (max-width:991px){body[data-rsp=info] .titulo img{max-width:100%;height:auto}}
@media (max-width:991px){html.rsp-m #jcart{display:none!important}}
@media (max-width:991px){.verdex{display:none!important}#produtos #produto{padding-bottom:16px!important}} /* 15/10: sem faixa verde/espaco do COTAR oculto */
@media (min-width:992px){body[data-rsp=info] #rodape{position:relative!important;top:auto!important;transform:none!important;margin-top:30px;clear:both}}
@media (max-width:991px){body[data-rsp=info] #rodape{position:relative!important;top:auto!important;transform:none!important;height:auto!important;clear:both}}
