/* V21: altura total exacta del módulo CTA en index y páginas internas */@media (min-width:701px){.wawi-invita{
    height:235px !important;
    min-height:235px !important;
    max-height:235px !important;
    padding:31px 0 34px !important;
    box-sizing:border-box !important;
  }.wawi-invita-contenedor{
    height:170px !important;
    min-height:170px !important;
    max-height:170px !important;
  }}@media (max-width:700px){.wawi-invita{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }.wawi-invita-contenedor{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }}/* Sistema único para los títulos principales de sección indicados. *//* Sistema unificado para sobrelíneas y etiquetas de sección */:root{--hero-h:420px;--hero-scene-h:390px;--hero-core:250px;--hero-mascot:270px;--hero-icon:58px;--hero-icon-svg:30px;}@media (min-width:901px){.wawi-orbit-hero{height:var(--hero-h)!important;min-height:var(--hero-h)!important;}.wawi-hero-inner{width:min(1480px,92vw)!important;height:100%!important;grid-template-columns:minmax(360px,.84fr) minmax(620px,1.36fr)!important;gap:36px!important;padding:8px 0!important;}.wawi-hero-title,.cap-hero h1{font-family:inherit!important;font-size:clamp(40px,3.15vw,54px)!important;line-height:1.02!important;font-weight:300!important;letter-spacing:-.05em!important;max-width:560px!important;}.wawi-hero-text,.cap-hero p{font-family:inherit!important;font-size:clamp(14px,.95vw,17px)!important;line-height:1.55!important;font-weight:300!important;max-width:540px!important;margin-top:16px!important;}.wawi-orbit-scene{height:var(--hero-scene-h)!important;min-width:620px!important;overflow:visible!important;transform:none!important;}.wawi-center-core{width:var(--hero-core)!important;height:var(--hero-core)!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;}.wawi-center-mascot{position:absolute!important;width:var(--hero-mascot)!important;height:var(--hero-mascot)!important;max-width:none!important;object-fit:contain!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;}.ring-one{width:300px!important;height:300px!important;}.ring-two{width:470px!important;height:390px!important;}.ring-three{width:650px!important;height:455px!important;}.node-circle{width:var(--hero-icon)!important;height:var(--hero-icon)!important;flex:0 0 var(--hero-icon)!important;border-radius:18px!important;background:rgba(255,255,255,.94)!important;border:2px solid rgba(255,255,255,.99)!important;box-shadow:0 0 0 4px rgba(81,194,255,.15),0 15px 36px rgba(47,84,255,.16)!important;}.node-circle svg{width:var(--hero-icon-svg)!important;height:var(--hero-icon-svg)!important;stroke-width:2.35!important;}.node-label{font-family:inherit!important;font-size:10.5px!important;line-height:1.25!important;font-weight:400!important;}}@media (max-width:1180px) and (min-width:901px){.wawi-hero-inner{grid-template-columns:minmax(330px,40%) minmax(0,60%)!important;gap:8px!important}.wawi-orbit-scene{min-width:0!important;transform:scale(.86)!important;transform-origin:center!important}}:root{
  --hero-core:300px;
  --hero-mascot:286px;
  --hero-icon:64px;
  --hero-icon-svg:31px;
}@media (min-width:901px){.wawi-center-core{
    width:var(--hero-core)!important;
    height:var(--hero-core)!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
  }.wawi-center-mascot{
    width:var(--hero-mascot)!important;
    height:var(--hero-mascot)!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
  }.node-circle{
    width:var(--hero-icon)!important;
    height:var(--hero-icon)!important;
    flex:0 0 var(--hero-icon)!important;
    border-radius:19px!important;
  }.node-circle svg{
    width:var(--hero-icon-svg)!important;
    height:var(--hero-icon-svg)!important;
  }}@media (max-width:1180px) and (min-width:901px){.wawi-orbit-scene{transform:scale(.88)!important;transform-origin:center!important;}}@media (max-width:900px){.wawi-center-core{width:220px!important;height:220px!important;}.wawi-center-mascot{width:210px!important;height:210px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;}.node-circle{width:58px!important;height:58px!important;flex-basis:58px!important;border-radius:17px!important;}.node-circle svg{width:29px!important;height:29px!important;}}/* =========================================================
   WAWI ICONOS UX — OPCIÓN 1
   Familia sólida/duotono, unificada para Index y Capacitación
   ========================================================= */.node-circle svg.icon-option1{
  width:var(--hero-icon-svg)!important;
  height:var(--hero-icon-svg)!important;
  overflow:visible;
  color:var(--azul-wawi);
}.node-circle svg.icon-option1 .icon-light{
  fill:#dfeaff!important;
  stroke:none!important;
}.node-circle svg.icon-option1 .icon-main{
  fill:var(--azul-wawi)!important;
  stroke:var(--azul-wawi)!important;
  stroke-width:1.6!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}.node-circle svg.icon-option1 .icon-line{
  fill:none!important;
  stroke:var(--azul-wawi)!important;
  stroke-width:2.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}.node-circle svg.icon-option1 .icon-white{
  fill:#fff!important;
  stroke:none!important;
}/* Altura única para todos los encabezados principales */@media (min-width:901px){.wawi-orbit-hero,
  .behind-hero{
    height:420px!important;
    min-height:420px!important;
    max-height:420px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }.wawi-orbit-hero .wawi-hero-inner,
  .behind-hero .behind-inner{
    height:100%!important;
    min-height:0!important;
    box-sizing:border-box!important;
  }}@media (max-width:900px){.wawi-orbit-hero,
  .behind-hero{
    height:auto!important;
    min-height:auto!important;
    max-height:none!important;
  }}@media (min-width:901px){/* Solo Index: aumenta el radio de los iconos para igualar Capacitación */.wawi-orbit-scene .node-training{left:28%!important;top:18%!important;}.wawi-orbit-scene .node-web{left:72%!important;top:18%!important;}.wawi-orbit-scene .node-elearning{left:22%!important;top:54%!important;}.wawi-orbit-scene .node-app{left:78%!important;top:54%!important;}.wawi-orbit-scene .node-pedagogy{left:28%!important;top:82%!important;}.wawi-orbit-scene .node-listen{left:72%!important;top:82%!important;}}/* Textos de iconos: mismo formato y mismo comportamiento en Index y Capacitación */.wawi-service-node .node-label{
  position:absolute!important;
  top:50%!important;
  margin:0!important;
  min-width:156px!important;
  max-width:220px!important;
  padding:9px 13px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(47,84,255,.08)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 8px 20px rgba(47,84,255,.08)!important;
  color:#64748B!important;
  font-family:inherit!important;
  font-size:11px!important;
  font-weight:400!important;
  line-height:1.28!important;
  letter-spacing:.01em!important;
  text-align:center!important;
  text-transform:none!important;
  white-space:normal!important;
  pointer-events:none!important;
  opacity:0!important;
  visibility:hidden!important;
  z-index:20!important;
  transition:
    opacity .22s ease,
    transform .22s ease,
    visibility 0s linear .22s!important;
}/* Nodos del lado izquierdo: etiqueta hacia la izquierda */.wawi-service-node.node-training .node-label,
.wawi-service-node.node-elearning .node-label,
.wawi-service-node.node-pedagogy .node-label{
  right:calc(100% + 12px)!important;
  left:auto!important;
  transform:translate(8px,-50%) scale(.96)!important;
}/* Nodos del lado derecho: etiqueta hacia la derecha */.wawi-service-node.node-web .node-label,
.wawi-service-node.node-app .node-label,
.wawi-service-node.node-listen .node-label{
  left:calc(100% + 12px)!important;
  right:auto!important;
  transform:translate(-8px,-50%) scale(.96)!important;
}/* Solo aparecen al interactuar */.wawi-service-node:hover .node-label,
.wawi-service-node:focus-visible .node-label,
.wawi-service-node.is-active .node-label{
  opacity:1!important;
  visibility:visible!important;
  transform:translate(0,-50%) scale(1)!important;
  transition-delay:0s!important;
}@media (max-width:900px){.wawi-service-node .node-label{
    display:none!important;
  }}.dev-wrap{width:min(1240px,90vw);margin:0 auto}.dev-feature{padding:84px 0;background:#fff}.dev-feature-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.dev-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;margin:28px 0}.dev-checks span{position:relative;padding-left:24px;color:#52617a;font-size:14px;line-height:1.45}.dev-checks span:before{content:"✓";position:absolute;left:0;color:#2f54ff}.dev-primary-btn{display:inline-flex;gap:15px;align-items:center;padding:14px 22px;border-radius:14px;background:#2f54ff;color:white;text-decoration:none;font-size:14px}.dev-ecosystem{position:relative;min-height:470px;border-radius:36px;background:radial-gradient(circle at center,rgba(47,84,255,.12),transparent 48%),linear-gradient(145deg,#f8fbff,#eef6ff);overflow:hidden}.dev-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:180px;height:180px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:white;box-shadow:0 25px 60px rgba(47,84,255,.18);font-size:26px;font-weight:400;color:#0b1238}.dev-core span{font-size:14px;color:#2f54ff;margin-top:7px}.dev-pill{position:absolute;padding:12px 16px;border-radius:14px;background:#fff;color:#52617a;font-size:13px;box-shadow:0 14px 30px rgba(47,84,255,.12)}.p1{left:8%;top:18%}.p2{right:7%;top:20%}.p3{left:5%;top:48%}.p4{right:5%;top:49%}.p5{left:18%;bottom:12%}.p6{right:10%;bottom:12%}.dev-services{padding:86px 0;background:#f7faff}.dev-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.dev-card{padding:30px;border:1px solid rgba(47,84,255,.09);border-radius:22px;background:white;box-shadow:0 14px 36px rgba(31,55,120,.06)}.dev-card.highlight{background:linear-gradient(145deg,#2458ff,#0fa9d4);color:white}.dev-card h3{margin:0 0 13px;font-size:21px;font-weight:500}.dev-card p{margin:0;color:#6f7b95;font-size:14px;line-height:1.65;font-weight:300}.dev-card.highlight p{color:rgba(255,255,255,.85)}.dev-process{padding:82px 0;background:white}.dev-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.dev-steps div{padding:24px 18px;border-top:2px solid #2f54ff;background:#f8fbff;border-radius:0 0 18px 18px}.dev-steps b{display:block;color:#2f54ff;font-size:12px;margin-bottom:20px}.dev-steps strong{display:block;color:#15234d;font-size:16px;font-weight:500;margin-bottom:7px}.dev-steps span{color:#71809a;font-size:13px;line-height:1.45}.dev-before-footer{background:linear-gradient(120deg,#061b46,#08306f 58%,#0f65bd);overflow:hidden}.dev-before-inner{width:min(1240px,90vw);min-height:280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;position:relative}.dev-before-footer h2 span{color:#72d9ff}.dev-before-footer a{display:inline-flex;margin-top:24px;color:white;text-decoration:none;border:1px solid rgba(255,255,255,.5);padding:13px 20px;border-radius:14px}.dev-before-footer img{height:260px;width:auto;align-self:flex-end}@media(max-width:900px){.dev-feature-grid{grid-template-columns:1fr}.dev-ecosystem{min-height:400px}.dev-card-grid{grid-template-columns:1fr 1fr}.dev-steps{grid-template-columns:1fr 1fr}.dev-before-inner{padding-top:40px}.dev-before-footer img{height:190px}}@media(max-width:620px){.dev-feature{padding:58px 0}.dev-checks,.dev-card-grid,.dev-steps{grid-template-columns:1fr}.dev-ecosystem{min-height:360px}.dev-before-inner{display:block;text-align:center}.dev-before-footer img{display:block;margin:28px auto 0}}/* Sistema visual real, igual al título “Una propuesta para cada desafío” *//* Cinta previa al footer: mismo formato que las demás páginas */.wawi-invita .wawi-invita-texto h2{
  font-size:clamp(24px,2.1vw,32px)!important;
  line-height:1.25!important;
  font-weight:300!important;
  letter-spacing:-0.5px!important;
  color:var(--azul-oscuro)!important;
  margin:0 0 14px!important;
  font-family:inherit!important;
}.wawi-invita .wawi-invita-texto h2 span{
  display:block!important;
  color:var(--azul-wawi)!important;
  font-weight:400!important;
}.dev-services-equal{padding:84px 0;background:#fff}.dev-equal-list{display:grid;gap:0;border-top:1px solid rgba(47,84,255,.10)}.dev-equal-item{
  display:grid;
  grid-template-columns:72px 92px minmax(0,1fr);
  gap:28px;
  align-items:start;
  padding:48px 0;
  border-bottom:1px solid rgba(47,84,255,.10);
}.dev-equal-number{
  color:rgba(47,84,255,.38);
  font-size:13px;
  font-weight:500;
  letter-spacing:.18em;
  padding-top:8px;
}.dev-equal-icon{
  width:74px;height:74px;
  display:flex;align-items:center;justify-content:center;
  border-radius:20px;
  background:#f4f8ff;
  box-shadow:0 12px 28px rgba(47,84,255,.08);
}.dev-equal-icon svg{
  width:40px;height:40px;
  fill:none;
  stroke:#2460ff;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}.dev-equal-copy{max-width:860px}.dev-equal-copy p{
  margin:0 0 20px;
  color:#6f7b95;
  font-size:15px;
  line-height:1.65;
  font-weight:300;
}.dev-equal-copy ul{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px 24px;
  margin:0 0 22px;
  padding:0;
  list-style:none;
}.dev-equal-copy li{
  position:relative;
  padding-left:18px;
  color:#58657d;
  font-size:13px;
  line-height:1.45;
}.dev-equal-copy li:before{
  content:"";
  position:absolute;
  left:0;top:.62em;
  width:6px;height:6px;
  border-radius:50%;
  background:#2f54ff;
}.dev-equal-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#2f54ff;
  text-decoration:none;
  font-size:13px;
  font-weight:400;
}.dev-equal-link span{transition:transform .25s ease}.dev-equal-link:hover span{transform:translateX(4px)}@media(max-width:900px){.dev-equal-item{grid-template-columns:56px 74px minmax(0,1fr);gap:20px}.dev-equal-icon{width:64px;height:64px}}@media(max-width:680px){.dev-services-equal{padding:60px 0}.dev-equal-item{grid-template-columns:48px 1fr;gap:14px;padding:36px 0}.dev-equal-icon{grid-column:2;width:58px;height:58px}.dev-equal-copy{grid-column:1/-1}.dev-equal-copy ul{grid-template-columns:1fr}}/* Tipografía liviana y consistente en todo el sitio */body,
p,
li,
span,
a,
button,
input,
textarea,
select{
  font-weight:300;
}/* Evita negritas accidentales heredadas */[style*="font-weight:400"],
[style*="font-weight:400"],
[style*="font-weight:400"],
[style*="font-weight:400"],
[style*="font-weight:400"],
[style*="font-weight:400"],
[style*="font-weight:400"],
[style*="font-weight:400"]{
  font-weight:400!important;
}/* Footer siempre visible en todas las páginas *//* Mayor legibilidad dentro de cada servicio */.dev-equal-copy h2{
  line-height:1.35!important;
  margin-bottom:22px!important;
}.dev-equal-copy p{
  line-height:1.75!important;
  margin-bottom:26px!important;
}/* Menos espacio vertical entre secciones y bloques */.dev-services-equal{
  padding:60px 0!important;
}.dev-equal-item{
  padding:34px 0!important;
}.dev-process{
  padding:58px 0!important;
}.wawi-invita{
  margin-top:0!important;
}@media(max-width:680px){.dev-services-equal{
    padding:46px 0!important;
  }.dev-equal-item{
    padding:28px 0!important;
  }.dev-process{
    padding:46px 0!important;
  }.dev-equal-copy h2{
    margin-bottom:18px!important;
  }.dev-equal-copy p{
    margin-bottom:22px!important;
  }}.dev-steps>div{
 opacity:0;
 transform:translateY(18px);
 transition:opacity .55s ease,transform .55s ease,box-shadow .3s ease;
}.dev-steps.visible>div{opacity:1;transform:translateY(0)}.dev-steps.visible>div:nth-child(1){transition-delay:.05s}.dev-steps.visible>div:nth-child(2){transition-delay:.13s}.dev-steps.visible>div:nth-child(3){transition-delay:.21s}.dev-steps.visible>div:nth-child(4){transition-delay:.29s}.dev-steps.visible>div:nth-child(5){transition-delay:.37s}.dev-steps>div:hover{
 transform:translateY(-5px)!important;
 box-shadow:0 14px 30px rgba(47,84,255,.10);
}/* Animación de la sección Soluciones de desarrollo */.dev-equal-list{
  position:relative;
}.dev-equal-list::before{
  content:"";
  position:absolute;
  left:35px;
  top:18px;
  bottom:18px;
  width:1px;
  background:linear-gradient(
    to bottom,
    rgba(47,84,255,0),
    rgba(47,84,255,.22) 12%,
    rgba(47,84,255,.22) 88%,
    rgba(47,84,255,0)
  );
  transform:scaleY(0);
  transform-origin:top;
  transition:transform 1.1s cubic-bezier(.2,.8,.2,1);
}.dev-equal-list.visible::before{
  transform:scaleY(1);
}.dev-equal-item{
  opacity:0;
  transform:translateY(24px);
  transition:
    opacity .6s ease,
    transform .6s cubic-bezier(.2,.8,.2,1);
}.dev-equal-list.visible .dev-equal-item{
  opacity:1;
  transform:translateY(0);
}.dev-equal-list.visible .dev-equal-item:nth-child(1){transition-delay:.05s}.dev-equal-list.visible .dev-equal-item:nth-child(2){transition-delay:.13s}.dev-equal-list.visible .dev-equal-item:nth-child(3){transition-delay:.21s}.dev-equal-list.visible .dev-equal-item:nth-child(4){transition-delay:.29s}.dev-equal-list.visible .dev-equal-item:nth-child(5){transition-delay:.37s}.dev-equal-list.visible .dev-equal-item:nth-child(6){transition-delay:.45s}.dev-equal-number{
  position:relative;
  z-index:2;
  transition:
    transform .35s ease,
    color .35s ease,
    opacity .35s ease;
}.dev-equal-list.visible .dev-equal-number{
  color:#2f54ff;
  opacity:.78;
}.dev-equal-item:hover .dev-equal-number{
  transform:translateX(6px) scale(1.08);
  color:#2f54ff;
  opacity:1;
}.dev-equal-icon{
  transition:
    transform .35s cubic-bezier(.2,.8,.2,1),
    box-shadow .35s ease,
    background .35s ease;
}.dev-equal-icon svg{
  transition:
    transform .35s cubic-bezier(.2,.8,.2,1),
    stroke .35s ease;
}.dev-equal-item:hover .dev-equal-icon{
  transform:translateY(-4px) scale(1.04);
  background:#f8fbff;
  box-shadow:
    0 0 0 5px rgba(47,84,255,.06),
    0 16px 34px rgba(47,84,255,.14);
}.dev-equal-item:hover .dev-equal-icon svg{
  transform:scale(1.06);
}.dev-equal-link{
  transition:color .25s ease;
}.dev-equal-item:hover .dev-equal-link{
  color:#1f46dd;
}@media(max-width:680px){.dev-equal-list::before{
    left:23px;
  }}/* Reduce el espacio antes de "Cómo trabajamos" */.dev-services-equal{
  padding-bottom:28px!important;
}.dev-process{
  padding-top:24px!important;
  margin-top:0!important;
}.dev-process .dev-wrap{
  margin-top:0!important;
}/* Corrección responsive de "Tecnología pensada..." */@media(max-width:680px){.dev-equal-list{
    border-top:0!important;
  }.dev-equal-list::before{
    display:none!important;
    content:none!important;
  }.dev-equal-item{
    display:grid!important;
    grid-template-columns:56px minmax(0,1fr)!important;
    column-gap:14px!important;
    row-gap:14px!important;
    align-items:start!important;
    padding:30px 0!important;
  }.dev-equal-number{
    grid-column:1!important;
    grid-row:1!important;
    position:static!important;
    transform:none!important;
    padding-top:6px!important;
    font-size:12px!important;
    text-align:left!important;
  }.dev-equal-icon{
    grid-column:2!important;
    grid-row:1!important;
    width:58px!important;
    height:58px!important;
    margin:0!important;
  }.dev-equal-copy{
    grid-column:1 / -1!important;
    grid-row:2!important;
    max-width:none!important;
    padding:0!important;
  }.dev-equal-copy ul{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }.dev-equal-item:hover .dev-equal-number{
    transform:none!important;
  }.dev-equal-item:hover .dev-equal-icon{
    transform:none!important;
  }}@media(max-width:420px){.dev-equal-item{
    grid-template-columns:46px minmax(0,1fr)!important;
    column-gap:10px!important;
  }.dev-equal-icon{
    width:54px!important;
    height:54px!important;
  }}/* Footer: geometría vertical compartida y simétrica *//* ============================================================
   FOOTER — espaciado interno uniforme (20 px)
   Regla final autoritativa para todas las páginas.
   ============================================================ */

.wf-black{color:#111827;}