/* Imporcate – páginas Nossos produtos. Tudo limitado a .imp-np para não afetar o resto do site. */
.imp-np{--np-amarelo:#FDB92E;--np-amarelo-2:#EDA712;--np-grafite:#2E2C2C;--np-grafite-2:#1E1C1C;--np-texto:#2E2C2C;--np-texto-2:#4A4747;--np-linha:#D9DCE0;--np-concreto:#F0F1F3;--np-topo:105px;
	display:block;background:#fff;color:var(--np-texto);font-family:"Open Sans",Arial,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;text-align:left}
.imp-np *,.imp-np *::before,.imp-np *::after{box-sizing:border-box}
/* O menu do tema é fixo e transparente (feito para ficar sobre uma foto): faixa grafite atrás dele */
.imp-np::before{content:"";display:block;height:var(--np-topo);background:var(--np-grafite)}
.imp-np .np-wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.imp-np h1,.imp-np h2,.imp-np h3{font-family:Montserrat,"Open Sans",Arial,sans-serif;color:var(--np-grafite);text-transform:none;letter-spacing:normal;margin:0;padding:0;background:none;text-align:left}
.imp-np h1{font-size:clamp(31px,3.7vw,48px);font-weight:800;line-height:1.08;letter-spacing:-.018em;max-width:17ch}
.imp-np h2{font-size:clamp(25px,2.4vw,33px);font-weight:800;line-height:1.15;letter-spacing:-.012em;margin:0 0 .7em}
.imp-np h3{font-size:19px;font-weight:700;line-height:1.3;margin:1.5em 0 .5em}
.imp-np p{margin:0 0 1em;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit}
.imp-np ul,.imp-np ol{margin:0 0 1em;padding-left:1.25em}
.imp-np li{margin:.3em 0;font-size:inherit;line-height:inherit}
.imp-np strong{font-weight:700;color:var(--np-grafite)}
.imp-np a,.imp-np a *{text-transform:none;letter-spacing:normal}
.imp-np p,.imp-np li,.imp-np dd,.imp-np td,.imp-np figcaption,.imp-np input{font-weight:400}
.imp-np a{font-family:inherit;font-weight:inherit;color:var(--np-grafite);text-decoration:underline;text-decoration-color:var(--np-amarelo);text-decoration-thickness:2px;text-underline-offset:3px}
.imp-np a:hover{color:var(--np-grafite);text-decoration-color:var(--np-grafite)}
.imp-np a:focus-visible,.imp-np button:focus-visible,.imp-np input:focus-visible,.imp-np summary:focus-visible{outline:3px solid var(--np-grafite);outline-offset:2px}
.imp-np img{max-width:100%;height:auto;display:block}
.imp-np figure{margin:0}
.imp-np figcaption{font-size:14.5px;line-height:1.5;color:var(--np-texto-2);margin-top:10px}
.imp-np .np-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.imp-np .np-ico{width:22px;height:22px;flex:0 0 22px;fill:currentColor}

/* Trilha */
.imp-np .np-trilha{padding:20px 0 0;font-size:14px;line-height:1.4;color:var(--np-texto-2)}
.imp-np .np-trilha ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px}
.imp-np .np-trilha li{margin:0}
.imp-np .np-trilha li+li::before{content:"/";margin-right:8px;color:#9A9696}
.imp-np .np-trilha a{color:var(--np-texto-2);text-decoration:none}
.imp-np .np-trilha a:hover{text-decoration:underline}

/* Abertura */
.imp-np .np-hero{padding:26px 0 56px}
.imp-np .np-hero__grade{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:center}
.imp-np .np-lead{font-size:19px;line-height:1.6;color:var(--np-texto-2);margin:22px 0 10px;max-width:58ch}
.imp-np .np-lead2{color:var(--np-texto-2);max-width:58ch;margin:0}
.imp-np .np-acoes{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 20px}
.imp-np .np-lojas{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:15px;line-height:1.55;color:var(--np-texto-2);max-width:60ch}
.imp-np .np-lojas .np-ico{width:20px;height:20px;flex-basis:20px;margin-top:1px;color:var(--np-grafite)}
.imp-np .np-hero__img img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px}
.imp-np .np-hero__img--contain img{object-fit:contain;background:#fff;border:1px solid var(--np-linha);padding:18px}
.imp-np .np-galeria{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--np-linha);border:1px solid var(--np-linha);border-radius:4px;overflow:hidden}
.imp-np .np-galeria a{display:block;background:#fff}
.imp-np .np-galeria img{width:100%;aspect-ratio:3/2;object-fit:contain;padding:8px;border-radius:0}

/* Botões */
.imp-np .np-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 22px;border:2px solid transparent;border-radius:4px;font-family:Montserrat,"Open Sans",Arial,sans-serif;font-size:16px;font-weight:700;line-height:1.2;text-decoration:none;text-align:center;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}
.imp-np .np-btn--amarelo{background:var(--np-amarelo);color:var(--np-grafite)}
.imp-np .np-btn--amarelo:hover{background:var(--np-amarelo-2);color:var(--np-grafite)}
.imp-np .np-btn--linha{background:transparent;border-color:var(--np-grafite);color:var(--np-grafite)}
.imp-np .np-btn--linha:hover{background:var(--np-grafite);color:#fff}
.imp-np .np-btn--escuro{background:var(--np-grafite);color:#fff}
.imp-np .np-btn--escuro:hover{background:var(--np-grafite-2);color:#fff}

/* Orçamento pelo código: faixa grafite com a borda listrada do pátio da matriz */
.imp-np .np-cotacao{position:relative;background:var(--np-grafite);color:#fff;padding:44px 0 38px}
.imp-np .np-cotacao::before{content:"";position:absolute;left:0;right:0;top:0;height:10px;background:repeating-linear-gradient(-45deg,var(--np-amarelo) 0 14px,var(--np-grafite) 14px 28px)}
.imp-np .np-cotacao__grade{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px 40px;align-items:center}
.imp-np .np-cotacao__titulo{font-family:Montserrat,"Open Sans",Arial,sans-serif;font-size:clamp(22px,2.1vw,28px);font-weight:800;line-height:1.2;color:#fff;margin:0 0 6px}
.imp-np .np-cotacao__texto{color:#D2CFCF;margin:0;font-size:16px;line-height:1.55}
.imp-np .np-cotacao__form{display:flex;gap:10px;margin:0}
.imp-np .np-cotacao__form input[type=text],.imp-np .np-cotacao__form input[type=search]{flex:1 1 auto;min-width:0;height:56px;margin:0;padding:0 16px;border:2px solid #fff;border-radius:4px;background:#fff;color:var(--np-grafite);font-family:"Open Sans",Arial,sans-serif;font-size:17px;box-shadow:none;-webkit-appearance:none;appearance:none}
.imp-np .np-cotacao__form input::placeholder{color:#767272;opacity:1}
.imp-np .np-cotacao__form .np-btn{min-height:56px;white-space:nowrap}
.imp-np .np-cotacao__alt{grid-column:2;margin:0;font-size:15px;color:#D2CFCF}
.imp-np .np-cotacao a{color:#fff}
.imp-np .np-cotacao a:focus-visible,.imp-np .np-cotacao button:focus-visible,.imp-np .np-cotacao input:focus-visible{outline-color:var(--np-amarelo)}

/* Seções */
.imp-np .np-secao{padding:72px 0}
.imp-np .np-secao--concreto{background:var(--np-concreto)}
/* Duas seções brancas seguidas: um único espaçamento entre elas */
.imp-np .np-secao:not(.np-secao--concreto)+.np-secao:not(.np-secao--concreto){padding-top:0}
.imp-np .np-intro{max-width:70ch;color:var(--np-texto-2);margin:-6px 0 28px}
.imp-np .np-estreito{max-width:860px}

/* Catálogo: folha de catálogo com filetes, sem cartões */
.imp-np .np-grade{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--np-linha);border-left:1px solid var(--np-linha);background:#fff}
.imp-np .np-grade--c1{grid-template-columns:1fr}
.imp-np .np-grade--c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.imp-np .np-grade--c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.imp-np .np-grade--depois{margin-top:28px}
.imp-np .np-item{margin:0;padding:22px;border-right:1px solid var(--np-linha);border-bottom:1px solid var(--np-linha);display:flex;flex-direction:column}
.imp-np .np-item__img{margin:-22px -22px 18px;border-bottom:1px solid var(--np-linha);background:#fff}
.imp-np .np-item__img img{width:100%;aspect-ratio:4/3;object-fit:contain;padding:14px}
.imp-np .np-item h3{margin:0 0 6px;font-size:18px}
.imp-np .np-item p{margin:0 0 12px;font-size:15.5px;line-height:1.55;color:var(--np-texto-2)}
.imp-np .np-item__links{margin:auto 0 0!important;display:flex;flex-wrap:wrap;gap:6px 18px;font-family:Montserrat,"Open Sans",Arial,sans-serif;font-size:14.5px;font-weight:700}
.imp-np .np-grade--texto .np-item{padding:18px 22px}
.imp-np .np-grade--texto .np-item h3{font-size:17px}

/* Produtos da loja (filtros) */
.imp-np .np-produtos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.imp-np .np-produto{margin:0}
.imp-np .np-produto a{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--np-linha);border-radius:4px;text-decoration:none;color:var(--np-grafite)}
.imp-np .np-produto a:hover{border-color:var(--np-grafite)}
.imp-np .np-produto__img{border-bottom:1px solid var(--np-linha)}
.imp-np .np-produto__img img{width:100%;aspect-ratio:3/2;object-fit:contain;padding:10px}
.imp-np .np-produto__nome{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding:14px 16px 16px;font-family:Montserrat,"Open Sans",Arial,sans-serif;font-size:14.5px;font-weight:600;line-height:1.4}
.imp-np .np-produtos__mais{margin:28px 0 0}

/* Hub: linhas de produtos */
.imp-np .np-linhas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.imp-np .np-linha{margin:0;grid-column:span 2}
.imp-np .np-linha:nth-child(-n+2){grid-column:span 3}
.imp-np .np-linha a{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--np-linha);border-radius:4px;overflow:hidden;text-decoration:none;color:var(--np-texto)}
.imp-np .np-linha a:hover{border-color:var(--np-grafite)}
.imp-np .np-linha__img{border-bottom:1px solid var(--np-linha)}
.imp-np .np-linha__img img{width:100%;aspect-ratio:16/10;object-fit:contain;padding:18px}
.imp-np .np-linha:nth-child(-n+2) .np-linha__img img{aspect-ratio:16/8}
.imp-np .np-linha__corpo{display:flex;flex-direction:column;flex:1;padding:20px 22px 22px}
.imp-np .np-linha h3{margin:0 0 8px;font-size:21px}
.imp-np .np-linha p{margin:0 0 16px;font-size:16px;line-height:1.55;color:var(--np-texto-2)}
.imp-np .np-linha__ver{margin-top:auto;font-family:Montserrat,"Open Sans",Arial,sans-serif;font-size:15px;font-weight:700;color:var(--np-grafite);text-decoration:underline;text-decoration-color:var(--np-amarelo);text-decoration-thickness:2px;text-underline-offset:3px}
.imp-np .np-linha a:hover .np-linha__ver{text-decoration-color:var(--np-grafite)}

/* Hub: estoque, lojas e atendimento */
.imp-np .np-fatos{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}
.imp-np .np-fatos img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:4px}
.imp-np .np-fatos dl{margin:0 0 18px;display:grid;grid-template-columns:max-content minmax(0,1fr)}
.imp-np .np-fatos dt{margin:0;padding:14px 28px 14px 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-fatos dd{margin:0;padding:14px 0;border-top:1px solid var(--np-linha);color:var(--np-texto-2)}
.imp-np .np-fatos__link{margin:0;font-weight:600}

/* Conteúdo com índice */
.imp-np .np-conteudo__grade{display:grid;grid-template-columns:230px minmax(0,1fr);gap:64px;align-items:start}
.imp-np .np-indice{position:sticky;top:calc(var(--np-topo) + 20px);padding:2px 0 2px 18px;border-left:3px solid var(--np-amarelo);font-size:15px;line-height:1.45}
.imp-np .np-indice__titulo{margin:0 0 10px;font-family:Montserrat,"Open Sans",Arial,sans-serif;font-weight:700;color:var(--np-grafite)}
.imp-np .np-indice ul{list-style:none;margin:0;padding:0}
.imp-np .np-indice li{margin:0 0 9px}
.imp-np .np-indice a{color:var(--np-texto-2);text-decoration:none}
.imp-np .np-indice a:hover{color:var(--np-grafite);text-decoration:underline}
.imp-np .np-texto{max-width:74ch}
.imp-np .np-texto>section{scroll-margin-top:calc(var(--np-topo) + 16px)}
.imp-np .np-texto>section+section{margin-top:52px;padding-top:44px;border-top:1px solid var(--np-linha)}
.imp-np .np-colunas{columns:2;column-gap:40px}
.imp-np .np-colunas li{break-inside:avoid;margin:0 0 .55em}
.imp-np .np-figura{margin:26px 0 30px;max-width:640px}
.imp-np .np-figura img{width:100%;border:1px solid var(--np-linha);border-radius:4px;background:#fff}
.imp-np .np-tabela{overflow-x:auto;margin:18px 0 22px}
.imp-np table{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.5;margin:0}
.imp-np th,.imp-np td{text-align:left;vertical-align:top;padding:11px 14px 11px 0;border-bottom:1px solid var(--np-linha);background:none}
.imp-np thead th{font-family:Montserrat,"Open Sans",Arial,sans-serif;font-size:14px;font-weight:700;color:var(--np-grafite);border-bottom:2px solid var(--np-grafite)}
.imp-np tbody th{font-weight:700;color:var(--np-grafite);min-width:9em}

/* Detalhes e perguntas: abre e fecha */
.imp-np details{border-bottom:1px solid var(--np-linha)}
.imp-np details:first-of-type{border-top:1px solid var(--np-linha)}
.imp-np summary{position:relative;display:block;padding:17px 44px 17px 0;cursor:pointer;list-style:none;font-family:Montserrat,"Open Sans",Arial,sans-serif;font-size:17px;font-weight:700;line-height:1.35;color:var(--np-grafite)}
.imp-np summary::-webkit-details-marker{display:none}
.imp-np summary::after{content:"";position:absolute;right:8px;top:50%;width:11px;height:11px;border-right:2.5px solid var(--np-grafite);border-bottom:2.5px solid var(--np-grafite);transform:translateY(-70%) rotate(45deg);transition:transform .15s ease}
.imp-np details[open]>summary::after{transform:translateY(-25%) rotate(-135deg)}
.imp-np details>p,.imp-np details>ul,.imp-np details>figure{margin-top:0}
.imp-np details>:last-child{margin-bottom:20px}
.imp-np .np-faq h2{margin-bottom:.8em}

/* Fornecedores */
.imp-np .np-forn{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--np-linha);border-left:1px solid var(--np-linha)}
.imp-np .np-forn--c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.imp-np .np-forn li{margin:0;padding:20px 22px;display:grid;grid-template-columns:104px minmax(0,1fr);gap:18px;align-items:center;background:#fff;border-right:1px solid var(--np-linha);border-bottom:1px solid var(--np-linha)}
.imp-np .np-forn__logo img{width:auto;max-width:104px;max-height:62px;margin:0 auto;object-fit:contain}
.imp-np .np-forn h3{margin:0 0 4px;font-size:16px}
.imp-np .np-forn p{margin:0;font-size:14.5px;line-height:1.5;color:var(--np-texto-2)}
.imp-np .np-placa{display:grid;grid-template-columns:200px minmax(0,1fr);gap:22px;align-items:center;max-width:680px;margin:32px 0 0}
.imp-np .np-placa img{border-radius:4px}
.imp-np .np-placa figcaption{margin:0;font-size:15.5px}

/* Outras linhas */
.imp-np .np-relacionadas{padding:56px 0 64px}
.imp-np .np-rel{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.imp-np .np-rel li{margin:0}
.imp-np .np-rel a{display:flex;align-items:center;gap:14px;height:100%;padding:12px 16px 12px 12px;background:#fff;border:1px solid var(--np-linha);border-radius:4px;text-decoration:none;font-family:Montserrat,"Open Sans",Arial,sans-serif;font-size:15px;font-weight:700;line-height:1.3;color:var(--np-grafite)}
.imp-np .np-rel a:hover{border-color:var(--np-grafite)}
.imp-np .np-rel img{width:64px;height:48px;flex:0 0 64px;object-fit:contain}
.imp-np .np-rel__hub{margin:22px 0 0;font-weight:600}

/* Chamada final */
.imp-np .np-cta{background:var(--np-amarelo);padding:52px 0}
.imp-np .np-cta__grade{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
.imp-np .np-cta h2{margin:0 0 8px}
.imp-np .np-cta p{margin:0;color:var(--np-grafite);max-width:56ch}
.imp-np .np-cta .np-acoes{margin:0}
.imp-np .np-cta .np-btn--linha:hover{background:var(--np-grafite);color:var(--np-amarelo)}
.imp-np .np-cta a:focus-visible{outline-color:var(--np-grafite)}

@media (max-width:1199px){
	.imp-np{--np-topo:119px}
}
@media (max-width:1100px){
	.imp-np .np-conteudo__grade{grid-template-columns:200px minmax(0,1fr);gap:40px}
}
@media (max-width:991px){
	.imp-np{--np-topo:58px}
	.imp-np .np-hero__grade,.imp-np .np-cotacao__grade,.imp-np .np-fatos,.imp-np .np-cta__grade{grid-template-columns:minmax(0,1fr);gap:28px}
	.imp-np .np-cotacao__grade{gap:16px}
	.imp-np .np-cotacao__alt{grid-column:auto}
	.imp-np .np-conteudo__grade{grid-template-columns:minmax(0,1fr);gap:28px}
	.imp-np .np-indice{position:static}
	.imp-np .np-grade,.imp-np .np-grade--c3,.imp-np .np-forn{grid-template-columns:repeat(2,minmax(0,1fr))}
	.imp-np .np-linhas,.imp-np .np-produtos,.imp-np .np-rel{grid-template-columns:repeat(2,minmax(0,1fr))}
	.imp-np .np-linha,.imp-np .np-linha:nth-child(-n+2){grid-column:auto}
	.imp-np .np-linha:nth-child(-n+2) .np-linha__img img{aspect-ratio:16/10}
	.imp-np .np-fatos img{aspect-ratio:16/10}
}
@media (max-width:600px){
	.imp-np{font-size:16px}
	.imp-np .np-wrap{padding:0 16px}
	.imp-np .np-secao{padding:48px 0}
	.imp-np .np-hero{padding:16px 0 36px}
	.imp-np .np-lead{font-size:17px;margin-top:16px}
	.imp-np .np-acoes .np-btn{flex:1 1 100%}
	.imp-np .np-cotacao{padding:36px 0 30px}
	.imp-np .np-cotacao__form{flex-direction:column}
	.imp-np .np-cotacao__form .np-btn{width:100%}
	.imp-np .np-item{padding:14px}
	.imp-np .np-item__img{margin:-14px -14px 12px}
	.imp-np .np-item__img img{padding:8px}
	.imp-np .np-item h3,.imp-np .np-grade--texto .np-item h3{font-size:16px}
	.imp-np .np-item p{font-size:14.5px}
	.imp-np .np-grade--texto,.imp-np .np-grade--c1,.imp-np .np-grade--c2.np-grade--texto{grid-template-columns:minmax(0,1fr)}
	.imp-np .np-linhas,.imp-np .np-forn,.imp-np .np-rel{grid-template-columns:minmax(0,1fr)}
	.imp-np .np-colunas{columns:1}
	.imp-np .np-tabela table,.imp-np .np-tabela tbody,.imp-np .np-tabela tr,.imp-np .np-tabela th,.imp-np .np-tabela td{display:block;width:auto}
	.imp-np .np-tabela thead{display:none}
	.imp-np .np-tabela tr{padding:12px 0;border-bottom:1px solid var(--np-linha)}
	.imp-np .np-tabela th,.imp-np .np-tabela td{padding:2px 0;border:0}
	.imp-np .np-tabela tbody th{font-size:16px}
	.imp-np .np-tabela td::before{content:attr(data-label) ": ";font-weight:700;color:var(--np-grafite)}
	.imp-np .np-fatos dl{grid-template-columns:minmax(0,1fr)}
	.imp-np .np-fatos dt{padding-bottom:2px}
	.imp-np .np-fatos dd{padding-top:0;border-top:0}
	.imp-np .np-placa{grid-template-columns:120px minmax(0,1fr)}
	.imp-np .np-forn li{grid-template-columns:84px minmax(0,1fr);padding:16px}
	.imp-np .np-forn__logo img{max-width:84px}
}
@media (prefers-reduced-motion:reduce){
	.imp-np *{transition:none!important}
}
