:root{--navy:#061d2c;--ink:#0c192b;--yellow:#ffbf2f;--light:#f0f3f6;--line:#dce3e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #e38a00;outline-offset:5px}header{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--navy);padding:22px 6%;color:white;border-bottom:1px solid #29404f}.brand img{width:242px;display:block}nav{display:flex;gap:35px}nav a{font-size:14px;font-weight:bold;text-transform:uppercase;padding:15px 0;border-bottom:3px solid transparent}nav a.active{color:var(--yellow);border-color:var(--yellow)}.button{display:inline-block;background:var(--yellow);color:#081824;font-weight:bold;padding:16px 25px;border:1px solid var(--yellow);border-radius:3px;text-align:center;cursor:pointer;font-size:14px;text-transform:uppercase}.button:hover{background:#ffce59}.button.outline{background:transparent;color:var(--yellow)}#menu{display:none}.hero{position:relative;min-height:360px;color:white;background:linear-gradient(90deg,#041724 0%,#061d2cee 33%,#061d2c80 58%,#061d2c00 90%),url('assets/hero.jpg') right center/cover;display:flex;align-items:center;padding:55px 6%}.hero.home{min-height:510px}.hero .inner{max-width:680px}.eyebrow{font-size:14px;letter-spacing:3px;text-transform:uppercase;display:flex;align-items:center;gap:20px;margin:0 0 19px}.eyebrow:after{content:'';height:3px;width:50px;background:var(--yellow)}h1{font-size:clamp(36px,4.3vw,66px);line-height:1.06;letter-spacing:-1.5px;margin:0 0 24px}h1 span{color:var(--yellow)}.hero p:not(.eyebrow){font-size:20px;max-width:580px;line-height:1.45}.hero .button{margin-top:15px}h2{font-size:34px;letter-spacing:-.7px;line-height:1.15;margin:0 0 20px}h3{margin:0 0 12px;font-size:20px}.section{padding:48px 6%}.section.light{background:var(--light)}.section.dark{background:var(--navy);color:white}.intro-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px}.intro-grid>div+div{border-left:1px solid var(--line);padding-left:34px}.intro-grid p{margin-bottom:0}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service{border:1px solid var(--line);border-radius:3px;overflow:hidden;background:white}.service img{width:100%;height:160px;object-fit:cover;display:block}.service .body{padding:22px}.service p{margin:0 0 18px}.text-link{font-size:14px;font-weight:bold;border:0;background:none;color:var(--ink);padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:5px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:25px;margin-top:25px}.step span{font-size:32px;color:#a4b2be}.step h3{font-size:16px;margin-top:12px}.cta{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta p{margin:0}.cta h2{margin-bottom:10px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.filter{border:0;padding:12px 20px;background:var(--light);border-radius:3px;cursor:pointer;font-size:14px}.filter.selected{background:var(--yellow)}.works{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.work{border:1px solid var(--line);border-radius:3px;overflow:hidden}.work img{width:100%;height:150px;object-fit:cover;display:block}.work div{padding:16px}.work h3{font-size:16px;margin-bottom:4px}.work p{font-size:14px;margin:0;color:#596577}.note{padding:14px 18px;background:#fff5d9;border-left:3px solid var(--yellow);font-size:14px;margin:0 0 25px}.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.contact-item{padding:0 0 25px;margin:0 0 25px;border-bottom:1px solid var(--line)}.contact-item p{margin:6px 0}.contact-grid aside{background:var(--navy);color:white;padding:40px}.contact-grid aside h2 span{color:var(--yellow)}.checklist{padding-left:20px}.checklist li{padding:9px 0}.values{list-style:none;padding:0}.values li{padding:7px 0}.values li:before{content:'—';color:var(--yellow);margin-right:10px}footer{background:var(--navy);color:white;padding:25px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #29404f;font-size:14px}footer img{width:185px;display:block}dialog{max-width:580px;width:calc(100% - 40px);border:0;padding:36px;color:var(--ink);border-radius:5px}dialog::backdrop{background:#00121bcc}dialog .close{float:right;background:var(--light);border:0;padding:8px 14px;cursor:pointer;margin-left:10px}dialog h2{font-size:28px}dialog p{margin:24px 0}.empty{padding:30px;background:var(--light)}@media(min-width:1500px){header,.section,.hero,footer{padding-left:max(6%,calc((100vw - 1480px)/2));padding-right:max(6%,calc((100vw - 1480px)/2))}}@media(max-width:1100px){header{gap:20px;padding:18px 4%}.brand img{width:195px}nav{gap:19px}.header-cta{padding:12px 15px}.works{grid-template-columns:repeat(3,1fr)}.section,.hero{padding-left:4%;padding-right:4%}.steps{gap:18px}}@media(max-width:800px){header{flex-wrap:wrap;position:relative}.brand img{width:185px}.header-cta{display:none}#menu{display:block;border:1px solid #6a7d89;background:none;color:white;padding:9px 14px;border-radius:3px}nav{display:none;flex-basis:100%;flex-direction:column;gap:0}nav.open{display:flex}nav a{padding:12px 0}.hero,.hero.home{min-height:420px;padding:45px 6%;background-position:65% center}.hero p:not(.eyebrow){font-size:18px}.hero .inner{max-width:560px}.section{padding:36px 6%}.intro-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.intro-grid>div+div{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.services{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.works{grid-template-columns:repeat(2,1fr)}.cta{align-items:flex-start;flex-direction:column}footer{flex-wrap:wrap;padding:25px 6%}h2{font-size:29px}.contact-grid aside{padding:28px}}@media(max-width:480px){.services,.works{grid-template-columns:1fr}.service img,.work img{height:190px}.hero{background-image:linear-gradient(90deg,#041724ef,#061d2cbf),url('assets/hero.jpg')}h1{letter-spacing:-.8px}.eyebrow{font-size:12px;letter-spacing:2px}.steps{grid-template-columns:1fr}.step{border-bottom:1px solid var(--line);padding-bottom:15px}.filter{padding:10px 14px}footer{display:grid;grid-template-columns:1fr 1fr}footer p{margin:0}}

/* Logo oficial: proporção original e contraste sobre base clara. */
.brand,footer>a:first-child{display:block;background:#fff;border-radius:3px;padding:6px 10px;flex-shrink:0}.brand img,footer img{height:auto;object-fit:contain}

/* Logo oficial sem caixa: superfície clara contínua no cabeçalho e rodapé. */
header,footer{background:#e9eef3;color:#08233c;border-color:#d2dce5}.brand,footer>a:first-child{background:transparent;border-radius:0;padding:0}.brand img{width:250px;height:auto}nav a.active{color:#08233c;border-color:#e6a700}#menu{color:#08233c;border-color:#8193a3}@media(max-width:800px){.brand img{width:195px}}

/* Refinamento de tipografia e apresentação dos serviços. */
body{font-family:"Avenir Next",Avenir,"Segoe UI",Arial,sans-serif;line-height:1.6}
h1,h2,h3{font-family:"Avenir Next",Avenir,"Segoe UI",Arial,sans-serif}
h1{font-size:clamp(42px,5vw,76px);line-height:1.08;font-weight:750;letter-spacing:-1.8px}
.hero.home h1{font-size:clamp(54px,6.2vw,94px);line-height:1.03;letter-spacing:-2.4px}
.hero .inner{max-width:800px}.hero p:not(.eyebrow){max-width:590px}
h2{font-size:clamp(30px,3vw,44px);font-weight:700;line-height:1.2;letter-spacing:-1px}
.services{gap:28px}.service{border:0;border-radius:6px;box-shadow:0 4px 22px #061d2c0c;transition:transform .18s,box-shadow .18s;display:flex;flex-direction:column}.service:hover{transform:translateY(-3px);box-shadow:0 8px 28px #061d2c16}.service img{height:190px}.service .body{position:relative;padding:26px 28px 28px;display:flex;flex-direction:column;align-items:flex-start;flex:1;border:1px solid var(--line);border-top:3px solid var(--yellow);border-radius:0 0 6px 6px}.service h3{font-size:25px;letter-spacing:-.4px;margin:0 0 12px;padding-right:42px}.service p{color:#455469;line-height:1.65;margin-bottom:24px}.service-number{position:absolute;right:24px;top:26px;font-size:18px;color:#768795;font-weight:600}.service .text-link{margin-top:auto;line-height:1.6;text-decoration:none;border-bottom:2px solid var(--yellow);padding-bottom:4px}.cta{padding-top:50px;padding-bottom:50px}.cta h2{font-size:clamp(32px,3vw,46px);line-height:1.18;letter-spacing:-.8px}.cta .eyebrow{margin-bottom:14px}.cta p:not(.eyebrow){color:#d4dfe7;font-size:17px;max-width:650px}footer a{overflow-wrap:anywhere}@media(max-width:800px){.hero.home h1{font-size:clamp(54px,9vw,74px)}.service .body{padding:23px}.service h3{font-size:23px}.service img{height:165px}}@media(max-width:480px){h1{font-size:42px;letter-spacing:-1.2px}.hero.home h1{font-size:58px;letter-spacing:-1.8px}.service img{height:200px}.cta h2{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service{transition:none}.service:hover{transform:none}}

/* Tipografia mais contida, com desenho geométrico próximo à marca. */
body{font-family:"Avenir Next",Avenir,"Century Gothic",Futura,"Segoe UI",Arial,sans-serif}
h1,h2,h3{font-family:"Century Gothic",Futura,"Avenir Next",Avenir,"Segoe UI",Arial,sans-serif;font-weight:700}
h1{font-size:clamp(36px,3.9vw,58px);line-height:1.12;letter-spacing:-.9px}
.hero.home h1{font-size:clamp(42px,4.6vw,68px);line-height:1.1;letter-spacing:-1px}
h2{font-size:clamp(27px,2.4vw,36px);line-height:1.22;letter-spacing:-.5px}
.cta h2{font-size:clamp(28px,2.5vw,38px);line-height:1.2;letter-spacing:-.5px}
.service h3{font-size:22px;letter-spacing:-.2px}
@media(max-width:800px){.hero.home h1{font-size:clamp(42px,6vw,54px)}.service h3{font-size:21px}}
@media(max-width:480px){h1{font-size:36px;letter-spacing:-.6px}.hero.home h1{font-size:44px;letter-spacing:-.7px}.cta h2{font-size:28px}}

/* Rodapé com hierarquia e alinhamento central. */
.site-footer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:38px 6% 30px;text-align:center}
.site-footer .footer-brand{padding:0;background:none}.site-footer img{width:210px;height:auto}
.footer-info{display:flex;flex-direction:column;align-items:center;gap:7px}.footer-info p{margin:0}.footer-info .footer-tagline{font-size:20px;font-weight:650;margin:0 0 5px}.footer-info a{font-size:15px}.footer-info a:hover{text-decoration:underline;text-underline-offset:4px}
.site-footer .footer-nav{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:24px;border-top:1px solid #c9d4de;padding-top:18px;width:min(100%,600px)}.site-footer .footer-nav a{font-size:14px;text-transform:none;font-weight:500;padding:0;border:0}
@media(max-width:480px){.site-footer{display:flex}.site-footer .footer-nav{gap:18px}.footer-info a{font-size:14px}}

/* Assinatura enxuta no rodapé. */
.site-footer{gap:14px;padding:32px 6% 26px}.site-footer .footer-tagline{margin:0;font-size:17px;font-weight:500;letter-spacing:.1px}.site-footer .footer-nav{border-top:0;padding-top:5px;gap:28px}.site-footer img{width:200px}

.footer-instagram{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:#08233c}.footer-instagram:hover{background:#d7e1e9}
