/* Padrão visual unificado dos portfólios Nascimento Transporte */
:root{--nt-black:#000;--nt-navy:#03162d;--nt-navy-2:#082b56;--nt-gold:#c99a3d;--nt-gold-light:#f0ca73;--nt-white:#fff;--nt-muted:#bac8d8;--nt-radius:24px;--nt-shadow:0 26px 70px rgba(0,0,0,.28)}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
img{max-width:100%}
/* unidade de cabeçalho e identidade */
.topbar,.top{border-bottom:1px solid rgba(240,202,115,.26)!important;box-shadow:0 16px 45px rgba(0,0,0,.25)}
.top{min-height:112px;padding:18px 5vw!important;background:linear-gradient(180deg,#000 0%,rgba(0,8,20,.96) 100%)!important}
.top img{width:min(310px,58vw)!important;height:76px!important;object-fit:contain!important}
.back,.language-chip{transition:transform .25s ease,background .25s ease,border-color .25s ease}
.back:hover,.language-chip:hover{transform:translateY(-2px);background:rgba(201,154,61,.12);border-color:var(--nt-gold-light)}
/* unidade dos banners */
.hero{min-height:min(920px,100vh)!important;border-bottom:1px solid rgba(240,202,115,.25)}
.hero-bg{transition:transform 12s ease;will-change:transform}
.hero:hover .hero-bg{transform:scale(1.035)}
.hero-copy{max-width:980px}
.kicker{display:inline-flex;align-items:center;gap:12px}
.kicker:before{content:"";width:42px;height:1px;background:var(--nt-gold-light)}
.hero h1,.hero-copy h1{text-wrap:balance}
.hero-lead,.hero-copy p{text-wrap:pretty}
/* cartões e imagens */
.card,.guide-card,.year,.closing,.visual img{border:1px solid rgba(240,202,115,.18)!important;box-shadow:var(--nt-shadow)}
.card,.guide-card,.year,.closing,.visual{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.card:hover,.guide-card:hover,.year:hover,.visual:hover{transform:translateY(-6px);border-color:rgba(240,202,115,.5)!important;box-shadow:0 34px 85px rgba(0,0,0,.34)}
.card img,.visual img{transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .4s ease}
.card:hover img,.visual:hover img{transform:scale(1.025);filter:saturate(1.05) contrast(1.02)}
.card,.visual{overflow:hidden;border-radius:var(--nt-radius)}
.card-copy{position:relative}
.card-copy:before{content:"";position:absolute;left:0;top:0;width:54px;height:2px;background:linear-gradient(90deg,var(--nt-gold),transparent)}
/* páginas de experiências */
.portfolio-grid{gap:28px!important}
.section-head{border-bottom:1px solid rgba(240,202,115,.18);padding-bottom:28px}
.cta,.cta-band{border-top:1px solid rgba(240,202,115,.28);border-bottom:1px solid rgba(240,202,115,.28)}
/* história no mesmo universo azul, dourado e premium */
body.nt-history{background:linear-gradient(180deg,#020b18 0,#03162d 18%,#eef2f7 38%,#eef2f7 78%,#020b18 100%)}
body.nt-history .intro{background:linear-gradient(135deg,#082b56,#03162d 62%,#020b18);border-top:1px solid rgba(240,202,115,.28);border-bottom:1px solid rgba(240,202,115,.28)}
body.nt-history .timeline{padding:50px 4vw;background:linear-gradient(180deg,#061a34 0,#eef2f7 7%,#eef2f7 93%,#061a34 100%)}
body.nt-history .chapter{width:min(1260px,100%);margin:0 auto 34px;padding:0;background:transparent!important}
body.nt-history .chapter .inner{width:100%;padding:42px;border-radius:28px;background:rgba(255,255,255,.97);box-shadow:0 28px 75px rgba(3,22,45,.18);border:1px solid rgba(201,154,61,.2)}
body.nt-history .chapter:nth-child(even) .inner{background:linear-gradient(145deg,#fff,#f6f8fb)}
body.nt-history .chapter h2{font-size:clamp(34px,4.2vw,58px);line-height:1.05}
body.nt-history .chapter h3{color:#31506f}
body.nt-history .visual{background:#061a34;box-shadow:0 25px 70px rgba(3,22,45,.23)}
body.nt-history .visual img{border:0!important;border-radius:24px;box-shadow:none!important;min-height:360px}
body.nt-history .visual.contain{background:#fff}
body.nt-history .quote{border-radius:0 14px 14px 0;box-shadow:inset 0 0 0 1px rgba(201,154,61,.14)}
body.nt-history .milestones,body.nt-history .thanks,body.nt-history .sources{border-top:1px solid rgba(240,202,115,.25)}
/* animação discreta */
.nt-reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}
.nt-reveal.nt-visible{opacity:1;transform:none}
/* acessibilidade */
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.nt-reveal{opacity:1;transform:none}}
@media(max-width:850px){
 .top{min-height:90px}.top img{height:58px!important;width:min(230px,56vw)!important}
 body.nt-history .timeline{padding:28px 4vw}
 body.nt-history .chapter{margin-bottom:22px}
 body.nt-history .chapter .inner{padding:26px 22px}
 body.nt-history .visual img{min-height:260px}
 .section-head{grid-template-columns:1fr!important}
}
@media(max-width:560px){
 .hero{min-height:760px!important}
 .hero-copy{padding-left:6vw!important;padding-right:6vw!important}
 .portfolio-grid{gap:20px!important}
 .card,.guide-card,.visual,body.nt-history .chapter .inner{border-radius:20px}
 body.nt-history .visual img{min-height:230px}
}
