/* ENGPINT | fundação visual, navegação e rodapé */

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
:root{
  --orange:#E05A1C;--orange-dark:#C74F00;
  --title:#1E1E1C;--body:#6B6B69;--muted:#ABABAA;
  --border:#E4E4E2;--bg:#F5F5F3;--footer:#252523;--white:#FFFFFF;
}
html{scroll-behavior:smooth;}
body{font-family:'Outfit',sans-serif;background:var(--white);color:var(--body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6;}
.site-nav,.topbar{animation:page-open-down .55s ease both;}
.site-nav{animation-delay:.08s;}
.hero .hero-img{animation:page-open-image 1.1s cubic-bezier(.2,.7,.2,1) both;}
.hero .hero-content,.page-header .wrap{animation:page-open-up .75s .18s ease both;}
.reveal-on-scroll{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease;}
.reveal-on-scroll.is-visible{opacity:1;transform:none;}
@keyframes page-open-down{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@keyframes page-open-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes page-open-image{from{opacity:.65;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  .site-nav,.topbar,.hero .hero-img,.hero .hero-content,.page-header .wrap{animation:none!important;}
  .reveal-on-scroll{opacity:1;transform:none;transition:none;}
  .hero-slide{transition:none;}
}
.wrap{max-width:1200px;margin:0 auto;padding:0 56px;}
.topbar{background:var(--footer);height:36px;display:flex;align-items:center;}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;width:100%;}
.topbar-l span{font-size:11px;letter-spacing:.1em;color:rgba(255,255,255,0.28);text-transform:uppercase;font-weight:300;}
.topbar-r{display:flex;gap:24px;}
.topbar-r a{font-size:12px;color:rgba(255,255,255,0.38);text-decoration:none;font-weight:300;transition:color .2s;}
.topbar-r a:hover{color:rgba(255,255,255,0.8);}
nav{border-bottom:1px solid var(--border);background:var(--white);position:sticky;top:0;z-index:200;}
.nav-inner{display:flex;justify-content:space-between;align-items:center;height:104px;}
.logo-wrap img{height:76px;width:auto;display:block;}
.nav-links{display:flex;gap:32px;list-style:none;align-items:center;}
.nav-links a{font-size:13px;font-weight:400;color:var(--body);text-decoration:none;transition:color .2s;letter-spacing:.01em;}
.nav-links a:hover{color:var(--title);}
.nav-cta{background:var(--orange)!important;color:var(--white)!important;padding:12px 26px;font-weight:500!important;transition:background .2s!important;font-size:13px!important;}
.nav-cta:hover{background:var(--orange-dark)!important;color:var(--white)!important;}

/* RODAPÉ */
footer{background:var(--footer);padding:68px 0 0;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:52px;padding-bottom:52px;border-bottom:1px solid rgba(255,255,255,0.07);}
.footer-logo img{height:44px;width:auto;display:block;filter:brightness(0) saturate(0) invert(1) opacity(0.38);}
.fdesc{font-size:13px;font-weight:300;color:rgba(255,255,255,0.28);line-height:1.85;max-width:260px;margin-top:16px;}
.fcol h4{font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,0.2);margin-bottom:20px;}
.fcol ul{list-style:none;display:flex;flex-direction:column;gap:11px;}
.fcol ul a{font-size:13px;font-weight:300;color:rgba(255,255,255,0.38);text-decoration:none;transition:color .2s;}
.fcol ul a:hover{color:rgba(255,255,255,0.78);}
.fcontact p{font-size:13px;font-weight:300;color:rgba(255,255,255,0.38);line-height:2.1;}
.fcontact a{color:rgba(255,255,255,0.38);text-decoration:none;transition:color .2s;}
.fcontact a:hover{color:rgba(255,255,255,0.78);}
.fbot{display:flex;justify-content:space-between;align-items:center;padding:20px 0;}
.fcopy{font-size:11px;font-weight:300;color:rgba(255,255,255,0.18);letter-spacing:.03em;}
.ftags{display:flex;gap:6px;}
.ftag{font-size:10px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,0.18);border:1px solid rgba(255,255,255,0.08);padding:4px 10px;}
