/* Estilo compartilhado das páginas de conteúdo CIOT.online */
:root{--bg:#080A0F;--bg-2:#0D1017;--surface:#141928;--surface-2:#1A2035;--border:rgba(255,255,255,0.07);--border-2:rgba(255,255,255,0.12);--text:#F0F2F8;--text-2:#8B91A8;--text-3:#4E5570;--verde:#00E599;--verde-dim:#00B374;--verde-glow:rgba(0,229,153,0.12);--radius:12px;--radius-lg:20px}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--verde);text-decoration:none}
a:hover{text-decoration:underline}
header.site{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);position:sticky;top:0;background:rgba(8,10,15,.85);backdrop-filter:blur(10px);z-index:10}
header.site .logo{font-weight:700;font-size:18px;color:var(--text)}
header.site .logo span{color:var(--verde)}
header.site nav a{color:var(--text-2);margin-left:20px;font-size:14px}
header.site nav a.cta{background:var(--verde);color:#050805;padding:9px 18px;border-radius:10px;font-weight:600}
header.site nav a.cta:hover{background:var(--verde-dim);text-decoration:none}
main{max-width:760px;margin:0 auto;padding:48px 24px 80px}
.breadcrumb{font-size:13px;color:var(--text-3);margin-bottom:24px}
.tag{display:inline-block;background:var(--verde-glow);color:var(--verde);font-size:12px;font-weight:600;padding:5px 12px;border-radius:999px;margin-bottom:16px;letter-spacing:.5px;text-transform:uppercase}
h1{font-size:clamp(30px,5vw,44px);line-height:1.15;margin-bottom:16px;letter-spacing:-.5px}
.lead{font-size:18px;color:var(--text-2);margin-bottom:36px}
article h2{font-size:26px;margin:44px 0 14px;letter-spacing:-.3px}
article h3{font-size:19px;margin:30px 0 10px}
article p{margin-bottom:16px;color:var(--text-2)}
article p strong,article li strong{color:var(--text)}
article ul,article ol{margin:0 0 16px 22px;color:var(--text-2)}
article li{margin-bottom:8px}
.box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;margin:24px 0}
.box.alert{border-color:rgba(255,180,0,.35)}
.box.ok{border-color:rgba(0,229,153,.35)}
table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text-2)}
th{color:var(--text);font-weight:600}
.cta-final{background:linear-gradient(135deg,var(--surface),var(--surface-2));border:1px solid var(--border-2);border-radius:var(--radius-lg);padding:32px;margin-top:56px;text-align:center}
.cta-final h2{margin:0 0 10px;font-size:24px}
.cta-final p{color:var(--text-2);margin-bottom:20px}
.cta-final a.btn{display:inline-block;background:var(--verde);color:#050805;font-weight:600;padding:13px 28px;border-radius:10px}
.cta-final a.btn:hover{background:var(--verde-dim);text-decoration:none}
.disclaimer{font-size:13px;color:var(--text-3);margin-top:40px;padding-top:20px;border-top:1px solid var(--border)}
footer.site{border-top:1px solid var(--border);padding:28px 24px;text-align:center;font-size:13px;color:var(--text-3)}
.related{margin-top:48px}
.related h2{font-size:20px;margin-bottom:14px}
.related a{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;margin-bottom:10px;color:var(--text)}
.related a:hover{border-color:var(--verde);text-decoration:none}