/* Adityve IT Solutions — Blog (tema dark premium) */
:root{
  --bg:#080a10;--bg-2:#0e1119;--panel:#11151f;--panel-2:#161b27;
  --line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.14);
  --txt:#eef1f7;--muted:#9aa3b8;--azul:#5b7cff;--azul-deep:#3a3ad0;
  --vermelho:#ff3b46;--vermelho-deep:#e01f2b;--radius:18px;--max:1200px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:hidden}
body{font-family:'Sora',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--txt);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.wrap-narrow{max-width:760px;margin:0 auto;padding:0 24px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--azul);font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:12.5px;margin-bottom:18px}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--azul);border-radius:2px}
.glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;pointer-events:none;z-index:0}
.grad{background:linear-gradient(100deg,#fff 30%,#9db4ff 70%,#ff7b83);-webkit-background-clip:text;background-clip:text;color:transparent}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:9px;padding:14px 26px;border-radius:999px;font-weight:600;font-size:15px;font-family:inherit;cursor:pointer;border:1px solid transparent;transition:.2s;white-space:nowrap}
.btn-primary{background:linear-gradient(135deg,var(--vermelho),var(--vermelho-deep));color:#fff;box-shadow:0 10px 30px rgba(255,59,70,.28)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(255,59,70,.4)}
.btn-ghost{background:rgba(255,255,255,.04);border:1px solid var(--line-2);color:#fff}
.btn-ghost:hover{background:rgba(255,255,255,.1)}
.btn .ar{transition:.2s}.btn:hover .ar{transform:translateX(3px)}

/* HEADER (igual ao site) */
header{position:fixed;top:16px;left:0;right:0;z-index:100;display:flex;justify-content:center;padding:0 16px}
.nav{display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%;max-width:var(--max);height:64px;padding:0 14px 0 22px;background:rgba(16,20,30,.7);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:999px}
.menu{display:flex;gap:28px;align-items:center}
.menu a{font-size:15px;color:#c5ccdb;font-weight:500;transition:.2s}
.menu a:hover{color:#fff}
.menu a.active{color:#fff}
.burger{display:none;background:none;border:none;color:#fff;font-size:24px;cursor:pointer}
.logo{display:flex;align-items:center;gap:10px}
.logo-img{height:36px;width:auto;display:block}

/* BLOG INDEX hero */
.blog-hero{padding:150px 0 50px;position:relative;overflow:hidden}
.blog-hero h1{font-size:clamp(34px,5vw,56px);font-weight:800;line-height:1.05;letter-spacing:-.03em}
.blog-hero p{color:var(--muted);font-size:19px;max-width:620px;margin-top:18px}

/* BLOG grid */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:30px 0 90px}
.post-card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.25s}
.post-card:hover{transform:translateY(-5px);border-color:var(--line-2);background:var(--panel-2)}
.post-card .thumb{height:170px;position:relative;display:flex;align-items:flex-end;padding:16px;background-size:cover;background-position:center}
.post-card .thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,10,16,.2),rgba(8,10,16,.85))}
.post-card .body{padding:24px;display:flex;flex-direction:column;flex:1}
.tag{position:relative;z-index:2;display:inline-block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#fff;background:rgba(91,124,255,.85);padding:5px 12px;border-radius:999px}
.tag.red{background:rgba(255,59,70,.9)}
.post-card h2{font-size:20px;font-weight:700;line-height:1.25;margin-bottom:10px}
.post-card p{color:var(--muted);font-size:14.5px;flex:1}
.post-card .meta{margin-top:16px;color:#6b7488;font-size:12.5px;display:flex;gap:12px}
.post-card .more{margin-top:14px;color:var(--azul);font-weight:600;font-size:14px}

/* ARTICLE */
.post-top{padding:140px 0 10px;position:relative;overflow:hidden}
.breadcrumb{font-size:13.5px;color:var(--muted);margin-bottom:22px}
.breadcrumb a:hover{color:#fff}
.post-head h1{font-size:clamp(30px,4.2vw,46px);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin:14px 0 16px;max-width:820px}
.post-meta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;color:#7b859b;font-size:14px}
.post-cover{height:340px;border-radius:24px;border:1px solid var(--line-2);object-fit:cover;width:100%;margin:34px 0 0;box-shadow:0 30px 60px rgba(0,0,0,.45)}
.article{padding:40px 0 70px}
.article p{color:#d7dbe6;font-size:17.5px;margin:0 0 22px}
.article h2{font-size:28px;font-weight:800;letter-spacing:-.01em;margin:40px 0 16px}
.article h3{font-size:21px;font-weight:700;margin:30px 0 12px;color:#fff}
.article ul,.article ol{margin:0 0 22px 22px;color:#d7dbe6;font-size:17.5px}
.article li{margin-bottom:10px}
.article strong{color:#fff}
.article a{color:var(--azul);text-decoration:underline;text-underline-offset:3px}
.article a.btn{color:#fff;text-decoration:none}
.article a.btn-primary,.article a.btn-primary:hover{color:#fff}
.article blockquote{border-left:3px solid var(--vermelho);background:var(--panel);padding:18px 24px;border-radius:0 14px 14px 0;margin:0 0 24px;color:#eef1f7;font-size:18px;font-style:italic}
.article code{background:#0b0e15;border:1px solid var(--line-2);border-radius:6px;padding:2px 7px;font-size:15px;color:#aebfff;font-family:'SFMono-Regular',Consolas,monospace}
.post-cta{margin:10px auto 0;background:linear-gradient(120deg,#10131d,#171a2c);border:1px solid var(--line-2);border-radius:24px;padding:40px;text-align:center;position:relative;overflow:hidden}
.post-cta h3{font-size:26px;font-weight:800;margin-bottom:10px}
.post-cta p{color:var(--muted);margin-bottom:22px;max-width:480px;margin-left:auto;margin-right:auto}
.post-nav{display:flex;justify-content:space-between;gap:16px;margin:46px 0 0;flex-wrap:wrap}
.post-nav a{color:#c5ccdb;font-size:14px}
.post-nav a:hover{color:#fff}

/* FOOTER */
footer{border-top:1px solid var(--line);padding:56px 0 30px;background:var(--bg-2)}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
.foot-grid h4{color:#fff;font-size:14px;margin-bottom:14px;font-weight:700}
.foot-grid a{display:block;color:var(--muted);font-size:14px;margin-bottom:10px;transition:.2s}
.foot-grid a:hover{color:#fff}
.foot-logo{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px}
.foot-desc{color:var(--muted);font-size:14px;max-width:330px}
.foot-social{display:flex;gap:12px;margin-top:20px}
.foot-social a{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:1px solid var(--line-2);color:#c5ccdb;transition:.2s}
.foot-social a:hover{background:var(--vermelho);border-color:var(--vermelho);color:#fff;transform:translateY(-2px)}
.foot-social svg{width:19px;height:19px;fill:currentColor}
.foot-bottom{border-top:1px solid var(--line);margin-top:44px;padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:#6b7488;font-size:13px}

@media(max-width:920px){
  .blog-grid,.foot-grid{grid-template-columns:1fr}
  .menu{display:none}
  .menu.open{display:flex;position:absolute;top:74px;left:16px;right:16px;flex-direction:column;background:rgba(16,20,30,.97);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:18px;padding:18px;gap:14px}
  .burger{display:block}
  .post-cover{height:220px}
}

.wa-float{position:fixed;right:22px;bottom:22px;z-index:900;width:58px;height:58px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(37,211,102,.45);transition:.2s}.wa-float:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 30px rgba(37,211,102,.6)}.wa-float svg{width:32px;height:32px;fill:#fff}@media(max-width:920px){.wa-float{width:54px;height:54px;right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px))}.wa-float svg{width:28px;height:28px}}

.wa-float{overflow:visible}.wa-float::before,.wa-float::after{content:'';position:absolute;inset:0;border-radius:50%;background:#25D366;z-index:-1;animation:wa-ping 1.8s cubic-bezier(0,0,.2,1) infinite}.wa-float::after{animation-delay:.9s}@keyframes wa-ping{0%{transform:scale(1);opacity:.6}75%,100%{transform:scale(2.1);opacity:0}}@media(prefers-reduced-motion:reduce){.wa-float::before,.wa-float::after{animation:none}}