:root{--mb-orange:#f15a00;--mb-orange-dark:#c94700;--mb-ink:#17212b;--mb-navy:#0d1b2a;--mb-muted:#5f6b76;--mb-line:#dfe5ea;--mb-soft:#f4f7f9}
.mb-blog{color:var(--mb-ink)}
.blog-kicker{display:inline-block;color:var(--mb-orange);font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.blog-hero{position:relative;min-height:445px;display:flex;align-items:center;overflow:hidden;background:var(--mb-navy)}
.blog-hero picture,.blog-hero picture img{position:absolute;inset:0;width:100%;height:100%}
.blog-hero picture img{object-fit:cover;object-position:center}
.blog-hero__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,18,28,.96) 0%,rgba(7,18,28,.83) 52%,rgba(7,18,28,.25) 100%)}
.blog-hero__content{position:relative;z-index:1;padding-top:52px;padding-bottom:52px}
.blog-hero .blog-kicker{color:#ffac75}
.blog-hero h1{max-width:940px;margin:14px 0 18px;color:#fff;font-size:clamp(2.3rem,4vw,3.65rem);line-height:1.06;letter-spacing:-.04em}
.blog-hero p{max-width:800px;margin:0;color:rgba(255,255,255,.84);font-size:1.04rem;line-height:1.58}
.blog-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:18px;color:rgba(255,255,255,.65);font-size:.8rem}
.blog-breadcrumb{border-bottom:1px solid var(--mb-line);background:#fff}.blog-breadcrumb .breadcrumb{margin:0;padding:14px 0;background:transparent}
.blog-layout{padding-top:76px;padding-bottom:86px}
.blog-answer{margin-bottom:34px;padding:26px 28px;border-left:4px solid var(--mb-orange);background:#fff5ef;border-radius:0 8px 8px 0}.blog-answer strong{display:block;margin-bottom:8px;color:var(--mb-orange-dark);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.blog-answer p{margin:0;font-size:1.08rem;line-height:1.75}
.blog-toc{margin-bottom:44px;padding:28px;border:1px solid var(--mb-line);border-radius:8px;background:var(--mb-soft)}.blog-toc strong{font-size:1.08rem}.blog-toc ol{columns:2;column-gap:32px;margin:16px 0 0;padding-left:22px}.blog-toc li{break-inside:avoid;margin:0 0 10px;padding-left:3px}.blog-toc a{color:var(--mb-ink)}.blog-toc a:hover{color:var(--mb-orange)}
.blog-content section{scroll-margin-top:110px}.blog-content h2{margin:48px 0 20px;color:var(--mb-ink);font-size:clamp(1.75rem,3vw,2.45rem);line-height:1.2;letter-spacing:-.03em}.blog-content p,.blog-content li{color:#3f4b56;font-size:1.05rem;line-height:1.85}.blog-content ul{margin:20px 0 26px;padding-left:24px}.blog-content li{margin-bottom:8px}.blog-content figure{margin:34px 0}.blog-content figure img{display:block;width:100%;height:auto;border-radius:8px}.blog-content figcaption{margin-top:10px;color:#77828d;font-size:.86rem;line-height:1.55}
.blog-inline-cta{margin:46px 0;padding:34px;background:linear-gradient(120deg,#101e2c,#1e3447);border-radius:9px;color:#fff}.blog-inline-cta h2{margin:0 0 12px;color:#fff;font-size:1.65rem}.blog-inline-cta p{margin:0;color:rgba(255,255,255,.76)}
.blog-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:24px}.blog-actions .btn{padding:13px 20px;border-radius:5px;font-weight:700}.btn-blog-whatsapp{background:#1fa463;border-color:#1fa463;color:#fff}.btn-blog-whatsapp:hover{background:#17834f;color:#fff}.btn-blog-email{border:2px solid #fff;color:#fff}.btn-blog-email:hover{background:#fff;color:var(--mb-navy)}.btn-blog-email-dark{border:2px solid var(--mb-navy);color:var(--mb-navy)}.btn-blog-email-dark:hover{background:var(--mb-navy);color:#fff}
.blog-faq details{margin-bottom:12px;border:1px solid var(--mb-line);border-radius:7px;background:#fff}.blog-faq summary{padding:18px 20px;cursor:pointer;font-weight:700}.blog-faq details p{margin:0;padding:0 20px 20px;font-size:1rem}
.blog-author{display:flex;gap:20px;align-items:flex-start;margin-top:48px;padding:28px;border-top:1px solid var(--mb-line);border-bottom:1px solid var(--mb-line)}.blog-author__mark{display:grid;flex:0 0 58px;width:58px;height:58px;place-items:center;border-radius:50%;background:#fff1e8;color:var(--mb-orange);font-size:1.35rem}.blog-author strong{font-size:1.12rem}.blog-author p{margin:7px 0 0;color:var(--mb-muted);line-height:1.7}
.blog-sidebar{position:sticky;top:110px;padding:30px;border:1px solid var(--mb-line);border-top:4px solid var(--mb-orange);border-radius:8px;box-shadow:0 12px 35px rgba(21,34,47,.07)}.blog-sidebar h2{margin:10px 0 14px;font-size:1.65rem;text-transform:capitalize}.blog-sidebar p{color:var(--mb-muted);line-height:1.7}.blog-sidebar hr{margin:28px 0}.blog-actions--stack{display:grid}.blog-actions--stack .btn{width:100%}
.blog-related{padding:76px 0;background:var(--mb-soft)}.blog-related h2,.blog-index-heading h2{margin:8px 0 0;font-size:clamp(2rem,3.5vw,3rem);letter-spacing:-.035em}
.blog-card{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--mb-line);border-radius:8px;background:#fff;box-shadow:0 12px 32px rgba(21,34,47,.06)}.blog-card>a{display:block;flex:0 0 auto;overflow:hidden}.blog-card img{display:block;width:100%;height:auto;aspect-ratio:12/5;object-fit:cover;transition:transform .35s ease}.blog-card:hover img{transform:scale(1.025)}.blog-card__body{display:flex;flex:1;flex-direction:column;padding:24px}.blog-card__body>span{color:var(--mb-orange);font-size:.74rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.blog-card h3,.blog-card h2{margin:10px 0 18px;font-size:1.18rem;line-height:1.45}.blog-card h3 a,.blog-card h2 a{color:var(--mb-ink)}.blog-card__body p{color:var(--mb-muted);line-height:1.7}.blog-card__link{margin-top:auto;font-weight:700}.blog-card__link i{margin-left:5px}
.home-blog-section{padding:76px 0;background:var(--mb-soft)}.home-blog-section__header{max-width:780px;margin:0 auto 42px}.home-blog-section__header h2{margin:8px 0 12px;color:var(--mb-ink);font-size:clamp(2rem,3.5vw,3rem);line-height:1.18;letter-spacing:-.035em}.home-blog-section__header p{margin:0;color:var(--mb-muted);font-size:1rem;line-height:1.7}.blog-card--home{width:100%}.blog-card--home h3{font-size:1.22rem}.home-blog-section__footer{margin-top:34px}
.blog-final-cta{padding:58px 0;background:var(--mb-navy);color:#fff}.blog-final-cta .container{display:flex;gap:30px;align-items:center;justify-content:space-between}.blog-final-cta h2{margin:0 0 8px;color:#fff;font-size:2rem}.blog-final-cta p{margin:0;color:rgba(255,255,255,.72)}.blog-final-cta .blog-actions{flex:0 0 auto;margin-top:0}
.blog-index-hero{padding:72px 0;background:linear-gradient(120deg,rgba(8,20,31,.96),rgba(20,47,68,.92)),url('/img/servicos/integracao-de-sistemas/banner-1200.webp') center/cover}.blog-index-hero .blog-kicker{color:#ffac75}.blog-index-hero h1{max-width:940px;margin:14px 0 18px;color:#fff;font-size:clamp(2.4rem,4.6vw,4rem);line-height:1.06;letter-spacing:-.045em}.blog-index-hero p{max-width:790px;margin:0;color:rgba(255,255,255,.8);font-size:1.04rem;line-height:1.65}.blog-index-list{padding:84px 0}.blog-index-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.blog-index-heading p{margin:0;color:var(--mb-muted)}.blog-card--index h2{font-size:1.42rem}.blog-card--index p{color:var(--mb-muted);line-height:1.7}
.blog-mobile-contact{display:none}
@media(max-width:991px){.blog-hero{min-height:430px}.blog-sidebar{position:static}.blog-final-cta .container{align-items:flex-start;flex-direction:column}.blog-final-cta .blog-actions{margin-top:0}}
@media(max-width:767px){.blog-hero{min-height:500px}.blog-hero picture img{object-position:68% center}.blog-hero__overlay{background:rgba(7,18,28,.88)}.blog-hero__content{padding-top:38px;padding-bottom:38px}.blog-hero h1{margin:12px 0 16px;font-size:2.08rem;line-height:1.08}.blog-hero p{font-size:.94rem;line-height:1.52}.blog-meta{margin-top:14px;font-size:.76rem}.blog-meta span:last-child{display:none}.blog-layout{padding-top:48px;padding-bottom:58px}.blog-layout>.row{--bs-gutter-x:1.5rem}.blog-toc ol{columns:1}.blog-inline-cta{padding:28px 22px}.blog-actions{display:grid}.blog-actions .btn{width:100%}.blog-related,.blog-index-list,.home-blog-section{padding:58px 0}.home-blog-section__header{margin-bottom:32px}.blog-index-hero{padding:52px 0}.blog-index-hero h1{font-size:2.25rem}.blog-index-hero p{font-size:.96rem;line-height:1.55}.blog-index-heading{align-items:flex-start;flex-direction:column}.blog-final-cta{padding-bottom:86px}.blog-mobile-contact{display:grid;grid-template-columns:1fr 1fr;position:fixed;z-index:1040;left:0;right:0;bottom:0;box-shadow:0 -4px 18px rgba(0,0,0,.18)}.blog-mobile-contact a{padding:13px 8px;text-align:center;color:#fff;font-size:.84rem;font-weight:800}.blog-mobile-contact a:first-child{background:#1fa463}.blog-mobile-contact a:last-child{background:var(--mb-orange)}}