:root{--navy:#0b2b43;--teal:#167f84;--orange:#ed8b36;--muted:#526674;--light:#f3f7f9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--navy);font:16px/1.65 Inter,Arial,sans-serif}h1,h2,h3{font-family:Manrope,Inter,Arial,sans-serif;line-height:1.17}h1{font-size:clamp(2.5rem,5vw,4.5rem);max-width:780px}h2{font-size:clamp(2rem,3vw,3rem);margin:.4rem 0 1rem}h3{font-size:1.25rem}p{max-width:75ch}a{color:inherit}img{max-width:100%}.container{width:min(1120px,92%);margin:auto}.header{position:sticky;top:0;z-index:20;background:#fff;box-shadow:0 1px 14px #09263a15}.nav{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;line-height:1.2}.brand-image{width:185px;height:auto;max-height:88px;object-fit:contain}.brand small{display:block;font-size:.73rem;font-weight:500;letter-spacing:.04em}.links{display:flex;align-items:center;gap:20px}.links a{text-decoration:none;font-size:.94rem;font-weight:600}.links a:hover,.footer a:hover{color:var(--teal)}.menu{display:none;cursor:pointer;background:transparent;border:1px solid #c5d5dc;border-radius:8px;padding:8px 13px;font-size:1.3rem}.btn{display:inline-flex;justify-content:center;align-items:center;background:var(--teal);color:white;border:2px solid var(--teal);padding:12px 22px;border-radius:10px;text-decoration:none;font-weight:700;cursor:pointer;transition:.2s}.btn:hover{background:#0e6468;border-color:#0e6468}.btn.outline{background:transparent;border-color:var(--navy);color:var(--navy)}.btn.outline:hover{background:var(--navy);color:#fff}section{padding:90px 0}.hero{background:linear-gradient(125deg,#f3f9fa,#fff 60%,#dcebee)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:52px}.hero p{font-size:1.12rem}.eyebrow{color:var(--teal);font-size:.83rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.intro{background:var(--light)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.card{border-radius:18px;padding:30px;background:white;border:1px solid #dfebef;box-shadow:0 8px 30px #0b2b4309}.card .number{font-size:2rem;font-weight:800;color:var(--teal)}.service ul{padding-left:20px;color:#405766}.section-lead{color:var(--muted);font-size:1.08rem;margin-bottom:32px}.values{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.values span{border:1px solid #b7d7d8;border-radius:100px;padding:7px 14px;color:#12656b;font-weight:600}.contrast{background:var(--navy);color:#fff}.contrast .section-lead{color:#c5dce5}.contrast .card{background:#12394d;border-color:#2f5769;color:#fff}.contrast .card p{color:#d9e8ee}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:38px}.contact-grid a{color:#0b6c75}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:17px}label{font-weight:650;font-size:.9rem}input,select,textarea{font:inherit;padding:11px 13px;border:1px solid #a7bbc4;border-radius:9px;width:100%;background:white;color:#142a37}input:focus,select:focus,textarea:focus{outline:3px solid #9ad8da}textarea{resize:vertical}.check{display:flex;align-items:flex-start;gap:12px;margin:15px 0}.check input{width:auto;margin-top:7px}.map{width:100%;height:330px;border:0;border-radius:16px;margin-top:35px}.footer{background:#061d2d;color:#dce9f0;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr;gap:26px}.footer a{display:block;text-decoration:none;margin:9px 0}.footer small{display:block;border-top:1px solid #365063;padding-top:18px;margin-top:35px;color:#a9c1cc}.legal{max-width:880px;margin:60px auto;padding:0 25px}.legal h2{font-size:1.55rem;margin-top:40px}.legal h3{font-size:1.13rem}.legal p,.legal li{color:#354b57}.success{min-height:62vh;display:grid;place-items:center;text-align:center}.success .container{max-width:620px}@media(max-width:850px){.menu{display:block}.links{display:none;position:absolute;left:0;right:0;top:90px;background:white;padding:20px 5%;box-shadow:0 15px 24px #102e4320;flex-direction:column;align-items:flex-start}.links.open{display:flex}.hero-grid,.contact-grid{grid-template-columns:1fr}.hero-art{aspect-ratio:16/9;max-height:390px}.grid3{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:580px){section{padding:65px 0}.grid2,.grid3,.footer-grid{grid-template-columns:1fr}.hero-art{aspect-ratio:4/3}.card{padding:23px}.brand{font-size:.88rem}.brand-image{width:145px;max-height:70px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}
.footer-logo{display:block;width:min(100%,290px);height:auto;padding:9px;background:#fff;border-radius:12px}.brand{flex-shrink:0}.hero-logo{filter:drop-shadow(0 8px 18px #0b2b4311)}

/* Rediseño editorial: imagen de planeación, iconografía y geometrías de red */
.hero-art{margin:0;isolation:isolate;position:relative;display:block;aspect-ratio:10/11;min-height:410px;border-radius:34px 34px 90px 34px;overflow:visible;background:#dbe9e9;box-shadow:0 24px 60px rgba(8,45,65,.13)}
.hero-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit;filter:saturate(.85)}
.hero-shade{position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(0deg,rgba(7,39,56,.66) 0%,rgba(7,39,56,.05) 42%,rgba(7,39,56,0) 68%)}
.hero-picture-caption{position:absolute;bottom:24px;left:24px;right:24px;z-index:2;display:flex;align-items:center;gap:13px;color:#fff;font-size:.93rem;text-shadow:0 1px 4px rgba(0,0,0,.3)}
.hero-picture-caption strong{display:block;font-size:1.12rem;line-height:1.35}
.hero-picture-caption small{display:block;color:#e8f4f4;font-size:.76rem;letter-spacing:.01em}
.hero-picture-mark{width:51px;height:51px;border:1px solid rgba(255,255,255,.4);border-radius:16px;background:rgba(255,255,255,.17);display:grid;place-items:center;flex-shrink:0;backdrop-filter:blur(8px)}
.hero-picture-mark svg{width:27px;height:27px}
.hero-accent{position:absolute;z-index:-1;pointer-events:none;border:2px solid rgba(22,127,132,.28);border-radius:50%}
.hero-accent--one{width:105px;height:105px;right:-25px;top:-28px}
.hero-accent--two{width:70px;height:70px;left:-25px;bottom:15%;border-color:rgba(237,139,54,.45)}
.services-section{position:relative;background:radial-gradient(circle at 95% 20%,rgba(22,127,132,.065),transparent 28%),#fff}
.services-grid{align-items:stretch;gap:24px}
.services-grid .service{display:flex;flex-direction:column;position:relative;overflow:hidden;border-radius:26px 26px 52px 26px;padding:30px 28px 28px;isolation:isolate;min-width:0;box-shadow:0 14px 35px rgba(9,52,71,.065);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;--service-accent:#157d85;--service-wash:#e3f2f3}
.services-grid .service:hover{transform:translateY(-5px);box-shadow:0 22px 42px rgba(9,52,71,.12);border-color:#a9d3d6}
.service--support{--service-accent:#0b4765!important;--service-wash:#eaf1f7!important}
.service--planning{--service-accent:#cd7939!important;--service-wash:#fff2e8!important}
.service-decoration{position:absolute;z-index:-1;top:-56px;right:-58px;width:185px;height:185px;border-radius:50%;border:2px solid var(--service-wash);background:radial-gradient(circle,var(--service-wash),transparent 72%);transform:rotate(25deg);pointer-events:none}
.service-decoration i:first-child{position:absolute;inset:24px;border:1px dashed rgba(22,127,132,.22);border-radius:50%}
.service-decoration i:last-child{position:absolute;top:88px;left:-15px;width:12px;height:12px;border-radius:50%;background:var(--service-accent)}
.service-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:27px}
.service-icon{display:grid;place-items:center;width:76px;height:76px;border-radius:21px 21px 31px 21px;background:var(--service-wash);color:var(--service-accent);box-shadow:inset 0 0 0 1px rgba(22,127,132,.08)}
.service-icon svg{width:36px;height:36px}
.service-index{font-weight:800;letter-spacing:.16em;font-size:.72rem;color:var(--service-accent)}
.service-content{flex:1;position:relative}
.service-content h3{margin:0 0 13px;font-size:1.25rem;line-height:1.3}
.service-content p{color:#435b68;margin-top:0}
.service-content ul{margin:19px 0 22px;padding-left:19px}
.service-content li{padding:2px 0}
.service-content li::marker{color:var(--service-accent)}
.service-cta{display:flex;justify-content:space-between;gap:16px;width:100%;font-size:.9rem;padding:11px 16px;margin-top:4px;border-radius:11px}
.service-cta span{font-size:1.15rem;line-height:1}
.approach-section{position:relative;overflow:hidden;background:linear-gradient(145deg,#08283e,#0b3347 72%,#0c4b56)}
.approach-section:before{content:"";position:absolute;top:-230px;right:-180px;width:550px;height:550px;border:1px solid rgba(99,206,207,.14);border-radius:50%;pointer-events:none;box-shadow:0 0 0 65px rgba(38,127,136,.045),0 0 0 135px rgba(38,127,136,.03)}
.approach-section .container{position:relative;z-index:1}
.process-grid{gap:22px}
.process-card{position:relative;overflow:hidden;min-height:240px;border:1px solid rgba(165,219,224,.2);border-radius:24px 48px 24px 24px;background:linear-gradient(125deg,rgba(255,255,255,.075),rgba(255,255,255,.025));padding:30px 32px;transition:background .2s ease,transform .2s ease}
.process-card:hover{transform:translateY(-4px);background:linear-gradient(125deg,rgba(255,255,255,.12),rgba(255,255,255,.035))}
.process-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}
.process-symbol{display:grid;place-items:center;width:60px;height:60px;flex-shrink:0;color:#89e1df;background:rgba(87,197,199,.12);border:1px solid rgba(132,226,227,.22);border-radius:18px 18px 26px 18px}
.process-symbol svg{width:30px;height:30px}
.process-step{color:#9cd6d7;font-weight:800;font-size:.73rem;letter-spacing:.14em}
.process-card h3{color:#fff;margin:0 0 10px}
.process-card p{color:#d5e8ef;max-width:52ch;margin:0}
.process-curve{position:absolute;right:-41px;bottom:-88px;width:200px;height:200px;border:1px dashed rgba(112,209,213,.2);border-radius:50%;pointer-events:none}
.process-curve:after{content:"";position:absolute;inset:38px;border:1px solid rgba(112,209,213,.15);border-radius:50%}
@media(max-width:850px){.hero-art{aspect-ratio:16/10;min-height:320px;max-height:none}.services-grid{gap:18px}}
@media(max-width:580px){.hero-art{aspect-ratio:5/4;min-height:290px;border-radius:24px 24px 65px 24px}.hero-picture-caption{left:16px;right:16px;bottom:18px}.hero-picture-caption small{font-size:.7rem}.services-grid .service{padding:25px}.process-card{min-height:215px;padding:25px}.service-icon{width:68px;height:68px}}
@media(prefers-reduced-motion:reduce){.services-grid .service,.process-card{transition:none}.services-grid .service:hover,.process-card:hover{transform:none}}