
/* Agência 03M · Identidade uniforme para páginas internas · 2026-10-28 */
@font-face{font-family:Bebas;src:url('/assets/fonts/bebas-neue-latin.woff2') format('woff2');font-display:swap}
:root{--03m-blue:#0f62d8;--03m-dark:#080808}
body{overflow-x:clip}
.site-header.unified-header{position:relative!important;top:auto!important;width:100%;z-index:100;background:#fff!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:1.5rem 0!important}
.unified-header .header-wrap{width:100%!important;max-width:1400px!important;min-height:0!important;margin:0 auto!important;padding:0 8%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important}
.unified-header .brand{display:flex!important;align-items:center;justify-content:flex-start;min-width:72px;gap:0!important;padding:0!important;color:#111}
.unified-header .brand-mark{display:flex!important;align-items:center;gap:.45rem!important}
.unified-header .brand-mark>span{display:block!important;flex:none;width:14px!important;height:14px!important;border-radius:50%!important;background:#0f62d8}
.unified-header .brand-mark>span:nth-child(2){background:#e63946!important}.unified-header .brand-mark>span:nth-child(3){background:#f4d03f!important}
.unified-header .top-nav{display:flex!important;position:static!important;flex-direction:row!important;align-items:center!important;gap:3rem!important;padding:0!important;box-shadow:none!important;background:transparent!important;border:0!important}
.unified-header .top-nav a{position:relative;display:inline-flex;align-items:center;min-height:32px;padding:.25rem 0!important;margin:0;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#333!important;text-decoration:none!important;font:600 .88rem/1.5 Jakarta,'Plus Jakarta Sans',Arial,sans-serif!important;letter-spacing:1.5px!important;text-transform:uppercase}
.unified-header .top-nav a:after{content:'';position:absolute;bottom:-4px;left:50%;width:0;height:2px;border-radius:2px;background:#0f62d8;transform:translateX(-50%);transition:width .25s ease}
.unified-header .top-nav a:hover,.unified-header .top-nav a[aria-current=page]{color:#0f62d8!important}
.unified-header .top-nav a:hover:after,.unified-header .top-nav a[aria-current=page]:after{width:100%}
.unified-header .nav-button{display:none!important;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:44px;height:44px;background:transparent;border:0;border-radius:8px;padding:8px;cursor:pointer}
.unified-header .nav-button span{display:block;width:25px;height:3px;background:#333;border-radius:2px;transition:transform .23s ease,opacity .23s ease}
.unified-header .nav-button[aria-expanded=true] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.unified-header .nav-button[aria-expanded=true] span:nth-child(2){opacity:0}
.unified-header .nav-button[aria-expanded=true] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
/* Hero matches the home: dark, clean photo, Bebas condensed type, blue title line. */
.unified-hero{background:#080808 url('/assets/hero-desktop.webp') no-repeat right center;background-size:auto 105%;position:relative;isolation:isolate;overflow:hidden;color:#fff;display:flex;align-items:center;min-height:min(75vh,790px);padding:80px 0 85px}
.unified-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(to right,rgba(7,7,7,.98) 0%,rgba(7,7,7,.93) 24%,rgba(7,7,7,.77) 43%,rgba(7,7,7,.27) 68%,transparent 83%)}
.unified-hero:after{display:none}
.unified-hero__inner{position:relative;width:100%;max-width:1400px;margin:auto;padding:0 8%;z-index:1}
.unified-breadcrumbs{font:500 .82rem/1.6 Jakarta,Arial,sans-serif;margin:0 0 26px;color:#d4d9e3}
.unified-breadcrumbs a{color:#d4d9e3;text-decoration:underline;text-underline-offset:4px}.unified-breadcrumbs a:hover{color:#85b7ff}
.unified-hero__eyebrow{display:block;color:#2378ec;font:800 .9rem/1.4 Jakarta,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;margin:0 0 26px}
.unified-hero .unified-hero__title{font:400 clamp(3.5rem,6vw,6.5rem)/.99 Bebas,Impact,sans-serif!important;letter-spacing:0!important;text-transform:uppercase;color:#fff;max-width:790px;margin:0 0 30px!important;overflow-wrap:normal}
.unified-hero__line{display:block;color:#fff}.unified-hero__line--accent{color:#0f62d8}
.unified-hero__divider{width:180px;height:4px;background:#0f62d8;margin:0 0 36px}
.unified-hero .unified-hero__slogan{font:750 clamp(1.08rem,2vw,1.4rem)/1.4 Jakarta,Arial,sans-serif;color:#fff;margin:0 0 18px;max-width:630px}
.unified-hero .unified-hero__lead{font:400 clamp(.96rem,1.55vw,1.13rem)/1.7 Jakarta,Arial,sans-serif;color:#e3e5eb;max-width:650px;margin:0 0 30px}
.unified-hero__actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.unified-hero__actions .btn{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:15px 30px;border-radius:999px!important;font:750 .96rem/1.35 Jakarta,Arial,sans-serif;transition:transform .2s,box-shadow .2s}
.unified-hero__actions .btn-blue{background:#0f62d8;color:#fff;border:2px solid #0f62d8;box-shadow:0 15px 32px #0f62d850}
.unified-hero__actions .btn-outline{background:transparent;border:2px solid #ffffff55;color:#fff}
.unified-hero__actions .btn:hover{transform:translateY(-2px)}
.unified-hero__updated{font-size:.8rem!important;color:#a9b1c3!important;margin:20px 0 0}
/* One visual rhythm across editorial sections */
.section{scroll-margin-top:25px}
.section-intro h2,.seo-editorial h2,.seo-process h2,.seo-local h2{letter-spacing:-.035em;max-width:900px}
.info-card,.service-tile,.step-card{border-radius:20px;transition:border-color .2s,box-shadow .2s,transform .2s}
.info-card:hover,.service-tile:hover,.step-card:hover{border-color:#bfd5f8;box-shadow:0 18px 55px rgba(13,41,82,.08)}
.service-tile .more{margin-top:auto}
.seo-local .seo-local-card{background:linear-gradient(125deg,#080c16,#0d2445);border:1px solid #1a3c6e;box-shadow:0 18px 45px #091b3f12}
.seo-editorial .seo-editorial-grid{align-items:center}
.seo-figure{box-shadow:0 22px 55px #0f23471c}
.faq-row{overflow:hidden}
.faq-row[open]{border-color:#b6cff3;box-shadow:0 15px 35px #0c346a12}
.site-footer .brand strong{color:#fff}
/* Error page */
.unified-error{min-height:690px}.unified-error__code{font:400 1.4rem/1 Bebas,Impact,sans-serif;letter-spacing:.3em;color:#8bbcff;margin:0 0 22px}
/* Legal content retains readable typography and navigation sidebar */
body:has(.legal-layout){background:#f4f7fb}
body:has(.legal-layout) .unified-hero__inner{max-width:1400px}
body:has(.legal-layout) .unified-hero__title{max-width:650px}
body:has(.legal-layout) .legal-layout{margin-top:0;padding-top:48px}
body:has(.legal-layout) .site-footer a{color:#dce8fa}
@media(max-width:1024px){.unified-header .top-nav{gap:1.55rem!important}.unified-hero__inner,.unified-header .header-wrap{padding-left:6%!important;padding-right:6%!important}.unified-hero{background-size:auto 100%}}
@media(max-width:768px){
 .site-header.unified-header{padding:.85rem 0!important}
 .unified-header .header-wrap{padding:0 5%!important;min-height:44px!important}
 .unified-header .nav-button{display:flex!important}
 .unified-header .top-nav{display:none!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;background:#fff!important;border-top:1px solid #e5eaf3!important;box-shadow:0 18px 40px #15243b20!important;padding:12px 5% 22px!important}
 .unified-header .top-nav.open{display:flex!important}
 .unified-header .top-nav a{display:flex!important;min-height:48px;padding:12px 6px!important;font-size:.86rem!important}
 .unified-header .top-nav a:after{display:none}
 .unified-hero{background:#090909 url('/assets/hero-mobile.webp') no-repeat center top;background-size:cover;min-height:min(94svh,820px);height:auto;padding:clamp(250px,40vh,400px) 0 58px;align-items:flex-end}
 .unified-hero:before{background:linear-gradient(to top,#060606 0%,rgba(5,5,5,.98) 15%,rgba(5,5,5,.90) 33%,rgba(5,5,5,.46) 58%,rgba(5,5,5,.1) 80%,transparent 100%)}
 .unified-hero__inner{padding:0 6%!important;text-align:center}
 .unified-breadcrumbs{display:none}
 .unified-hero__eyebrow{font-size:.71rem;letter-spacing:.16em;margin:0 0 14px}
 .unified-hero .unified-hero__title{max-width:none;font-size:clamp(2.75rem,10.8vw,5.1rem)!important;line-height:.99!important;margin:0 0 19px!important}
 .unified-hero__divider{width:122px;margin:0 auto 20px}
 .unified-hero .unified-hero__slogan{font-size:1.03rem;margin:0 auto 9px;max-width:550px}
 .unified-hero .unified-hero__lead{font-size:.9rem;line-height:1.55;margin:0 auto 25px;max-width:560px}
 .unified-hero__actions{justify-content:center;gap:10px}
 .unified-hero__actions .btn{min-height:51px;padding:12px 22px;font-size:.85rem}
 .unified-error{min-height:100svh}
 .section-intro{margin-bottom:26px}
 body:has(.legal-layout) .legal-layout{padding-top:30px}
}
@media(max-width:430px){
 .unified-hero{padding-top:clamp(210px,35vh,340px);min-height:92svh}
 .unified-hero .unified-hero__title{font-size:clamp(2.45rem,10.5vw,3.2rem)!important}
 .unified-hero__actions{flex-direction:column}
 .unified-hero__actions .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.unified-header .top-nav a:after,.unified-hero__actions .btn{transition:none}}
