:root{--navy:#061525;--navy2:#0b2a44;--blue:#087ff5;--cyan:#32c5ff;--ink:#0b1b2d;--muted:#627287;--line:#dfe8f0;--soft:#f5f8fc;--white:#fff;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}button{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-bottom:1px solid rgba(10,33,56,.08)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{width:164px;height:40px;display:flex;align-items:center;overflow:hidden;flex:0 0 164px}.brand img{display:block;width:164px;height:auto;max-height:40px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:22px;font-size:12px;font-weight:700;color:#42556b}.nav-links a:hover,.nav-links a.active{color:var(--blue)}.nav-cta{background:var(--blue);color:#fff!important;padding:12px 18px;border-radius:999px;box-shadow:0 10px 25px rgba(8,127,245,.18)}.menu-toggle{display:none;border:0;background:none;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:#17324a;margin:5px 0}.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#04121f 0%,#08263f 58%,#0c3554 100%);color:#fff}.hero-grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to right,#000,transparent 90%)}.hero-glow{position:absolute;border-radius:50%;filter:blur(20px);opacity:.28}.hero-glow-a{width:260px;height:260px;background:#0aa7ff;right:12%;top:-110px}.hero-glow-b{width:220px;height:220px;background:#04d7ba;right:-90px;bottom:-130px}.hero-inner{position:relative;z-index:2;min-height:460px;display:grid;grid-template-columns:1.3fr .7fr;gap:90px;align-items:center;padding:70px 0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.19em;color:#a8bfd3;margin:0 0 14px}.eyebrow.blue{color:var(--blue)}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(48px,6vw,78px);line-height:1.02;letter-spacing:-.055em;margin:0;max-width:760px}.hero h1 span{color:#39bfff}.hero-copy>p:last-child{font-size:16px;color:#c5d3df;max-width:700px;margin-top:24px}.hero-side{border-left:1px solid rgba(255,255,255,.2);padding-left:35px}.hero-stat strong{display:block;font-family:Manrope,sans-serif;font-size:62px;line-height:1;color:#fff}.hero-stat span{display:block;margin-top:5px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#8eb0c8}.hero-line{height:1px;background:#35536c;margin:24px 0}.hero-side p{color:#b6c7d5;font-size:13px;margin:0}.project-section{padding:100px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:30px}.section-head h2,.capabilities h2,.cta-box h2{font-family:Manrope,sans-serif;font-size:clamp(34px,4vw,50px);line-height:1.05;letter-spacing:-.04em;margin:0}.section-head>p{max-width:450px;color:var(--muted);font-size:13px;margin:0}.filters{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 36px}.filter{border:1px solid #d9e4ee;background:#fff;color:#52677c;padding:10px 15px;border-radius:999px;font-size:11px;font-weight:800;cursor:pointer;transition:.2s}.filter:hover,.filter.active{background:var(--navy);border-color:var(--navy);color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{border-radius:var(--radius);overflow:hidden;background:#0d304c;color:#fff;border:1px solid #164361;box-shadow:0 14px 40px rgba(7,33,54,.08);transition:.3s;cursor:pointer;outline:none}.project-card:hover,.project-card:focus-visible{transform:translateY(-5px);box-shadow:0 22px 55px rgba(7,33,54,.18)}.project-card.hidden{display:none}.project-media{height:270px;position:relative;overflow:hidden;background:#17364d}.project-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(6,21,37,.78) 100%);z-index:1}.project-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}.project-card:hover .project-media img{transform:scale(1.035)}.project-number,.project-type{position:absolute;z-index:2;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:rgba(5,24,40,.64);backdrop-filter:blur(7px);font-size:9px}.project-number{right:15px;top:15px;padding:6px 8px;color:#bfcede}.project-type{left:15px;bottom:15px;padding:6px 10px;color:#fff;text-transform:uppercase;letter-spacing:.08em}.project-body{padding:20px 21px 22px}.project-body small{color:#62c7ff;font-size:10px}.project-body h3{font-family:Manrope,sans-serif;font-size:20px;margin:7px 0 4px}.project-body p{margin:0;color:#b5c7d7;font-size:12px;min-height:38px}.project-link{margin-top:16px;border:0;background:none;color:#53c8ff;padding:0;font-size:11px;font-weight:800;cursor:pointer}.project-link span{margin-left:5px}.capabilities{background:var(--navy);color:#fff;padding:78px 0}.capabilities-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center}.capabilities h2{max-width:570px}.steps{display:flex;flex-wrap:wrap;align-items:center;gap:12px;color:#b7c8d7;font-size:11px;font-weight:700}.steps i{width:18px;height:1px;background:#42617a}.cta-section{padding:88px 0}.cta-box{background:linear-gradient(110deg,#061525,#0c3250);color:#fff;border-radius:27px;padding:54px 58px;display:flex;justify-content:space-between;align-items:center;gap:40px;position:relative;overflow:hidden}.cta-box:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:#087ff5;opacity:.13;right:-170px;top:-210px}.cta-box>div{position:relative;z-index:2}.cta-box h2{max-width:680px}.cta-box p:not(.eyebrow){color:#afc1cf}.cta-actions{min-width:240px;text-align:center}.btn-primary{display:inline-flex;align-items:center;gap:12px;background:var(--blue);padding:14px 20px;border-radius:999px;color:#fff;font-weight:800;font-size:12px;box-shadow:0 12px 28px rgba(8,127,245,.3)}.mail-link{display:block;color:#b9c8d5;margin-top:13px;font-size:11px}footer{background:#03101d;color:#91a5b8;padding:60px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:50px}.logo-chip{display:inline-flex;background:#fff;padding:10px 12px;border-radius:13px}.logo-chip img{display:block;width:150px;height:auto}.footer-brand p{color:#d1dde8;font-weight:600;max-width:240px}.footer-grid h4{color:#fff;margin:0 0 15px;font-size:12px}.footer-grid a,.footer-grid p{display:block;font-size:11px;margin:7px 0}.footer-grid a:hover{color:#fff}.footer-wa{display:inline-block!important;background:#0cc77a;color:#041a12!important;padding:9px 14px;border-radius:999px;font-weight:800;margin-top:10px!important}.footer-bottom{border-top:1px solid #1a2d3e;margin-top:45px;padding-top:18px;display:flex;justify-content:space-between;font-size:10px}.modal{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;padding:30px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(1,8,14,.78);backdrop-filter:blur(8px)}.modal-dialog{position:relative;z-index:2;width:min(960px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:25px;display:grid;grid-template-columns:1.15fr .85fr;box-shadow:0 30px 100px rgba(0,0,0,.45)}.modal-close{position:absolute;right:16px;top:16px;z-index:4;width:38px;height:38px;border:0;border-radius:50%;background:rgba(5,20,35,.78);color:#fff;font-size:23px;cursor:pointer}.modal-image{min-height:490px;background:#0b2032}.modal-image img{width:100%;height:100%;object-fit:cover;display:block}.modal-copy{padding:48px 40px}.modal-copy h2{font-family:Manrope,sans-serif;font-size:34px;line-height:1.05;letter-spacing:-.04em;margin:0 0 10px}.modal-location{color:var(--blue);font-weight:700;font-size:12px}.modal-copy>p:last-of-type{color:var(--muted);font-size:13px}.modal-actions{margin-top:26px}.modal-actions a{display:inline-flex;gap:8px;color:var(--blue);font-size:12px;font-weight:800}.body-lock{overflow:hidden}@media(max-width:1020px){.nav-links{gap:13px}.hero-inner{grid-template-columns:1fr;gap:35px}.hero-side{border-left:0;border-top:1px solid rgba(255,255,255,.2);padding:25px 0 0}.projects-grid{grid-template-columns:repeat(2,1fr)}.capabilities-inner{grid-template-columns:1fr;gap:35px}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.container{width:min(100% - 28px,1180px)}.nav{height:70px}.brand{width:145px;height:34px;flex-basis:145px}.brand img{width:145px;max-height:34px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:15px 20px 20px;flex-direction:column;align-items:stretch;box-shadow:0 20px 35px rgba(0,0,0,.08)}.nav-links.open{display:flex}.nav-links a{padding:9px}.nav-cta{text-align:center}.hero-inner{min-height:390px;padding:55px 0}.hero h1{font-size:48px}.project-section{padding:72px 0}.section-head{display:block}.section-head>p{margin-top:15px}.projects-grid{grid-template-columns:1fr}.project-media{height:250px}.capabilities{padding:65px 0}.cta-box{display:block;padding:38px 28px}.cta-actions{margin-top:28px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.modal-dialog{grid-template-columns:1fr}.modal-image{min-height:300px}.modal-copy{padding:32px 25px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:5px}}@media(max-width:520px){.hero h1{font-size:42px}.filters{gap:7px}.filter{padding:9px 12px}.footer-grid{grid-template-columns:1fr}.modal{padding:14px}.modal-image{min-height:240px}}
/* ==================================================
   DROPDOWN SOLUCIONES - NEXT CONTROL
================================================== */

.site-header,
.nav,
.nav-links{
  overflow: visible !important;
}

.nav-dropdown{
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
}


/* BOTÓN SOLUCIONES */

.nav-dropdown-toggle{
  appearance: none !important;
  -webkit-appearance: none !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  outline: 0 !important;

  background: transparent !important;

  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 600 !important;

  color: #40536a !important;

  line-height: 1 !important;

  cursor: pointer !important;

  white-space: nowrap !important;

  box-shadow: none !important;

  transition: color .2s ease !important;
}

.nav-dropdown-toggle:hover,
.nav-dropdown.open .nav-dropdown-toggle{
  color: #087ff5 !important;
}


/* FLECHA */

.dropdown-arrow{
  display: inline-block !important;

  font-size: 14px !important;

  margin-left: 2px !important;

  transition: transform .25s ease !important;
}

.nav-dropdown.open .dropdown-arrow{
  transform: rotate(180deg) !important;
}


/* ==================================================
   PANEL DESPLEGABLE
================================================== */

.nav-dropdown-menu{
  position: absolute !important;

  top: calc(100% + 24px) !important;
  left: 0 !important;

  width: 320px !important;

  padding: 8px !important;

  margin: 0 !important;

  background: #ffffff !important;

  border: 1px solid #e2eaf2 !important;
  border-radius: 16px !important;

  box-shadow:
    0 18px 45px
    rgba(6,21,37,.14) !important;

  z-index: 9999 !important;

  display: none !important;
}


/* MOSTRAR AL ABRIR */

.nav-dropdown.open .nav-dropdown-menu{
  display: block !important;
}


/* LINKS DEL SUBMENÚ */

.nav-dropdown-menu a{
  display: block !important;

  width: 100% !important;

  padding: 13px 15px !important;
  margin: 0 !important;

  border-radius: 10px !important;

  background: transparent !important;

  color: #40536a !important;

  font-size: 13px !important;
  font-weight: 600 !important;

  line-height: 1.4 !important;

  white-space: normal !important;

  transition:
    background .2s ease,
    color .2s ease !important;
}

.nav-dropdown-menu a:hover{
  background: #f3f7fb !important;
  color: #087ff5 !important;
}


/* DIVISIÓN ENTRE OPCIONES */

.nav-dropdown-menu a + a{
  margin-top: 3px !important;
  border-top: 1px solid #edf2f6 !important;
}


/* ==================================================
   RESPONSIVE
================================================== */

@media(max-width: 720px){

  .nav-dropdown{
    display: block !important;
    width: 100% !important;
  }

  .nav-dropdown-toggle{
    width: 100% !important;

    justify-content: space-between !important;

    padding: 10px !important;
  }

  .nav-dropdown-menu{
    position: static !important;

    width: 100% !important;

    margin-top: 5px !important;

    box-shadow: none !important;

    background: #f5f8fc !important;

    border-radius: 12px !important;
  }

  .nav-dropdown-menu a{
    padding: 12px !important;
  }

}