/* Estilos especificos da pagina de Blog (extraidos do <style> inline do blog.html original, sem alteracao). */
.blog-main{padding-top:0}
.blog-hero{background:linear-gradient(125deg,#011831 0%,#03294e 58%,#064c6d 100%);color:#fff;padding:90px 7vw 70px;position:relative;overflow:hidden}
.blog-hero .hero-grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(#5ed5ff 1px,transparent 1px),linear-gradient(90deg,#5ed5ff 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000,transparent 75%)}
.blog-hero .blog-hero-copy{position:relative;z-index:2;max-width:820px}
.blog-hero h1{font-size:clamp(2.6rem,5vw,5rem);line-height:.98;letter-spacing:-.05em;margin:.1em 0 .3em}
.blog-hero p{color:#d7e6f2;font-size:1.08rem;max-width:680px;margin:0}
.blog-cards{padding:90px 7vw 40px}
.blog-cards .section-heading{margin-bottom:55px}
.post-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.post-card{padding:36px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.25s;display:flex;flex-direction:column}
.post-card:hover{background:var(--navy);color:#fff;transform:translateY(-3px)}
.post-card-num{color:#006f99;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.post-card:hover .post-card-num{color:var(--cyan)}
.post-card h3{font-size:1.4rem;line-height:1.18;margin:22px 0 14px;letter-spacing:-.02em}
.post-card p{color:#41556a;font-size:.95rem;line-height:1.6;margin:0 0 20px}
.post-card:hover p{color:#c8d8e5}
.post-card-link{margin-top:auto;font-size:.8rem;font-weight:800;text-decoration:none;color:#006f99}
.post-card:hover .post-card-link{color:var(--cyan)}
.blog-articles{max-width:820px;margin:0 auto;padding:40px 6vw 100px}
.post{padding:56px 0;border-top:1px solid var(--line);scroll-margin-top:110px}
.post:first-child{border-top:0}
.post-num{display:block;color:#006f99;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}
.post h2{font-size:clamp(1.9rem,3.4vw,2.9rem);line-height:1.05;letter-spacing:-.03em;color:var(--navy);margin:.1em 0 .5em}
.post h3{font-size:1.2rem;line-height:1.3;color:var(--ink);margin:34px 0 8px}
.post p{color:#33475a;font-size:1rem;line-height:1.72;margin:.6em 0}
.post ul{color:#33475a;font-size:1rem;line-height:1.65;padding-left:22px;margin:.6em 0}
.post li{margin:8px 0}
.post li::marker{color:var(--cyan)}
.blog-note{max-width:820px;margin:0 auto;padding:0 6vw 90px}
.blog-note .obs{padding:18px 22px;background:#eaf5fb;border-left:3px solid var(--cyan);font-size:.9rem;color:#33475a;line-height:1.6}
.blog-cta{background:var(--paper)}

/* WhatsApp — botao de contato (padrao navy do site + icone verde, contraste AA) e FAB flutuante */
.wa-contact-btn{display:inline-flex;align-items:center;gap:9px;margin-top:16px;padding:13px 18px;background:var(--navy);color:#fff;font-weight:800;font-size:.82rem;text-decoration:none;width:fit-content}
.wa-contact-btn svg{fill:#25d366;flex:0 0 auto}
.wa-contact-btn:hover{background:#06345d}
.wa-float{position:fixed;right:20px;bottom:20px;z-index:900;width:56px;height:56px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 8px 24px #0004;transition:transform .2s ease,background .2s ease}
.wa-float svg{fill:#fff}
.wa-float:hover{background:#1ebe5a;transform:translateY(-2px)}
@media(max-width:600px){.wa-float{right:14px;bottom:14px;width:52px;height:52px}}