/* 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;
  }}/* Sistema global de títulos de sección *//* 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 *//* Footer: geometría vertical compartida y simétrica *//* ============================================================
   FOOTER — espaciado interno uniforme (20 px)
   Regla final autoritativa para todas las páginas.
   ============================================================ *//* ==========================================================
   HISTORIAS · misma geometría que organizaciones
   ========================================================== */

/* ==========================================================
   SERVICIOS WAWI — sección de propuesta de valor
   ========================================================== */
.wawi-servicios {
    padding: 56px 0 52px;
    position: relative;
    overflow: hidden;
    background: #ffffff;
}

.wawi-servicios-contenedor {
    width: min(1080px, 90%);
    margin: 0 auto;
}

.wawi-servicios-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
    margin-top: 28px;
}

.wawi-servicio-card {
    background:
        radial-gradient(circle at 20% 10%, rgba(43,140,255,.16), transparent 42%),
        linear-gradient(145deg, rgba(255,255,255,.98), rgba(239,248,255,.96));
    border-radius: 22px;
    padding: 24px 22px 24px;
    text-align: left;
    border: 1px solid rgba(80,150,220,.15);
    position: relative;
    overflow: hidden;
    transition: transform .45s ease, box-shadow .45s ease;
}

.wawi-servicio-card::before {
    content:"";
    position:absolute;
    inset:-80px;
    background: radial-gradient(circle, rgba(43,140,255,.12), transparent 55%);
    opacity:0;
    transform:scale(.7);
    transition:.5s ease;
}

.wawi-servicio-card:hover::before {
    opacity:1;
    transform:scale(1);
}

.wawi-servicio-card:hover {
    transform:translateY(-7px);
    box-shadow:0 18px 45px rgba(45,120,190,.15);
}

.wawi-servicio-card:nth-child(2) .wawi-servicio-icon { animation-delay:1.4s; }
.wawi-servicio-card:nth-child(3) .wawi-servicio-icon { animation-delay:2.8s; }

.wawi-servicio-icon {
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:15px;
    font-size:22px;
    color:#2b8cff;
    background:rgba(43,140,255,.08);
    margin-bottom:16px;
    animation: wawiIconFloat 7s cubic-bezier(.4,0,.2,1) infinite;
}

.wawi-servicio-card:nth-child(2) .wawi-servicio-icon {
    animation-delay:1s;
}

.wawi-servicio-card:nth-child(3) .wawi-servicio-icon {
    animation-delay:2s;
}

@keyframes wawiIconFloat {
    0%,100% { transform:translateY(0) rotate(0deg); opacity:.92; }
    35% { transform:translateY(-4px) rotate(2deg); opacity:1; }
    70% { transform:translateY(1px) rotate(-1deg); opacity:.96; }
}

.wawi-servicio-card h3 {
    font-size:18px;
    font-weight:300;
    margin-bottom:10px;
}

.wawi-servicio-card p {
    font-size:13px;
    line-height:1.6;
    margin:0 0 16px;
}

.wawi-servicio-link {
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#2b8cff;
    font-size:13px;
    text-decoration:none;
    transition:transform .3s ease;
}

.wawi-servicio-link:hover {
    transform:translateX(5px);
}

@media(max-width:900px){
 .wawi-servicios-grid{grid-template-columns:1fr;}
 .wawi-servicios-contenedor{width:90%;}
}
* 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;
  }}/* Sistema global de títulos de sección *//* 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 *//* Footer: geometría vertical compartida y simétrica *//* ============================================================
   FOOTER — espaciado interno uniforme (20 px)
   Regla final autoritativa para todas las páginas.
   ============================================================ *//* ==========================================================
   HISTORIAS · misma geometría que organizaciones
   ========================================================== */

/* ==========================================================
   SERVICIOS WAWI — sección de propuesta de valor
   ========================================================== */
.wawi-servicios {
    padding: 55px 0 50px;
}
.wawi-servicios-contenedor {
    width: min(1180px, 90%);
    margin: 0 auto;
}
.wawi-servicios-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 34px;
}
.wawi-servicio-card {
    background: linear-gradient(145deg, rgba(255,255,255,.95), rgba(244,250,255,.75));
    border-radius: 26px;
    padding: 32px 30px 28px;
    text-align: left;
    border: 1px solid rgba(80,150,220,.16);
    position: relative;
    overflow: hidden;
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.wawi-servicio-card::before {
    content:"";
    position:absolute;
    width:90px;
    height:90px;
    right:-35px;
    top:-35px;
    border-radius:50%;
    background:rgba(43,140,255,.08);
}
.wawi-servicio-card:hover {
    transform: translateY(-7px);
    box-shadow:0 18px 40px rgba(45,120,190,.14);
    border-color:rgba(43,140,255,.28);
}
.wawi-servicio-icon {
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    font-size:24px;
    color:#2b8cff;
    background:rgba(43,140,255,.09);
    margin-bottom:20px;
}
.wawi-servicio-card h3 {
    font-size:20px;
    font-weight:500;
    margin-bottom:12px;
}
.wawi-servicio-card p {
    font-size:15px;
    line-height:1.7;
    margin:0 0 18px;
}
.wawi-servicio-link {
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#2b8cff;
    font-size:14px;
    text-decoration:none;
    transition:gap .25s ease;
}
.wawi-servicio-link:hover {
    gap:12px;
}
@media(max-width:900px){
 .wawi-servicios-grid{grid-template-columns:1fr;}
}


/* WAWI SERVICIOS - refinamiento visual premium */
.wawi-servicios-contenedor{
    width:min(760px, 78%);
}

.wawi-servicio-card{
    padding:24px 22px 22px;
    border-radius:24px;
    background:linear-gradient(145deg, rgba(255,255,255,.96), rgba(248,251,255,.9));
    border:1px solid rgba(47,84,255,.10);
    transition:transform .5s cubic-bezier(.2,.8,.2,1), box-shadow .5s ease, border-color .5s ease;
}

.wawi-servicio-card:hover{
    transform:translateY(-9px);
    border-color:rgba(47,84,255,.25);
    box-shadow:0 22px 55px rgba(20,70,150,.14);
}

.wawi-servicio-icon{
    animation:none;
    position:relative;
    overflow:hidden;
    transition:transform .5s ease;
}

.wawi-servicio-icon::after{
    content:"";
    position:absolute;
    width:150%;
    height:150%;
    left:-130%;
    top:-25%;
    background:linear-gradient(120deg, transparent, rgba(255,255,255,.85), transparent);
    transform:rotate(25deg);
    transition:left .8s ease;
}

.wawi-servicio-card:hover .wawi-servicio-icon{
    transform:translateY(-3px) rotate(4deg);
}

.wawi-servicio-card:hover .wawi-servicio-icon::after{
    left:120%;
}

.wawi-servicio-card h3{
    font-weight:300;
    letter-spacing:-.2px;
}

.wawi-servicio-card p{
    font-weight:300;
}

.wawi-servicio-link{
    font-weight:300;
}


/* ===== WAWI SERVICIOS - REFORMA VISUAL ===== */
.wawi-servicios{
    padding:70px 0 65px;
}
.wawi-servicios-contenedor{
    width:min(980px,82%);
    margin:auto;
}
.wawi-servicios .section-head{
    max-width:760px;
}
.wawi-servicios-grid{
    gap:32px;
    margin-top:42px;
}
.wawi-servicio-card{
    min-height:310px;
    padding:34px 32px;
    border-radius:28px;
    background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
    border:1px solid rgba(35,105,220,.13);
    overflow:hidden;
    transition:transform .45s ease, box-shadow .45s ease;
}
.wawi-servicio-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(40,90,160,.12);
}
.wawi-servicio-icon{
    width:56px;
    height:56px;
    border-radius:50%;
    font-size:22px;
    margin-bottom:26px;
    background:rgba(43,140,255,.08);
    animation:wawiIconFloat 5s ease-in-out infinite;
}
.wawi-servicio-card:nth-child(2) .wawi-servicio-icon{
    animation-delay:1.2s;
}
.wawi-servicio-card:nth-child(3) .wawi-servicio-icon{
    animation-delay:2.4s;
}
.wawi-servicio-card h3{
    font-size:22px;
    font-weight:400;
    line-height:1.35;
    margin-bottom:16px;
}
.wawi-servicio-card p{
    font-size:15px;
    font-weight:300;
    line-height:1.75;
}
.wawi-servicio-link{
    margin-top:8px;
    font-size:14px;
    font-weight:400;
}
@keyframes wawiIconFloat{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-6px)}
}
@media(max-width:900px){
 .wawi-servicios-contenedor{width:90%}
}


/* ==========================================================
   SERVICIOS WAWI — enfoque editorial V22
   Contenido protagonista, iconografía secundaria
   ========================================================== */

.wawi-servicios {
    padding: 55px 0 38px;
}

.wawi-servicios-contenedor {
    width: min(980px, 80%);
    margin: 0 auto;
}

.wawi-servicios .section-head {
    max-width: 720px;
    margin-bottom: 38px;
}

.wawi-servicios-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 34px;
    margin-top: 10px;
}

.wawi-servicio-card {
    background: transparent;
    border: 0;
    border-left: 1px solid rgba(43,140,255,.25);
    border-radius: 0;
    padding: 8px 28px 8px 24px;
    box-shadow: none;
    overflow: visible;
    transition: transform .4s ease;
}

.wawi-servicio-card::before {
    display:none;
}

.wawi-servicio-card:hover {
    transform: translateY(-4px);
    box-shadow:none;
}

.wawi-servicio-icon {
    width:32px;
    height:32px;
    border-radius:50%;
    font-size:15px;
    margin-bottom:22px;
    animation:none;
    background:rgba(43,140,255,.07);
}

.wawi-servicio-card h3 {
    font-size:22px;
    line-height:1.3;
    font-weight:300;
    margin:0 0 14px;
    letter-spacing:-.2px;
}

.wawi-servicio-card p {
    font-size:15px;
    line-height:1.75;
    margin:0 0 22px;
    color:rgba(20,35,70,.78);
}

.wawi-servicio-link {
    font-size:14px;
    font-weight:300;
}

.wawi-servicio-link::after {
    content:" →";
    transition:transform .3s ease;
}

.wawi-servicio-link:hover::after {
    transform:translateX(4px);
}

@media(max-width:900px){
 .wawi-servicios-grid{grid-template-columns:1fr;}
 .wawi-servicio-card{border-left:0;border-top:1px solid rgba(43,140,255,.25);padding:25px 0;}
}


/* Ajuste definitivo ancho sección servicios */
.wawi-servicios-contenedor{
    width: min(1280px, 90%);
}

.wawi-servicios-grid{
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 24px;
}

.wawi-servicio-card{
    min-height: 230px;
    padding: 32px 34px 28px;
}

@media(max-width:1200px){
    .wawi-servicios-contenedor{
        width:90%;
    }
}

@media(max-width:900px){
    .wawi-servicios-grid{
        grid-template-columns:1fr;
    }
}


/* CORRECCION REAL ANCHO SERVICIOS - ajuste equilibrado */
.wawi-servicios-contenedor{
    width:min(1180px,88vw)!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

.wawi-servicios-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(260px,1fr))!important;
    gap:34px!important;
    align-items:stretch!important;
}

.wawi-servicio-card{
    width:auto!important;
    max-width:none!important;
    min-height:210px!important;
    padding:34px 30px 30px!important;
}

@media(max-width:900px){
 .wawi-servicios-contenedor{width:90%!important;}
 .wawi-servicios-grid{grid-template-columns:1fr!important;}
}

.wf-black{color:#111827;}


/* === MÓDULO INDEX: Capacitación y Desarrollo (agregado solicitado) === */
.wawi-servicios--glass{position:relative;isolation:isolate;overflow:hidden;background:#fff!important;padding:72px 0!important}
.wawi-servicios--glass .wawi-servicios-network{position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.50}
.wawi-servicios--glass .wawi-servicios-network svg{width:100%;height:100%}
.wawi-servicios--glass .network-base path{fill:none;stroke:url(#wawiNetworkGradient);stroke-width:1.15;opacity:.20}
.wawi-servicios--glass .network-pulses path{fill:none;stroke:url(#wawiNetworkGradient);stroke-width:2;stroke-dasharray:9 34;opacity:.30;animation:wawiNetMove 30s linear infinite}
.wawi-servicios--glass .network-pulses .pulse-b{animation-delay:-2s}.wawi-servicios--glass .network-pulses .pulse-c{animation-delay:-4s}.wawi-servicios--glass .network-pulses .pulse-d{animation-delay:-6s}.wawi-servicios--glass .network-nodes circle{fill:#4a97ff;opacity:.42}
@keyframes wawiNetMove{to{stroke-dashoffset:-260}}
.wawi-servicios--glass .wawi-servicios-orb{position:absolute;border:1px solid rgba(58,130,255,.18);border-radius:50%;pointer-events:none;z-index:-1}
.wawi-servicios--glass .wawi-servicios-orb--one{width:180px;height:180px;left:42%;top:25%}.wawi-servicios--glass .wawi-servicios-orb--two{width:150px;height:150px;right:5%;top:24%}
.wawi-servicios--glass .wawi-servicios-contenedor{width:min(930px,88vw)!important;margin:auto;position:relative;z-index:1}
.wawi-servicios--glass .wawi-servicios-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;align-items:stretch!important}
.wawi-servicios--glass .wawi-servicio-card{display:flex!important;flex-direction:column!important;min-height:540px!important;padding:28px 28px 22px!important;border:1px solid rgba(86,153,255,.28)!important;border-radius:22px!important;background:rgba(255,255,255,.18)!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 14px 34px rgba(32,69,130,.07)!important;overflow:hidden!important}
.wawi-servicios--glass .wawi-servicio-heading{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.wawi-servicios--glass .wawi-servicio-icon{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(59,145,255,.2);border-radius:13px;background:rgba(255,255,255,.72);color:#177dff;font-size:17px}
.wawi-servicios--glass .wawi-servicio-card h3{margin:0!important;font-size:31px!important;line-height:1.15!important;font-weight:300!important;color:#102044!important}
.wawi-servicios--glass .wawi-servicio-card>p{margin:0 0 20px!important;font-size:14px!important;line-height:1.58!important;font-weight:300!important;color:#7b89a7!important}
.wawi-servicios--glass .wawi-servicio-tags{display:flex;flex-direction:column;gap:0;margin:2px 0 14px}
.wawi-servicios--glass .wawi-tech-capsule{position:relative;display:flex;align-items:center;gap:13px;min-height:47px;padding:8px 12px 8px 46px;border:0;border-bottom:1px solid rgba(87,133,195,.13);border-radius:0;background:rgba(255,255,255,.08);color:#536c91;transition:.25s ease}
.wawi-servicios--glass .wawi-tech-capsule:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:9px;background:linear-gradient(#1bc7ff,#2481ff)}
.wawi-servicios--glass .wawi-tech-capsule svg{position:absolute;left:16px;width:18px;height:18px;fill:none;stroke:#167cff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.wawi-servicios--glass .wawi-tech-capsule b{font-size:13px;font-weight:300}
.wawi-servicios--glass .wawi-tech-capsule:hover{transform:translateX(4px);background:rgba(229,243,255,.48);color:#176dce}
.wawi-servicios--glass .wawi-tech-node{display:none}
.wawi-servicios--glass .wawi-servicio-link{margin-top:auto!important;align-self:flex-start;color:#1780ff!important;font-size:13px!important;text-decoration:none}
@media(max-width:800px){.wawi-servicios--glass .wawi-servicios-grid{grid-template-columns:1fr!important}.wawi-servicios--glass .wawi-servicio-card{min-height:0!important}.wawi-servicios--glass .wawi-servicios-contenedor{width:90vw!important}}
@media(prefers-reduced-motion:reduce){.wawi-servicios--glass .network-pulses path{animation:none!important}}