body{margin:0;background:#0A0F1F;font-family:'Manrope',system-ui,sans-serif;color:#E9ECF7}
a{color:#F2C14E}a:hover{color:#FFD97A}
.nav a{color:#C9D0E6;text-decoration:none}.nav a:hover{color:#FFFFFF}
.card:hover{border-color:#F2C14E !important;transform:translateY(-3px)}
.card{transition:border-color .2s,transform .2s}
.btn:hover{filter:brightness(1.08)}
.ghost:hover{background:rgba(255,255,255,.08) !important}
.foot a{color:#AEB6D1;text-decoration:none}.foot a:hover{color:#FFFFFF}
.hero-bg{background:#011936 url('../../img/hero.jpg') right center / cover no-repeat}
.hero-row{min-height:37.7vw;box-sizing:border-box;padding:56px 24px 56px max(24px,5vw)}
.hero-text{width:36vw;max-width:600px}
.hero-img-sm{display:none}
.hero-fx{-webkit-mask-image:linear-gradient(to right,#000 0%,#000 40%,rgba(0,0,0,.35) 62%,transparent 80%);mask-image:linear-gradient(to right,#000 0%,#000 40%,rgba(0,0,0,.35) 62%,transparent 80%)}
@media (max-width:1180px){.hero-fx{-webkit-mask-image:none;mask-image:none}}
@media (max-width:1180px){.hero-bg{background-image:none}.hero-row{min-height:0;padding:64px 24px 40px}.hero-text{width:auto}.hero-img-sm{display:block}}
.infra-grid{background:#061840 url('../../img/infraestructura.jpg') center center / cover no-repeat fixed}
@media (hover:none),(max-width:1024px){.infra-grid{background-attachment:scroll}}
.chain .node{background:rgba(20,60,140,.45);border:1px solid rgba(94,214,255,.45);box-shadow:0 0 24px rgba(94,214,255,.18),inset 0 0 12px rgba(94,214,255,.08);transition:transform .2s,box-shadow .2s}
.chain li:hover .node{transform:translateY(-3px);box-shadow:0 0 34px rgba(94,214,255,.35),inset 0 0 12px rgba(94,214,255,.12)}
.chain li:not(:last-child)::after{content:"";position:absolute;top:35px;left:calc(50% + 44px);right:calc(-50% + 36px);height:2px;background:repeating-linear-gradient(90deg,#5ED6FF 0 8px,transparent 8px 16px);opacity:.75;animation:flowx 1.4s linear infinite}
@keyframes flowx{to{background-position:16px 0}}
@keyframes flowy{to{background-position:0 16px}}
@media (max-width:760px){.chain{flex-direction:column;gap:28px !important}.chain li{flex-direction:row !important;align-items:flex-start !important;text-align:left !important;gap:18px !important}.chain li:not(:last-child)::after{top:80px;bottom:-24px;left:35px;right:auto;width:2px;height:auto;background:repeating-linear-gradient(180deg,#5ED6FF 0 8px,transparent 8px 16px);animation-name:flowy}}
@media (prefers-reduced-motion:reduce){.chain li::after{animation:none !important}}
.parallax-shop{background:#0B2E73 url('../../img/tienda-parallax.jpg') 70% center / cover no-repeat fixed}
.parallax-veil{background:linear-gradient(90deg,rgba(5,20,58,.94) 0%,rgba(5,20,58,.82) 38%,rgba(5,20,58,.25) 66%,rgba(5,20,58,0) 85%)}
@media (hover:none),(max-width:1024px){.parallax-shop{background-attachment:scroll}}
@media (max-width:760px){.parallax-veil{background:rgba(5,20,58,.8)}}
@media (min-height:1400px){.parallax-shop,.infra-grid{background-attachment:scroll}}
.menu-btn{display:none}
.dd-menu{display:none}.dd:hover .dd-menu,.dd:focus-within .dd-menu{display:block}
.dd-menu a:hover{background:rgba(242,193,78,.1);color:#FFFFFF}
@media (max-width:760px){.nav-links{display:none !important}.hide-sm{display:none !important}.menu-btn{display:inline-flex !important}}
@media (max-width:480px){.wa-label{display:none}}
@media (min-width:761px){.mobile-menu{display:none !important}}