/* Nascimento Transporte — Premium Motion 2026
   Camada visual não destrutiva: tipografia, profundidade e microinterações. */
:root{
  --nt-premium-gold:#f1c76a;
  --nt-premium-gold-2:#c99637;
  --nt-premium-blue:#0a4f91;
  --nt-premium-ink:#010914;
  --nt-premium-panel:#06172a;
  --nt-premium-line:rgba(241,199,106,.22);
  --nt-premium-shadow:0 24px 64px rgba(0,0,0,.28);
}

body{font-family:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif!important;font-feature-settings:"kern" 1,"liga" 1}
h1,h2,h3,.section-title,.story-year,.card-copy h3,.guide-card b,.experience-main h3,.fleet-copy h3,.team-card h3,.reason-card strong{
  font-family:"Cormorant Garamond",Georgia,serif!important;
  font-weight:600!important;
  letter-spacing:-.025em!important;
}
.section-head h2{font-size:clamp(38px,4.6vw,64px)!important;line-height:.98!important}
.section-head>p,.section-head .intro{line-height:1.75}

/* Cards: profundidade, borda viva e movimento discreto */
.service-card,.reason-card,.team-card,.institutional-card,.experience-main,#frota .fleet-card,.gallery .card,.guide-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  transform:translateZ(0);
  transition:transform .42s cubic-bezier(.2,.8,.2,1),box-shadow .42s ease,border-color .42s ease,background .42s ease!important;
}
.service-card::after,.reason-card::after,.team-card::after,.institutional-card::after,.experience-main::after,#frota .fleet-card::after,.gallery .card::after,.guide-card::after{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:-1;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(120deg,transparent 10%,rgba(241,199,106,.13) 42%,rgba(255,255,255,.08) 50%,transparent 66%);
  transform:translateX(-65%);
  transition:opacity .35s ease,transform .7s cubic-bezier(.2,.8,.2,1);
}
.service-card:hover,.reason-card:hover,.team-card:hover,.institutional-card:hover,.experience-main:hover,#frota .fleet-card:hover,.gallery .card:hover,.guide-card:hover{
  transform:translateY(-8px) scale(1.008)!important;
  border-color:rgba(241,199,106,.45)!important;
  box-shadow:0 30px 72px rgba(0,0,0,.34),0 0 0 1px rgba(241,199,106,.05)!important;
}
.service-card:hover::after,.reason-card:hover::after,.team-card:hover::after,.institutional-card:hover::after,.experience-main:hover::after,#frota .fleet-card:hover::after,.gallery .card:hover::after,.guide-card:hover::after{
  opacity:1;
  transform:translateX(55%);
}

/* Serviço */
.service-card{min-height:210px;padding:30px 26px!important;background:linear-gradient(155deg,#08213d 0%,#041322 65%,#020c17 100%)!important}
.service-card b{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;background:rgba(241,199,106,.08);border:1px solid rgba(241,199,106,.22);font-size:22px!important}
.service-card h3{font-size:27px!important;margin:20px 0 9px!important}
.service-card p{line-height:1.68!important}

/* Experiências */
.experience-main{border-radius:24px!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 22px 58px rgba(0,0,0,.25)!important}
.experience-main .shade{transition:opacity .45s ease!important}
.experience-main:hover .shade{opacity:.82}
.experience-main .content{transition:transform .42s cubic-bezier(.2,.8,.2,1)}
.experience-main:hover .content{transform:translateY(-4px)}
.experience-main h3{font-size:clamp(32px,3vw,46px)!important;line-height:1.02!important}
.experience-actions .btn{transition:transform .25s ease,box-shadow .25s ease,background .25s ease!important}
.experience-actions .btn:hover{transform:translateY(-2px)}

/* Frota */
#frota .fleet-card{border-radius:22px!important}
#frota .fleet-image img{transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .45s ease!important}
#frota .fleet-card:hover .fleet-image img{transform:scale(1.055)!important;filter:saturate(1.06) contrast(1.03)}
#frota .fleet-copy h3{font-size:31px!important;line-height:1!important}

/* Equipe e diferenciais */
.team-card,.reason-card{background:linear-gradient(155deg,#071b31,#03101e)!important}
.team-card-photo .team-photo img{transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .45s ease}
.team-card-photo:hover .team-photo img{transform:scale(1.035);filter:contrast(1.03)}
.reason-card strong{font-size:20px!important;line-height:1.08!important}

/* Portfólios City Tour / Litoral */
.gallery .card{border-radius:22px!important;box-shadow:0 18px 48px rgba(1,10,22,.13)!important}
.gallery .card>img,.market-mosaic img{transition:transform .72s cubic-bezier(.2,.8,.2,1),filter .45s ease!important}
.gallery .card:hover>img,.gallery .card:hover .market-mosaic img{transform:scale(1.045);filter:saturate(1.06) contrast(1.03)}
.card-copy h3{font-size:clamp(27px,2.4vw,38px)!important;line-height:1.02!important}
.card-copy p{line-height:1.72!important}
.guide-card b{font-size:24px!important;letter-spacing:-.02em}

/* Entrada progressiva dos cards quando .reveal já é utilizada */
.reveal{transition-duration:.75s!important;transition-timing-function:cubic-bezier(.2,.75,.2,1)!important}

/* Melhor hierarquia editorial */
.kicker,.eyebrow,.class-tag,.card-badge{letter-spacing:.16em!important;text-transform:uppercase}
.btn,.nav-cta,.card-btn{letter-spacing:.01em}

@media (max-width:760px){
  .service-card:hover,.reason-card:hover,.team-card:hover,.institutional-card:hover,.experience-main:hover,#frota .fleet-card:hover,.gallery .card:hover,.guide-card:hover{transform:translateY(-3px)!important}
  .section-head h2{font-size:clamp(36px,11vw,50px)!important}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}
  .service-card:hover,.reason-card:hover,.team-card:hover,.institutional-card:hover,.experience-main:hover,#frota .fleet-card:hover,.gallery .card:hover,.guide-card:hover{transform:none!important}
}