@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url('../fonts/seo/jakarta-latin.woff2') format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600 800;font-display:swap;src:url('../fonts/seo/manrope-latin.woff2') format('woff2')}
/* Complemento mobile first; o design system e os controles existentes permanecem. */
html{scroll-padding-top:96px}
body{overflow-wrap:break-word}
:focus-visible{outline:3px solid #2376ef;outline-offset:4px}
.skip-link{position:fixed;top:8px;left:12px;z-index:1000;padding:12px 18px;background:#0f172a;color:#fff;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.topbar{height:76px;padding-inline:20px}
.topbar .brand{min-height:44px;display:flex;align-items:center}
.topbar .brand img{width:128px;height:auto}
.menu-toggle{display:block;width:44px;min-height:44px;padding:8px}
.navigation{display:none;position:absolute;top:76px;left:0;right:0;padding:20px;background:#fff;flex-direction:column;align-items:stretch;gap:4px;max-height:calc(100dvh - 76px);overflow:auto;box-shadow:0 10px 18px #0f172a0f}
.navigation.open{display:flex}
.navigation a{display:flex;align-items:center;min-height:44px}
.section-pad{padding-inline:20px}
.hero{grid-template-columns:minmax(0,1fr);gap:28px;min-height:0;padding-top:30px;padding-bottom:48px}
.hero-copy{min-width:0}
.hero h1{font-size:clamp(31px,8.7vw,44px);line-height:1.13;letter-spacing:-.035em}
.hero .lead{font-size:16px;line-height:1.7}
.hero .button{min-height:50px}
.hero-art-container{max-width:576px;margin-inline:auto}
.hero-art{height:auto;aspect-ratio:576/394}
.hero-portrait{height:100%;object-fit:cover}
.micro-trust{align-items:flex-start}
.micro-trust svg{flex-shrink:0;margin-top:2px}
.legal-tag{color:#64748b}
.form-group input{font-size:16px!important;min-height:50px}
.checkbox-container{min-height:44px;align-items:center!important}
.product-card{min-width:0}
.product-description{font-size:14px;line-height:1.7;color:#596b82;margin-top:12px}
.seo-company{font-size:12px;line-height:1.85;color:#a9b8cc;margin-top:20px}
.footer-nav a,.footer-contact-list a{display:inline-flex;align-items:center;min-height:44px}
.seo-section{padding:48px 20px;max-width:1240px;margin:auto}
.seo-heading{max-width:700px;margin-bottom:24px}
.seo-eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#1a60c1;margin-bottom:10px}
.seo-heading h2{font-size:28px;line-height:1.25;margin-bottom:16px}
.seo-heading>p:not(.seo-eyebrow){color:#53647a;line-height:1.8;font-size:15px}
.seo-faq{border-block:1px solid #dce3ee}
.seo-faq details+details{border-top:1px solid #dce3ee}
.seo-faq summary{min-height:64px;padding:18px 8px 18px 0;cursor:pointer;font-size:15px;font-weight:700;line-height:1.6}
.seo-faq details p{padding:0 0 24px;max-width:850px;color:#43546c;line-height:1.8;font-size:15px}
.seo-faq a,.blog-main a:not(.blog-card){color:#165bbd;text-decoration:underline;text-underline-offset:4px}
.seo-post-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-bottom:20px}
.seo-post{background:#fff;border:1px solid #dde5f0;border-radius:18px;padding:24px;min-width:0}
.seo-post>span{color:#1d62c4;font-weight:700;font-size:12px}
.seo-post h3{font-size:21px;line-height:1.4;margin:14px 0}
.seo-post p{font-size:14px;line-height:1.8;color:#526279;margin-bottom:18px}
.seo-read-link{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:700;color:#155cbf;text-decoration:underline;text-underline-offset:4px;line-height:1.7}
.blog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px 20px;border-bottom:1px solid #dce4ef;background:#fff}
.blog-header img{width:125px;height:auto}
.blog-header>a{min-height:44px;display:flex;align-items:center}
.blog-header nav{display:flex;flex-wrap:wrap;gap:12px}
.blog-header nav a{display:flex;align-items:center;min-height:44px;font-size:13px;font-weight:700;color:#1b5eb9}
.blog-main{max-width:850px;padding:32px 20px 56px;margin:auto;font-family:'Plus Jakarta Sans',system-ui,sans-serif;line-height:1.85}
.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;margin-bottom:24px;color:#5d6c81}
.breadcrumbs a{min-height:44px;display:inline-flex;align-items:center}
.breadcrumbs span{align-self:center}
.blog-main h1{font-size:32px;line-height:1.2;letter-spacing:-.035em;margin-bottom:22px}
.blog-intro{font-size:17px;color:#43546c;margin-bottom:24px;line-height:1.8}
.blog-byline{font-size:12px;color:#586980;margin-bottom:30px}
.blog-body h2{font-size:24px;line-height:1.35;margin:36px 0 16px}
.blog-body p{margin:0 0 20px;color:#34455c}
.blog-body ul,.blog-body ol{padding-left:24px;margin:0 0 24px;color:#34455c}
.blog-body li{padding-left:4px;margin-bottom:10px}
.blog-body strong{color:#1c304c}
.blog-note{border-left:3px solid #347ee6;padding:16px 20px;background:#edf4ff;border-radius:0 10px 10px 0;margin-block:28px}
.blog-cta{background:#eaf2fe;border:1px solid #ccdff8;border-radius:16px;padding:24px;margin-block:36px}
.blog-cta h2{font-size:22px;margin:0 0 12px}
.blog-cta p{font-size:15px;line-height:1.8;color:#3f5674;margin-bottom:8px}
.blog-cta a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;font-size:14px}
.blog-sources{border-top:1px solid #d6dfed;padding-top:24px;margin-top:36px;font-size:13px;overflow-wrap:anywhere}
.blog-sources h2{font-size:19px;margin:0 0 16px}
.blog-sources li{margin-bottom:12px}
.blog-footer{max-width:850px;margin:auto;padding:28px 20px;border-top:1px solid #d6dfed;background:#fff;color:#43546c;font:12px/1.9 'Plus Jakarta Sans',system-ui,sans-serif}
.blog-footer nav{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px}
.blog-footer a{min-height:44px;display:inline-flex;align-items:center;color:#165bbd;text-decoration:underline;text-underline-offset:4px}
@media(min-width:600px){.seo-heading h2{font-size:36px}.seo-section{padding:64px 32px}.seo-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-main{padding:48px 32px 72px}.blog-main h1{font-size:44px}.blog-body{font-size:17px}.blog-header{padding:20px 32px}.blog-footer{padding-inline:32px}}
@media(min-width:1024px){.hero{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;min-height:calc(100vh - 76px);padding-top:40px;padding-bottom:60px}.hero h1{font-size:clamp(42px,4.8vw,62px)}.hero .lead{font-size:18px}.hero-art{height:min(540px,42vw);aspect-ratio:auto}.section-pad{padding-inline:max(32px,calc((100vw - 1240px)/2))}.seo-section{padding-block:80px}.seo-heading h2{font-size:40px}}
@media(min-width:1100px){.topbar{height:88px;padding-inline:max(32px,calc((100vw - 1240px)/2))}.menu-toggle{display:none}.navigation{display:flex;position:static;flex-direction:row;padding:0;gap:16px;box-shadow:none;background:transparent;overflow:visible}.navigation a{font-size:12px;white-space:nowrap}.hero{min-height:calc(100vh - 88px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}