:root{--navy:#07182e;--navy-2:#0d2747;--blue:#128cff;--blue-dark:#0f63dd;--gold:#d9a52f;--ink:#17283d;--muted:#617187;--surface:#f3f7fb;--line:#dbe5ef;--white:#fff;--shadow:0 20px 55px rgba(7,24,46,.1);--radius:20px}
html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:"Segoe UI",Inter,system-ui,-apple-system,sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:var(--blue-dark);text-decoration:none}a:hover{color:#084eb6}img{max-width:100%;height:auto}.container{max-width:1180px}.skip-link{position:fixed;left:16px;top:-70px;z-index:2000;padding:10px 16px;background:#fff;color:var(--navy);border-radius:8px;box-shadow:var(--shadow)}.skip-link:focus{top:12px}*:focus-visible{outline:3px solid #ffc938;outline-offset:3px}
.site-header{position:sticky;top:0;z-index:1030;background:rgba(255,255,255,.95);border-bottom:1px solid transparent;transition:.25s ease;backdrop-filter:blur(14px)}.site-header.is-scrolled{border-color:var(--line);box-shadow:0 8px 30px rgba(7,24,46,.07)}.navbar{min-height:78px}.navbar-brand img{width:218px;height:auto}.nav-link{color:#34445a!important;font-weight:600;font-size:.96rem;padding:.7rem .8rem!important;border-radius:8px}.nav-link:hover,.nav-link.active{color:var(--blue-dark)!important;background:#eef6ff}.navbar-toggler{border:0;padding:8px}.navbar-toggler span{display:block;width:26px;height:2px;background:var(--navy);margin:5px;border-radius:3px}.btn{font-weight:700;border-radius:10px;padding:.78rem 1.15rem;transition:.2s ease}.btn-primary{background:var(--blue-dark);border-color:var(--blue-dark);box-shadow:0 8px 22px rgba(15,99,221,.2)}.btn-primary:hover{background:#0b52bd;border-color:#0b52bd;transform:translateY(-1px)}.btn-outline-light:hover{color:var(--navy)}
.hero{position:relative;min-height:660px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(4,17,34,.98) 0%,rgba(4,17,34,.9) 43%,rgba(4,17,34,.35) 72%,rgba(4,17,34,.18) 100%),url('../Images/hero/infraestructura-empresarial.jpg') center/cover no-repeat;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(transparent,rgba(5,19,37,.45));pointer-events:none}.hero-content{position:relative;z-index:2;max-width:700px;padding:82px 0}.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:800;color:var(--blue-dark);margin-bottom:16px}.hero .eyebrow{color:#75c2ff}.eyebrow:before{content:"";width:27px;height:2px;background:currentColor}.hero h1,.page-hero h1{font-size:clamp(2.55rem,4.6vw,4.25rem);line-height:1.04;letter-spacing:-.04em;font-weight:760;max-width:760px}.hero .lead{font-size:clamp(1.04rem,1.45vw,1.22rem);color:#d6e3f1;max-width:630px;margin:22px 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-note{display:flex;align-items:center;gap:9px;margin-top:23px;color:#b8cbe0;font-size:.9rem}.hero-note i{color:#72d8ad}
.tech-strip{background:var(--navy);color:#b9cbe0;border-top:1px solid rgba(255,255,255,.08)}.tech-strip .container{display:grid;grid-template-columns:repeat(8,1fr);align-items:center}.tech-label{padding:20px 10px;text-align:center;font-size:.82rem;font-weight:700;border-right:1px solid rgba(255,255,255,.07)}
section{padding:96px 0}.section-soft{background:var(--surface)}.section-dark{background:var(--navy);color:#fff}.section-heading{max-width:760px;margin-bottom:42px}.section-heading.center{text-align:center;margin-left:auto;margin-right:auto}.section-heading h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.12;letter-spacing:-.035em;font-weight:750;margin-bottom:16px}.section-heading p{color:var(--muted);font-size:1.08rem}.section-dark .section-heading p{color:#b6c9dc}.problem-grid,.service-grid,.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.problem-card,.service-card,.value-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px;transition:.25s ease}.problem-card:hover,.service-card:hover,.value-card:hover{transform:translateY(-5px);border-color:#9cccf9;box-shadow:var(--shadow)}.problem-card i,.service-icon,.value-card i{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#eaf4ff;color:var(--blue-dark);font-size:1.35rem;margin-bottom:18px}.problem-card h3,.service-card h3,.value-card h3{font-size:1.1rem;font-weight:750}.problem-card p,.service-card p,.value-card p{margin:0;color:var(--muted);font-size:.94rem}.section-closing{margin-top:32px;font-size:1.18rem;font-weight:700;color:var(--navy)}
.service-card{display:flex;flex-direction:column;min-height:100%}.service-card .benefit{margin-top:auto;padding-top:18px;color:var(--navy);font-weight:700}.service-card .benefit i{color:#1f9d6a;margin-right:6px}.service-card .service-link{margin-top:18px;font-weight:700}.service-filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:30px}.filter-btn{border:1px solid var(--line);background:#fff;color:var(--ink);padding:9px 14px;border-radius:999px;font-weight:700}.filter-btn.active,.filter-btn:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.split-panel{display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.split-copy{padding:56px}.split-copy h2{font-size:clamp(2rem,3vw,3rem);letter-spacing:-.035em}.split-visual{position:relative;min-height:480px;background:linear-gradient(145deg,#0b2544,#0d62c9);overflow:hidden}.network-visual{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 25%,rgba(255,255,255,.7) 0 3px,transparent 4px),radial-gradient(circle at 75% 30%,rgba(79,177,255,.8) 0 4px,transparent 5px),radial-gradient(circle at 50% 75%,rgba(217,165,47,.8) 0 4px,transparent 5px),linear-gradient(35deg,transparent 49.5%,rgba(255,255,255,.16) 50%,transparent 50.5%),linear-gradient(145deg,transparent 49.5%,rgba(255,255,255,.13) 50%,transparent 50.5%);background-size:180px 180px,220px 220px,250px 250px,110px 110px,140px 140px}.capability-list{display:grid;gap:14px;margin-top:28px}.capability-item{display:flex;gap:13px;align-items:flex-start}.capability-item i{color:var(--blue-dark);font-size:1.15rem;margin-top:3px}.capability-item strong{display:block}.capability-item span{color:var(--muted);font-size:.93rem}
.process-grid{display:grid;grid-template-columns:repeat(5,1fr);position:relative;gap:18px}.process-grid:before{content:"";position:absolute;left:9%;right:9%;top:29px;height:1px;background:#2b4d70}.process-step{position:relative;text-align:center}.step-number{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#12375d;border:1px solid #376a9e;color:#78c7ff;font-weight:800;margin:0 auto 19px;position:relative;z-index:1}.process-step h3{font-size:1.05rem}.process-step p{color:#b6c9dc;font-size:.9rem}
.cta-band{padding:68px 0;background:linear-gradient(115deg,#0d61d5,#082e66);color:#fff}.cta-band .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band h2{font-size:clamp(1.8rem,3vw,2.7rem);max-width:720px;margin:0}.cta-band p{color:#d6e7fb;margin:10px 0 0}.faq-wrap{max-width:880px;margin:auto}.accordion-item{border:1px solid var(--line)!important;border-radius:14px!important;overflow:hidden;margin-bottom:12px}.accordion-button{font-weight:700;padding:20px 22px}.accordion-button:not(.collapsed){background:#eef6ff;color:var(--navy);box-shadow:none}.accordion-body{color:var(--muted)}
.page-hero{padding:118px 0 88px;background:radial-gradient(circle at 85% 20%,rgba(18,140,255,.22),transparent 32%),var(--navy);color:#fff}.page-hero p{color:#c7d7e8;max-width:680px;font-size:1.12rem}.breadcrumb{font-size:.88rem}.breadcrumb a{color:#84c9ff}.breadcrumb-item.active{color:#b6c9dc}.breadcrumb-item+.breadcrumb-item:before{color:#7794b3}.service-detail{padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff}.service-detail ul{columns:2;margin-top:15px;color:var(--muted)}.service-detail li{margin-bottom:6px}.service-detail .tag{display:inline-block;padding:5px 9px;border-radius:7px;background:#eef6ff;color:#0d5cc4;font-size:.78rem;font-weight:700;margin:3px}.solution-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.solution-card{border-radius:22px;padding:32px;background:#fff;border:1px solid var(--line)}.solution-card h3{font-size:1.25rem}.solution-card p{color:var(--muted)}
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px}.contact-panel{background:var(--navy);color:#fff;padding:38px;border-radius:22px}.contact-panel p{color:#bfd0e2}.contact-method{display:flex;gap:13px;margin-top:22px}.contact-method i{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#12375d;color:#68bcff}.contact-form-card{padding:38px;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.form-label{font-weight:700;color:var(--navy)}.form-control,.form-select{border-color:#cbd9e6;border-radius:10px;padding:.78rem .9rem}.form-control:focus,.form-select:focus{border-color:var(--blue);box-shadow:0 0 0 .25rem rgba(18,140,255,.13)}.field-error{display:block;color:#b42318;font-size:.82rem;margin-top:5px}.validation-summary-errors{background:#fff1f0;color:#8f1d14;border:1px solid #ffd0cc;padding:15px;border-radius:10px;margin-bottom:18px}.form-status{padding:15px;border-radius:10px;margin-bottom:18px}.form-status.success{background:#eaf8f1;color:#166c49}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.privacy-note{font-size:.83rem;color:var(--muted)}
.site-footer{padding:72px 0 22px;background:#041326;color:#fff}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.15fr;gap:42px}.footer-brand img{width:220px}.footer-brand p{color:#aebfd1;max-width:300px;margin-top:20px}.site-footer h2{font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;color:#b9d9f6;margin:8px 0 18px}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:9px 0;color:#aebfd1;font-size:.91rem}.site-footer a{color:#c9d8e7}.site-footer a:hover{color:#fff}.contact-list li{display:flex;gap:9px}.footer-bottom{display:flex;justify-content:space-between;color:#7890aa;font-size:.82rem;border-top:1px solid #16304e;margin-top:48px;padding-top:20px}.whatsapp-float{position:fixed;right:22px;bottom:24px;z-index:1020;display:flex;align-items:center;gap:8px;background:#167d54;color:#fff;padding:12px 17px;border-radius:999px;font-weight:800;box-shadow:0 12px 28px rgba(22,125,84,.32)}.whatsapp-float:hover{background:#126e49;color:#fff;transform:translateY(-2px)}.back-to-top{position:fixed;right:25px;bottom:88px;width:42px;height:42px;border:0;border-radius:50%;background:var(--navy);color:#fff;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;z-index:1010}.back-to-top.is-visible{opacity:1;visibility:visible;transform:none}
[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}[data-reveal].is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}
.form-status.error{background:#fff1f0;color:#8f1d14;border:1px solid #ffd0cc}
.hero{padding:0}
