/* Marketing para indústrias: catálogo técnico com busca por código, caminho do comprador, representantes, canais B2B. */
.industria{background:var(--o-graphite)}

.n-hero{position:relative;overflow:hidden;padding:clamp(44px,6vw,88px) 0 clamp(64px,8vw,104px)}
.n-hero-bg{position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px) 0 0/44px 44px;
  -webkit-mask-image:radial-gradient(ellipse 70% 70% at 70% 40%,#000 25%,transparent 75%);mask-image:radial-gradient(ellipse 70% 70% at 70% 40%,#000 25%,transparent 75%)}
.n-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.n-hero h1{font-size:clamp(40px,4.6vw,64px);line-height:1;letter-spacing:-.05em;margin-bottom:24px}
.n-hero .o-lede{margin-top:0}
.n-catalog{position:relative;padding:20px;border-radius:var(--o-r-l);background:var(--o-paper);color:var(--o-text-d);box-shadow:0 60px 100px -60px rgba(0,0,0,.95)}
.n-search{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 16px;border-radius:12px;background:var(--o-white);border:1px solid var(--o-line-l);font-size:15px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.n-search svg{width:18px;height:18px;color:var(--o-muted-d)}
.n-res{margin-left:auto;font-family:var(--font-body);font-size:12.5px;color:var(--o-muted-d)}
.h-typed{white-space:nowrap;overflow:hidden}
.h-typed::after{content:"";display:inline-block;width:1.5px;height:1.05em;margin-left:2px;vertical-align:-2px;background:var(--o-text-d);animation:n-caret 1s steps(1) infinite}
@keyframes n-caret{50%{opacity:0}}
.n-table{width:100%;margin-top:12px;border-collapse:collapse;font-size:13.5px}
.n-table th{text-align:left;padding:8px 6px;font-size:12px;font-weight:600;color:var(--o-muted-d);border-bottom:1px solid var(--o-line-l)}
.n-table td{padding:11px 6px;border-bottom:1px solid var(--o-line-l);font-variant-numeric:tabular-nums}
.n-table tr:first-child td{background:rgba(204,41,41,.06)}
.n-table td:first-child{white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600}
.n-table .ok{color:#166534;font-weight:600}
.n-table .no{color:var(--o-muted-d)}
.n-cat-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px}
.n-cat-foot > span{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--o-muted-d)}
.n-cat-foot svg{width:16px;height:16px}
.n-cat-foot > .n-cta{padding:9px 15px;border-radius:10px;border:1px solid var(--o-line-l);color:var(--o-muted-d);font-weight:600;font-size:14px}
.n-note{margin-top:10px;font-size:12px;color:var(--o-muted-d);text-align:right}

.n-path{position:relative;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.n-path li{position:relative;display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:var(--o-r);background:var(--o-white);border:1px solid var(--o-line-l);transition:border-color .4s,box-shadow .4s}
.n-p-ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--o-paper-2);color:var(--o-text-d);margin-bottom:6px;transition:background-color .4s,color .4s}
.n-p-ic svg{width:21px;height:21px}
.n-path b{font-family:var(--font-head);font-size:17px}
.n-path small{font-size:14.5px;line-height:1.45;color:var(--o-muted-d)}
.js .n-path li.on{border-color:rgba(204,41,41,.35);box-shadow:0 24px 40px -30px rgba(20,20,22,.5)}
.js .n-path li.on .n-p-ic{background:var(--o-ink);color:#fff}
.n-path li:last-child .n-p-ic{background:rgba(21,128,61,.12);color:var(--o-ok)}

.n-reps-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.n-reps-grid .o-head{margin-bottom:24px}
.n-caps{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.n-caps li{padding:8px 14px;border-radius:999px;border:1px solid var(--o-line-d);font-size:14px;color:#d4d4d8}
.n-map{padding:22px;border-radius:var(--o-r-l);background:#141418;border:1px solid var(--o-line-d)}
.n-map-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;margin-bottom:10px;border-bottom:1px solid var(--o-line-d)}
.n-map-head b{font-family:var(--font-head);font-size:16px}
.n-map-head span{font-size:13px;color:var(--o-ok-hi)}
.n-map ul{list-style:none;display:grid;gap:8px}
.n-map li{display:grid;grid-template-columns:36px 1fr auto;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:12px;border-radius:12px;background:rgba(255,255,255,.03)}
.n-r-pin{grid-row:span 2;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(204,41,41,.16);color:#ff8a8a}
.n-r-pin svg{width:18px;height:18px}
.n-map li b{font-family:var(--font-head);font-size:15px}
.n-map li > span:not(.n-r-pin){grid-column:2;font-size:13.5px;color:var(--o-muted-l)}
.n-map li em{grid-row:1/3;grid-column:3;font-style:normal;font-family:var(--font-head);font-weight:700;color:#fff}
.n-map .n-note{color:var(--o-faint-l)}

.n-channels{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.n-channels li{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:var(--o-r);background:var(--o-paper);border:1px solid var(--o-line-l)}
.n-ch-logo{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:var(--o-ink);margin-bottom:6px}
.n-ch-logo svg{width:22px;height:22px}
.n-ch-logo svg path{fill:#fff}
.n-channels b{font-family:var(--font-head);font-size:19px}
.n-channels li > span:last-child{font-size:15px;line-height:1.5;color:var(--o-muted-d)}

/* sinais de alerta e oferta */
.n-signs{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
.n-signs li{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:var(--o-r);background:var(--o-white);border:1px solid var(--o-line-l);font-size:16px;line-height:1.4}
.n-signs svg{width:18px;height:18px;flex-shrink:0;margin-top:2px;color:var(--o-red-ink)}
.n-signs-end{max-width:680px;margin:22px 0 18px;font-size:17px;line-height:1.55;font-weight:600}
.n-offer{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:center}
.n-offer .o-head{margin-bottom:22px}
.n-offer-risk{margin-top:12px;font-size:14px;color:var(--o-muted-d)}
.n-offer-list{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.n-offer-list li{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:var(--o-r);background:var(--o-white);border:1px solid var(--o-line-l)}
.n-offer-list svg{width:36px;height:36px;padding:8px;border-radius:11px;background:var(--o-paper-2);color:var(--o-red-ink)}
.n-offer-list b{display:block;font-family:var(--font-head);font-size:16px}
.n-offer-list span{display:block;font-size:14.5px;line-height:1.45;color:var(--o-muted-d)}

@media (max-width:1100px){.n-path,.n-channels{grid-template-columns:repeat(2,1fr)}}
@media (max-width:960px){.n-hero-grid,.n-reps-grid,.n-offer{grid-template-columns:1fr}}
@media (max-width:760px){
  .n-table th:nth-child(3),.n-table td:nth-child(3){display:none}
  .n-signs{grid-template-columns:minmax(0,1fr);gap:8px}
  .n-signs li{padding:10px 14px;font-size:15px;line-height:1.35}
  .n-signs-end{margin:16px 0 14px;font-size:16px}
  .n-path,.n-channels{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .n-path li,.n-channels li{padding:14px;gap:4px}
  .n-p-ic,.n-ch-logo{width:36px;height:36px;border-radius:11px;margin-bottom:4px}
  .n-p-ic svg{width:18px;height:18px}
  .n-ch-logo svg{width:18px;height:18px}
  .n-path b{font-size:15px}
  .n-path small,.n-channels li > span:last-child{font-size:13.5px;line-height:1.4}
  .n-channels b{font-size:16px}
  .n-offer-list{grid-template-columns:minmax(0,1fr);gap:8px}
  .n-offer-list li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:2px 12px;align-items:start;padding:12px}
  .n-offer-list svg{grid-row:span 2;width:34px;height:34px;padding:7px}
  .n-offer-list span{font-size:14px}
}
@media (prefers-reduced-motion:reduce){.h-typed::after{animation:none}}

/* projeto real: Mafer Telhas */
.n-real{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,72px);align-items:center}
.n-real-vis{position:relative;padding-bottom:56px}
.n-real-vis .o-browser{width:94%}
.n-serp{position:absolute;right:0;bottom:0;width:min(78%,420px);padding:12px 14px;border-radius:12px;background:#fff;border:1px solid var(--o-line-l);box-shadow:0 24px 44px -26px rgba(20,20,22,.55);font-family:Arial,var(--font-body)}
.n-serp-top{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:11.5px;color:#4d5156}
.n-serp-top b{color:#202124}
.n-serp-h{margin-top:4px;font-size:16px;line-height:1.3;color:#1a0dab}
.n-real .o-head{margin-bottom:14px}
.n-real-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--o-muted-d)}
.n-real-t{margin-top:12px;font-size:16.5px;line-height:1.55;color:var(--o-muted-d)}
.n-real-did{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin-top:16px}
.n-real-did li{display:flex;align-items:flex-start;gap:8px;font-size:15px;line-height:1.4}
.n-real-did svg{width:16px;height:16px;flex-shrink:0;margin-top:2px;color:var(--o-red-ink)}

@media (max-width:960px){.n-real{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.n-real-did{grid-template-columns:minmax(0,1fr)}.n-serp{width:88%}}

.n-serp-q{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:7px 12px;border-radius:999px;border:1px solid #dfe1e5;font-size:13px;color:#202124}
.n-serp-q svg{width:14px;height:14px;color:#70757a;flex-shrink:0}