/* V739 Servicios premium */
:root{
  --mj-bg:#081c35;
  --mj-bg-2:#0d2f53;
  --mj-panel:#0f2742;
  --mj-card:#ffffff;
  --mj-line:#d8e7f6;
  --mj-text:#0d2340;
  --mj-muted:#6d84a3;
  --mj-primary:#2286ff;
  --mj-primary-2:#5ad0ff;
  --mj-pill:#eef5fc;
  --mj-shadow:0 18px 42px rgba(5,32,61,.15);
  --mj-radius:26px;
}
body.mj-v739-nav-ready .mj-hidden-icon{display:none !important;}
body.mj-v739-nav-ready nav a.mj-v739-menu-link,
body.mj-v739-nav-ready .main-nav a.mj-v739-menu-link,
body.mj-v739-nav-ready header nav a.mj-v739-menu-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center;
  gap:0 !important;
  letter-spacing:.01em;
}
body.mj-v739-nav-ready nav a.mj-v739-menu-link .mj-hidden-icon,
body.mj-v739-nav-ready .main-nav a.mj-v739-menu-link .mj-hidden-icon{margin:0 !important; width:0 !important;}
body.mj-v739-nav-ready nav a.mj-v739-menu-link span,
body.mj-v739-nav-ready .main-nav a.mj-v739-menu-link span{display:inline-block;}
body.mj-v739-nav-ready nav a.mj-v739-menu-link,
body.mj-v739-nav-ready .main-nav a.mj-v739-menu-link{
  padding-left:22px !important; padding-right:22px !important;
}
body.mj-v739-nav-ready nav a.mj-v739-menu-link:hover,
body.mj-v739-nav-ready .main-nav a.mj-v739-menu-link:hover{
  transform:translateY(-1px);
}

.mj-services-page{
  color:#fff;
  background:linear-gradient(180deg,#0a2342 0%, #0b2a4b 14%, #eff5fb 14%, #eff5fb 100%);
  margin-top:0;
}
.mj-sv-container{max-width:1340px; margin:0 auto; padding:0 24px;}
.mj-sv-hero{
  background:radial-gradient(circle at 12% 18%, rgba(84,203,255,.18), transparent 28%),
             linear-gradient(100deg,#041628 0%, #0a2e52 58%, #113b68 100%);
  padding:58px 0 52px; color:#fff; overflow:hidden; position:relative;
}
.mj-sv-hero:before{content:''; position:absolute; inset:auto -80px -110px auto; width:360px; height:360px; border-radius:50%; background:rgba(90,208,255,.09); filter:blur(6px);}
.mj-sv-hero-grid{display:grid; grid-template-columns:1.2fr .95fr; gap:28px; align-items:stretch;}
.mj-sv-kicker{font-size:13px; letter-spacing:.16em; text-transform:uppercase; font-weight:800; color:#69c8ff; margin-bottom:18px;}
.mj-sv-title{font-size:clamp(2.6rem,5vw,4.7rem); line-height:.95; font-weight:900; margin:0 0 18px; max-width:760px;}
.mj-sv-lead{font-size:1.1rem; line-height:1.7; color:rgba(255,255,255,.82); max-width:760px; margin:0 0 28px;}
.mj-sv-actions{display:flex; flex-wrap:wrap; gap:14px; margin-bottom:24px;}
.mj-sv-btn{display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:15px 22px; min-height:52px; border-radius:999px; text-decoration:none; font-weight:800; transition:all .24s ease;}
.mj-sv-btn-primary{background:linear-gradient(135deg,#2286ff,#1e9dff); color:#fff; box-shadow:0 14px 28px rgba(34,134,255,.28);}
.mj-sv-btn-secondary{background:rgba(255,255,255,.09); color:#fff; border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(6px);}
.mj-sv-btn:hover{transform:translateY(-2px); filter:brightness(1.03);}
.mj-sv-badges{display:flex; flex-wrap:wrap; gap:10px;}
.mj-sv-badge{padding:9px 14px; border-radius:999px; background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.9); font-size:.92rem; font-weight:700;}
.mj-sv-visual{background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); box-shadow:0 16px 44px rgba(2,18,39,.24); backdrop-filter:blur(8px); border-radius:30px; padding:18px; display:grid; grid-template-rows:1.1fr auto; min-height:480px;}
.mj-sv-hero-media{position:relative; border-radius:22px; overflow:hidden; min-height:280px; background:#0a2749;}
.mj-sv-hero-media img{width:100%; height:100%; object-fit:cover; display:block;}
.mj-sv-hero-overlay{position:absolute; inset:auto 14px 14px 14px; display:grid; gap:10px;}
.mj-sv-mini-pill{display:inline-flex; align-items:center; gap:8px; width:max-content; padding:8px 12px; border-radius:999px; background:rgba(4,21,40,.78); border:1px solid rgba(255,255,255,.15); color:#fff; font-size:.85rem; font-weight:700;}
.mj-sv-highlights{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:14px;}
.mj-sv-highlight{background:rgba(3,20,38,.46); border:1px solid rgba(255,255,255,.08); border-radius:18px; padding:14px 15px;}
.mj-sv-highlight strong{display:block; font-size:1rem; margin-bottom:6px;}
.mj-sv-highlight span{display:block; color:rgba(255,255,255,.76); font-size:.92rem; line-height:1.45;}

.mj-sv-shell{padding:34px 0 72px;}
.mj-sv-process{
  margin-top:-38px; background:linear-gradient(135deg,#08213b,#0f335a); border-radius:30px; padding:26px; box-shadow:0 18px 48px rgba(6,28,53,.18);
}
.mj-sv-process-grid{display:grid; grid-template-columns:1.05fr 1fr; gap:22px; align-items:stretch;}
.mj-sv-process-intro{background:linear-gradient(135deg, rgba(7,26,46,.92), rgba(9,50,85,.82)); border-radius:24px; padding:34px; min-height:320px; display:flex; flex-direction:column; justify-content:center;}
.mj-sv-h2{font-size:clamp(2rem,3.5vw,3.45rem); line-height:1.03; font-weight:900; margin:0 0 14px; color:#fff;}
.mj-sv-subtext{font-size:1.03rem; line-height:1.72; color:rgba(255,255,255,.82);}
.mj-sv-process-right{background:#fff; border-radius:24px; padding:26px; color:var(--mj-text);}
.mj-sv-caption{font-size:13px; letter-spacing:.16em; text-transform:uppercase; font-weight:800; color:#2286ff; margin-bottom:14px;}
.mj-sv-steps{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px;}
.mj-sv-step{border:1px solid var(--mj-line); background:#fbfdff; border-radius:18px; padding:18px 18px 16px; min-height:118px;}
.mj-sv-step-num{font-size:.92rem; color:#9bb0ca; font-weight:900; margin-bottom:8px;}
.mj-sv-step h4{margin:0 0 8px; font-size:1.02rem; color:var(--mj-text);}
.mj-sv-step p{margin:0; color:var(--mj-muted); line-height:1.55; font-size:.95rem;}

.mj-sv-section{padding:42px 0 10px;}
.mj-sv-section-head{display:flex; align-items:end; justify-content:space-between; gap:18px; margin-bottom:22px;}
.mj-sv-section-head p{margin:8px 0 0; max-width:850px; color:#d4e5f8; line-height:1.7; font-size:1.04rem;}
.mj-sv-grid{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px;}
.mj-sv-card{background:var(--mj-card); border:1px solid var(--mj-line); border-radius:26px; overflow:hidden; box-shadow:var(--mj-shadow); display:flex; flex-direction:column; min-height:100%; transition:transform .22s ease, box-shadow .22s ease;}
.mj-sv-card:hover{transform:translateY(-6px); box-shadow:0 22px 48px rgba(5,32,61,.18);}
.mj-sv-card-media{height:212px; overflow:hidden; background:#d8e8f8;}
.mj-sv-card-media img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .45s ease;}
.mj-sv-card:hover .mj-sv-card-media img{transform:scale(1.04);}
.mj-sv-card-body{padding:22px 22px 20px; display:flex; flex-direction:column; flex:1; color:var(--mj-text);}
.mj-sv-card-title{font-size:1.45rem; line-height:1.12; font-weight:900; margin:0 0 10px; color:var(--mj-text);}
.mj-sv-card-desc{font-size:.99rem; line-height:1.68; color:var(--mj-muted); margin:0 0 14px;}
.mj-sv-list{margin:0 0 18px; padding:0; list-style:none; display:grid; gap:8px;}
.mj-sv-list li{position:relative; padding-left:18px; color:#48617e; font-size:.94rem; line-height:1.52;}
.mj-sv-list li:before{content:''; position:absolute; left:0; top:.58em; width:8px; height:8px; border-radius:50%; background:linear-gradient(135deg,#27a1ff,#64d8ff); box-shadow:0 0 0 4px rgba(39,161,255,.12);}
.mj-sv-tags{display:flex; flex-wrap:wrap; gap:8px; margin-top:auto; margin-bottom:14px;}
.mj-sv-tag{display:inline-flex; align-items:center; justify-content:center; padding:7px 11px; border-radius:999px; background:var(--mj-pill); color:#5c7695; font-size:.8rem; font-weight:800;}
.mj-sv-card-cta{display:inline-flex; align-items:center; gap:9px; color:#1882ff; text-decoration:none; font-weight:900;}
.mj-sv-card-cta:hover{gap:12px;}

.mj-sv-two-col{display:grid; grid-template-columns:1.08fr .92fr; gap:22px; align-items:stretch; padding:42px 0 20px;}
.mj-sv-proyectos{background:linear-gradient(135deg,#071a2f,#0d3862); border-radius:28px; padding:30px; box-shadow:0 16px 40px rgba(4,23,43,.18);}
.mj-sv-proyectos p{max-width:700px; color:rgba(255,255,255,.82); line-height:1.72; font-size:1.02rem;}
.mj-sv-pills{display:flex; flex-wrap:wrap; gap:10px; margin-top:20px;}
.mj-sv-pills span{padding:10px 14px; border-radius:999px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.12); color:#fff; font-weight:700; font-size:.9rem;}
.mj-sv-side-card{background:#fff; border:1px solid var(--mj-line); border-radius:28px; box-shadow:var(--mj-shadow); overflow:hidden; display:flex; flex-direction:column;}
.mj-sv-side-card img{width:100%; height:220px; object-fit:cover; display:block;}
.mj-sv-side-card-body{padding:24px; color:var(--mj-text);}
.mj-sv-side-card-body h3{margin:0 0 10px; font-size:1.5rem; color:var(--mj-text);}
.mj-sv-side-card-body p{margin:0 0 16px; color:var(--mj-muted); line-height:1.7;}

.mj-sv-cta{padding:18px 0 36px;}
.mj-sv-cta-box{background:linear-gradient(90deg,#092340 0%, #113b66 100%); border-radius:28px; padding:32px 34px; color:#fff; display:grid; grid-template-columns:1.15fr auto; gap:20px; align-items:center; box-shadow:0 18px 42px rgba(5,32,61,.16);}
.mj-sv-cta-copy h3{margin:0 0 12px; font-size:clamp(1.7rem,3vw,2.4rem); line-height:1.08;}
.mj-sv-cta-copy p{margin:0; color:rgba(255,255,255,.8); line-height:1.72; max-width:860px;}

.mj-sv-reveal{opacity:0; transform:translateY(18px); transition:opacity .45s ease, transform .45s ease;}
.mj-sv-reveal.is-visible{opacity:1; transform:translateY(0);}

@media (max-width:1200px){
  .mj-sv-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:992px){
  .mj-sv-hero-grid, .mj-sv-process-grid, .mj-sv-two-col, .mj-sv-cta-box{grid-template-columns:1fr;}
  .mj-sv-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .mj-sv-visual{min-height:auto;}
}
@media (max-width:680px){
  .mj-sv-shell{padding-left:0;padding-right:0;}
  .mj-sv-container{padding:0 16px;}
  .mj-sv-title{font-size:2.5rem;}
  .mj-sv-grid{grid-template-columns:1fr;}
  .mj-sv-steps, .mj-sv-highlights{grid-template-columns:1fr;}
  .mj-sv-card-media{height:190px;}
  .mj-sv-proyectos, .mj-sv-process, .mj-sv-process-intro, .mj-sv-process-right, .mj-sv-cta-box{padding:22px;}
}