
:root{
 --bg:#050505;--bg2:#0b0b0b;--card:#101010;--line:#2a2a2a;
 --gold:#f2b900;--gold2:#d99500;--white:#f5f5f5;--muted:#b8b8b8;
 --green:#25d366;--blue:#4e8edb;--orange:#ff7b00;--lime:#72c600;--purple:#9b54dc;--cyan:#22c7c9;--red:#e34b4b;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}.wrap{width:min(1440px,94%);margin:auto}
.topbar{border-bottom:1px solid #3a2e00;background:#020202;font-size:14px}.topbar .wrap{display:flex;justify-content:space-between;gap:20px;padding:9px 0;color:#eee}.contacts{display:flex;gap:24px;flex-wrap:wrap}.gold{color:var(--gold)}
header{background:#050505;border-bottom:1px solid #222;position:sticky;top:0;z-index:50}.nav{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:13px 0}
.brand{display:flex;align-items:center;gap:13px;font-weight:900}.shield{width:52px;height:60px;border:3px solid var(--gold);clip-path:polygon(50% 0,94% 15%,85% 72%,50% 100%,15% 72%,6% 15%);display:grid;place-items:center;color:var(--gold);font-size:28px}
.brandtxt{font-size:31px;line-height:.9}.brandtxt b:last-child{color:var(--gold)}.brandtxt small{display:block;font-size:11px;letter-spacing:.08em;margin-top:8px}
nav{display:flex;align-items:center;gap:27px;font-weight:700;font-size:15px}.quote{border:1px solid var(--gold);color:var(--gold);padding:11px 19px;border-radius:5px}
.hero{position:relative;overflow:hidden;border-bottom:1px solid #1e1e1e}.hero:before{content:"";position:absolute;inset:0;background:
linear-gradient(90deg,#050505 0%,rgba(5,5,5,.96) 28%,rgba(5,5,5,.52) 58%,rgba(5,5,5,.88) 100%),
url("../img/hero-industrial.webp") center right/60% 100% no-repeat}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.15fr .85fr;min-height:420px;align-items:center;padding:38px 0}
.eyebrow{color:var(--gold);font-weight:900;letter-spacing:.08em}.hero h1{font-size:clamp(35px,4.1vw,64px);line-height:1.04;margin:8px 0 14px;max-width:800px}.hero p{color:#d0d0d0;max-width:680px;font-size:17px}
.search{display:flex;max-width:640px;margin-top:20px;border:1px solid #555;border-radius:5px;overflow:hidden;background:#090909}.search input{flex:1;background:transparent;border:0;color:#fff;padding:15px;font-size:15px;outline:0}.search button{background:var(--gold);border:0;padding:0 28px;font-weight:900;color:#080808}
.benefits{justify-self:end;display:grid;gap:22px;max-width:280px}.benefit{display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:start}.ico{font-size:29px;color:var(--gold)}.benefit b{display:block}.benefit span{color:#cfcfcf;font-size:14px}
.section{padding:38px 0}.divider-title{display:flex;align-items:center;gap:18px;text-transform:uppercase;font-size:17px;letter-spacing:.04em;margin:0 0 20px}.divider-title:before,.divider-title:after{content:"";height:1px;background:linear-gradient(90deg,transparent,var(--gold));flex:1}.divider-title:after{background:linear-gradient(90deg,var(--gold),transparent)}
.categories{display:grid;grid-template-columns:repeat(8,1fr);gap:9px}.cat{background:linear-gradient(180deg,#121212,#090909);border:1px solid #323232;border-radius:5px;padding:20px 12px;text-align:center;min-height:188px;display:flex;flex-direction:column;justify-content:space-between}.cat .cat-ico{font-size:38px}.cat h3{font-size:16px;margin:8px 0 3px}.cat p{font-size:13px;color:#ccc;margin:0}.cat a{border:1px solid currentColor;border-radius:4px;padding:7px 10px;margin-top:14px;font-weight:700;font-size:13px}
.c1{color:var(--gold)}.c2{color:var(--blue)}.c3{color:var(--orange)}.c4{color:var(--lime)}.c5{color:var(--purple)}.c6{color:var(--cyan)}.c7{color:var(--gold)}.c8{color:var(--red)}
.content-grid{display:grid;grid-template-columns:1fr 290px;gap:22px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.card{background:#0b0b0b;border:1px solid #303030;border-radius:5px;overflow:hidden}.card-top{height:115px;background:linear-gradient(135deg,#1a1a1a,#090909);position:relative;display:flex;align-items:flex-end;padding:14px}.card-top:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,#ffffff07)}.tag{position:relative;z-index:2;display:inline-block;background:var(--gold);color:#050505;border-radius:4px;padding:5px 9px;font-size:12px;font-weight:900}.tag.nr13{background:var(--blue);color:#fff}.tag.redzone{background:var(--orange);color:#fff}.tag.guardian{background:var(--lime);color:#fff}
.card-body{padding:17px}.card h3{margin:0 0 8px;font-size:18px;line-height:1.24}.card p{color:#bebebe;font-size:14px;margin:0 0 15px}.meta{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:#ddd}.read{color:var(--gold);font-weight:900}
.sidebar{background:#0b0b0b;border:1px solid #303030;border-radius:5px;padding:22px;align-self:start;position:sticky;top:105px}.sidebar h3{text-align:center;margin-top:0}.sidebar p{text-align:center;color:#c6c6c6;font-size:14px}.sidebtn{display:block;border:1px solid var(--green);border-radius:5px;padding:11px;margin:10px 0;color:#fff}.sidebtn.phone{border-color:var(--gold);color:var(--gold)}
.quick{border-top:1px solid #272727;border-bottom:1px solid #272727;background:#080808}.quick .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:18px 0;text-align:center;color:#ddd}
footer{padding:35px 0;background:#030303;color:#aaa}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.foot b{color:#fff}
.article-hero{background:linear-gradient(120deg,#050505,#111);border-bottom:1px solid #2b2b2b;padding:55px 0}.article-hero h1{font-size:clamp(34px,4vw,56px);line-height:1.05;max-width:1000px;margin:10px 0}.article-hero p{color:#c9c9c9;max-width:830px}.crumb{font-size:13px;color:#8f8f8f}
.article{width:min(980px,92%);margin:34px auto;background:#0b0b0b;border:1px solid #292929;border-radius:8px;padding:clamp(25px,5vw,58px)}.article h2{color:#fff;margin-top:40px}.article h3{color:#eee}.article p,.article li{color:#cfcfcf;font-size:17px}.article a{color:var(--gold)}.toc{border-left:3px solid var(--gold);background:#111;padding:18px 22px}.note{background:#171204;border:1px solid #5d4700;padding:16px;border-radius:5px}.faq{border-top:1px solid #292929;padding:14px 0}.btn{display:inline-block;background:var(--gold);color:#050505!important;font-weight:900;padding:12px 18px;border-radius:4px}
@media(max-width:1150px){.categories{grid-template-columns:repeat(4,1fr)}nav{gap:15px}.content-grid{grid-template-columns:1fr}.sidebar{position:static}}
@media(max-width:800px){nav{display:none}.hero .wrap{grid-template-columns:1fr}.benefits{justify-self:start;margin-top:26px}.hero:before{background:linear-gradient(90deg,#050505eF,#050505d9),url("../img/hero-industrial.webp") center/cover no-repeat}.cards{grid-template-columns:1fr}.topbar .wrap{display:block}.contacts{margin-top:5px}.quick .wrap{grid-template-columns:1fr 1fr}.foot{grid-template-columns:1fr}}
@media(max-width:520px){.categories{grid-template-columns:1fr 1fr}.brandtxt{font-size:25px}.shield{width:44px;height:50px}.search button{padding:0 15px}.quick .wrap{grid-template-columns:1fr}.card-top{height:90px}}

/* V2.1 - logo oficial e imagens reais nos cards */
.brand-logo{display:flex;align-items:center;gap:14px}
.brand-logo img{display:block;width:250px;max-height:76px;object-fit:contain;object-position:left center}
.card-top{height:165px;background-size:cover!important;background-position:center!important;border-bottom:1px solid #292929}
.card-top.nr12-img{background-image:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.62)),url("../img/artigo-nr12.webp")!important}
.card-top.nr13-img{background-image:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.62)),url("../img/artigo-nr13.webp")!important}
.card-top.redzone-img{background-image:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.62)),url("../img/artigo-redzone.webp")!important}
.card-top.guardian-img{background-image:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.62)),url("../img/artigo-guardian.webp")!important}
.card-top .tag{align-self:flex-end}
@media(max-width:800px){.brand-logo img{width:205px}.card-top{height:145px}}
