:root{
  --ink:#141b41;--primary:#1e295d;--blue:#3b82f6;--blue-dk:#2563eb;
  --gold:#f5b544;--gold-dk:#d99420;--green:#10b981;--red:#ef4444;
  --bg:#eef1f8;--card:#fff;--border:#e5e7eb;--tx:#374151;--muted:#6b7280;--head:#1e295d;
  --r:16px;--sh:0 4px 14px rgba(30,41,93,.08);--sh-lg:0 18px 44px rgba(30,41,93,.16);
  --ff:'Inter',system-ui,sans-serif;--fd:'Sora','Inter',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--ff);background:var(--bg);color:var(--tx);line-height:1.6}
a{color:inherit;text-decoration:none}
.wrap{max-width:1140px;margin:0 auto;padding:0 18px}

/* HEADER */
.chead{position:sticky;top:0;z-index:100;background:var(--ink);color:#fff}
.chead-row{display:flex;align-items:center;gap:20px;height:62px}
.cbrand{display:flex;align-items:center;gap:10px;font-family:var(--fd);font-weight:800;font-size:1.05rem;color:#fff}
.cbrand strong{color:var(--blue)}
.cbrand-mark{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,var(--blue),var(--gold));display:flex;align-items:center;justify-content:center}
.cnav{display:flex;gap:16px;margin-left:auto}
.cnav a{color:#dbe3f7;font-weight:600;font-size:.9rem}
.cnav a:hover{color:#fff}
.cnav-toggle{display:none;background:none;border:none;color:#fff;font-size:1.3rem;margin-left:auto}

/* HERO */
.chero{background:linear-gradient(135deg,var(--ink),var(--primary) 60%,#2d4a9e);color:#fff;padding:3rem 0;position:relative;overflow:hidden;text-align:center}
.chero-glow{position:absolute;inset:0;background:radial-gradient(600px 300px at 20% -10%,rgba(59,130,246,.35),transparent 60%),radial-gradient(500px 240px at 90% 0,rgba(245,181,68,.16),transparent 60%)}
.chero .wrap{position:relative}
.chero h1{font-family:var(--fd);font-size:clamp(1.7rem,4vw,2.6rem);margin-bottom:.6rem}
.chero p{color:#c3cef2;max-width:44em;margin:0 auto;font-size:1.05rem}
.chero strong{color:var(--gold)}

/* CARDS HUB */
.calc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:-2.2rem auto 2.5rem;position:relative;z-index:2}
.ccard{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:24px;box-shadow:var(--sh);transition:.3s;display:flex;flex-direction:column;gap:8px}
.ccard:hover{transform:translateY(-6px);box-shadow:var(--sh-lg)}
.ccard-ic{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--blue));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:6px}
.ccard h2{font-family:var(--fd);font-size:1.2rem;color:var(--head)}
.ccard p{color:var(--muted);font-size:.9rem;flex:1}
.ccard-go{color:var(--blue-dk);font-weight:700;font-size:.9rem;display:inline-flex;align-items:center;gap:6px}
.ccard:hover .ccard-go i{transform:translateX(4px);transition:.2s}

/* PÁGINA DE CALCULADORA */
.calc-page{padding:1.6rem 18px 3rem}
.crumbs{font-size:.85rem;color:var(--muted);margin:.4rem 0 1.2rem}
.crumbs a{color:var(--blue)}
.calc-grid{display:grid;grid-template-columns:1fr 320px;gap:26px;align-items:start}
.calc-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:26px;box-shadow:var(--sh)}
.calc-card h1{font-family:var(--fd);font-size:1.6rem;color:var(--head);display:flex;align-items:center;gap:10px;margin-bottom:.4rem}
.calc-card h1 i{color:var(--blue)}
.calc-lead{color:var(--muted);margin-bottom:1.4rem}
.field{margin-bottom:1.1rem}
.field label{display:block;font-weight:600;color:var(--head);margin-bottom:.4rem;font-size:.92rem}
.field .opt{color:var(--muted);font-weight:400;font-size:.82rem}
.field input{width:100%;padding:.85rem 1rem;border:1.5px solid var(--border);border-radius:10px;font-size:1.15rem;font-family:var(--fd);font-weight:600;color:var(--head);background:#f9fafb;outline:none;transition:.2s}
.field input:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px rgba(59,130,246,.12)}
.hint{display:block;color:var(--muted);font-size:.78rem;margin-top:.3rem}
.btn-calc{width:100%;padding:1rem;border:none;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--blue-dk));color:#fff;font-family:var(--fd);font-weight:700;font-size:1.05rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:.2s}
.btn-calc:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(30,41,93,.3)}

/* RESULTADO */
.calc-result{margin-top:1.6rem;animation:slideIn .35s ease}
@keyframes slideIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.result-hero{background:linear-gradient(135deg,var(--ink),var(--primary));border-radius:14px;padding:1.5rem;text-align:center;color:#fff;margin-bottom:1rem}
.result-label{display:block;font-size:.85rem;color:#c3cef2;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem}
.result-value{font-family:var(--fd);font-size:2.2rem;font-weight:800;color:var(--gold)}
.result-rows{border:1px solid var(--border);border-radius:12px;overflow:hidden}
.rrow{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.1rem;border-bottom:1px solid #f1f3f8;font-size:.92rem}
.rrow:last-child{border-bottom:none}
.rrow strong{font-family:var(--fd);color:var(--head)}
.rrow.neg strong{color:var(--red)}
.rrow.total{background:#f5f8ff;font-weight:700}
.rrow.total strong{color:var(--green);font-size:1.05rem}
.rrow small{color:var(--muted);font-weight:400}
.calc-how{margin-top:1rem}
.calc-how summary{cursor:pointer;color:var(--blue-dk);font-weight:600;font-size:.9rem}
.explica{margin-top:.8rem;padding:1rem;background:#f9fafb;border-radius:10px;font-size:.88rem;line-height:1.7;color:#475569}
.explica code{background:#eef2ff;padding:1px 6px;border-radius:4px;font-family:monospace;color:var(--primary)}

/* SIDEBAR */
.calc-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:80px}
.ad-box{background:#fff;border:1px dashed var(--border);border-radius:var(--r);min-height:250px;display:flex;align-items:center;justify-content:center}
.side-links{background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:18px;box-shadow:var(--sh)}
.side-links h3{font-family:var(--fd);font-size:1rem;color:var(--head);margin-bottom:.8rem}
.side-links a{display:flex;align-items:center;gap:10px;padding:.6rem;border-radius:8px;font-weight:600;font-size:.9rem;color:var(--head);transition:.15s}
.side-links a:hover{background:#f5f7fd;color:var(--blue-dk)}
.side-links a i{color:var(--blue);width:18px}

/* ARTIGO SEO */
.calc-article{background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:28px;margin-top:26px;box-shadow:var(--sh)}
.calc-article h2{font-family:var(--fd);color:var(--head);font-size:1.35rem;margin:1.4rem 0 .7rem}
.calc-article h2:first-child{margin-top:0}
.calc-article h3{font-family:var(--fd);color:var(--primary);font-size:1.08rem;margin:1.1rem 0 .4rem}
.calc-article p{margin-bottom:.8rem;color:#3d4757}
.calc-article em{color:var(--primary);font-style:normal;font-weight:600}
.tabela-wrap{overflow-x:auto;margin:1rem 0}
.tabela-irt{width:100%;border-collapse:collapse;font-size:.88rem;min-width:460px}
.tabela-irt th{background:var(--primary);color:#fff;padding:.7rem;text-align:left;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}
.tabela-irt td{padding:.65rem .7rem;border-bottom:1px solid #f1f3f8}
.tabela-irt tr:nth-child(even){background:#f9fafb}
.fonte{font-size:.82rem;color:var(--muted);font-style:italic}

/* CALCULADORA NORMAL */
.calcn{max-width:340px;margin:0 auto}
.calcn-display{width:100%;padding:1.2rem 1rem;font-family:var(--fd);font-size:2rem;font-weight:700;text-align:right;color:var(--head);background:#f9fafb;border:1.5px solid var(--border);border-radius:12px;margin-bottom:12px;overflow:hidden}
.calcn-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.calcn-keys .k{padding:1.1rem;border:none;border-radius:12px;font-family:var(--fd);font-size:1.3rem;font-weight:600;background:#f1f3f8;color:var(--head);cursor:pointer;transition:.12s}
.calcn-keys .k:hover{background:#e2e7f3;transform:translateY(-1px)}
.calcn-keys .k:active{transform:scale(.96)}
.calcn-keys .op{background:#e0edff;color:var(--blue-dk)}
.calcn-keys .fn{background:#fef3c7;color:var(--gold-dk);font-size:1.1rem}
.calcn-keys .eq{background:linear-gradient(135deg,var(--primary),var(--blue));color:#fff}

/* FOOTER */
.cfoot{background:var(--ink);color:#c3cef2;margin-top:3rem}
.cfoot .wrap{padding:2.4rem 18px 1.6rem}
.cfoot-grid{display:grid;grid-template-columns:1fr 1fr 2fr;gap:24px;margin-bottom:1.6rem}
.cfoot h4{color:#fff;font-family:var(--fd);font-size:.95rem;margin-bottom:.7rem}
.cfoot a{display:block;color:#c3cef2;font-size:.88rem;padding:.2rem 0}
.cfoot a:hover{color:#fff}
.cfoot-note p{font-size:.84rem;margin-bottom:.6rem}
.cfoot-disc{color:#8291c4;font-size:.78rem}
.cfoot-copy{text-align:center;border-top:1px solid rgba(255,255,255,.1);padding-top:1.2rem;color:#8291c4;font-size:.82rem}

@media(max-width:860px){
  .calc-grid{grid-template-columns:1fr}
  .calc-side{position:static;flex-direction:row;flex-wrap:wrap}
  .ad-box{flex:1;min-width:200px}
  .side-links{flex:1;min-width:220px}
  .cnav{display:none}
  .cnav.open{display:flex;position:absolute;top:62px;left:0;right:0;background:var(--ink);flex-direction:column;padding:1rem 18px;gap:10px}
  .cnav-toggle{display:block}
  .cfoot-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
