/* Camadas decorativas: só são ativadas se o JavaScript estiver disponível. */
.hero-copy.depth-scene{overflow:hidden;background-image:none}
.hero-copy.depth-scene:before{
  content:'';position:absolute;inset:-52px 0;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,#071328e8,#071328b8),url('tech-network-bg.webp') 58% center/cover;
  transform:translate3d(0,var(--depth-y,0px),0);
}
.hero-copy.depth-scene:after{transform:translate3d(0,calc(var(--depth-y,0px) * -.4),0)}
.hero-visual img{animation:none;transform:none;scale:1}
.hero-visual.depth-scene img{transform:translate3d(0,var(--depth-y,0px),0);scale:1.18}
.hero-visual.cable-zoom img{animation:cable-zoom-out 12s cubic-bezier(.4,0,.2,1) both}
@keyframes cable-zoom-out{from{scale:1.45}to{scale:1.18}}
.contact.depth-scene{isolation:isolate;background-image:none}
.contact.depth-scene:after{
  content:'';position:absolute;inset:-52px 0;z-index:-1;pointer-events:none;
  background:url('tech-network-bg.webp') center 68%/cover;
  transform:translate3d(0,var(--depth-y,0px),0);
}
.contact.depth-scene:before{background:linear-gradient(105deg,#075fc7df,#0759bed4 47%,#053878c4)}
.depth-card{position:relative;isolation:isolate}
.depth-card.scroll-card{
  opacity:0;translate:0 32px;
  transition:opacity .65s ease var(--reveal-delay,0ms),translate .65s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),transform .28s ease-out,box-shadow .28s,border-color .28s;
}
.depth-card.scroll-card.scroll-shown,.depth-card.scroll-card:focus-within{opacity:1;translate:0 0}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .depth-card{transition:transform .28s ease-out,box-shadow .28s,border-color .28s;transform-style:preserve-3d}
  .depth-card.tilt-active:not(:focus-within){
    transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-4px);
    box-shadow:0 22px 46px -24px #03144566;border-color:#087cff70;
  }
  .depth-card:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s;
    background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%),#087cff0d,transparent 65%)}
  .depth-card.tilt-active:after{opacity:1}
  .depth-card.tilt-active .card-top{transform:translateZ(14px)}
  .depth-card .card-top{transition:transform .28s}
}
@media(max-width:700px){
  .hero-visual.depth-scene img{scale:1.12}
  .hero-visual.cable-zoom img{animation-name:cable-zoom-out-mobile}
  @keyframes cable-zoom-out-mobile{from{scale:1.35}to{scale:1.12}}
  .hero-copy.depth-scene:before{background-image:linear-gradient(90deg,#071328ee,#071328d9),url('tech-network-bg.webp');background-position:67% center}
  .contact.depth-scene:before{background:linear-gradient(155deg,#075fc7eb,#064d9dde 65%,#052e68d9)}
}
@media(prefers-reduced-motion:reduce){
  .hero-visual img{scale:1!important;animation:none!important}
  .depth-card.scroll-card{opacity:1;translate:none;transition:none}
  .depth-card,.depth-card:hover,.hero-visual img{transform:none!important}
  .depth-card:after{display:none}
  .depth-scene:before,.depth-scene:after{transform:none!important}
}