/* ===== C7 Tecnologia — Blog (padrão da home nova) ===== */
:root{
  --ink:#0B1E33; --ocean:#103A5A; --cyan:#16B3C9; --sky:#6FD8E6; --signal:#35D07F;
  --paper:#F5F8FA; --paper-2:#EAF1F5; --white:#FFFFFF;
  --line:rgba(11,30,51,.10); --muted:#5A7183;
  --shadow:0 1px 2px rgba(11,30,51,.04), 0 12px 40px -12px rgba(11,30,51,.14);
  --display:'Space Grotesk',sans-serif; --body:'IBM Plex Sans',sans-serif; --mono:'IBM Plex Mono',monospace;
  --wrap:1180px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;max-width:100%}
img,svg{max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.08;letter-spacing:-.02em;overflow-wrap:break-word}
.c7-wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.c7-eyebrow{font-family:var(--mono);font-size:.72rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);display:inline-flex;align-items:center;gap:9px}
.c7-eyebrow::before{content:"";width:22px;height:1px;background:var(--cyan);display:inline-block}
.c7-btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--body);font-weight:600;font-size:.95rem;padding:13px 22px;border-radius:10px;transition:transform .18s ease, box-shadow .18s ease}
.c7-btn-primary{background:var(--cyan);color:var(--white);box-shadow:0 8px 22px -8px rgba(22,179,201,.7)}
.c7-btn-primary:hover{transform:translateY(-2px)}

/* ---------- HEADER ---------- */
.c7-header{position:sticky;top:0;z-index:50;background:rgba(245,248,250,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.c7-nav{display:flex;align-items:center;justify-content:space-between;height:72px}
.c7-brand img{height:34px;width:auto;display:block}
.c7-links{display:flex;gap:30px;align-items:center;list-style:none}
.c7-links a{font-size:.92rem;color:var(--muted);font-weight:500;transition:color .18s}
.c7-links a:hover,.c7-links a.active{color:var(--ink)}
.c7-navcta{display:flex;align-items:center;gap:16px}
.c7-menu{display:none;background:none;border:none;cursor:pointer;color:var(--ink)}

/* ---------- BLOG LIST ---------- */
.blogx-hero{padding:66px 0 40px}
.blogx-hero h1{font-size:clamp(2.4rem,5vw,3.6rem);font-weight:700;margin:16px 0 14px}
.blogx-hero p{color:var(--muted);font-size:1.12rem;max-width:34rem}
.blogx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:80px}
.bcard{background:var(--white);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease, box-shadow .2s ease, border-color .2s}
.bcard:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}
.bcard-img{aspect-ratio:16/10;overflow:hidden;background:var(--paper-2)}
.bcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.bcard:hover .bcard-img img{transform:scale(1.05)}
.bcard-body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}
.bcard-date{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;color:var(--cyan);text-transform:uppercase}
.bcard-title{font-size:1.2rem;font-weight:600;margin:10px 0 10px;color:var(--ink)}
.bcard-exc{font-size:.94rem;color:var(--muted);flex:1}
.bcard-more{margin-top:16px;font-family:var(--body);font-weight:600;font-size:.9rem;color:var(--ocean);display:inline-flex;align-items:center;gap:6px;transition:gap .2s}
.bcard:hover .bcard-more{gap:11px;color:var(--cyan)}

/* ---------- POST ---------- */
.post{padding:44px 0 72px}
.post-wrap{max-width:760px;margin:0 auto;padding:0 24px}
.post-back{font-family:var(--mono);font-size:.8rem;color:var(--muted);display:flex;width:fit-content;align-items:center;gap:7px;margin-bottom:26px;transition:color .18s}
.post-back:hover{color:var(--cyan)}
.post-eyebrow{display:inline-flex;margin-bottom:16px}
.post-title{font-size:clamp(2rem,4.4vw,3rem);font-weight:700;line-height:1.06;margin-bottom:16px}
.post-meta{font-family:var(--mono);font-size:.8rem;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;padding-bottom:28px;border-bottom:1px solid var(--line);margin-bottom:32px}
.post-cover{width:100%;border-radius:16px;margin-bottom:36px;box-shadow:var(--shadow)}
.post-body{font-size:1.08rem;line-height:1.8;color:#26384a}
.post-body p{margin:0 0 1.25em}
.post-body h2,.post-body h3{font-family:var(--display);color:var(--ink);margin:1.8em 0 .6em;line-height:1.2}
.post-body h2{font-size:1.5rem}.post-body h3{font-size:1.22rem}
.post-body a{color:var(--cyan);text-decoration:underline;text-underline-offset:2px}
.post-body ul,.post-body ol{margin:0 0 1.25em 1.2em}
.post-body li{margin:.4em 0}
.post-body img{border-radius:12px;height:auto;margin:1.5em 0}
.post-body strong,.post-body b{color:var(--ink)}
.post-body blockquote{border-left:3px solid var(--cyan);padding:4px 0 4px 20px;margin:1.5em 0;color:var(--muted);font-style:italic}

/* related */
.post-more-wrap{background:var(--white);border-top:1px solid var(--line);padding:64px 0}
.post-more-wrap h3{font-size:1.5rem;margin-bottom:28px}
.post-more{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pm-item{background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .2s ease, box-shadow .2s ease, border-color .2s}
.pm-item:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}
.pm-img{aspect-ratio:16/10;overflow:hidden;background:var(--paper-2)}
.pm-img img{width:100%;height:100%;object-fit:cover}
.pm-item h4{font-family:var(--display);font-weight:600;font-size:.98rem;padding:14px 16px 18px;color:var(--ink);line-height:1.25}

/* CTA band */
.blog-cta{background:var(--ink);color:#DCE7EF;padding:56px 0;text-align:center;position:relative;overflow:hidden}
.blog-cta::before{content:"";position:absolute;top:-40%;right:-10%;width:60%;height:180%;background:radial-gradient(circle, rgba(22,179,201,.18), transparent 60%)}
.blog-cta h3{color:var(--white);font-size:clamp(1.5rem,3vw,2.1rem);position:relative;margin-bottom:10px}
.blog-cta p{color:#8AA6B8;position:relative;margin-bottom:24px}
.blog-cta .c7-btn-primary{position:relative}

/* ---------- FOOTER ---------- */
.c7-foot{background:var(--ink);color:#9FB6C6;padding:52px 0 28px}
.c7-foot__top{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:center;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.08)}
.c7-foot img{height:30px;filter:brightness(0) invert(1);opacity:.92}
.c7-foot__links{display:flex;gap:26px;flex-wrap:wrap}
.c7-foot__links a{font-size:.92rem;color:#C4D4DF;transition:color .18s}
.c7-foot__links a:hover{color:var(--cyan)}
.c7-foot__bottom{padding-top:22px;font-family:var(--mono);font-size:.82rem;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.c7-foot__dev{display:inline-flex;align-items:center;gap:8px;color:#9FB6C6;transition:opacity .18s}
.c7-foot__dev:hover{opacity:.8}
.c7-foot__dev img{height:17px;width:auto;display:block}

/* WhatsApp float */
.c7-wa{position:fixed;bottom:22px;right:22px;z-index:60;width:58px;height:58px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px -8px rgba(37,211,102,.6);color:#fff;transition:transform .2s}
.c7-wa:hover{transform:scale(1.08)}

/* ---------- RESPONSIVE ---------- */
@media (max-width:940px){
  .blogx-grid{grid-template-columns:1fr 1fr}
  .post-more{grid-template-columns:1fr 1fr}
  .c7-links{display:none}
  .c7-menu{display:flex}
}
@media (max-width:600px){
  .blogx-grid{grid-template-columns:1fr}
  .post-more{grid-template-columns:1fr 1fr}
  .c7-navcta .c7-btn{display:none}
  .blogx-hero{padding:44px 0 30px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto}}