:root{--cyan:#36d9ff}
.parallax-section{--parallax-y:0px;isolation:isolate;position:relative;overflow:hidden}.parallax-bg{position:absolute;z-index:-3;inset:-12%;background-position:center;background-size:cover;transform:translate3d(0,var(--parallax-y),0) scale(1.04);will-change:transform}.hero-bg{background-image:linear-gradient(90deg,rgba(2,22,31,.96) 0%,rgba(3,30,42,.88) 42%,rgba(3,30,42,.2) 78%),url('assets/hero-logistica-futurista.webp')}.hero{background:#031e2a;min-height:790px}.hero:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 70% 38%,rgba(54,217,255,.12),transparent 27%),linear-gradient(180deg,transparent 72%,rgba(3,28,38,.85))}.hero-noise{position:absolute;z-index:-1;inset:0;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}.hero-grid{position:relative;z-index:2}.hero h1{text-shadow:0 8px 35px rgba(0,0,0,.35)}.hero .lead{color:#d8e8ec;text-shadow:0 2px 12px rgba(0,0,0,.4)}.hero-visual{perspective:900px}.hud-orbit{position:absolute;width:390px;aspect-ratio:1;right:0;top:25px;border:1px solid rgba(54,217,255,.25);border-radius:50%;animation:orbit-pulse 4s ease-in-out infinite}.hud-orbit:before,.hud-orbit:after,.hud-orbit span{content:"";position:absolute;border:1px solid rgba(54,217,255,.16);border-radius:50%}.hud-orbit:before{inset:42px}.hud-orbit:after{inset:95px}.hud-orbit span:nth-child(1){width:10px;height:10px;right:55px;top:80px;background:#36d9ff;box-shadow:0 0 22px #36d9ff}.hud-orbit span:nth-child(2){width:7px;height:7px;left:36px;top:190px;background:#00d26a;box-shadow:0 0 20px #00d26a}.hud-orbit span:nth-child(3){width:6px;height:6px;right:110px;bottom:35px;background:#ff8216;box-shadow:0 0 20px #ff8216}.status-chip{position:absolute;padding:9px 13px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(4,31,43,.56);backdrop-filter:blur(12px);font-size:.72rem;letter-spacing:.05em;color:#dcecef;box-shadow:0 10px 35px rgba(0,0,0,.18)}.status-chip i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#00d26a;box-shadow:0 0 11px #00d26a;margin-right:7px}.chip-one{right:20px;top:20px}.chip-two{left:20px;top:190px}.cargo-card{background:rgba(5,32,44,.74);color:#fff;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(18px);transform:rotateY(-5deg);width:330px;display:block}.cargo-card small{display:block;color:#6ce8ff;letter-spacing:.13em;font-size:.58rem;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:9px;margin-bottom:12px}.cargo-card>div{display:grid;grid-template-columns:1fr auto;gap:0 15px}.cargo-card span{color:#a9c0c6}.cargo-card i{grid-row:1/3;grid-column:2}.services{background:radial-gradient(circle at 90% 10%,rgba(0,169,79,.08),transparent 30%),linear-gradient(#f4f8f6,#eef4f2)}.service-card{position:relative;overflow:hidden}.service-card:after{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--green),var(--cyan),transparent);opacity:0;transition:.25s}.service-card:hover:after{opacity:1}.parallax-showcase{min-height:720px;color:#fff;display:flex;align-items:center}.terminal-bg{background-image:linear-gradient(90deg,rgba(2,22,31,.93),rgba(2,27,38,.62) 55%,rgba(2,27,38,.3)),url('assets/terminal-portuario-futurista.webp')}.parallax-showcase:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(1,20,28,.12),rgba(1,20,28,.8))}.showcase-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(54,217,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(54,217,255,.06) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to right,black,transparent 75%)}.showcase-content{padding:120px 0}.showcase-content>h2{font-size:clamp(2.5rem,5vw,4.7rem);max-width:760px;line-height:1.03;letter-spacing:-.045em;margin:0 0 24px}.showcase-content>p:not(.eyebrow){max-width:650px;color:#d2e0e3;font-size:1.12rem}.showcase-metrics{display:flex;gap:12px;margin-top:42px}.showcase-metrics>div{min-width:170px;padding:18px 20px;border:1px solid rgba(255,255,255,.18);background:rgba(3,30,42,.55);backdrop-filter:blur(15px);border-radius:16px}.showcase-metrics strong{display:block;font-size:1.55rem;color:#7cf3af}.showcase-metrics span{font-size:.78rem;color:#c3d3d6}.process{background:radial-gradient(circle at 20% 30%,rgba(0,210,106,.12),transparent 28%),linear-gradient(135deg,#031e29,#062f3e)}@keyframes orbit-pulse{50%{transform:scale(1.035);opacity:.75}}@media(max-width:850px){.hero-bg{background-image:linear-gradient(90deg,rgba(2,22,31,.94),rgba(2,22,31,.72)),url('assets/hero-logistica-futurista.webp');background-position:62% center}.hero{min-height:auto}.parallax-bg{inset:0;transform:none;background-attachment:scroll}.parallax-showcase{min-height:680px}.showcase-metrics{display:grid;grid-template-columns:repeat(3,1fr)}.showcase-metrics>div{min-width:0}}@media(max-width:560px){.hero-bg{background-position:67% center}.showcase-metrics{grid-template-columns:1fr}.parallax-showcase{min-height:800px}.showcase-content{padding:90px 0}.showcase-content>h2{font-size:2.55rem}}@media(prefers-reduced-motion:reduce){.parallax-bg{transform:none!important}.hud-orbit{animation:none}}
