:root{--blue:#163f9e;--blue2:#2358c9;--navy:#0b1d45;--sky:#eaf2ff;--ice:#f5f8fd;--ink:#172033;--muted:#68748a;--white:#fff;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),88vw);margin:auto}
nav{height:76px;position:fixed;z-index:50;inset:0 0 auto;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid #e8edf5}.navin{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{font-size:23px;font-weight:800;letter-spacing:-.06em;color:var(--navy)}.links{display:flex;align-items:center;gap:28px;font-size:13px;color:#48546a}.quote{background:var(--blue);color:#fff;padding:12px 18px;border-radius:7px;font-weight:600}
.hero{position:relative;min-height:790px;padding-top:76px;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}.heroWave{position:absolute;inset:0;z-index:0;pointer-events:none}.heroWave svg{width:100%;height:100%}.heroGrid{min-height:714px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;z-index:2}.heroCopy{padding:70px 0 110px}.eyebrow{color:var(--blue2);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px}h1{font-size:clamp(52px,5.8vw,86px);line-height:.96;letter-spacing:-.055em;margin:0;max-width:750px;color:var(--navy);font-weight:700}h1 span{color:var(--blue2)}.lead{font-size:18px;line-height:1.65;color:#5d687c;max-width:610px;margin:28px 0 32px}.actions{display:flex;gap:12px;align-items:center}.primary{background:var(--blue);color:#fff;padding:15px 21px;border-radius:7px;font-size:13px;font-weight:700;box-shadow:0 10px 28px rgba(22,63,158,.18)}.secondary{padding:14px 18px;color:var(--blue);font-size:13px;font-weight:700}
.heroVisual{position:relative;height:650px;align-self:end}.woman{position:absolute;height:94%;bottom:0;left:48%;transform:translateX(-50%);z-index:3;object-fit:contain}.orb{position:absolute;width:470px;height:470px;border-radius:50%;background:linear-gradient(145deg,#dfeaff,#f3f7ff);right:1%;bottom:65px;z-index:1}.float{position:absolute;z-index:5;background:#fff;border:1px solid #e4eaf3;box-shadow:0 18px 45px rgba(35,67,125,.12);border-radius:12px;padding:15px 17px;min-width:190px}.float b{display:block;font-size:13px;color:var(--navy);margin-bottom:4px}.float small{font-size:11px;color:var(--muted)}.f1{right:0;top:160px}.f2{left:-5px;bottom:115px}.dot{width:8px;height:8px;border-radius:50%;background:#3d73df;display:inline-block;margin-right:8px}
.trust{padding:25px 0;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5;background:#fff}.trustin{display:flex;justify-content:space-between;align-items:center;gap:30px}.trust p{margin:0;color:#7b8494;font-size:12px}.trust strong{font-size:13px;color:#39455a}.trustMarks{display:flex;gap:28px;flex-wrap:wrap;color:#9aa3b1;font-weight:700;font-size:12px}
.problem{position:relative;padding:115px 0 145px;background:var(--navy);color:#fff;overflow:hidden}.problem svg{position:absolute;inset:auto 0 0;width:100%;height:280px;opacity:.5}.problemGrid{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;position:relative;z-index:2}.problem h2,.services h2,.work h2,.process h2,.liaSec h2{font-size:clamp(40px,4.6vw,66px);line-height:1.02;letter-spacing:-.045em;margin:0;font-weight:650}.problem h2 span{color:#8bb4ff}.problemIntro{font-size:16px;line-height:1.7;color:#b9c6dd;margin:0 0 35px;max-width:580px}.pills{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pill{padding:16px 18px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:rgba(255,255,255,.045);font-size:13px;color:#d8e1f0}
.services{padding:120px 0;background:#fff}.sectionHead{display:grid;grid-template-columns:1fr .75fr;gap:8vw;align-items:end;margin-bottom:60px}.sectionHead p{font-size:15px;line-height:1.7;color:var(--muted);margin:0}.serviceGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.service{min-height:315px;padding:34px;border:1px solid #e3e9f2;border-radius:14px;position:relative;overflow:hidden;background:#fff;transition:.3s}.service:hover{transform:translateY(-4px);box-shadow:0 22px 55px rgba(36,68,124,.09);border-color:#cfdaeb}.service:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-95px;bottom:-100px;background:#eef4ff}.serviceNo{color:var(--blue2);font-weight:700;font-size:12px;margin-bottom:62px}.service h3{font-size:28px;letter-spacing:-.035em;margin:0 0 14px;color:var(--navy)}.service p{color:var(--muted);font-size:14px;line-height:1.65;max-width:460px;margin:0}.serviceLink{position:absolute;bottom:30px;right:32px;z-index:2;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff}
.work{position:relative;padding:120px 0 150px;background:var(--ice);overflow:hidden}.workWave{position:absolute;top:0;right:0;width:55%;height:100%;opacity:.8}.work .sectionHead{position:relative;z-index:2}.cases{display:grid;gap:28px;position:relative;z-index:2}.case{background:#fff;border-radius:16px;display:grid;grid-template-columns:.78fr 1.22fr;min-height:390px;overflow:hidden;box-shadow:0 10px 35px rgba(34,59,105,.06)}.case:nth-child(even){grid-template-columns:1.22fr .78fr}.case:nth-child(even) .caseCopy{order:2}.case:nth-child(even) .caseVisual{order:1}.caseCopy{padding:45px;display:flex;flex-direction:column;justify-content:center}.caseNo{font-size:11px;color:var(--blue2);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.case h3{font-size:36px;line-height:1.05;letter-spacing:-.04em;color:var(--navy);margin:15px 0}.case p{font-size:14px;line-height:1.65;color:var(--muted)}.caseMeta{font-size:10px;color:#8490a3;margin-top:22px;text-transform:uppercase;letter-spacing:.08em}.caseVisual{background:linear-gradient(145deg,#173d8f,#2865d8);padding:42px;display:grid;place-items:center}.screen{width:90%;height:78%;background:#fff;border-radius:8px;box-shadow:0 30px 55px #09245c66;overflow:hidden}.screenTop{height:25px;background:#f1f3f7;border-bottom:1px solid #e3e6eb}.screenBody{padding:27px;color:var(--navy)}.screenBody small{color:#3768cf;font-size:8px;font-weight:700}.screenBody b{display:block;font-size:30px;line-height:1;margin-top:14px;max-width:330px}.screenLine{height:6px;background:#e8ecf2;width:60%;margin-top:18px}.screenBtn{height:28px;width:100px;background:#1d4eb7;border-radius:4px;margin-top:22px}
.process{padding:120px 0;background:#fff}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:55px}.step{padding:28px 26px;background:#f7f9fc;border-radius:12px;min-height:220px}.step span{color:var(--blue2);font-size:12px;font-weight:700}.step h3{margin:45px 0 10px;font-size:20px;color:var(--navy)}.step p{font-size:13px;line-height:1.6;color:var(--muted)}
.liaSec{position:relative;padding:120px 0;background:#eaf2ff;overflow:hidden}.liaCurve{position:absolute;width:900px;height:900px;border-radius:50%;border:110px solid rgba(35,88,201,.08);right:-470px;top:-300px}.liaGrid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;position:relative;z-index:2}.liaSec p{color:#637087;line-height:1.7;font-size:15px;max-width:530px}.phone{width:340px;margin:auto;background:#fff;border-radius:28px;padding:24px;box-shadow:0 30px 70px rgba(30,65,130,.15)}.phoneTop{font-weight:700;color:var(--navy);padding-bottom:17px;border-bottom:1px solid #edf0f5}.msg{font-size:12px;line-height:1.5;padding:11px 13px;border-radius:12px;background:#f0f3f8;margin:15px 0;max-width:84%}.msg.me{margin-left:auto;background:#dce8ff;color:#173b86}
.cta{position:relative;padding:110px 0;background:var(--blue);color:#fff;overflow:hidden}.cta svg{position:absolute;right:0;top:0;height:100%;width:65%;opacity:.28}.ctaGrid{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:end}.cta h2{font-size:clamp(48px,5.5vw,78px);line-height:.98;letter-spacing:-.05em;margin:0}.cta p{color:#d7e3fb;line-height:1.65;font-size:15px}.cta .primary{background:#fff;color:var(--blue);display:inline-block;margin-top:14px}
footer{background:#081936;color:#fff;padding:34px 0}.foot{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#91a0bb}.foot strong{font-size:20px;color:#fff}
.reveal{opacity:0;transform:translateY(16px);transition:.7s ease}.reveal.on{opacity:1;transform:none}
@media(max-width:900px){.links a:not(.quote){display:none}.heroGrid{grid-template-columns:1fr;min-height:900px}.heroCopy{padding-bottom:0}.heroVisual{height:470px}.woman{left:55%}.problemGrid,.sectionHead,.liaGrid,.ctaGrid{grid-template-columns:1fr}.serviceGrid,.pills{grid-template-columns:1fr}.case,.case:nth-child(even){grid-template-columns:1fr}.case:nth-child(even) .caseCopy,.case:nth-child(even) .caseVisual{order:initial}.caseVisual{min-height:330px}.steps{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.wrap{width:90vw}h1{font-size:49px}.lead{font-size:16px}.heroGrid{min-height:820px}.heroVisual{height:390px}.woman{height:100%;left:58%}.orb{width:310px;height:310px}.float{display:none}.trustin{display:block}.trustMarks{margin-top:16px}.problem,.services,.work,.process,.liaSec{padding:85px 0}.serviceGrid{gap:12px}.service{min-height:280px}.caseCopy{padding:30px}.caseVisual{padding:22px;min-height:260px}.steps{grid-template-columns:1fr}.phone{width:100%}.foot{gap:16px;flex-wrap:wrap}}

.approach{position:relative;padding:110px 0;background:#fff;overflow:hidden}
.approach:before{content:"";position:absolute;width:760px;height:760px;border-radius:50%;border:95px solid #f2f6fd;left:-470px;top:-310px}
.approachGrid{position:relative;z-index:2;display:grid;grid-template-columns:.78fr 1.22fr;gap:8vw;align-items:start}
.approach h2{font-size:clamp(38px,4.2vw,62px);line-height:1.03;letter-spacing:-.045em;margin:0;color:var(--navy);font-weight:650}
.approachIntro{font-size:16px;line-height:1.75;color:var(--muted);margin:0 0 38px;max-width:620px}
.approachRows{border-top:1px solid #dfe6f0}
.approachRow{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid #dfe6f0}
.approachRow span{font-size:11px;font-weight:700;color:var(--blue2)}
.approachRow b{display:block;color:var(--navy);font-size:17px;margin-bottom:6px}
.approachRow p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
@media(max-width:900px){.approachGrid{grid-template-columns:1fr}.approach{padding:85px 0}}


.bridge{background:var(--blue);color:#fff;padding:52px 0;position:relative;overflow:hidden}
.bridge:after{content:"";position:absolute;width:600px;height:260px;border:1px solid rgba(255,255,255,.22);border-radius:50%;right:-130px;top:-150px;transform:rotate(-10deg)}
.bridgeIn{display:flex;align-items:center;justify-content:space-between;gap:50px;position:relative;z-index:2}
.bridge strong{font-size:clamp(25px,3vw,40px);line-height:1.1;letter-spacing:-.035em;max-width:720px}
.bridge span{font-size:12px;color:#dce7ff;max-width:300px;line-height:1.6}
@media(max-width:700px){.bridgeIn{display:block}.bridge span{display:block;margin-top:18px}}


/* ===== HERO V14 — dirección visual aprobada ===== */
.hero{
  position:relative;min-height:790px;padding-top:76px;overflow:hidden;
  background:
    radial-gradient(circle at 76% 42%,rgba(195,218,255,.54) 0 17%,transparent 17.2%),
    linear-gradient(180deg,#fff 0%,#fbfdff 67%,#f1f6ff 100%)!important;
}
.heroWave{position:absolute;inset:0;z-index:0;pointer-events:none}
.heroWave svg{width:100%;height:100%}
.heroGrid{min-height:714px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;z-index:2}
.heroCopy{padding:62px 0 104px;position:relative;z-index:8}
.hero .eyebrow{font-size:12px;letter-spacing:.12em;margin-bottom:25px;color:#155fe5}
.hero h1{
  font-size:clamp(58px,5.45vw,84px);line-height:.985;letter-spacing:-.058em;
  max-width:800px;font-weight:750;color:#0b2357
}
.hero h1 span{color:#1465ed}
.hero .lead{font-size:17px;line-height:1.68;max-width:640px;color:#61708a;margin:28px 0 31px}
.hero .primary{padding:15px 22px;border-radius:8px;background:#075fe8;box-shadow:0 13px 30px rgba(6,80,202,.18)}
.hero .secondary{color:#0b4eb8;padding-left:17px}
.heroVisual{position:relative;height:650px;align-self:end;z-index:4}
.heroVisual:before{
  content:"";position:absolute;width:560px;height:560px;border-radius:50%;
  right:-10px;bottom:42px;background:linear-gradient(145deg,#e7f0ff,#dce9ff);
  z-index:0
}
.heroVisual:after{
  content:"";position:absolute;width:690px;height:440px;right:-155px;bottom:-78px;
  background:#dce9fc;border-radius:53% 47% 0 0/66% 58% 0 0;transform:rotate(-12deg);z-index:-1
}
.woman{
  position:absolute!important;height:91%!important;max-width:none!important;bottom:0!important;
  left:52%!important;transform:translateX(-50%)!important;z-index:3!important;
  object-fit:contain!important;filter:saturate(.9) contrast(1.015)!important;
}
.float{
  z-index:7!important;background:rgba(255,255,255,.96)!important;border:1px solid #e5ebf5!important;
  box-shadow:0 18px 46px rgba(30,64,122,.13)!important;border-radius:12px!important;
  padding:16px 18px!important;min-width:194px!important
}
.float b{font-size:13px!important;color:#0b2357!important}
.float small{font-size:11px!important;color:#71809a!important}
.f1{right:-7px!important;top:166px!important}
.f2{left:-8px!important;bottom:116px!important}
.dot{background:#1768ed!important}
.heroScribble{
  position:absolute;right:-20px;top:340px;z-index:6;color:#47658f;
  font-size:16px;line-height:1.22;font-style:italic;transform:rotate(-7deg);
  opacity:.8;width:145px
}
.heroScribble:after{
  content:"↙";display:block;color:#1768ed;font-size:30px;margin:6px 0 0 58px;
  transform:rotate(-20deg)
}
.trust{padding:0!important;background:#fff!important;border-top:1px solid #edf1f7!important;border-bottom:1px solid #edf1f7!important}
.trustin{min-height:83px;display:grid!important;grid-template-columns:1.1fr 1fr 1fr 1fr 1fr;align-items:center;gap:0!important}
.trustItem{padding:0 25px;border-left:1px solid #e4e9f1;min-height:42px;display:flex;flex-direction:column;justify-content:center}
.trustItem:first-child{padding-left:0;border-left:0}
.trustItem b{font-size:13px;color:#0b2357;margin-bottom:4px}
.trustItem span{font-size:10px;color:#8591a4;line-height:1.35}
.trustTag{font-weight:750!important;color:#52627b!important;font-size:12px!important;letter-spacing:-.02em}
@media(max-width:900px){
 .heroGrid{grid-template-columns:1fr;min-height:930px}
 .heroCopy{padding-bottom:0}
 .heroVisual{height:490px}
 .woman{height:100%!important;left:58%!important}
 .heroVisual:before{width:390px;height:390px;right:0}
 .heroScribble{display:none}
 .trustin{grid-template-columns:1fr 1fr!important;padding:17px 0}
 .trustItem{border:0;padding:10px 14px 10px 0}
}
@media(max-width:560px){
 .hero h1{font-size:50px}
 .heroGrid{min-height:850px}
 .heroVisual{height:405px}
 .woman{left:62%!important}
 .f1{right:-25px!important;top:95px!important}.f2{left:-10px!important;bottom:65px!important}
 .trustin{grid-template-columns:1fr 1fr!important}
}


/* =========================================================
   HERO FINAL SZENDA V16
   La fotografía se usa como asset independiente.
   NO se incrusta una captura de la maqueta.
========================================================= */
.hero{
  position:relative!important;
  min-height:780px!important;
  padding-top:76px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 69%,#f0f6ff 100%)!important;
}
.heroGrid{
  min-height:655px!important;
  display:grid!important;
  grid-template-columns:1.03fr .97fr!important;
  align-items:center!important;
  position:relative!important;
  z-index:4!important;
}
.heroCopy{padding:60px 0 82px!important;position:relative!important;z-index:8!important}
.hero .eyebrow{font-size:12px!important;font-weight:700!important;letter-spacing:.12em!important;color:#0e63ea!important;margin-bottom:25px!important}
.hero h1{
  font-size:clamp(58px,5.35vw,82px)!important;
  line-height:.985!important;letter-spacing:-.058em!important;
  color:#09245a!important;font-weight:750!important;max-width:790px!important;
}
.hero h1 span{color:#0e66f2!important}
.hero .lead{font-size:17px!important;line-height:1.65!important;color:#64738c!important;max-width:625px!important;margin:28px 0 32px!important}
.hero .primary{background:#0867ef!important;border-radius:8px!important;padding:15px 22px!important;box-shadow:0 14px 30px rgba(8,89,214,.18)!important}
.hero .secondary{color:#084aa9!important;font-weight:700!important}

.heroVisual{height:620px!important;position:relative!important;align-self:end!important;z-index:4!important}
.heroVisual:before{
  content:""!important;display:block!important;position:absolute!important;
  width:560px!important;height:560px!important;border-radius:50%!important;
  right:-5px!important;bottom:30px!important;
  background:linear-gradient(145deg,#e7f0ff 0%,#cfe0ff 100%)!important;z-index:0!important;
}
.heroVisual:after{
  content:""!important;display:block!important;position:absolute!important;
  width:720px!important;height:330px!important;right:-220px!important;bottom:-65px!important;
  background:#dce9fc!important;border-radius:55% 0 0 0!important;transform:rotate(-10deg)!important;z-index:-1!important;
}
.hero-woman-final{
  position:absolute!important;z-index:3!important;bottom:0!important;left:52%!important;
  transform:translateX(-50%)!important;height:92%!important;width:auto!important;
  max-width:none!important;object-fit:contain!important;filter:saturate(.92) contrast(1.015)!important;
}
.heroCard{
  position:absolute!important;z-index:7!important;display:flex!important;gap:12px!important;align-items:center!important;
  min-width:205px!important;padding:17px 18px!important;background:rgba(255,255,255,.96)!important;
  border:1px solid #e4ebf5!important;border-radius:12px!important;
  box-shadow:0 18px 45px rgba(28,67,128,.13)!important;
}
.heroCard.digital{left:-14px!important;top:165px!important}
.heroCard.automation{right:-18px!important;bottom:135px!important}
.heroCardIcon{width:30px;height:30px;display:grid;place-items:center;color:#0867ef;font-weight:800;font-size:19px}
.heroCard strong{display:block;font-size:13px;color:#09245a;margin-bottom:4px}
.heroCard small{display:block;font-size:11px;color:#77849a}
.bars{display:flex;align-items:end;gap:3px;width:21px;height:21px}
.bars i{display:block;width:4px;background:#0867ef;border-radius:1px}.bars i:nth-child(1){height:7px}.bars i:nth-child(2){height:13px}.bars i:nth-child(3){height:20px}
.heroNoteFinal{
  position:absolute;
  z-index:6;
  right:-16px;
  top:335px;
  width:155px;
  color:#123a78;
  font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;
  font-size:17px;
  font-weight:600;
  line-height:1.28;
  letter-spacing:-.02em;
  font-style:italic;
  transform:rotate(-6deg);
  text-shadow:0 1px 1px rgba(255,255,255,.65);
}
.heroNoteFinal svg{
  display:block;
  width:72px;
  height:55px;
  margin:5px 0 0 42px;
}
.heroNoteFinal path{
  fill:none;
  stroke:#123a78;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* curvas reales del fondo */
.heroCurve{position:absolute;pointer-events:none;z-index:1}
.heroCurve.top{right:-20px;top:74px;width:58%;height:180px}
.heroCurve.bottom{left:-40px;bottom:82px;width:40%;height:165px}
.heroCurve path{fill:none;stroke:#9bbbf6;stroke-width:1.2}

/* barra de tecnologías */
.techStripWrap{position:relative;z-index:12;margin-top:-27px;padding-bottom:23px}
.techStrip{
  width:min(1240px,88vw);margin:auto;min-height:92px;padding:0 28px;
  display:grid;grid-template-columns:1.45fr repeat(6,1fr);align-items:center;
  background:rgba(255,255,255,.97);border:1px solid #e4ebf5;border-radius:17px;
  box-shadow:0 16px 45px rgba(30,66,124,.08)
}
.techIntro{font-size:13px;line-height:1.45;color:#526783;font-weight:600;padding-right:25px}
.techBrand{height:44px;border-left:1px solid #dfe6f1;display:flex;justify-content:center;align-items:center;gap:9px;font-size:14px;font-weight:700;color:#41516a}
.techBrand svg{width:28px;height:28px;display:block}
.techBrand .word{white-space:nowrap}

/* tech logo colors */
.javaLogo path,.javaLogo ellipse{stroke:#56718e}
.angularLogo path{fill:#dd1638}.angularLogo text{fill:#fff}
.nextLogo circle{fill:#111}.nextLogo path{stroke:#fff}
.wpLogo circle{fill:none;stroke:#53677f;stroke-width:1.7}.wpLogo text{fill:#53677f}
.jsLogo rect{fill:#f7df1e}.jsLogo text{fill:#111}
.cloudLogo path:nth-child(1){fill:#4285f4}.cloudLogo path:nth-child(2){fill:#34a853}.cloudLogo path:nth-child(3){fill:#fbbc05}

@media(max-width:1000px){
  .heroGrid{grid-template-columns:1fr!important;min-height:930px!important}
  .heroCopy{padding-bottom:0!important}
  .heroVisual{height:490px!important}
  .hero-woman-final{height:100%!important;left:57%!important}
  .heroVisual:before{width:405px!important;height:405px!important;right:0!important}
  .heroNoteFinal{display:none}
  .techStrip{grid-template-columns:1fr 1fr 1fr!important;padding:18px 20px!important}
  .techIntro{grid-column:1/-1;padding:0 0 14px!important}
  .techBrand{border-left:0;border-top:1px solid #e7edf5}
}
@media(max-width:560px){
  .hero{min-height:850px!important}
  .heroGrid{min-height:755px!important}
  .hero h1{font-size:49px!important}
  .heroVisual{height:400px!important}
  .hero-woman-final{left:61%!important}
  .heroCard.digital{left:-15px!important;top:85px!important}
  .heroCard.automation{right:-35px!important;bottom:70px!important}
  .heroCard{min-width:175px!important;padding:13px!important}
  .techStrip{grid-template-columns:1fr 1fr!important}
  .techBrand{font-size:12px}
}


/* =========================================================
   VISIÓN / FUNDADOR — SZENDA V19
   Integración de ds.png sin deformar la fotografía
========================================================= */
.founderVision{position:relative;min-height:650px;overflow:hidden;background:radial-gradient(circle at 78% 50%,#143979 0%,#0d2b5f 28%,#081f47 52%,#071a3b 72%,#06152f 100%);color:#fff}
.founderVision:before{content:"SZENDA";position:absolute;left:-22px;bottom:-48px;font-size:clamp(150px,20vw,340px);line-height:.8;letter-spacing:-.08em;font-weight:800;color:rgba(255,255,255,.028);pointer-events:none}
.founderCurve{position:absolute;width:780px;height:780px;border-radius:50%;border:115px solid rgba(38,103,232,.10);right:-330px;top:-320px;pointer-events:none}
.founderLine{position:absolute;right:-120px;top:45px;width:650px;height:430px;border:1px solid rgba(113,158,244,.22);border-radius:50%;transform:rotate(-18deg);pointer-events:none}
.founderGrid{position:relative;z-index:3;min-height:650px;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr);align-items:center;gap:4.5vw}
.founderCopy{padding:90px 0;position:relative;z-index:5}
.founderKicker{display:flex;align-items:center;gap:11px;margin-bottom:25px;color:#77a8ff;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.founderKicker:before{content:"";width:32px;height:1px;background:#4d8cff}
.founderCopy h2{max-width:720px;margin:0;font-size:clamp(43px,4.5vw,67px);line-height:1.02;letter-spacing:-.05em;font-weight:650}
.founderCopy h2 span{color:#75a7ff}
.founderCopy>p{max-width:590px;margin:26px 0 32px;color:#b8c7df;font-size:15px;line-height:1.75}
.founderQuote{max-width:520px;padding:17px 0 17px 21px;border-left:2px solid #3978eb;color:#e9f0fb;font-size:14px;line-height:1.65}
.founderVisual{position:relative;height:650px;align-self:end;z-index:3}
.founderHalo{position:absolute;width:580px;height:580px;border-radius:50%;right:-6%;bottom:-125px;background:radial-gradient(circle at 50% 44%,rgba(54,119,239,.24) 0%,rgba(39,91,190,.17) 38%,rgba(15,47,103,.08) 60%,rgba(7,26,59,0) 74%);pointer-events:none}
.founderPhoto{position:absolute;z-index:3;height:98%;width:auto;max-width:none;bottom:-2px;left:50%;transform:translateX(-50%);object-fit:contain;object-position:bottom center;filter:saturate(.91) contrast(1.015) brightness(.98);user-select:none;pointer-events:none}
.founderVisual:after{content:"";position:absolute;z-index:4;pointer-events:none;left:5%;right:-10%;bottom:-1px;height:115px;background:linear-gradient(to bottom,rgba(7,26,59,0) 0%,rgba(7,26,59,.22) 45%,rgba(7,26,59,.68) 100%)}
.founderIdentity{position:absolute;z-index:6;left:-5px;bottom:62px;min-width:260px;padding:18px 21px;background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.75);border-radius:12px;box-shadow:0 22px 55px rgba(0,0,0,.22);backdrop-filter:blur(10px)}
.founderIdentity strong{display:block;color:#09245a;font-size:16px;letter-spacing:-.02em}
.founderIdentity span{display:block;margin-top:5px;color:#587096;font-size:11px;font-weight:600;letter-spacing:.02em}
.founderAccent{position:absolute;z-index:5;right:-5px;top:165px;width:145px;color:#8bb4ff;font-size:12px;line-height:1.5}
.founderAccent:before{content:"";display:block;width:34px;height:2px;margin-bottom:11px;background:#4d8cff}
@media(max-width:900px){.founderGrid{grid-template-columns:1fr;min-height:980px}.founderCopy{padding:80px 0 15px}.founderVisual{height:510px}.founderPhoto{height:100%;left:53%;bottom:0}.founderHalo{width:430px;height:430px;right:3%;bottom:-80px}.founderAccent{display:none}.founderIdentity{left:0;bottom:48px}}
@media(max-width:560px){.founderVision{min-height:auto}.founderGrid{min-height:870px}.founderCopy{padding:72px 0 10px}.founderCopy h2{font-size:43px}.founderVisual{height:435px}.founderPhoto{height:97%;left:55%;bottom:0}.founderHalo{width:350px;height:350px;right:-15%;bottom:-55px}.founderIdentity{left:0;bottom:27px;min-width:220px;padding:15px 17px}.founderVisual:after{height:80px}}


/* ===== FUNDADOR V20: fondo oscuro aprobado, composición limpia ===== */
.founderVision{
  position:relative!important;min-height:650px!important;overflow:hidden!important;color:#fff!important;
  background:
    radial-gradient(circle at 76% 43%,rgba(29,79,163,.46) 0%,rgba(12,43,94,.20) 31%,transparent 54%),
    linear-gradient(112deg,#041223 0%,#061a36 48%,#0b2d63 100%)!important;
}
.founderVision:before{
  content:"SZENDA"!important;position:absolute!important;z-index:0!important;
  left:46%!important;top:66px!important;bottom:auto!important;white-space:nowrap!important;
  font-size:clamp(125px,16vw,260px)!important;line-height:.82!important;letter-spacing:-.085em!important;
  font-weight:800!important;color:rgba(61,117,215,.105)!important;pointer-events:none!important;
}
.founderVision:after{
  content:""!important;position:absolute!important;z-index:0!important;
  width:780px!important;height:780px!important;right:-300px!important;top:-350px!important;
  border:1px solid rgba(78,139,247,.36)!important;border-radius:50%!important;pointer-events:none!important;
}
.founderCurve{width:730px!important;height:730px!important;right:-245px!important;top:-360px!important;border:115px solid rgba(38,103,232,.07)!important}
.founderLine{right:-160px!important;top:55px!important;width:700px!important;height:455px!important;border-color:rgba(113,158,244,.15)!important}
.founderGrid{min-height:650px!important;grid-template-columns:minmax(0,1.03fr) minmax(430px,.97fr)!important;gap:3.5vw!important}
.founderCopy{padding:86px 0 88px!important}
.founderKicker{margin-bottom:27px!important;color:#79a9ff!important}
.founderKicker:before{background:#2781ff!important}
.founderCopy h2{max-width:690px!important;font-size:clamp(43px,4.35vw,66px)!important;line-height:1.015!important;letter-spacing:-.052em!important;font-weight:700!important}
.founderCopy h2 span{color:#6ea1ff!important}
.founderCopy>p{max-width:590px!important;margin:25px 0 35px!important;color:#b8c5da!important;font-size:15px!important;line-height:1.72!important}
.founderQuote{max-width:525px!important;padding:16px 0 16px 20px!important;border-left:2px solid #2580ff!important;color:#f0f4fb!important;font-size:14px!important;line-height:1.65!important;font-weight:600!important}
.founderVisual{height:650px!important}
.founderHalo{width:610px!important;height:610px!important;right:-5%!important;bottom:-145px!important;background:radial-gradient(circle at 50% 42%,rgba(48,112,229,.25),rgba(27,75,158,.13) 43%,rgba(5,24,53,0) 72%)!important}
.founderPhoto{height:98%!important;left:49%!important;bottom:-2px!important;filter:saturate(.9) contrast(1.025) brightness(.95)!important}
.founderVisual:after{left:-5%!important;right:-16%!important;height:125px!important;background:linear-gradient(to bottom,rgba(5,21,47,0),rgba(5,21,47,.22) 44%,rgba(5,21,47,.78))!important}
.founderSignature{position:absolute;z-index:7;right:-82px;top:285px;width:245px;color:#fff;text-align:left;transform:rotate(-3deg)}
.founderSignature span{display:block;font-family:"Allison",cursive;font-size:58px;line-height:.82;font-weight:400;letter-spacing:.01em;text-shadow:0 2px 12px rgba(0,0,0,.22)}
.founderSignature small{display:block;margin:13px 0 0 48px;font-family:Inter,Arial,sans-serif;font-size:9px;line-height:1.45;font-weight:600;letter-spacing:.15em;color:#b9c9e5}
@media(max-width:900px){.founderVision:before{left:17%!important;top:48%!important;font-size:180px!important}.founderSignature{right:1%;top:245px}}
@media(max-width:560px){.founderSignature{right:0;top:195px;width:185px}.founderSignature span{font-size:44px}.founderSignature small{margin-left:25px;font-size:7px}}


/* ===== CONTACTO + WHATSAPP FLOTANTE ===== */
.contactLead{padding:110px 0;background:#f6f9fe}
.contactLeadGrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:start}
.contactLead h2{font-size:clamp(42px,4.5vw,66px);line-height:1.02;letter-spacing:-.05em;margin:0;color:var(--navy)}
.contactLeadIntro{color:var(--muted);font-size:15px;line-height:1.75;margin:24px 0 0;max-width:500px}
.contactForm{background:#fff;border:1px solid #e1e8f2;border-radius:16px;padding:34px;box-shadow:0 20px 55px rgba(27,61,117,.08)}
.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.field.full{grid-column:1/-1}.field label{display:block;font-size:11px;font-weight:700;color:#53627a;margin:0 0 8px;text-transform:uppercase;letter-spacing:.06em}
.field input,.field select,.field textarea{width:100%;border:1px solid #dce4ef;background:#fbfcfe;border-radius:8px;padding:14px 14px;font:inherit;font-size:13px;color:#172033;outline:none;transition:.2s}
.field textarea{min-height:105px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#4c82e8;box-shadow:0 0 0 3px rgba(35,88,201,.08);background:#fff}
.formHint{font-size:11px;line-height:1.5;color:#8490a3;margin:14px 0 0}.submitLead{border:0;cursor:pointer;margin-top:20px;background:var(--blue);color:#fff;padding:15px 22px;border-radius:8px;font:inherit;font-size:13px;font-weight:700;box-shadow:0 10px 28px rgba(22,63,158,.18)}
.submitLead:disabled{opacity:.65;cursor:wait}.formStatus{min-height:20px;margin-top:13px;font-size:12px;font-weight:600;color:#315eaf}
.waFloat{position:fixed;right:24px;bottom:24px;z-index:90;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;box-shadow:0 12px 32px rgba(0,0,0,.22);transition:.25s}
.waFloat:hover{transform:translateY(-3px) scale(1.03)}.waFloat svg{width:30px;height:30px;fill:currentColor}
.waFloatLabel{position:absolute;right:68px;white-space:nowrap;background:#081936;color:#fff;font-size:11px;font-weight:600;padding:9px 11px;border-radius:7px;opacity:0;transform:translateX(6px);pointer-events:none;transition:.2s}.waFloat:hover .waFloatLabel{opacity:1;transform:none}
@media(max-width:900px){.contactLeadGrid{grid-template-columns:1fr}.contactLead{padding:85px 0}}
@media(max-width:560px){.contactForm{padding:23px}.formGrid{grid-template-columns:1fr}.field.full{grid-column:auto}.waFloat{right:17px;bottom:17px;width:54px;height:54px}.waFloatLabel{display:none}}


/* Agenda SZENDA */
.bookingCta .bookingEyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#9fc0ff;margin-bottom:16px}
.bookingCta .bookingMeta{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 26px}
.bookingCta .bookingMeta span{font-size:12px;font-weight:700;letter-spacing:.02em;padding:8px 11px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:rgba(255,255,255,.88);background:rgba(255,255,255,.05)}
.bookingCta .primary{display:inline-flex;align-items:center;justify-content:center}
@media(max-width:560px){.bookingCta .bookingMeta{margin:17px 0 22px}.bookingCta .bookingMeta span{font-size:11px}}


/* Modal de agenda SZENDA */
.bookingModal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(5,17,43,.76);backdrop-filter:blur(10px)}
.bookingModal.is-open{display:flex}.bookingDialog{position:relative;width:min(1120px,96vw);height:min(820px,92vh);background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.28)}
.bookingModalHead{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 22px 0 28px;border-bottom:1px solid #e8edf5;background:#fff}.bookingModalBrand{display:flex;align-items:baseline;gap:14px}.bookingModalBrand strong{font-size:20px;letter-spacing:.08em;color:#0a2452}.bookingModalBrand span{font-size:13px;color:#667085}.bookingClose{width:42px;height:42px;border:0;border-radius:50%;background:#f2f5fa;color:#0a2452;font-size:28px;line-height:1;cursor:pointer}.bookingFrame{display:block;width:100%;height:calc(100% - 72px);border:0;background:#fff}.bookingFallback{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);font-size:12px;color:#667085;background:rgba(255,255,255,.94);padding:7px 12px;border-radius:999px;box-shadow:0 3px 15px rgba(0,0,0,.08)}.bookingFallback a{color:#174ea6;font-weight:700;text-decoration:none}body.booking-open{overflow:hidden}@media(max-width:640px){.bookingModal{padding:0}.bookingDialog{width:100vw;height:100dvh;border-radius:0}.bookingModalHead{height:64px;padding:0 14px 0 18px}.bookingModalBrand span{display:none}.bookingFrame{height:calc(100% - 64px)}}

/* Contacto corporativo en footer */
.footContact{display:flex;align-items:center;gap:18px}.footContact a{color:#c8d4e8;transition:.2s}.footContact a:hover{color:#fff}.footContact .footMail{display:inline-flex;align-items:center;gap:7px}.footContact .footMail:before{content:"✉";font-size:12px;color:#78a6ff}
@media(max-width:700px){.footContact{width:100%;order:3;justify-content:flex-start;flex-wrap:wrap;gap:10px 18px}}

/* ===== PRODUCTOS DIGITALES · SZENDA ===== */
.productLab{background:#06142d;color:#fff;overflow:hidden}.productIntro{padding:118px 0 82px}.productKicker{display:flex;align-items:center;gap:13px;color:#7faaff;font-size:10px;font-weight:800;letter-spacing:.18em}.productKicker span{width:34px;height:1px;background:#2d7cff}.productIntroGrid{display:grid;grid-template-columns:1.12fr .65fr;gap:8vw;align-items:end;margin-top:27px}.productIntro h2{margin:0;font-size:clamp(47px,5.2vw,76px);line-height:.98;letter-spacing:-.055em;font-weight:650}.productIntro h2 em{font-style:normal;color:#6fa1ff}.productIntro p{margin:0;color:#aab9d0;font-size:14px;line-height:1.8;max-width:470px}.productShow{position:relative}.productShowGrid{min-height:720px;display:grid;grid-template-columns:.78fr 1.22fr;gap:6vw;align-items:center}.productShowGrid.reverse{grid-template-columns:1.2fr .8fr}.productCopy{position:relative;z-index:4}.productIndex{display:flex;align-items:center;gap:18px;color:#6e9ff6;font-size:10px;font-weight:800;letter-spacing:.12em}.productIndex span{color:#8190aa}.productCopy h3{font-size:clamp(78px,9vw,138px);line-height:.78;letter-spacing:-.075em;margin:38px 0 44px;font-weight:750;color:#fff}.productStatement{font-size:clamp(27px,2.5vw,39px);line-height:1.08;letter-spacing:-.045em;color:#dbe6f8}.productStatement strong{color:#6fa2ff;font-weight:650}.productCopy>p{max-width:510px;color:#9dacc3;font-size:14px;line-height:1.75;margin:25px 0}.productTags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 34px}.productTags span{border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:8px 11px;font-size:9px;font-weight:700;letter-spacing:.06em;color:#c6d2e4}.productLink{display:inline-flex;align-items:center;gap:28px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.35);font-size:12px;font-weight:700}.productLink b{font-size:17px}.productLia{background:radial-gradient(circle at 75% 48%,#173f86 0,#0a2451 25%,#06142d 58%)}.liaStage{height:650px;position:relative;display:grid;place-items:center}.liaGlow{position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(46,118,255,.28),rgba(13,47,104,.08) 56%,transparent 72%)}.liaPhone{position:relative;z-index:2;width:355px;height:590px;border:8px solid #102448;border-radius:42px;background:#f7f9fd;padding:0 17px 17px;box-shadow:0 45px 100px rgba(0,0,0,.42),inset 0 0 0 1px #496083;transform:rotate(2deg)}.liaPhoneBar{height:75px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #e4e9f2;color:#12264a}.liaPhoneBar i{width:34px;height:34px;border-radius:50%;background:#0c66ec}.liaPhoneBar b{font-size:13px}.liaPhoneBar small{margin-left:auto;color:#36a567;font-size:9px}.liaChat{padding:22px 0}.liaBubble{max-width:84%;padding:13px 14px;border-radius:15px;font-size:11px;line-height:1.55;margin-bottom:13px;background:#fff;color:#263651;box-shadow:0 5px 14px rgba(27,54,99,.06)}.liaBubble.assistant{margin-left:auto;background:#dbe9ff;color:#123c82}.liaBubble.short{max-width:58%}.liaTyping{margin-left:auto;width:58px;padding:12px;display:flex;gap:4px;background:#dbe9ff;border-radius:15px}.liaTyping i{width:5px;height:5px;border-radius:50%;background:#4775bd}.liaInput{position:absolute;left:17px;right:17px;bottom:18px;background:#fff;border:1px solid #e1e7f0;border-radius:18px;padding:12px 13px;color:#98a3b5;font-size:10px}.liaInput span{float:right;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#1267e9;color:#fff;margin-top:-5px}.productSideNote{position:absolute;right:0;bottom:62px;color:#8fa5c5;font-size:10px;line-height:1.55;border-left:1px solid #3d72ca;padding-left:13px}.productVecinos{background:#f4f7fb;color:#0b234f}.productVecinos:before{content:"";position:absolute;width:800px;height:800px;border-radius:50%;border:1px solid #d9e4f4;left:-320px;top:-220px}.productVecinos .productCopy h3{color:#0a2354;font-size:clamp(62px,7vw,105px);line-height:.83;margin-bottom:42px}.productStatement.dark{color:#43526a}.productStatement.dark strong{color:#0b5ee6}.productVecinos .productCopy>p{color:#68758a}.productTags.light span{border-color:#d7e0ec;color:#53637b;background:#fff}.darkLink{color:#0b4fae;border-color:#b9c8dc}.vecinosStage{height:690px;position:relative;display:grid;place-items:center}.vcPhone{position:relative;z-index:3;width:330px;height:620px;border:8px solid #17243a;border-radius:43px;background:#fff;box-shadow:0 42px 85px rgba(20,45,86,.2);overflow:hidden}.vcNotch{position:absolute;z-index:5;top:9px;left:50%;transform:translateX(-50%);width:115px;height:26px;border-radius:18px;background:#0a101a}.vcScreen{padding:63px 18px 20px;color:#112a58}.vcTop small{display:block;font-weight:700;font-size:9px}.vcTop b{display:block;font-size:21px;letter-spacing:-.04em;margin:22px 0 5px}.vcTop span{font-size:8px;color:#7b8798}.vcAlert{margin:18px 0 22px;padding:15px;background:#e1edff;border-radius:12px}.vcAlert b,.vcAlert small{display:block}.vcAlert b{font-size:10px;color:#0b57c8}.vcAlert small{font-size:8px;margin-top:5px;color:#4f6e9c}.vcLabel{font-size:9px;font-weight:800;margin-bottom:15px}.vcApps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px 8px}.vcApps span{display:flex;flex-direction:column;align-items:center;color:#0867ef;font-size:18px}.vcApps small{margin-top:7px;color:#1e304f;font-size:7px}.vcOrbit{position:absolute;z-index:4;background:#fff;border:1px solid #dce5f0;border-radius:10px;padding:12px 14px;box-shadow:0 12px 32px rgba(24,55,103,.09);font-size:9px;font-weight:800;letter-spacing:.08em;color:#173b75}.vcOrbit small{display:block;margin-top:5px;font-size:8px;font-weight:500;letter-spacing:0;color:#77869c}.vcOne{left:1%;top:150px}.vcTwo{left:3%;bottom:130px}.vcThree{right:0;top:260px}.productClose{background:#0d5fe8}.productCloseGrid{min-height:285px;display:flex;justify-content:space-between;align-items:center;gap:50px}.productClose span{font-size:9px;font-weight:800;letter-spacing:.16em;color:#b9d1ff}.productClose h3{font-size:clamp(34px,4vw,57px);line-height:1.02;letter-spacing:-.05em;margin:15px 0 0}.productClose a{flex:0 0 auto;display:flex;align-items:center;gap:25px;border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:16px 20px;font-size:11px;font-weight:700}.productClose a b{font-size:17px}@media(max-width:900px){.productIntroGrid,.productShowGrid,.productShowGrid.reverse{grid-template-columns:1fr}.productShowGrid{padding:90px 0}.productShowGrid.reverse .vecinosStage{order:2}.productShowGrid.reverse .productCopy{order:1}.liaStage,.vecinosStage{height:620px}.productCloseGrid{padding:70px 0;min-height:auto}.vcOrbit{display:none}}@media(max-width:560px){.productIntro{padding:85px 0 55px}.productIntro h2{font-size:43px}.productShowGrid{padding:70px 0;gap:25px}.productCopy h3{font-size:76px;margin:30px 0 35px}.productVecinos .productCopy h3{font-size:60px}.productStatement{font-size:28px}.liaStage,.vecinosStage{height:535px}.liaPhone{width:285px;height:500px}.vcPhone{width:280px;height:525px}.vcScreen{padding-top:58px}.productSideNote{display:none}.productCloseGrid{display:block}.productClose a{margin-top:30px;width:max-content}}

/* ===== FIX RESPONSIVE FINAL — FUNDADOR ===== */
@media (max-width: 900px){
  .founderVision{min-height:auto!important;}
  .founderGrid{
    min-height:auto!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    align-items:start!important;
  }
  .founderCopy{
    padding:76px 0 34px!important;
    width:100%!important;
    max-width:none!important;
  }
  .founderCopy h2{max-width:680px!important;}
  .founderCopy>p{max-width:620px!important;}
  .founderVisual{
    height:540px!important;
    width:100%!important;
    align-self:auto!important;
  }
  .founderPhoto{
    height:100%!important;
    left:50%!important;
    bottom:0!important;
  }
  .founderSignature{right:4%!important;top:235px!important;}
}
@media (max-width: 560px){
  .founderVision:before{
    left:8%!important;
    top:48%!important;
    font-size:105px!important;
  }
  .founderGrid{width:90vw!important;}
  .founderCopy{padding:64px 0 30px!important;}
  .founderKicker{margin-bottom:18px!important;font-size:10px!important;}
  .founderCopy h2{
    font-size:39px!important;
    line-height:1.04!important;
    max-width:100%!important;
  }
  .founderCopy>p{
    margin:20px 0 24px!important;
    font-size:14px!important;
    line-height:1.68!important;
    max-width:100%!important;
  }
  .founderQuote{
    max-width:100%!important;
    padding:14px 0 14px 17px!important;
    font-size:13px!important;
  }
  .founderVisual{height:455px!important;}
  .founderPhoto{
    height:100%!important;
    left:51%!important;
    max-width:none!important;
  }
  .founderHalo{
    width:390px!important;
    height:390px!important;
    right:-18%!important;
    bottom:-75px!important;
  }
  .founderSignature{
    right:-3%!important;
    top:195px!important;
    width:185px!important;
  }
  .founderSignature span{font-size:44px!important;}
  .founderSignature small{margin:10px 0 0 24px!important;font-size:7px!important;}
}

/* ===== PRODUCTOS SZENDA · VERSIÓN COMPACTA ===== */
.productIntro{padding:76px 0 48px!important}
.productIntroGrid{margin-top:20px!important}
.productIntro h2{font-size:clamp(40px,4.4vw,62px)!important}
.productShowGrid{min-height:520px!important;gap:4.5vw!important}
.productCopy h3{font-size:clamp(64px,7.2vw,108px)!important;margin:26px 0 28px!important}
.productStatement{font-size:clamp(24px,2.15vw,33px)!important}
.productCopy>p{margin:18px 0!important;line-height:1.65!important}
.productTags{margin-bottom:23px!important}
.liaStage{height:500px!important}
.liaGlow{width:430px!important;height:430px!important}
.liaPhone{width:290px!important;height:475px!important;border-radius:36px!important}
.liaPhoneBar{height:62px!important}
.liaChat{padding:15px 0!important}
.liaBubble{padding:10px 12px!important;margin-bottom:9px!important}
.productSideNote{bottom:38px!important}
.productVecinos .productCopy h3{font-size:clamp(52px,5.8vw,82px)!important;margin:25px 0 28px!important}
.vecinosStage{height:520px!important}
.vcPhone{width:275px!important;height:505px!important;border-radius:37px!important}
.vcScreen{padding:56px 15px 16px!important}
.vcTop b{font-size:18px!important;margin:16px 0 4px!important}
.vcAlert{margin:13px 0 15px!important;padding:11px!important}
.vcApps{gap:17px 7px!important}
.vcOne{top:105px!important}.vcTwo{bottom:90px!important}.vcThree{top:205px!important}
.productCloseGrid{min-height:205px!important}
.productClose h3{font-size:clamp(30px,3.3vw,46px)!important}
@media(max-width:900px){.productShowGrid{min-height:auto!important;padding:65px 0!important}.liaStage,.vecinosStage{height:500px!important}.productCloseGrid{padding:50px 0!important}}
@media(max-width:560px){.productIntro{padding:68px 0 42px!important}.productShowGrid{padding:55px 0!important}.liaStage,.vecinosStage{height:470px!important}.liaPhone{width:270px!important;height:450px!important}.vcPhone{width:260px!important;height:470px!important}.productCloseGrid{padding:45px 0!important}}

/* ===== VECINOS CONECTADOS · VISUAL PREMIUM ===== */
.vcVisualNetwork{position:absolute;inset:0;z-index:4;pointer-events:none}
.vcAura{position:absolute;left:50%;top:50%;width:430px;height:430px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(20,103,239,.12) 0,rgba(20,103,239,.045) 42%,transparent 69%)}
.vcRing{position:absolute;left:50%;top:50%;border:1px solid rgba(48,107,205,.16);border-radius:50%;transform:translate(-50%,-50%)}
.vcRing.r1{width:410px;height:410px}.vcRing.r2{width:500px;height:500px;border-style:dashed;animation:vcRotate 34s linear infinite}
.vcHub{position:absolute;display:flex;align-items:center;gap:11px;padding:10px 13px 10px 10px;border:1px solid rgba(211,224,243,.9);border-radius:18px;background:rgba(255,255,255,.86);box-shadow:0 18px 44px rgba(21,51,98,.13);backdrop-filter:blur(12px);color:#0b2d63;animation:vcHubFloat 5.5s ease-in-out infinite}
.vcHubIcon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#edf4ff,#fff);box-shadow:inset 0 0 0 1px #dce8fa}
.vcHubIcon svg{width:20px;height:20px;fill:none;stroke:#0867ef;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.vcHub b{display:block;font-size:9px;letter-spacing:.035em}.vcHub small{display:block;margin-top:3px;font-size:7px;color:#8290a5}
.vcResident{left:0;top:18%}.vcAdmin{left:-2%;bottom:18%;animation-delay:-1.3s}.vcGate{right:-1%;top:25%;animation-delay:-2.6s}.vcCommunity{right:1%;bottom:15%;animation-delay:-3.9s}
.vcPulse{position:absolute;width:7px;height:7px;border-radius:50%;background:#0b67ee;box-shadow:0 0 0 0 rgba(11,103,238,.28);animation:vcPulse 2.4s ease-out infinite}.vcPulse.p1{left:21%;top:31%}.vcPulse.p2{right:19%;top:38%;animation-delay:-.8s}.vcPulse.p3{left:22%;bottom:27%;animation-delay:-1.6s}
.vcPhone{z-index:5!important;box-shadow:0 48px 100px rgba(20,45,86,.23),0 0 0 1px rgba(255,255,255,.55)!important}
@keyframes vcHubFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes vcRotate{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes vcPulse{0%{box-shadow:0 0 0 0 rgba(11,103,238,.28)}70%,100%{box-shadow:0 0 0 13px rgba(11,103,238,0)}}
@media(max-width:900px){.vcVisualNetwork{display:none}}
@media(prefers-reduced-motion:reduce){.vcHub,.vcRing.r2,.vcPulse{animation:none}}

/* ===== VECINOS CONECTADOS · PRODUCT SHOWCASE V4 ===== */
.vcVisualNetwork{display:none!important}
.vecinosStage{overflow:visible!important;perspective:1200px}
.vcWebPanel{position:absolute;z-index:1;width:440px;height:305px;left:50%;top:50%;transform:translate(-68%,-48%) rotateY(5deg);border:1px solid #dbe5f2;border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 35px 85px rgba(22,48,91,.13);overflow:hidden}
.vcWebBar{height:42px;border-bottom:1px solid #e9eef5;display:flex;align-items:center;padding:0 15px;gap:6px;background:#fbfcfe}.vcWebBar i{width:7px;height:7px;border-radius:50%;background:#d6dfeb}.vcWebBar b{margin-left:10px;font-size:8px;letter-spacing:.08em;color:#7890b2}.vcWebBody{display:grid;grid-template-columns:92px 1fr;height:263px}.vcWebNav{border-right:1px solid #edf1f6;padding:18px 12px;background:#fafcff}.vcWebBrand{font-size:8px;font-weight:800;color:#0c57c8;margin-bottom:24px}.vcWebNav span{display:block;height:7px;border-radius:4px;background:#e8eef7;margin:0 0 14px}.vcWebNav span:nth-child(2){background:#bcd3fa;width:78%}.vcWebMain{padding:20px}.vcWebHello{font-size:8px;color:#8090a8}.vcWebTitle{font-size:18px;font-weight:750;color:#102c5b;margin:5px 0 18px;letter-spacing:-.04em}.vcMetricGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.vcMetric{padding:11px;border:1px solid #e8edf4;border-radius:10px;background:#fff}.vcMetric svg{width:16px;height:16px;fill:none;stroke:#1268e8;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.vcMetric b{display:block;margin-top:8px;font-size:12px;color:#123467}.vcMetric small{font-size:6px;color:#8996a9}.vcWebChart{height:65px;margin-top:12px;border:1px solid #edf1f6;border-radius:10px;position:relative;overflow:hidden;background:linear-gradient(180deg,#fbfdff,#fff)}.vcWebChart svg{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px)}
.vcPhone{transform:translate(112px,18px) rotate(1.5deg)!important;z-index:4!important;width:285px!important;height:505px!important;border-width:7px!important;border-radius:38px!important;box-shadow:0 38px 90px rgba(19,43,82,.24),0 0 0 1px rgba(255,255,255,.8)!important}.vcNotch{width:98px!important;height:22px!important}.vcScreen{padding:55px 16px 18px!important}.vcTop b{font-size:18px!important;margin:18px 0 4px!important}.vcAlert{margin:14px 0 17px!important;padding:12px!important}.vcApps{gap:18px 6px!important}
.vcFeatureNode{position:absolute;z-index:6;width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:rgba(255,255,255,.94);border:1px solid #dbe6f4;box-shadow:0 15px 36px rgba(24,55,103,.12);backdrop-filter:blur(10px);animation:vcNodeFloat 5s ease-in-out infinite}.vcFeatureNode svg{width:23px;height:23px;fill:none;stroke:#0d66e8;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.vcFeatureNode:after{content:attr(data-label);position:absolute;left:50%;top:62px;transform:translateX(-50%);white-space:nowrap;font-size:7px;font-weight:750;letter-spacing:.07em;color:#667895;text-transform:uppercase}.vcNodeUsers{left:2%;top:25%}.vcNodeGate{left:7%;bottom:23%;animation-delay:-1.5s}.vcNodePay{right:-1%;top:19%;animation-delay:-3s}.vcNodeReserve{right:1%;bottom:17%;animation-delay:-4s}.vcConnection{position:absolute;z-index:0;inset:0;pointer-events:none}.vcConnection path{fill:none;stroke:#cbdcf4;stroke-width:1;stroke-dasharray:3 6;opacity:.9}.vcConnection circle{fill:#0e67e9;filter:drop-shadow(0 0 5px rgba(14,103,233,.35))}.vcPlatformBadge{position:absolute;z-index:7;left:50%;bottom:4px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;padding:9px 13px;border-radius:999px;background:#0c2c61;color:#fff;box-shadow:0 12px 30px rgba(11,45,98,.18);font-size:8px;font-weight:750;letter-spacing:.06em}.vcPlatformBadge i{width:6px;height:6px;border-radius:50%;background:#5ba0ff;box-shadow:0 0 0 5px rgba(91,160,255,.13)}
@keyframes vcNodeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(max-width:900px){.vcWebPanel{width:390px;height:280px;transform:translate(-62%,-48%)}.vcPhone{transform:translate(92px,15px) rotate(1deg)!important}.vcFeatureNode{display:none}.vcConnection{display:none}}
@media(max-width:560px){.vcWebPanel{width:300px;height:230px;transform:translate(-57%,-50%)}.vcWebBody{grid-template-columns:68px 1fr}.vcWebNav{padding:14px 9px}.vcWebMain{padding:14px}.vcMetricGrid{gap:5px}.vcMetric{padding:7px}.vcWebChart{display:none}.vcPhone{width:225px!important;height:410px!important;transform:translate(65px,22px) rotate(1deg)!important}.vcPlatformBadge{bottom:0;font-size:7px}}
@media(prefers-reduced-motion:reduce){.vcFeatureNode{animation:none}}

/* ===== LIA · ORQUESTADOR DIGITAL — IDENTIDAD PROPIA ===== */
.liaStage{height:500px!important;position:relative;overflow:visible!important;display:block!important}
.liaGlow{position:absolute!important;left:50%!important;top:50%!important;width:390px!important;height:390px!important;transform:translate(-50%,-50%)!important;background:radial-gradient(circle,rgba(41,116,255,.20),rgba(20,63,138,.07) 48%,transparent 72%)!important}
.liaSystem{position:absolute;inset:0;z-index:3}
.liaCore{position:absolute;left:50%;top:50%;width:146px;height:146px;transform:translate(-50%,-50%);border-radius:38px;background:linear-gradient(145deg,#176cf0,#0a3d9d);border:1px solid rgba(151,190,255,.48);box-shadow:0 30px 70px rgba(0,0,0,.34),0 0 0 16px rgba(58,126,242,.055),0 0 0 34px rgba(58,126,242,.025);display:grid;place-items:center;color:#fff;z-index:8}
.liaCore:before,.liaCore:after{content:"";position:absolute;border:1px solid rgba(113,166,255,.19);border-radius:50%;animation:liaPulse 3.2s ease-out infinite}.liaCore:before{width:205px;height:205px}.liaCore:after{width:275px;height:275px;animation-delay:1.1s}
.liaCoreMark{position:relative;z-index:2;text-align:center}.liaCoreMark strong{display:block;font-size:39px;line-height:.9;letter-spacing:-.07em}.liaCoreMark span{display:block;margin-top:10px;font-size:7px;font-weight:800;letter-spacing:.16em;color:#c7dcff}
.liaFlowSvg{position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:visible}.liaFlowSvg path{fill:none;stroke:#568de9;stroke-width:1.2;stroke-dasharray:4 8;opacity:.52;animation:liaDash 10s linear infinite}.liaFlowSvg circle{fill:#7fb0ff;filter:drop-shadow(0 0 7px #4b8cff)}
.liaModule{position:absolute;z-index:6;background:rgba(255,255,255,.975);border:1px solid rgba(152,184,234,.27);border-radius:14px;color:#102958;box-shadow:0 18px 46px rgba(0,0,0,.2);backdrop-filter:blur(12px);overflow:hidden;animation:liaFloat 6s ease-in-out infinite}.liaModuleTop{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #e9eef6;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#536b91}.liaModuleTop i{width:7px;height:7px;border-radius:50%;background:#176bea;box-shadow:0 0 0 4px #e7f0ff}.liaModuleBody{padding:11px 12px}.liaModule b{display:block;font-size:10px;margin-bottom:4px}.liaModule small{display:block;font-size:8px;line-height:1.45;color:#72829b}.liaOk{margin-top:7px!important;color:#299763!important;font-weight:800}.liaOk:before{content:"✓";margin-right:5px}.liaConversation{width:188px;left:0;top:42px;animation-delay:-.5s}.liaAgendaPanel{width:180px;right:0;top:38px;animation-delay:-2s}.liaCrmPanel{width:190px;left:-4px;bottom:38px;animation-delay:-3.5s}.liaPayPanel{width:180px;right:-2px;bottom:42px;animation-delay:-4.8s}
.liaChatMini{display:grid;gap:6px}.liaChatMini span{width:88%;padding:7px 8px;border-radius:8px;background:#f0f3f8;font-size:7.5px;line-height:1.4;color:#52627b}.liaChatMini span:nth-child(2){margin-left:auto;background:#e1edff;color:#174b9d}.liaCalendar{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:8px}.liaCalendar i{height:19px;border-radius:5px;background:#f0f4fa}.liaCalendar i.active{background:#176bea;box-shadow:0 5px 12px rgba(23,107,234,.22)}.liaContact{display:flex;gap:9px;align-items:center}.liaAvatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e5efff;color:#176bea;font-size:10px;font-weight:800}.liaContactLines{flex:1}.liaContactLines i{display:block;height:5px;border-radius:4px;background:#e9eef5;margin:4px 0}.liaContactLines i:first-child{width:74%;background:#cddbf0}.liaPaymentRow{display:flex;align-items:center;justify-content:space-between;margin-top:7px;padding:8px;border-radius:8px;background:#f4f7fb}.liaPaymentRow strong{font-size:12px;color:#153c7b}.liaPaymentRow span{font-size:7px;font-weight:800;color:#299763;background:#e9f8f0;padding:5px 6px;border-radius:999px}.liaActionTrail{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);z-index:9;display:flex;align-items:center;gap:8px;white-space:nowrap;color:#9bb9eb;font-size:7px;font-weight:800;letter-spacing:.11em}.liaActionTrail i{width:5px;height:5px;border-radius:50%;background:#55d58b;box-shadow:0 0 0 4px rgba(85,213,139,.09)}
@keyframes liaPulse{0%{transform:scale(.76);opacity:.7}100%{transform:scale(1.18);opacity:0}}@keyframes liaFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes liaDash{to{stroke-dashoffset:-120}}
@media(max-width:900px){.liaStage{height:500px!important}.liaConversation,.liaAgendaPanel{top:45px}.liaCrmPanel,.liaPayPanel{bottom:42px}.liaModule{transform:scale(.9)}.liaConversation,.liaCrmPanel{left:2%}.liaAgendaPanel,.liaPayPanel{right:2%}}
@media(max-width:560px){.liaStage{height:455px!important}.liaCore{width:112px;height:112px;border-radius:30px}.liaCoreMark strong{font-size:31px}.liaCore:before{width:160px;height:160px}.liaCore:after{width:215px;height:215px}.liaModule{width:145px!important}.liaModuleTop{padding:8px 9px;font-size:6.5px}.liaModuleBody{padding:9px}.liaConversation,.liaAgendaPanel{top:26px}.liaCrmPanel,.liaPayPanel{bottom:34px}.liaConversation,.liaCrmPanel{left:-3%}.liaAgendaPanel,.liaPayPanel{right:-3%}.liaCalendar i{height:14px}.liaActionTrail{font-size:6px}}
@media(prefers-reduced-motion:reduce){.liaCore:before,.liaCore:after,.liaModule,.liaFlowSvg path{animation:none}}

/* ===== PROCESO SZENDA · COMPACTO DESKTOP + MOBILE ===== */
.processRefined{padding:96px 0!important}
.processRefined .sectionHead{margin-bottom:38px!important}
.processSteps{position:relative;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important;margin-top:0!important}
.processStep{position:relative;min-height:190px!important;padding:20px 20px 17px!important;background:linear-gradient(145deg,#f8faff,#f3f7fc)!important;border:1px solid #e6edf6;border-radius:13px!important;display:flex;flex-direction:column;overflow:hidden;transition:.25s ease}
.processStep:hover{transform:translateY(-3px);border-color:#cddbf0;box-shadow:0 14px 34px rgba(25,61,120,.08)}
.processStep:before{content:"";position:absolute;left:0;top:0;width:34px;height:3px;background:#1267e9;border-radius:0 3px 3px 0}
.processStepHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}
.processStepHead>span{color:#1267e9!important;font-size:10px!important;font-weight:800!important;letter-spacing:.08em}
.processIcon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#fff;border:1px solid #dce6f3;color:#1267e9;font-size:17px;font-weight:700;box-shadow:0 6px 16px rgba(24,65,130,.06)}
.processStep h3{margin:0 0 8px!important;font-size:19px!important;color:#071d49!important;letter-spacing:-.025em}
.processStep p{margin:0!important;font-size:11.5px!important;line-height:1.55!important;color:#68778f!important;max-width:240px}
.processStep small{display:block;margin-top:auto;padding-top:17px;color:#8794a8;font-size:6.8px;font-weight:800;letter-spacing:.08em;line-height:1.45}
@media(max-width:900px){
  .processRefined{padding:74px 0!important}
  .processSteps{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}
  .processStep{min-height:175px!important}
}
@media(max-width:560px){
  .processRefined{padding:62px 0!important}
  .processRefined .sectionHead{margin-bottom:27px!important}
  .processSteps{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .processStep{min-height:154px!important;padding:14px 13px 12px!important;border-radius:11px!important}
  .processStepHead{margin-bottom:15px!important}
  .processIcon{width:29px;height:29px;border-radius:8px;font-size:14px}
  .processStepHead>span{font-size:9px!important}
  .processStep h3{font-size:16px!important;margin-bottom:6px!important}
  .processStep p{font-size:9.5px!important;line-height:1.45!important}
  .processStep small{padding-top:11px;font-size:5.6px;letter-spacing:.045em}
}
@media(max-width:360px){
  .processSteps{grid-template-columns:1fr!important}
  .processStep{min-height:135px!important}
}


/* ===== FIX VICTORIA · NÚCLEO CENTRAL ===== */

.liaCoreMark{
    width:100%;
    padding:0 10px;
    text-align:center;
}

.liaCoreMark strong{
    display:block;
    width:100%;
    font-size:24px !important;
    line-height:1 !important;
    letter-spacing:-0.055em !important;
    white-space:nowrap;
    text-align:center;
}

.liaCoreMark span{
    display:block;
    margin-top:7px;
    font-size:6px !important;
    letter-spacing:.12em !important;
    white-space:nowrap;
    text-align:center;
}

@media(max-width:560px){
    .liaCoreMark strong{
        font-size:20px !important;
    }

    .liaCoreMark span{
        font-size:5px !important;
    }
}
/* =========================================================
   SZENDA · PROBLEMA VISUAL + SERVICIOS INTERACTIVOS
   VICTORIA NO SE MODIFICA
========================================================= */
.problemVisualV2{position:relative;overflow:hidden;padding:105px 0;background:var(--navy);color:#fff}
.problemVisualV2 .problemBackdrop{position:absolute;inset:auto 0 -40px;width:100%;height:300px;pointer-events:none}
.problemVisualGrid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:80px;align-items:center}
.problemVisualCopy h2{max-width:720px;margin:20px 0 24px;font-size:clamp(48px,5vw,74px);line-height:.98;letter-spacing:-.055em}
.problemVisualCopy h2 span{color:#79a6ff}
.problemVisualCopy p{max-width:620px;margin:0;color:#c7d8f8;font-size:17px;line-height:1.7}
.businessMap{position:relative;width:100%;aspect-ratio:520/420;max-width:520px;margin:auto}
.businessMapLines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.businessMapLines path{fill:none;stroke:#5f91ef;stroke-width:1.5;stroke-dasharray:8 9;animation:szendaFlow 8s linear infinite}
.businessNode{position:absolute;display:grid;place-items:center;text-align:center;width:126px;height:76px;border:1px solid rgba(139,180,255,.35);border-radius:16px;background:rgba(10,36,83,.82);backdrop-filter:blur(10px);box-shadow:0 18px 50px rgba(0,0,0,.18);color:#fff;animation:szendaNodeFloat 5s ease-in-out infinite}
.businessNode span,.businessNode small{display:block;color:#8bb4ff;font-size:9px;font-weight:800;letter-spacing:.12em}
.businessNode strong{display:block;margin-top:4px;font-size:13px;letter-spacing:.03em}
.businessNodeCore{left:50%;top:50%;width:150px;height:104px;transform:translate(-50%,-50%);border-color:#79a6ff;background:linear-gradient(145deg,#0e3b91,#1768e8);box-shadow:0 0 0 12px rgba(49,112,225,.08),0 24px 60px rgba(0,0,0,.24);animation:szendaCorePulse 4s ease-in-out infinite}
.businessNodeCore strong{font-size:19px}.businessNodeCore small{color:#dbe8ff}
.businessNodeBrand{left:50%;top:3%;transform:translateX(-50%);animation-delay:.2s}
.businessNodeWeb{right:0;top:50%;transform:translateY(-50%);animation-delay:.5s}
.businessNodeContent{left:50%;bottom:3%;transform:translateX(-50%);animation-delay:.8s}
.businessNodeOps{left:0;top:50%;transform:translateY(-50%);animation-delay:1.1s}
@keyframes szendaFlow{to{stroke-dashoffset:-68}}
@keyframes szendaNodeFloat{0%,100%{margin-top:0}50%{margin-top:-5px}}
@keyframes szendaCorePulse{0%,100%{box-shadow:0 0 0 12px rgba(49,112,225,.08),0 24px 60px rgba(0,0,0,.24)}50%{box-shadow:0 0 0 20px rgba(49,112,225,.04),0 24px 60px rgba(0,0,0,.24)}}

.servicesInteractive{padding:105px 0 115px;background:#fff}
.servicesInteractive .servicesUnifiedHead{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:80px;align-items:end;margin-bottom:55px}
.servicesInteractive .servicesUnifiedTitle .eyebrow{margin-bottom:18px}
.servicesInteractive .servicesUnifiedTitle h2{max-width:760px;margin:0;color:var(--ink);font-size:clamp(44px,4.6vw,68px);line-height:.98;letter-spacing:-.055em}
.servicesInteractive .servicesUnifiedTitle h2 span{display:block;color:var(--blue)}
.servicesInteractive .servicesUnifiedIntro p{max-width:410px;margin:0;color:var(--muted);font-size:16px;line-height:1.7}
.szendaServiceStack{position:relative;max-width:900px;margin:55px auto 0;display:flex;flex-direction:column;perspective:1200px;transform-style:preserve-3d;padding-bottom:75px;transition:gap .5s ease}
.szendaServiceCard{position:relative;min-height:138px;padding:24px 78px 24px 24px;display:flex;align-items:center;gap:22px;background:#fff;border:1px solid #dbe4f3;border-radius:16px;box-shadow:0 18px 45px rgba(10,38,82,.08),0 3px 10px rgba(10,38,82,.04);cursor:pointer;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .45s ease,filter .45s ease,box-shadow .45s ease;transition-delay:calc(var(--i) * 35ms)}
.szendaServiceCard:nth-child(1){transform:translateZ(-70px) translateY(28px) scale(.965);opacity:.62;filter:blur(1.6px)}
.szendaServiceCard:nth-child(2){transform:translateZ(-20px) translateY(5px) scale(.985);opacity:.8;filter:blur(.8px)}
.szendaServiceCard:nth-child(3){transform:translateZ(48px) translateY(-22px)}
.szendaServiceCard:nth-child(4){transform:translateZ(105px) translateY(-52px);box-shadow:0 24px 55px rgba(10,38,82,.13),0 4px 12px rgba(10,38,82,.06)}
.szendaServiceStack:hover{gap:14px}.szendaServiceStack:hover .szendaServiceCard{transform:translateZ(0) translateY(0) scale(1);opacity:1;filter:none}
.szendaServiceIcon{flex:0 0 68px;width:68px;height:68px;display:grid;place-items:center;border-radius:14px;background:#eef4ff;border:1px solid #dce8fb}.szendaServiceIcon span{font-size:17px;font-weight:800;color:var(--blue)}
.szendaServiceContent{min-width:0;flex:1}.szendaServiceContent small{display:block;margin-bottom:7px;color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.13em}.szendaServiceContent h3{margin:0 0 7px;color:var(--ink);font-size:22px;line-height:1.08;letter-spacing:-.035em}.szendaServiceContent p{max-width:650px;margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.szendaServiceArrow{position:absolute;right:24px;top:50%;width:38px;height:38px;display:grid;place-items:center;transform:translateY(-50%);border-radius:50%;background:var(--blue);color:#fff;font-size:15px;font-weight:800;transition:.3s ease}.szendaServiceCard:hover .szendaServiceArrow{transform:translateY(-50%) rotate(45deg);background:var(--navy)}
.serviceSwipeHint{display:none}

@media(max-width:900px){
  .problemVisualGrid{grid-template-columns:1fr;gap:45px}.businessMap{max-width:500px}
  .servicesInteractive .servicesUnifiedHead{grid-template-columns:1fr;gap:22px}.servicesInteractive .servicesUnifiedIntro p{max-width:620px}
}

@media(max-width:560px){
  .problemVisualV2{padding:72px 0 68px}
  .problemVisualV2 .problemBackdrop{height:220px;bottom:-30px}
  .problemVisualGrid{display:block}
  .problemVisualCopy h2{margin:16px 0 18px;font-size:40px;line-height:1;letter-spacing:-.045em}
  .problemVisualCopy p{font-size:15px;line-height:1.6}
  .businessMap{width:100%;max-width:360px;margin:38px auto 0;aspect-ratio:1/1}
  .businessMapLines{inset:0}
  .businessNode{width:94px;height:60px;border-radius:12px}
  .businessNode strong{font-size:10px}.businessNode span,.businessNode small{font-size:7px}
  .businessNodeCore{width:116px;height:82px}.businessNodeCore strong{font-size:15px}
  .businessNodeBrand{top:1%}.businessNodeContent{bottom:1%}
  .businessNodeWeb{right:-2%}.businessNodeOps{left:-2%}

  .servicesInteractive{padding:70px 0 76px;overflow:hidden}
  .servicesInteractive .servicesUnifiedHead{display:block;margin-bottom:34px}
  .servicesInteractive .servicesUnifiedTitle .eyebrow{margin-bottom:14px}
  .servicesInteractive .servicesUnifiedTitle h2{font-size:38px;line-height:1.01;letter-spacing:-.045em}
  .servicesInteractive .servicesUnifiedIntro{margin-top:20px}.servicesInteractive .servicesUnifiedIntro p{font-size:15px;line-height:1.6}

  .szendaServiceStack{width:calc(100% + 20px);max-width:none;margin:34px 0 0;padding:6px 20px 22px 0;display:grid;grid-auto-flow:column;grid-auto-columns:88%;gap:14px;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scroll-padding-left:0;perspective:none;transform:none;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .szendaServiceStack::-webkit-scrollbar{display:none}
  .szendaServiceCard,.szendaServiceCard:nth-child(1),.szendaServiceCard:nth-child(2),.szendaServiceCard:nth-child(3),.szendaServiceCard:nth-child(4){min-height:210px;padding:24px 58px 24px 22px;display:block;transform:none;opacity:1;filter:none;scroll-snap-align:start;border-radius:16px;box-shadow:0 12px 30px rgba(10,38,82,.08)}
  .szendaServiceIcon{width:50px;height:50px;margin-bottom:24px;border-radius:12px}.szendaServiceIcon span{font-size:14px}
  .szendaServiceContent small{font-size:8px;margin-bottom:7px}.szendaServiceContent h3{font-size:24px;margin-bottom:10px}.szendaServiceContent p{font-size:14px;line-height:1.5}
  .szendaServiceArrow{right:18px;top:auto;bottom:20px;transform:none;width:34px;height:34px}.szendaServiceCard:hover .szendaServiceArrow{transform:none}
  .serviceSwipeHint{display:flex;align-items:center;gap:6px;margin-top:10px;color:#71809b}.serviceSwipeHint span{width:6px;height:6px;border-radius:50%;background:#cbd7ea}.serviceSwipeHint span:first-child{width:20px;border-radius:10px;background:var(--blue)}.serviceSwipeHint small{margin-left:6px;font-size:11px;font-weight:600}
}

@media(prefers-reduced-motion:reduce){.businessMapLines path,.businessNode,.businessNodeCore{animation:none!important}.szendaServiceCard{transition:none!important}}


/* =========================================================
   SERVICIOS · COMPOSICIÓN INVERTIDA DESKTOP
   Visual/tarjetas a la izquierda · mensaje a la derecha
   En móvil vuelve al flujo natural.
========================================================= */
@media (min-width:901px){

  .servicesInteractive{
    padding:72px 0 88px!important;
  }

  .servicesInteractive .wrap{
    display:grid!important;
    grid-template-columns:minmax(520px,1.08fr) minmax(390px,.92fr)!important;
    grid-template-areas:"stack head"!important;
    column-gap:7vw!important;
    align-items:center!important;
  }

  .servicesInteractive .servicesUnifiedHead{
    grid-area:head!important;
    display:block!important;
    margin:0!important;
    align-self:center!important;
    max-width:520px!important;
  }

  .servicesInteractive .servicesUnifiedTitle .eyebrow{
    margin-bottom:17px!important;
  }

  .servicesInteractive .servicesUnifiedTitle h2{
    max-width:520px!important;
    font-size:clamp(43px,4.2vw,62px)!important;
    line-height:.98!important;
  }

  .servicesInteractive .servicesUnifiedIntro{
    margin-top:25px!important;
    max-width:430px!important;
  }

  .servicesInteractive .servicesUnifiedIntro p{
    max-width:430px!important;
    font-size:15px!important;
    line-height:1.68!important;
  }

  .servicesInteractive .szendaServiceStack{
    grid-area:stack!important;
    width:100%!important;
    max-width:690px!important;
    margin:0!important;
    padding:32px 0 58px!important;
    justify-self:start!important;
  }

  /* Más legibilidad en reposo, manteniendo la profundidad */
  .servicesInteractive .szendaServiceCard:nth-child(1){
    opacity:.78!important;
    filter:none!important;
    transform:translateZ(-55px) translateY(22px) scale(.97)!important;
  }

  .servicesInteractive .szendaServiceCard:nth-child(2){
    opacity:.9!important;
    filter:none!important;
    transform:translateZ(-15px) translateY(3px) scale(.985)!important;
  }

  .servicesInteractive .szendaServiceCard:nth-child(3){
    opacity:1!important;
    filter:none!important;
    transform:translateZ(38px) translateY(-17px)!important;
  }

  .servicesInteractive .szendaServiceCard:nth-child(4){
    opacity:1!important;
    filter:none!important;
    transform:translateZ(82px) translateY(-39px)!important;
  }

  .servicesInteractive .szendaServiceStack:hover .szendaServiceCard{
    transform:translateZ(0) translateY(0) scale(1)!important;
    opacity:1!important;
    filter:none!important;
  }
}

/* Tablet y móvil: lectura natural
   título → explicación → tarjetas */
@media (max-width:900px){
  .servicesInteractive .wrap{
    display:block!important;
  }

  .servicesInteractive .servicesUnifiedHead{
    display:block!important;
  }
}


/* =========================================================
   FIX · ENGRANAJES
   Recupera el tamaño contenido del ajuste anterior.
========================================================= */
.problemVisualImage{
  position:relative!important;
  width:100%!important;
  min-height:320px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
}

.problemVisualImage img{
  display:block!important;
  width:min(100%,500px)!important;
  max-width:500px!important;
  max-height:350px!important;
  height:auto!important;
  object-fit:contain!important;
  transform:none!important;
  filter:drop-shadow(0 20px 32px rgba(0,0,0,.20))!important;
}

@media(max-width:1100px) and (min-width:901px){
  .problemVisualImage img{
    width:min(100%,430px)!important;
    max-width:430px!important;
    max-height:320px!important;
  }
}

@media(max-width:900px){
  .problemVisualImage{
    min-height:280px!important;
  }

  .problemVisualImage img{
    width:min(86vw,460px)!important;
    max-width:460px!important;
    max-height:310px!important;
  }
}

@media(max-width:560px){
  .problemVisualImage{
    min-height:220px!important;
    margin-top:10px!important;
  }

  .problemVisualImage img{
    width:min(92vw,365px)!important;
    max-width:365px!important;
    max-height:235px!important;
  }
}


/* =========================================================
   SERVICIOS · MOBILE ELITE STACK
   Conserva el stack/animación desktop.
   En móvil transforma el carrusel en un sistema compacto,
   legible y animado al entrar.
========================================================= */
@media(max-width:560px){

  .servicesInteractive{
    padding:54px 0 58px!important;
    overflow:hidden!important;
  }

  .servicesInteractive .servicesUnifiedHead{
    margin-bottom:26px!important;
  }

  .servicesInteractive .servicesUnifiedTitle .eyebrow{
    margin-bottom:13px!important;
  }

  .servicesInteractive .servicesUnifiedTitle h2{
    max-width:340px!important;
    font-size:39px!important;
    line-height:.99!important;
    letter-spacing:-.05em!important;
  }

  .servicesInteractive .servicesUnifiedIntro{
    margin-top:20px!important;
    max-width:345px!important;
  }

  .servicesInteractive .servicesUnifiedIntro p{
    font-size:15px!important;
    line-height:1.62!important;
  }

  /* Un solo bloque visual: no carrusel, no tarjeta cortada */
  .servicesInteractive .szendaServiceStack{
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    margin:30px 0 0!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    overflow:visible!important;
    perspective:none!important;
    transform:none!important;
    border:1px solid #dbe5f4!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 22px 55px rgba(10,38,82,.09)!important;
  }

  .servicesInteractive .szendaServiceCard,
  .servicesInteractive .szendaServiceCard:nth-child(1),
  .servicesInteractive .szendaServiceCard:nth-child(2),
  .servicesInteractive .szendaServiceCard:nth-child(3),
  .servicesInteractive .szendaServiceCard:nth-child(4){
    position:relative!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:18px 54px 18px 17px!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    align-items:center!important;
    column-gap:14px!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    opacity:0!important;
    filter:none!important;
    transform:translateY(16px)!important;
    scroll-snap-align:none!important;
    cursor:default!important;
    animation:szendaMobileServiceIn .65s cubic-bezier(.2,.8,.2,1) forwards!important;
  }

  .servicesInteractive .szendaServiceCard:nth-child(1){
    animation-delay:.05s!important;
    border-radius:18px 18px 0 0!important;
  }
  .servicesInteractive .szendaServiceCard:nth-child(2){animation-delay:.13s!important}
  .servicesInteractive .szendaServiceCard:nth-child(3){animation-delay:.21s!important}
  .servicesInteractive .szendaServiceCard:nth-child(4){
    animation-delay:.29s!important;
    border-radius:0 0 18px 18px!important;
  }

  .servicesInteractive .szendaServiceCard + .szendaServiceCard:before{
    content:""!important;
    position:absolute!important;
    left:75px!important;
    right:17px!important;
    top:0!important;
    height:1px!important;
    background:#e7edf7!important;
  }

  .servicesInteractive .szendaServiceIcon{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    width:44px!important;
    height:44px!important;
    margin:0!important;
    border-radius:12px!important;
    background:#f1f6ff!important;
    border:1px solid #d9e5f8!important;
  }

  .servicesInteractive .szendaServiceIcon span{
    font-size:12px!important;
    font-weight:800!important;
  }

  .servicesInteractive .szendaServiceContent{
    grid-column:2!important;
    min-width:0!important;
  }

  .servicesInteractive .szendaServiceContent small{
    margin:0 0 4px!important;
    font-size:7px!important;
    line-height:1.2!important;
    letter-spacing:.13em!important;
  }

  .servicesInteractive .szendaServiceContent h3{
    margin:0!important;
    font-size:18px!important;
    line-height:1.08!important;
    letter-spacing:-.025em!important;
  }

  /* La descripción no llena la pantalla:
     aparece como detalle secundario, no como bloque gigante */
  .servicesInteractive .szendaServiceContent p{
    max-height:0!important;
    margin:0!important;
    overflow:hidden!important;
    opacity:0!important;
    font-size:12.5px!important;
    line-height:1.48!important;
    transition:max-height .42s ease, opacity .3s ease, margin .35s ease!important;
  }

  /* Primera capacidad abierta por defecto */
  .servicesInteractive .szendaServiceCard:first-child .szendaServiceContent p{
    max-height:80px!important;
    margin-top:8px!important;
    opacity:1!important;
  }

  .servicesInteractive .szendaServiceArrow{
    right:16px!important;
    top:50%!important;
    bottom:auto!important;
    width:29px!important;
    height:29px!important;
    transform:translateY(-50%)!important;
    font-size:11px!important;
    box-shadow:0 7px 16px rgba(25,76,177,.16)!important;
  }

  .servicesInteractive .szendaServiceCard:hover .szendaServiceArrow{
    transform:translateY(-50%)!important;
  }

  /* Ya no necesitamos la pista del carrusel */
  .servicesInteractive .serviceSwipeHint{
    display:none!important;
  }
}

@keyframes szendaMobileServiceIn{
  from{
    opacity:0;
    transform:translateY(16px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

@media(max-width:380px){
  .servicesInteractive .servicesUnifiedTitle h2{
    font-size:35px!important;
  }

  .servicesInteractive .szendaServiceCard,
  .servicesInteractive .szendaServiceCard:nth-child(1),
  .servicesInteractive .szendaServiceCard:nth-child(2),
  .servicesInteractive .szendaServiceCard:nth-child(3),
  .servicesInteractive .szendaServiceCard:nth-child(4){
    padding:16px 48px 16px 14px!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    column-gap:12px!important;
  }

  .servicesInteractive .szendaServiceIcon{
    width:40px!important;
    height:40px!important;
  }

  .servicesInteractive .szendaServiceCard + .szendaServiceCard:before{
    left:66px!important;
    right:14px!important;
  }

  .servicesInteractive .szendaServiceContent h3{
    font-size:16.5px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .servicesInteractive .szendaServiceCard{
    animation:none!important;
    opacity:1!important;
    transform:none!important;
  }
}


/* =========================================================
   HOTFIX MOBILE · TARJETAS SIEMPRE VISIBLES
   La entrada conserva movimiento, pero nunca depende de
   opacity:0 para mostrar el contenido.
========================================================= */
@media(max-width:560px){
  .servicesInteractive .szendaServiceCard,
  .servicesInteractive .szendaServiceCard:nth-child(1),
  .servicesInteractive .szendaServiceCard:nth-child(2),
  .servicesInteractive .szendaServiceCard:nth-child(3),
  .servicesInteractive .szendaServiceCard:nth-child(4){
    opacity:1!important;
    visibility:visible!important;
    filter:none!important;
    animation:szendaMobileSlideIn .58s cubic-bezier(.2,.8,.2,1) both!important;
  }

  .servicesInteractive .szendaServiceCard:nth-child(1){animation-delay:.03s!important}
  .servicesInteractive .szendaServiceCard:nth-child(2){animation-delay:.10s!important}
  .servicesInteractive .szendaServiceCard:nth-child(3){animation-delay:.17s!important}
  .servicesInteractive .szendaServiceCard:nth-child(4){animation-delay:.24s!important}

  .servicesInteractive .szendaServiceIcon,
  .servicesInteractive .szendaServiceContent,
  .servicesInteractive .szendaServiceArrow{
    visibility:visible!important;
    opacity:1!important;
  }
}

@keyframes szendaMobileSlideIn{
  from{transform:translateY(12px)}
  to{transform:translateY(0)}
}


/* =========================================================
   TRABAJO SELECCIONADO · EFECTO 3D TIPO FIGURE
   Inspirado en la mecánica de la referencia suministrada,
   adaptado al lenguaje visual de SZENDA.
========================================================= */
.workShowcase{
  position:relative;
  padding:82px 0 112px!important;
  background:linear-gradient(180deg,#f7faff 0%,#eef4fd 100%)!important;
  overflow:hidden;
}
.workShowcase:before{
  content:"";
  position:absolute;
  width:760px;height:760px;
  right:-470px;top:-500px;
  border:105px solid rgba(25,91,213,.045);
  border-radius:50%;
  pointer-events:none;
}
.workShowcaseHead{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(280px,.55fr);
  gap:7vw;
  align-items:end;
  margin-bottom:50px;
}
.workShowcaseHead .eyebrow{margin-bottom:15px}
.workShowcaseHead h2{
  margin:0;
  max-width:730px;
  color:var(--navy);
  font-size:clamp(42px,4.15vw,61px);
  line-height:1;
  letter-spacing:-.052em;
  font-weight:700;
}
.workShowcaseHead h2 span{color:var(--blue2)}
.workShowcaseHead p{
  max-width:410px;
  margin:0 0 3px;
  color:var(--muted);
  font-size:14px;
  line-height:1.7;
}

.projectFigures{
  position:relative;
  z-index:4;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:34px;
  align-items:end;
  padding:12px 10px 44px;
}
.projectFigureLink{
  display:block;
  min-width:0;
  color:inherit;
  perspective:1000px;
}
.projectFigure{
  width:100%;
  aspect-ratio:1/1;
  margin:0;
  padding:0 18px;
  box-sizing:border-box;
  display:grid;
  grid-template-rows:100%;
  cursor:pointer;
  position:relative;
  isolation:isolate;
  filter:drop-shadow(0 18px 22px rgba(8,29,69,.18));
  transform-style:preserve-3d;
}
.projectFigure:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  border-radius:15px;
  background:
    radial-gradient(circle at 50% 30%,rgba(48,112,231,.28),transparent 44%),
    linear-gradient(145deg,#0e2e6a 0%,#071b40 68%,#061630 100%);
  transform-origin:bottom;
  filter:brightness(.94);
  box-shadow:inset 0 0 0 1px rgba(122,165,241,.18);
  transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .55s ease;
}
.projectImageStage{
  grid-area:1/1;
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  overflow:visible;
  position:relative;
  z-index:2;
}
.projectImageStage img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  place-self:end center;
  filter:contrast(.9) brightness(.86) saturate(.92);
  transition:
    width .55s cubic-bezier(.2,.8,.2,1),
    height .55s cubic-bezier(.2,.8,.2,1),
    transform .55s cubic-bezier(.2,.8,.2,1),
    filter .55s ease;
}
.projectFigure figcaption{
  grid-area:1/1;
  position:relative;
  z-index:5;
  width:calc(100% + 36px);
  min-height:116px;
  margin-left:-18px;
  padding:17px 19px 16px;
  box-sizing:border-box;
  align-self:end;
  transform:perspective(600px) translateY(100%) rotateX(-90deg);
  backface-visibility:hidden;
  transform-origin:top;
  background:rgba(255,255,255,.98);
  border:1px solid #dfe7f2;
  border-radius:0 0 15px 15px;
  box-shadow:0 15px 35px rgba(7,30,74,.10);
  transition:transform .55s cubic-bezier(.2,.8,.2,1);
}
.projectFigure figcaption small{
  display:block;
  margin-bottom:5px;
  color:#4772bf;
  font-size:8px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.12em;
}
.projectFigure figcaption strong{
  display:block;
  color:#092653;
  font-size:21px;
  line-height:1.05;
  letter-spacing:-.035em;
}
.projectFigure figcaption span{
  display:block;
  margin-top:6px;
  color:#7c899e;
  font-size:9px;
  line-height:1.35;
}
.projectFigure figcaption b{
  position:absolute;
  right:18px;
  bottom:17px;
  color:#0e61df;
  font-size:10px;
  font-weight:750;
}
.projectFigure figcaption i{
  font-style:normal;
  margin-left:4px;
  font-size:14px;
}

@media (hover:hover) and (pointer:fine){
  .projectFigure:hover .projectImageStage img{
    width:125%;
    height:150%;
    transform:translateY(-6%);
    filter:contrast(1) brightness(1) saturate(1);
  }
  .projectFigure:hover:before{
    filter:brightness(.58);
    transform:perspective(650px) rotateX(57deg);
  }
  .projectFigure:hover figcaption{
    transform:perspective(600px) translateY(100%) rotateX(-28deg);
  }
}

/* tablet */
@media(max-width:900px){
  .workShowcase{padding:72px 0 94px!important}
  .workShowcaseHead{
    grid-template-columns:1fr;
    gap:17px;
    margin-bottom:38px;
  }
  .workShowcaseHead p{max-width:600px}
  .projectFigures{gap:18px;padding-inline:0}
  .projectFigure{padding-inline:12px}
  .projectFigure figcaption{width:calc(100% + 24px);margin-left:-12px}
  .projectFigure figcaption strong{font-size:17px}
  .projectFigure figcaption b{position:static;display:block;margin-top:9px}
}

/* móvil: no depende del hover */
@media(max-width:650px){
  .workShowcase{
    padding:62px 0 66px!important;
    overflow:hidden;
  }
  .workShowcaseHead{margin-bottom:27px}
  .workShowcaseHead h2{font-size:39px}
  .workShowcaseHead p{font-size:13px}
  .projectFigures{
    grid-template-columns:1fr;
    gap:17px;
    padding:0;
  }
  .projectFigure{
    aspect-ratio:auto;
    height:205px;
    padding:0 14px;
    grid-template-rows:100%;
    filter:drop-shadow(0 12px 18px rgba(8,29,69,.14));
  }
  .projectFigure:before{border-radius:14px}
  .projectImageStage{
    width:52%;
    height:100%;
    justify-self:start;
    padding:15px 0;
  }
  .projectImageStage img{
    width:100%;
    height:100%;
    object-fit:contain;
    filter:none;
  }
  .projectFigure figcaption{
    width:54%;
    min-height:0;
    height:auto;
    margin:0;
    padding:18px 15px 18px 7px;
    align-self:center;
    justify-self:end;
    transform:none;
    backface-visibility:visible;
    transform-origin:center;
    background:transparent;
    border:0;
    box-shadow:none;
    color:#fff;
  }
  .projectFigure figcaption small{color:#8eb5ff;font-size:8px}
  .projectFigure figcaption strong{color:#fff;font-size:19px}
  .projectFigure figcaption span{color:#b7c9e8;font-size:9px;max-width:155px}
  .projectFigure figcaption b{
    display:inline-flex;
    align-items:center;
    margin-top:15px;
    color:#fff;
    font-size:10px;
    padding:8px 11px;
    border:1px solid rgba(255,255,255,.24);
    border-radius:999px;
  }
}