/* Imporcate – módulo "site inteiro" (plugin Imporcate WhatsApp). Carregado em todas as páginas. */

/* 1. Menu do topo: no computador era translúcido sobre a foto (texto pouco legível); passa a ser grafite como no celular */
.navbar.fixed-top.bg_institucional{background-color:#2E2C2C!important}

/* 2. Menu lateral fixo (Revenda / WhatsApp / Vitrine): menor em telas médias, onde cobria o conteúdo */
@media (min-width:576px) and (max-width:1366px){
	.secSideMenu{max-width:88px;padding:6px}
	.secSideMenu p{font-size:11px;line-height:13px}
	.secSideMenuPad{padding:8px 2px 0}
	.secSideMenuPad img{max-width:34px;max-height:34px;min-width:34px;min-height:34px;margin:2px auto}
}

/* 3. Títulos sobre foto (Quem somos, Nossas lojas, Fale conosco): fundo grafite atrás da foto e sombra no texto, para o título continuar legível quando a foto demora a carregar ou é clara */
.topo_qs,.sec_topo_nl{background-color:#2E2C2C;box-shadow:inset 0 0 0 100vmax rgba(0,0,0,.28)}
.topo_np{background-color:#2E2C2C}
.titulo_topo p,.titulo_topo_fc p,.titulo_topo_nl{text-shadow:0 2px 8px rgba(0,0,0,.7),0 1px 2px rgba(0,0,0,.6)}
@media (max-width:575.98px){
	.conteudo_topo_fc{margin-top:-100px;padding-bottom:30px}
	.titulo_topo_fc p{line-height:28px;margin-bottom:6px}
}

/* 4. Quem somos: texto branco sobre amarelo (contraste 1,6:1) passa a grafite; o título idem */
.fundo_dourado .titulo_apresentacao{color:#2E2C2C;text-shadow:none;width:auto}
.fundo_dourado .texto_apresentacao{color:#2E2C2C;font-size:15.5px;line-height:1.6;text-align:left}
.margem_page{min-height:0}

/* 5. Página inicial: o segundo slide tinha um <h1> também; agora é <p> com o mesmo visual */
.secTopBanner p.imp-slide-titulo{padding-top:260px;margin:0 0 .5rem;font-weight:800;font-size:36px;line-height:44px;text-transform:uppercase;color:#fff}
@media (max-width:1024px){.secTopBanner p.imp-slide-titulo{padding-top:175px}}
@media (max-width:425px){.secTopBanner p.imp-slide-titulo{padding-top:95px;font-size:28px}}
@media (max-width:375px){.secTopBanner p.imp-slide-titulo{font-size:24px}}
@media (max-width:320px){.secTopBanner p.imp-slide-titulo{font-size:16px}}

/* 6. Busca: título */
.imp-busca-titulo{margin:0 0 20px;font-family:Montserrat,"Open Sans",Arial,sans-serif;font-size:28px;font-weight:800;line-height:1.2;color:#2E2C2C}

/* 7. Blocos .imp-np embutidos em páginas do tema (página inicial, Fale conosco, Nossas lojas): sem a faixa do topo */
.imp-np--embutido::before{display:none}
.imp-np--embutido{background:transparent}
.imp-np--embutido .np-secao{padding:64px 0}

/* Rótulo acima do título (guias e artigo) */
.imp-np .np-eyebrow{display:inline-block;margin:0 0 14px;padding:0 0 4px;border-bottom:3px solid var(--np-amarelo);font-family:Montserrat,"Open Sans",Arial,sans-serif;font-size:14.5px;font-weight:700;line-height:1.3;color:var(--np-texto-2)}

/* Como pedir um orçamento: três passos */
.imp-np .np-passos{list-style:none;margin:0 0 30px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:passo}
.imp-np .np-passos li{margin:0;padding:24px 24px 26px;background:#fff;border:1px solid var(--np-linha);border-radius:4px;position:relative}
.imp-np .np-passos__n{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--np-amarelo);font-family:Montserrat,"Open Sans",Arial,sans-serif;font-size:18px;font-weight:800;color:var(--np-grafite)}
.imp-np .np-passos h3{margin:14px 0 6px;font-size:18px}
.imp-np .np-passos p{margin:0;font-size:15.5px;line-height:1.55;color:var(--np-texto-2)}
.imp-np .np-como{background:var(--np-concreto)}
.imp-np .np-como .np-acoes{margin:0}

/* Fale conosco: telefones e e-mails por setor (antes, uma imagem) */
.imp-contatos{position:relative;height:100%;padding:30px 28px 18px;background:#F0F1F3;border-top:8px solid #FDB92E;border-radius:4px;color:#2E2C2C;font-family:"Open Sans",Arial,sans-serif;font-size:16px;line-height:1.55}
.imp-contatos__titulo{margin:0 0 18px;font-family:Montserrat,"Open Sans",Arial,sans-serif;font-size:22px;font-weight:800;line-height:1.2;color:#2E2C2C}
.imp-contatos__lista{list-style:none;margin:0;padding:0}
.imp-contatos__lista li{margin:0;padding:12px 0;border-top:1px solid #D9DCE0}
.imp-contatos__lista h3{margin:0 0 3px;font-family:Montserrat,"Open Sans",Arial,sans-serif;font-size:15px;font-weight:700;line-height:1.3;color:#2E2C2C;text-transform:none}
.imp-contatos__lista p{margin:0;font-size:15.5px;color:#4A4747}
.imp-contatos a{color:#2E2C2C;font-weight:600;text-decoration:underline;text-decoration-color:#FDB92E;text-decoration-thickness:2px;text-underline-offset:3px}
.imp-contatos a:hover{text-decoration-color:#2E2C2C}
.imp-contatos__end{margin:16px 0 0;padding-top:14px;border-top:1px solid #D9DCE0;font-size:14.5px;color:#4A4747}
.contato .box-img-contato{height:auto}

/* Nossas lojas: lista de todas as lojas com link para a página de cada uma */
.imp-np .np-lojas-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.imp-np .np-loja-card{margin:0;display:grid;grid-template-columns:168px minmax(0,1fr);background:#fff;border:1px solid var(--np-linha);border-radius:4px;overflow:hidden}
.imp-np .np-loja-card__foto{display:block;background:#E6E8EB;min-height:100%}
.imp-np .np-loja-card__foto img{width:100%;height:100%;min-height:150px;object-fit:cover;border-radius:0}
.imp-np .np-loja-card__corpo{padding:16px 18px 14px}
.imp-np .np-loja-card h3{margin:0 0 6px;font-size:18px}
.imp-np .np-loja-card h3 a{text-decoration:none}
.imp-np .np-loja-card h3 a:hover{text-decoration:underline}
.imp-np .np-loja-card__end{margin:0 0 8px;font-size:15px;line-height:1.5;color:var(--np-texto-2)}
.imp-np .np-loja-card__links{margin:0;display:flex;flex-wrap:wrap;gap:6px 16px;font-family:Montserrat,"Open Sans",Arial,sans-serif;font-size:14.5px;font-weight:700}

/* Página de cada loja: dados em lista de definições */
.imp-np .np-loja-dados{margin:24px 0 0;display:grid;grid-template-columns:max-content minmax(0,1fr);max-width:60ch}
.imp-np .np-loja-dados dt{margin:0;padding:12px 24px 12px 0;border-top:1px solid var(--np-linha);font-family:Montserrat,"Open Sans",Arial,sans-serif;font-weight:700;color:var(--np-grafite)}
.imp-np .np-loja-dados dd{margin:0;padding:12px 0;border-top:1px solid var(--np-linha);color:var(--np-texto-2)}
.imp-np .np-loja-dados dd a{font-weight:600}
.imp-np--loja .np-hero__img img{aspect-ratio:4/3;object-fit:cover}

/* Fornecedores: duas colunas (textos mais longos) e endereço do site do fabricante */
.imp-np .np-forn.np-forn--links{grid-template-columns:repeat(2,minmax(0,1fr))}
.imp-np .np-forn__site{margin:6px 0 0!important;font-family:Montserrat,"Open Sans",Arial,sans-serif;font-size:14px!important;font-weight:700}
.imp-np .np-forn--links li{align-items:start}

/* Guias: legenda oculta da figura de abertura */
.imp-np .np-hero__img figcaption.np-sr{position:absolute}

/* Guias: figuras pequenas do acervo (ex.: 143×200 px) não são ampliadas além do tamanho original, para não ficarem borradas */
.imp-np .np-figura img{width:auto;max-width:100%;height:auto}

@media (max-width:991px){
	.imp-np .np-passos{grid-template-columns:minmax(0,1fr)}
	.imp-np .np-lojas-lista{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:600px){
	.imp-np--embutido .np-secao{padding:44px 0}
	.imp-np .np-loja-card{grid-template-columns:minmax(0,1fr)}
	.imp-np .np-loja-card__foto img{min-height:0;aspect-ratio:16/9}
	.imp-np .np-loja-dados{grid-template-columns:minmax(0,1fr)}
	.imp-np .np-loja-dados dt{padding-bottom:2px}
	.imp-np .np-loja-dados dd{padding-top:0;border-top:0}
	.imp-contatos{padding:22px 18px 12px}
}