/* ==========================================================
   NOSOTROS · estilos específicos de página
   (estructura visual preservada)
   ========================================================== *//* Ajustes propios de la página Nosotros */.wawi-mascota img{margin-bottom:-66px;animation-name:wawiRespiraNosotros}@keyframes wawiRespiraNosotros{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}.node-circle svg{stroke-width:2.7;vector-effect:none}/* Página Detrás de wawi: conserva sin alteraciones el encabezado y footer del index */.behind-hero{height:clamp(370px,23vw,410px);min-height:clamp(370px,23vw,410px);width:100%;position:relative;overflow:hidden;background:radial-gradient(circle at 76% 38%,rgba(12,205,229,.13),transparent 27%),radial-gradient(circle at 16% 14%,rgba(47,84,255,.10),transparent 32%),linear-gradient(115deg,#fbfcff 0%,#f7faff 48%,#edf7ff 100%)}.behind-hero::before{content:"";position:absolute;inset:-20%;background:repeating-radial-gradient(ellipse at 72% 54%,transparent 0 88px,rgba(47,84,255,.075) 89px 90px,transparent 91px 150px);animation:behindOrbit 18s linear infinite;transform-origin:72% 54%}.behind-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(102deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.65) 34%,transparent 62%);pointer-events:none}@keyframes behindOrbit{to{transform:rotate(360deg)}}.behind-tech{position:absolute;inset:0;pointer-events:none;opacity:.75;background-image:radial-gradient(circle at 8% 72%,rgba(47,84,255,.45) 0 2px,transparent 3px),radial-gradient(circle at 52% 84%,rgba(0,202,229,.7) 0 3px,transparent 4px),radial-gradient(circle at 91% 18%,rgba(47,84,255,.30) 0 2px,transparent 3px),linear-gradient(118deg,transparent 0 29%,rgba(88,145,255,.13) 29.1% 29.25%,transparent 29.4% 100%),linear-gradient(64deg,transparent 0 76%,rgba(88,145,255,.11) 76.1% 76.25%,transparent 76.4% 100%);animation:behindDrift 11s ease-in-out infinite alternate}@keyframes behindDrift{from{transform:translate3d(-.8%,0,0)}to{transform:translate3d(.8%,-1%,0)}}.behind-inner{position:relative;z-index:3;width:min(1480px,94vw);height:100%;min-height:inherit;margin:0 auto;display:grid;grid-template-columns:minmax(410px,1fr) minmax(520px,1fr);align-items:center;gap:48px;padding:10px 0 4px}.behind-copy{position:relative;z-index:4}.behind-eyebrow{display:flex;align-items:center;gap:10px;color:#2f54ff;font-size:10px;letter-spacing:.23em;text-transform:uppercase;font-weight:400;margin-bottom:13px}.behind-eyebrow::before{content:"";width:30px;height:1px;background:#08cde5}.behind-title{font-size:clamp(34px,2.7vw,47px);line-height:1.04;font-weight:300;letter-spacing:-.05em;max-width:570px;margin:0}.behind-title .accent{color:#2f54ff;font-weight:300}.behind-subtitle{font-size:clamp(14px,.95vw,17px);line-height:1.65;color:#657086;max-width:570px;margin:16px 0 0}.behind-link{display:inline-flex;align-items:center;gap:7px;margin-top:14px;color:#2f54ff;text-decoration:none;font-size:12px;font-weight:400}.behind-link::after{content:"↓";transition:transform .3s}.behind-link:hover::after{transform:translateY(4px)}.behind-visual{position:relative;height:342px;display:flex;align-items:center;justify-content:center}.behind-visual::before{content:"";position:absolute;width:90%;height:82%;border:1px solid rgba(47,84,255,.13);border-radius:50%;transform:rotate(-7deg)}.behind-photo{position:relative;width:min(620px,92%);height:292px;border-radius:30px 88px 30px 88px;overflow:hidden;box-shadow:0 28px 70px rgba(23,47,121,.14);background:#eef3ff;z-index:2;animation:photoPulse 8s ease-in-out infinite}.behind-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.10),transparent 45%,rgba(47,84,255,.06));pointer-events:none}.behind-photo img{width:100%;height:100%;object-fit:cover;object-position:center 48%;display:block;transition:transform 1s cubic-bezier(.2,.75,.2,1)}.behind-photo:hover img{transform:scale(1.025)}@keyframes photoPulse{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-7px,0)}}.founder-tag{position:absolute;left:1%;bottom:2%;z-index:4;background:rgba(255,255,255,.94);border:1px solid rgba(231,234,242,.95);box-shadow:0 14px 34px rgba(7,18,57,.10);padding:11px 15px;border-radius:15px;color:#657086;font-size:10.5px;line-height:1.5}.founder-tag strong{display:block;color:#071239;font-size:12px;font-weight:500}.founder-tag span{color:#2f54ff}.bio{padding:44px 0 34px;background:linear-gradient(180deg,#fafcff,#fff)}.bio-inner{width:min(1380px,90vw);max-width:none;margin:auto}.bio h2,.timeline-section h2{font-size:clamp(21px,1.75vw,27px);font-weight:300;letter-spacing:-.03em;margin-bottom:26px}.bio p{font-size:16px;line-height:1.86;color:#3d4660;margin-bottom:20px}.bio strong{font-weight:500;color:#071239}.purpose-statement{margin:28px 0;padding:18px 22px;border:1px solid #e3e9fb;border-radius:18px;background:linear-gradient(110deg,#f7f9ff,#fff);display:flex;align-items:center;gap:15px;box-shadow:0 14px 36px rgba(23,47,121,.05)}.purpose-statement::before{content:"";flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#08cde5;box-shadow:0 0 0 8px rgba(8,205,229,.09)}.purpose-statement p{margin:0!important;font-size:15.5px;line-height:1.55;color:#071239}.purpose-statement strong{color:#2f54ff;font-weight:500}.signature{margin-top:24px!important;margin-bottom:0!important}.signature strong{font-weight:500}.timeline-section{padding:15px 0 46px}.timeline{width:min(1380px,90vw);max-width:none;margin:auto;position:relative}.timeline-line{position:absolute;top:23px;left:6%;right:6%;height:1px;background:#dce3f7}.timeline-nav{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));position:relative;z-index:2;overflow-x:auto;padding:4px 0 10px;scrollbar-width:thin}.tbtn{appearance:none;background:none;border:0;cursor:pointer;color:#657086;font-family:inherit;padding:0 8px;white-space:nowrap;min-width:130px}.tbtn span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:#fff;border:1px solid #cad6ff;transition:.25s;font-size:12px;font-weight:400}.tbtn.active span,.tbtn:hover span,.tbtn:focus-visible span{background:#2f54ff;color:#fff;border-color:#2f54ff;transform:translateY(-4px);box-shadow:0 12px 28px rgba(47,84,255,.2)}.tbtn strong{display:block;font-size:10.5px;font-weight:400;white-space:nowrap;word-break:keep-all}.timeline-card{margin:40px auto 0;max-width:960px;background:linear-gradient(135deg,#fff,#f7f9ff);border:1px solid #e8ecf7;border-radius:24px;padding:32px 38px;box-shadow:0 22px 55px rgba(23,47,121,.07);min-height:195px;display:grid;grid-template-columns:205px 1fr;gap:24px;align-items:center;transition:opacity .22s ease,transform .22s ease}.timeline-card.is-changing{opacity:.2;transform:translateY(7px)}.year-big{font-size:36px;color:#2f54ff;font-weight:300;letter-spacing:-.04em;white-space:nowrap;word-break:keep-all;min-width:190px}.timeline-card h3{font-size:20px;font-weight:400;margin-bottom:10px}.timeline-card p{color:#657086;line-height:1.8;font-size:14.5px}.closing{padding:44px 5% 46px;background:#f3f4f6;color:#071239;text-align:center;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.closing h2{font-size:clamp(23px,2.3vw,33px);font-weight:300;line-height:1.25;max-width:900px;margin:auto}.closing a{display:inline-block;margin-top:15px;padding:12px 22px;border-radius:14px;background:#fff;color:#071239;text-decoration:none;font-size:13px;font-weight:400;border:1px solid #dfe3ea;box-shadow:0 8px 22px rgba(7,18,57,.06);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.closing a:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(7,18,57,.09);border-color:#cfd5df}@media(max-width:1100px){.behind-inner{grid-template-columns:minmax(350px,1fr) minmax(450px,1fr);gap:28px}.behind-photo{width:min(560px,94%);height:282px}.behind-visual{height:320px}.behind-title{font-size:39px}}@media(max-width:900px){.behind-hero{height:auto;min-height:auto}.behind-inner{grid-template-columns:1fr;padding:40px 0 28px}.behind-copy{text-align:center}.behind-eyebrow,.behind-link{justify-content:center}.behind-title,.behind-subtitle{margin-left:auto;margin-right:auto}.behind-visual{height:330px}.founder-tag{left:5%}.timeline-card{grid-template-columns:1fr;text-align:center}.year-big{min-width:0}.bio{padding-top:38px}}@media(max-width:560px){.behind-inner{width:92vw;padding:28px 0 22px}.behind-title{font-size:34px}.behind-subtitle{font-size:14.5px}.behind-visual{height:250px}.behind-photo{height:225px;border-radius:22px 58px 22px 58px}.founder-tag{left:3%;bottom:-2%;font-size:9.5px}.founder-tag strong{font-size:10.5px}.bio{padding:34px 22px 28px}.bio p{font-size:15.3px}.purpose-statement{align-items:flex-start;padding:17px 18px}.purpose-statement p{font-size:14.5px}.timeline-section{padding:18px 22px 70px}.timeline-line{display:none}.timeline-nav{grid-template-columns:repeat(6,132px)}.timeline-card{padding:25px 22px}.year-big{font-size:31px}.closing{padding:60px 22px}}@media(prefers-reduced-motion:reduce){.behind-hero::before,.behind-tech,.behind-photo{animation:none!important}.behind-photo img{transition:none}}/* Ajustes v11: ancho del hero, cuerpo y footer alineados con index */@media (min-width:1101px){.behind-visual{justify-content:flex-end;}.behind-photo{max-width:620px;}}@media (min-width:901px) and (max-width:1100px){.behind-visual{justify-content:flex-end;}}/* v12: alinea el ancho del contenido con el contenedor real del index *//* Conserva una lectura cómoda sin volver a angostar toda la sección */.bio-inner > * {
    max-width: 100%;
}/* v13: footer tipográfico idéntico al index. Se replica explícitamente para evitar herencias de la página interna. *//* ============================================================
   v15 · Párrafo de propósito y cierre visual alineado con index
   ============================================================ */.purpose-statement{display:none!important;}.purpose-paragraph{
    margin:24px 0 28px;
    padding:0;
    font-size:clamp(17px,1.35vw,20px);
    line-height:1.75;
    font-weight:300;
    color:var(--azul-oscuro);
}.purpose-paragraph strong{
    color:var(--azul-wawi);
    font-weight:400;
}.closing{
    width:100%;
    margin:26px 0 0;
    padding:0;
    background:#f5f7fb;
    border-top:1px solid rgba(15,31,74,.05);
    border-bottom:1px solid rgba(15,31,74,.05);
    overflow:hidden;
}.closing-inner{
    width:min(1180px,90%);
    min-height:235px;
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0,1.55fr) auto minmax(220px,.55fr);
    align-items:center;
    gap:42px;
    position:relative;
}.closing-copy{padding:34px 0;}.closing h2{
    margin:0 0 16px;
    max-width:760px;
    font-family:Montserrat,sans-serif;
    font-size:clamp(25px,2.15vw,36px);
    line-height:1.24;
    letter-spacing:-.65px;
    font-weight:300;
    color:var(--azul-oscuro);
    text-align:left;
}.closing h2 span{
    display:block;
    color:var(--azul-wawi);
    font-weight:400;
}.closing-copy p{
    max-width:690px;
    margin:0;
    font-size:15px;
    line-height:1.8;
    font-weight:300;
    color:var(--gris-texto);
}.closing-button{
    min-width:286px;
    min-height:64px;
    padding:0 28px;
    border-radius:22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    background:var(--azul-wawi);
    color:#fff;
    font-size:15px;
    font-weight:500;
    text-decoration:none;
    box-shadow:0 16px 34px rgba(47,84,255,.22);
    transition:transform .28s ease,box-shadow .28s ease,background .28s ease;
    white-space:nowrap;
}.closing-button:hover{
    transform:translateY(-3px);
    box-shadow:0 20px 42px rgba(47,84,255,.30);
    background:#2448ee;
}.closing-button span{font-size:20px;font-weight:300;}.closing-visual{
    align-self:stretch;
    display:flex;
    align-items:flex-end;
    justify-content:flex-end;
    overflow:hidden;
    min-width:220px;
}.closing-visual img{
    width:270px;
    max-width:none;
    height:auto;
    display:block;
    transform:translate(34px,22px);
    filter:drop-shadow(0 18px 28px rgba(34,58,130,.12));
    animation:closingWorkFloat 5.8s ease-in-out infinite;
}@keyframes closingWorkFloat{0%,100%{transform:translate(34px,22px)}50%{transform:translate(30px,16px)}}@media (max-width:980px){.closing-inner{grid-template-columns:1fr auto;gap:26px;}.closing-visual{display:none;}}@media (max-width:700px){.purpose-paragraph{font-size:16px;line-height:1.7;margin:20px 0 24px;}.closing{margin-top:18px;}.closing-inner{width:min(92%,1180px);grid-template-columns:1fr;gap:22px;padding:30px 0 34px;}.closing-copy{padding:0;}.closing h2{font-size:clamp(24px,7vw,31px);}.closing-button{min-width:0;width:100%;min-height:58px;border-radius:18px;}}@media (prefers-reduced-motion:reduce){.closing-visual img{animation:none!important;}}/* V17: cierre igualado al CTA del index y mascota sin bordes */.closing{width:100%;padding:34px 0 40px;margin-top:0;background:linear-gradient(90deg,#ffffff 0%,#f5f7ff 100%);border:0;overflow:hidden;text-align:left}.closing-inner{width:min(1180px,90%);min-height:170px;margin:0 auto;padding:0;display:grid;grid-template-columns:1.4fr auto 220px;align-items:center;gap:36px}.closing-copy{padding:0}.closing h2{font-size:clamp(24px,2.1vw,32px);line-height:1.25;font-weight:300;letter-spacing:-.5px;margin:0 0 14px;max-width:760px}.closing-copy p{max-width:620px;font-size:15px;line-height:1.8;font-weight:300}.closing-button{justify-self:center;min-width:0;min-height:0;padding:17px 34px;border-radius:18px;font-size:14px;font-weight:500;box-shadow:0 14px 30px rgba(47,84,255,.22)}.closing-visual{min-width:0;width:220px;height:170px;align-self:end;display:flex;align-items:flex-end;justify-content:flex-end;overflow:visible}.closing-visual img{width:180px;height:auto;max-height:190px;object-fit:contain;display:block;border:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important;transform:translateY(28px);animation:wawiRespira 4s ease-in-out infinite}@media(max-width:980px){.closing-inner{grid-template-columns:1fr auto;gap:26px}.closing-visual{display:none}}@media(max-width:700px){.closing{padding:30px 0 34px}.closing-inner{width:min(92%,1180px);min-height:auto;grid-template-columns:1fr;gap:22px;padding:0}.closing-button{width:100%;min-height:58px}}/* V20: altura exacta del módulo CTA, idéntica al index */.wawi-invita{
    height:244px;
    min-height:244px;
    padding:34px 0 40px;
    box-sizing:border-box;
}.wawi-invita-contenedor{
    height:170px;
    min-height:170px;
    max-height:170px;
}.wawi-invita-img{
    width:auto;
    height:216px;
    max-width:none;
    max-height:none;
    object-fit:contain;
    margin-bottom:-66px;
}@media(max-width:700px){.wawi-invita{height:auto;min-height:0;}.wawi-invita-contenedor{height:auto;min-height:0;max-height:none;}}/* 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 *//* 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;
  }}/* “Detrás de wawi” usa el mismo formato del kicker de Index y Capacitación */.behind-hero .behind-eyebrow{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 13px!important;
  color:#2f54ff!important;
  font-family:inherit!important;
  font-size:11px!important;
  font-weight:500!important;
  line-height:1.2!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
}.behind-hero .behind-eyebrow::before{
  content:""!important;
  display:block!important;
  width:30px!important;
  height:1px!important;
  flex:0 0 30px!important;
  background:#2f54ff!important;
  opacity:.72!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 */.wawi-invita-img{transform:translateY(-20px);}/* Footer: geometría vertical compartida y simétrica *//* ============================================================
   FOOTER — espaciado interno uniforme (20 px)
   Regla final autoritativa para todas las páginas.
   ============================================================ *//* ==========================================================
   NOSOTROS · SECTION HEADS
   Usa el componente global compartido por todo el sitio.
   ========================================================== */.nosotros-intro{
    padding:64px 0 10px;
    background:#fff;
}.nosotros-intro + .bio{
    padding-top:26px;
}@media(max-width:620px){.nosotros-intro{
        padding:44px 0 6px;
    }.nosotros-intro + .bio{
        padding-top:18px;
    }}/* ==========================================================
   NOSOTROS · SECTION HEAD ALINEADO AL SISTEMA GLOBAL
   Replica exactamente geometría, alineación y márgenes
   del resto de las páginas.
   ========================================================== *//* Separación respecto del hero: igual al resto del sitio */.nosotros-intro{
    padding:30px 0 0!important;
    margin:0!important;
    background:#fff!important;
}/* Contenedor *//* Kicker *//* Título *//* Descripción *//* Evita que la bio agregue un espacio distinto */.nosotros-intro + .bio{
    padding-top:26px!important;
}@media(max-width:620px){.nosotros-intro{
        padding-top:30px!important;
    }}

/* ==========================================================
   NOSOTROS · BIO ALINEADA CON LA LÍNEA VISIBLE DEL TIMELINE
   ========================================================== */
.bio-inner{
    width:min(1380px,90vw)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:6%!important;
    padding-right:6%!important;
    box-sizing:border-box!important;
}

.bio-inner > *{
    max-width:100%!important;
}

@media(max-width:620px){
    .bio-inner{
        width:100%!important;
        padding-left:0!important;
        padding-right:0!important;
    }
}

/* ==========================================================
   NOSOTROS · HERO VISUAL UNIFICADO
   La imagen de Walter y wawi adopta la misma geometría circular
   y el mismo lenguaje visual de los encabezados del sitio.
   ========================================================== */
.behind-visual{
  height:342px;
  justify-content:center!important;
}
.behind-visual::before{
  width:310px;
  height:310px;
  border-radius:50%;
  transform:none;
  border:1px solid rgba(47,84,255,.22);
  box-shadow:0 0 0 26px rgba(71,181,255,.045),0 0 0 58px rgba(47,84,255,.025);
}
.behind-photo{
  width:300px!important;
  height:300px!important;
  max-width:none!important;
  border-radius:50%!important;
  overflow:hidden;
  background:rgba(255,255,255,.76);
  border:2px solid rgba(255,255,255,.96);
  box-shadow:0 0 0 8px rgba(104,199,255,.10),0 24px 64px rgba(47,84,255,.17),inset 0 0 42px rgba(74,155,255,.10);
  backdrop-filter:blur(7px);
}
.behind-photo::after{
  border-radius:50%;
  background:linear-gradient(115deg,rgba(255,255,255,.10),transparent 48%,rgba(47,84,255,.05));
}
.behind-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:none;
  filter:none;
}
.behind-photo:hover img{
  transform:scale(1.018);
}
.founder-tag{
  left:50%!important;
  bottom:-2px!important;
  transform:translateX(-50%);
  width:max-content;
  max-width:90%;
  text-align:center;
}
@media(max-width:1100px){
  .behind-photo{width:282px!important;height:282px!important;}
  .behind-visual::before{width:292px;height:292px;}
}
@media(max-width:900px){
  .behind-visual{height:330px;}
}
@media(max-width:560px){
  .behind-visual{height:265px;}
  .behind-photo{width:225px!important;height:225px!important;}
  .behind-visual::before{width:235px;height:235px;}
  .founder-tag{bottom:-7px!important;}
}


/* ==========================================================
   NOSOTROS · ÓRBITA DE VALORES
   Geometría unificada con Index, Capacitación y Desarrollo.
   ========================================================== */
.behind-hint{display:flex;align-items:center;gap:10px;margin-top:20px;color:#66718a;font-size:12px;line-height:1.5;font-weight:300}.behind-hint i{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#2f54ff;box-shadow:0 0 0 5px rgba(47,84,255,.10)}
.behind-orbit-scene{position:relative!important;width:620px!important;max-width:none!important;height:390px!important;min-width:620px!important;overflow:visible!important;display:block!important}
.behind-orbit-ring{position:absolute;left:50%;top:50%;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);border:1px solid rgba(47,84,255,.13)}
.behind-orbit-ring.ring-one{width:300px!important;height:300px!important}
.behind-orbit-ring.ring-two{width:470px!important;height:390px!important;border-color:rgba(71,181,255,.10)}
.behind-orbit-ring.ring-three{width:650px!important;height:455px!important;border-color:rgba(47,84,255,.055)}
.behind-orbit-scene::before{display:none!important}
.behind-orbit-scene .behind-photo{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:250px!important;height:250px!important;z-index:3}
.behind-keyword-node{position:absolute;left:var(--x);top:var(--y);z-index:6;display:flex;align-items:center;gap:10px;transform:translate(-50%,-50%);outline:none;cursor:default}
.behind-keyword-node .node-circle{width:58px!important;height:58px!important;flex:0 0 58px!important;border-radius:18px!important;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.94);border:2px solid rgba(255,255,255,.99);box-shadow:0 0 0 4px rgba(81,194,255,.15),0 15px 36px rgba(47,84,255,.16);transition:transform .28s ease,background .28s ease,border-color .28s ease,box-shadow .28s ease}
.behind-keyword-node .node-circle svg{width:30px!important;height:30px!important;fill:none;stroke:#2f54ff;stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round;transition:stroke .28s ease,transform .28s ease}
.behind-keyword-node .node-label{position:absolute;top:50%;white-space:nowrap;opacity:0;visibility:hidden;color:#183072;font-size:10.5px;line-height:1.25;font-weight:400;letter-spacing:.11em;transition:opacity .24s ease,transform .24s ease,visibility .24s ease;pointer-events:none}
.behind-keyword-node:hover .node-circle,.behind-keyword-node:focus-visible .node-circle{transform:translateY(-3px) scale(1.05);background:#2f54ff;border-color:#2f54ff;box-shadow:0 17px 34px rgba(47,84,255,.25)}
.behind-keyword-node:hover .node-circle svg,.behind-keyword-node:focus-visible .node-circle svg{stroke:#fff;transform:scale(1.04)}
.behind-keyword-node:hover .node-label,.behind-keyword-node:focus-visible .node-label{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}
.behind-keyword-node.node-knowledge{--x:28%;--y:18%}.behind-keyword-node.node-technology{--x:72%;--y:18%}.behind-keyword-node.node-innovation{--x:22%;--y:54%}.behind-keyword-node.node-experience{--x:78%;--y:54%}.behind-keyword-node.node-commitment{--x:28%;--y:82%}.behind-keyword-node.node-evolution{--x:72%;--y:82%}
.behind-keyword-node.node-knowledge .node-label,.behind-keyword-node.node-innovation .node-label,.behind-keyword-node.node-commitment .node-label{right:68px;transform:translateY(-50%) translateX(8px);text-align:right}
.behind-keyword-node.node-technology .node-label,.behind-keyword-node.node-experience .node-label,.behind-keyword-node.node-evolution .node-label{left:68px;transform:translateY(-50%) translateX(-8px)}
.behind-mobile-keywords{display:none}
@media(max-width:1180px) and (min-width:901px){.behind-orbit-scene{min-width:0!important;transform:scale(.86)!important;transform-origin:center!important}.behind-hero .behind-inner{gap:8px!important}}
@media(max-width:900px){.behind-orbit-scene{width:min(620px,96vw)!important;min-width:0!important;max-width:none!important;height:390px!important;margin:0 auto!important;transform:scale(.92);transform-origin:center}.behind-orbit-scene .behind-photo{width:220px!important;height:220px!important}.behind-hint{justify-content:center}.behind-copy{text-align:center}.behind-eyebrow{justify-content:center}.behind-keyword-node .node-label{opacity:1;visibility:visible;top:68px;left:50%!important;right:auto!important;transform:translateX(-50%)!important;text-align:center!important;font-size:9px}.behind-keyword-node:hover .node-label,.behind-keyword-node:focus-visible .node-label{transform:translateX(-50%)!important}}
@media(max-width:560px){.behind-orbit-scene{height:350px!important;transform:scale(.78);transform-origin:center top;margin-bottom:-70px!important}.behind-orbit-scene .behind-photo{width:210px!important;height:210px!important}.behind-keyword-node .node-circle{width:58px!important;height:58px!important;flex-basis:58px!important;border-radius:17px!important}.behind-keyword-node .node-circle svg{width:29px!important;height:29px!important}.behind-keyword-node .node-label{top:66px;font-size:8.5px;letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){.behind-keyword-node .node-circle,.behind-keyword-node .node-circle svg,.behind-keyword-node .node-label{transition:none!important}}

/* ==========================================================
   AJUSTE FINAL · HERO NOSOTROS
   Misma escala y posición que los hover de las demás páginas.
   ========================================================== */
@media (min-width:1181px){
  .behind-hero .behind-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;
  }
  .behind-hero .behind-visual{
    height:390px!important;
    min-width:620px!important;
    overflow:visible!important;
    display:block!important;
    transform:none!important;
  }
  .behind-hero .behind-orbit-scene{
    width:620px!important;
    min-width:620px!important;
    max-width:none!important;
    height:390px!important;
    margin:0 auto!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
  }
  .behind-orbit-scene .behind-photo{
    width:300px!important;
    height:300px!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
  }
  .behind-keyword-node .node-circle{
    width:64px!important;
    height:64px!important;
    flex:0 0 64px!important;
    border-radius:19px!important;
  }
  .behind-keyword-node .node-circle svg{
    width:31px!important;
    height:31px!important;
  }
  .behind-keyword-node.node-knowledge .node-label,
  .behind-keyword-node.node-innovation .node-label,
  .behind-keyword-node.node-commitment .node-label{
    right:74px!important;
  }
  .behind-keyword-node.node-technology .node-label,
  .behind-keyword-node.node-experience .node-label,
  .behind-keyword-node.node-evolution .node-label{
    left:74px!important;
  }
}

@media (max-width:1180px) and (min-width:901px){
  .behind-hero .behind-inner{
    width:min(1480px,92vw)!important;
    grid-template-columns:minmax(330px,40%) minmax(0,60%)!important;
    gap:8px!important;
    padding:8px 0!important;
  }
  .behind-hero .behind-visual{
    height:390px!important;
    min-width:0!important;
    overflow:visible!important;
  }
  .behind-orbit-scene{
    width:620px!important;
    height:390px!important;
    margin:0 auto!important;
    transform:scale(.88)!important;
    transform-origin:center!important;
  }
  .behind-orbit-scene .behind-photo{
    width:300px!important;
    height:300px!important;
  }
  .behind-keyword-node .node-circle{
    width:64px!important;
    height:64px!important;
    flex:0 0 64px!important;
    border-radius:19px!important;
  }
  .behind-keyword-node .node-circle svg{
    width:31px!important;
    height:31px!important;
  }
}

/* ==========================================================
   AJUSTE 16-07-2026 · UNIFICACIÓN REAL DEL HOVER NOSOTROS
   - Fondo idéntico a los demás encabezados orbitales.
   - Círculo central con la misma escala visual.
   - Íconos separados del círculo y distribuidos sobre la órbita.
   ========================================================== */
.behind-hero{
  background:
    radial-gradient(circle at 72% 48%,rgba(74,141,255,.18),transparent 27%),
    radial-gradient(circle at 94% 42%,rgba(0,213,234,.11),transparent 24%),
    linear-gradient(115deg,#f8fbff 0%,#f5f8ff 45%,#eaf3ff 100%)!important;
  isolation:isolate;
}
.behind-hero::after{
  background:linear-gradient(90deg,rgba(255,255,255,.68),transparent 50%)!important;
}
.behind-tech{
  opacity:.58!important;
  background-image:
    radial-gradient(circle at 8% 30%,rgba(47,84,255,.35) 0 2px,transparent 3px),
    radial-gradient(circle at 88% 50%,rgba(0,202,229,.52) 0 2px,transparent 3px),
    radial-gradient(circle at 28% 76%,rgba(47,84,255,.25) 0 1.5px,transparent 2.5px),
    linear-gradient(116deg,transparent 0 27%,rgba(88,145,255,.12) 27.15% 27.35%,transparent 27.5% 100%),
    linear-gradient(67deg,transparent 0 73%,rgba(88,145,255,.10) 73.15% 73.35%,transparent 73.5% 100%)!important;
}

@media (min-width:901px){
  .behind-hero .behind-orbit-scene{
    height:342px!important;
  }
  .behind-orbit-scene .behind-photo{
    width:214px!important;
    height:214px!important;
  }
  .behind-orbit-ring.ring-one{
    width:220px!important;
    height:220px!important;
  }
  .behind-orbit-ring.ring-two{
    width:360px!important;
    height:280px!important;
    border-style:dashed!important;
  }
  .behind-orbit-ring.ring-three{
    width:500px!important;
    height:324px!important;
    opacity:.52!important;
  }

  .behind-keyword-node.node-knowledge{--x:30%;--y:22%}
  .behind-keyword-node.node-innovation{--x:28%;--y:50%}
  .behind-keyword-node.node-commitment{--x:30%;--y:78%}
  .behind-keyword-node.node-technology{--x:70%;--y:22%}
  .behind-keyword-node.node-experience{--x:72%;--y:50%}
  .behind-keyword-node.node-evolution{--x:70%;--y:78%}
}

@media (max-width:1180px) and (min-width:901px){
  .behind-orbit-scene .behind-photo{
    width:214px!important;
    height:214px!important;
  }
}

/* ==========================================================
   CORRECCIÓN FINAL · NOSOTROS
   Recupera el diámetro de referencia y separa los iconos.
   ========================================================== */
@media (min-width:901px){
  .behind-hero .behind-visual{
    height:390px!important;
    min-width:620px!important;
    overflow:visible!important;
  }
  .behind-hero .behind-orbit-scene{
    width:620px!important;
    min-width:620px!important;
    height:390px!important;
    margin:0 auto!important;
    transform:none!important;
  }
  .behind-orbit-scene .behind-photo{
    width:300px!important;
    height:300px!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
  }
  .behind-orbit-ring.ring-one{
    width:310px!important;
    height:310px!important;
    border-style:solid!important;
  }
  .behind-orbit-ring.ring-two{
    width:470px!important;
    height:390px!important;
    border-style:dashed!important;
  }
  .behind-orbit-ring.ring-three{
    width:650px!important;
    height:455px!important;
    opacity:.52!important;
  }

  .behind-keyword-node.node-knowledge{--x:17%;--y:18%}
  .behind-keyword-node.node-innovation{--x:10%;--y:50%}
  .behind-keyword-node.node-commitment{--x:17%;--y:82%}
  .behind-keyword-node.node-technology{--x:83%;--y:18%}
  .behind-keyword-node.node-experience{--x:90%;--y:50%}
  .behind-keyword-node.node-evolution{--x:83%;--y:82%}
}

@media (max-width:1180px) and (min-width:901px){
  .behind-hero .behind-visual{min-width:0!important;}
  .behind-hero .behind-orbit-scene{
    transform:scale(.88)!important;
    transform-origin:center center!important;
  }
}


/* ==========================================================
   CALIDAD DE IMAGEN · HERO NOSOTROS
   Usa la fotografía original en alta resolución y realiza
   un único recorte circular desde CSS, sin reescalados extra.
   ========================================================== */
.behind-orbit-scene .behind-photo{
  border-radius:50%!important;
  overflow:hidden!important;
  background:#f7fbff!important;
  animation:none!important;
}
.behind-orbit-scene .behind-photo::after{
  display:none!important;
}
.behind-orbit-scene .behind-photo img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
  transition:none!important;
  image-rendering:auto!important;
  filter:none!important;
}
.behind-orbit-scene .behind-photo:hover img{
  transform:none!important;
}


/* ==========================================================
   HERO NOSOTROS · IMAGEN HD CON MANO FUERA DEL CÍRCULO
   Fondo tecnológico sin logotipo y composición sin recortes.
   ========================================================== */
.behind-orbit-scene .behind-photo{
  width:500px!important;
  height:391px!important;
  border-radius:0!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
  animation:none!important;
  pointer-events:none;
}
.behind-orbit-scene .behind-photo::after{display:none!important;}
.behind-orbit-scene .behind-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  transform:none!important;
  transition:none!important;
  filter:none!important;
}
.behind-orbit-scene .behind-photo:hover img{transform:none!important;}

@media (max-width:1180px) and (min-width:901px){
  .behind-orbit-scene .behind-photo{
    width:500px!important;
    height:391px!important;
  }
}
@media (max-width:900px){
  .behind-orbit-scene .behind-photo{
    width:430px!important;
    height:336px!important;
  }
}
@media (max-width:560px){
  .behind-orbit-scene .behind-photo{
    width:390px!important;
    height:305px!important;
  }
}

/* ==========================================================
   CORRECCIÓN FINAL — IMAGEN CENTRAL DE DETRÁS DE WAWI
   Mantiene un círculo perfecto, elimina recortes triangulares
   y evita escalados que degradan la fotografía.
   ========================================================== */
.behind-orbit-scene .behind-photo{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:360px!important;
  height:360px!important;
  border-radius:0!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
  animation:none!important;
  z-index:3!important;
}
.behind-orbit-scene .behind-photo::after{display:none!important;}
.behind-orbit-scene .behind-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  transform:none!important;
  filter:none!important;
  border-radius:0!important;
}
.behind-orbit-scene .behind-photo:hover img{transform:none!important;}
.behind-orbit-ring.ring-one{width:380px!important;height:380px!important;}

@media (max-width:1180px) and (min-width:901px){
  .behind-orbit-scene .behind-photo{width:330px!important;height:330px!important;}
  .behind-orbit-ring.ring-one{width:350px!important;height:350px!important;}
}
@media (max-width:900px){
  .behind-orbit-scene .behind-photo{width:300px!important;height:300px!important;}
  .behind-orbit-ring.ring-one{width:320px!important;height:320px!important;}
}
@media (max-width:560px){
  .behind-orbit-scene .behind-photo{width:265px!important;height:265px!important;}
  .behind-orbit-ring.ring-one{width:283px!important;height:283px!important;}
}


/* ==========================================================
   HERO "DETRÁS DE WAWI" · AJUSTE DEFINITIVO
   - Círculo visual idéntico al resto de los hover (300 px).
   - Misma posición y separación orbital de los seis iconos.
   - Fotografía HD sin contenedor rectangular.
   - Mano y Wawi sobresalen naturalmente del círculo.
   ========================================================== */
@media (min-width:901px){
  .behind-hero .behind-visual::before{
    display:none!important;
  }
  .behind-hero .behind-orbit-scene{
    position:relative!important;
    height:390px!important;
    min-width:620px!important;
    overflow:visible!important;
    transform:none!important;
  }
  .behind-orbit-scene .behind-photo{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:420px!important;
    height:420px!important;
    transform:translate(-50%,-50%)!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    overflow:visible!important;
    background:transparent!important;
    box-shadow:none!important;
    animation:none!important;
    z-index:3!important;
    pointer-events:none!important;
  }
  .behind-orbit-scene .behind-photo::before,
  .behind-orbit-scene .behind-photo::after{
    display:none!important;
  }
  .behind-orbit-scene .behind-photo img{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    display:block!important;
    object-fit:contain!important;
    object-position:center!important;
    border:0!important;
    border-radius:0!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
    image-rendering:auto!important;
  }
  .behind-orbit-ring.ring-one{
    width:300px!important;
    height:300px!important;
  }
  .behind-orbit-ring.ring-two{
    width:470px!important;
    height:390px!important;
  }
  .behind-orbit-ring.ring-three{
    width:650px!important;
    height:455px!important;
  }
  .behind-keyword-node.node-knowledge{--x:28%!important;--y:18%!important}
  .behind-keyword-node.node-technology{--x:72%!important;--y:18%!important}
  .behind-keyword-node.node-innovation{--x:22%!important;--y:54%!important}
  .behind-keyword-node.node-experience{--x:78%!important;--y:54%!important}
  .behind-keyword-node.node-commitment{--x:28%!important;--y:82%!important}
  .behind-keyword-node.node-evolution{--x:72%!important;--y:82%!important}
}
@media (max-width:1180px) and (min-width:901px){
  .behind-hero .behind-orbit-scene{
    transform:scale(.88)!important;
    transform-origin:center center!important;
  }
}
@media (max-width:900px){
  .behind-hero .behind-visual::before{display:none!important;}
  .behind-orbit-scene .behind-photo{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:308px!important;
    height:308px!important;
    transform:translate(-50%,-50%)!important;
    border:0!important;
    border-radius:0!important;
    overflow:visible!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .behind-orbit-scene .behind-photo img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    border-radius:0!important;
  }
  .behind-orbit-ring.ring-one{width:220px!important;height:220px!important;}
}
@media (max-width:560px){
  .behind-orbit-scene .behind-photo{width:280px!important;height:280px!important;}
  .behind-orbit-ring.ring-one{width:200px!important;height:200px!important;}
}

/* ==========================================================
   AJUSTE FINAL · ÓRBITA DE ICONOS Y MANO SIN CORTE
   ========================================================== */
@media (min-width:901px){
  .behind-keyword-node.node-knowledge{--x:17%!important;--y:17%!important}
  .behind-keyword-node.node-technology{--x:83%!important;--y:17%!important}
  .behind-keyword-node.node-innovation{--x:9%!important;--y:52%!important}
  .behind-keyword-node.node-experience{--x:91%!important;--y:52%!important}
  .behind-keyword-node.node-commitment{--x:17%!important;--y:84%!important}
  .behind-keyword-node.node-evolution{--x:83%!important;--y:84%!important}
}

@media (max-width:1180px) and (min-width:901px){
  .behind-keyword-node.node-knowledge{--x:15%!important;--y:17%!important}
  .behind-keyword-node.node-technology{--x:85%!important;--y:17%!important}
  .behind-keyword-node.node-innovation{--x:7%!important;--y:52%!important}
  .behind-keyword-node.node-experience{--x:93%!important;--y:52%!important}
  .behind-keyword-node.node-commitment{--x:15%!important;--y:84%!important}
  .behind-keyword-node.node-evolution{--x:85%!important;--y:84%!important}
}
/* AJUSTE FINAL SOLICITADO · MANO Y ÓRBITAS */
@media (min-width:901px){
  .behind-keyword-node.node-knowledge{--x:14%!important;--y:16%!important}
  .behind-keyword-node.node-technology{--x:86%!important;--y:16%!important}
  .behind-keyword-node.node-innovation{--x:4%!important;--y:52%!important}
  .behind-keyword-node.node-experience{--x:96%!important;--y:52%!important}
  .behind-keyword-node.node-commitment{--x:14%!important;--y:85%!important}
  .behind-keyword-node.node-evolution{--x:86%!important;--y:85%!important}
}

/* ==========================================================
   CORRECCIÓN DEFINITIVA · HERO DETRÁS DE WAWI
   Base estable: misma geometría que el resto de los hover.
   ========================================================== */
.behind-hero .behind-visual::before,
.behind-orbit-scene::before{
  display:none!important;
  content:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
.behind-orbit-scene{
  position:relative!important;
  width:620px!important;
  min-width:620px!important;
  max-width:none!important;
  height:390px!important;
  overflow:visible!important;
  display:block!important;
}
.behind-orbit-scene .behind-photo{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:399px!important;
  height:357px!important;
  transform:translate(-50%,-50%)!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
  animation:none!important;
  z-index:4!important;
  pointer-events:none!important;
}
.behind-orbit-scene .behind-photo::before,
.behind-orbit-scene .behind-photo::after{
  display:none!important;
  content:none!important;
}
.behind-orbit-scene .behind-photo img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  transform:none!important;
  filter:none!important;
  transition:none!important;
  image-rendering:auto!important;
}
.behind-orbit-ring.ring-one{width:300px!important;height:300px!important;z-index:2!important}
.behind-orbit-ring.ring-two{width:470px!important;height:390px!important;z-index:1!important}
.behind-orbit-ring.ring-three{width:650px!important;height:455px!important;z-index:1!important}

@media (min-width:1181px){
  .behind-keyword-node.node-knowledge{--x:14%!important;--y:16%!important}
  .behind-keyword-node.node-technology{--x:86%!important;--y:16%!important}
  .behind-keyword-node.node-innovation{--x:4%!important;--y:52%!important}
  .behind-keyword-node.node-experience{--x:96%!important;--y:52%!important}
  .behind-keyword-node.node-commitment{--x:14%!important;--y:85%!important}
  .behind-keyword-node.node-evolution{--x:86%!important;--y:85%!important}
}
@media (max-width:1180px) and (min-width:901px){
  .behind-orbit-scene{
    transform:scale(.86)!important;
    transform-origin:center center!important;
  }
  .behind-keyword-node.node-knowledge{--x:14%!important;--y:16%!important}
  .behind-keyword-node.node-technology{--x:86%!important;--y:16%!important}
  .behind-keyword-node.node-innovation{--x:4%!important;--y:52%!important}
  .behind-keyword-node.node-experience{--x:96%!important;--y:52%!important}
  .behind-keyword-node.node-commitment{--x:14%!important;--y:85%!important}
  .behind-keyword-node.node-evolution{--x:86%!important;--y:85%!important}
}
@media (max-width:900px){
  .behind-orbit-scene{
    width:min(620px,96vw)!important;
    min-width:0!important;
    height:390px!important;
    margin:0 auto!important;
    transform:scale(.88)!important;
    transform-origin:center center!important;
  }
  .behind-orbit-scene .behind-photo{width:365px!important;height:327px!important}
}
@media (max-width:560px){
  .behind-orbit-scene{
    height:350px!important;
    transform:scale(.76)!important;
    transform-origin:center top!important;
    margin-bottom:-70px!important;
  }
  .behind-orbit-scene .behind-photo{width:345px!important;height:309px!important}
}

/* ==========================================================
   AJUSTE FINAL · MOVIMIENTO INDIVIDUAL Y ETIQUETAS
   Cada icono orbita de forma independiente, con fases distintas.
   Las etiquetas aparecen más separadas del botón.
   ========================================================== */
@keyframes behindKeywordFloat{
  0%,100%{transform:translate(-50%,-50%) translate3d(0,0,0) rotate(0deg)}
  28%{transform:translate(-50%,-50%) translate3d(var(--float-x,2px),-5px,0) rotate(var(--float-r,1deg))}
  62%{transform:translate(-50%,-50%) translate3d(calc(var(--float-x,2px) * -.55),2px,0) rotate(calc(var(--float-r,1deg) * -.65))}
  82%{transform:translate(-50%,-50%) translate3d(1px,-2px,0) rotate(.25deg)}
}

@media (min-width:901px){
  .behind-keyword-node{
    animation:behindKeywordFloat var(--float-duration,6.8s) cubic-bezier(.42,0,.3,1) infinite;
    animation-delay:var(--float-delay,0s);
    will-change:transform;
  }

  .behind-keyword-node.node-knowledge{--float-duration:6.4s;--float-delay:-.8s;--float-x:-3px;--float-r:-1.15deg}
  .behind-keyword-node.node-technology{--float-duration:7.1s;--float-delay:-3.1s;--float-x:3px;--float-r:1.1deg}
  .behind-keyword-node.node-innovation{--float-duration:6.8s;--float-delay:-4.6s;--float-x:-2px;--float-r:.8deg}
  .behind-keyword-node.node-experience{--float-duration:7.4s;--float-delay:-1.9s;--float-x:4px;--float-r:-.9deg}
  .behind-keyword-node.node-commitment{--float-duration:6.6s;--float-delay:-5.2s;--float-x:-4px;--float-r:1deg}
  .behind-keyword-node.node-evolution{--float-duration:7.2s;--float-delay:-2.5s;--float-x:2px;--float-r:-1.2deg}

  .behind-keyword-node.node-knowledge .node-label,
  .behind-keyword-node.node-innovation .node-label,
  .behind-keyword-node.node-commitment .node-label{
    right:82px!important;
    left:auto!important;
    transform:translateY(-50%) translateX(12px)!important;
  }

  .behind-keyword-node.node-technology .node-label,
  .behind-keyword-node.node-experience .node-label,
  .behind-keyword-node.node-evolution .node-label{
    left:82px!important;
    right:auto!important;
    transform:translateY(-50%) translateX(-12px)!important;
  }

  .behind-keyword-node:hover .node-label,
  .behind-keyword-node:focus-visible .node-label{
    transform:translateY(-50%) translateX(0)!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .behind-keyword-node{animation:none!important}
}


/* ==========================================================
   RESPONSIVE DEFINITIVO · DETRÁS DE WAWI
   Adaptación específica para tablet y celular.
   ========================================================== */
@media (max-width:900px){
  .behind-hero{
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .behind-hero::after{
    background:linear-gradient(180deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.42) 47%,transparent 100%)!important;
  }
  .behind-inner{
    width:min(680px,91vw)!important;
    height:auto!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:18px!important;
    padding:42px 0 30px!important;
  }
  .behind-copy{
    width:100%!important;
    text-align:center!important;
  }
  .behind-eyebrow{justify-content:center!important;margin-bottom:12px!important}
  .behind-title{
    max-width:650px!important;
    margin:0 auto!important;
    font-size:clamp(34px,6.4vw,45px)!important;
    line-height:1.08!important;
  }
  .behind-subtitle{
    max-width:590px!important;
    margin:15px auto 0!important;
    font-size:15px!important;
    line-height:1.65!important;
  }
  .behind-hint{justify-content:center!important;margin-top:16px!important}
  .behind-visual{
    flex:0 0 auto!important;
  }

  .nosotros-intro{padding-top:40px!important}
  .nosotros-intro .section-head,
  .timeline-section .section-head{
    width:min(680px,88vw)!important;
    text-align:center!important;
  }
  .bio{
    padding:30px 0 32px!important;
  }
  .bio-inner{
    width:min(680px,88vw)!important;
    padding:0!important;
  }
  .bio h2{font-size:25px!important;margin-bottom:20px!important}
  .bio p{font-size:15.5px!important;line-height:1.78!important;margin-bottom:18px!important}
  .purpose-paragraph{
    margin:25px 0!important;
    padding:20px!important;
    border-radius:18px!important;
  }
  .timeline-section{padding:20px 0 52px!important}
  .timeline{
    width:min(680px,88vw)!important;
  }
  .timeline-line{display:none!important}
  .timeline-nav{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:13px!important;
    overflow:visible!important;
    padding:0!important;
  }
  .tbtn{
    min-width:0!important;
    width:100%!important;
    padding:0!important;
  }
  .tbtn span{
    width:42px!important;
    height:42px!important;
    margin-bottom:8px!important;
  }
  .tbtn strong{
    white-space:normal!important;
    line-height:1.3!important;
    min-height:27px!important;
  }
  .timeline-card{
    margin-top:28px!important;
    max-width:none!important;
    min-height:0!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:27px 25px!important;
    text-align:center!important;
  }
  .year-big{font-size:32px!important;min-width:0!important}
}

@media (max-width:680px){
  .behind-inner{
    width:100%!important;
    padding:32px 18px 28px!important;
    box-sizing:border-box!important;
  }
  .behind-title{font-size:34px!important;letter-spacing:-.042em!important}
  .behind-subtitle{font-size:14.5px!important}
  .behind-hint span{display:none!important}
  .behind-hint::after{
    content:"Conocé los valores que nos definen.";
    font-size:11.5px;
  }

  /* En celular la órbita se convierte en una lectura clara y secuencial. */
  .behind-orbit-scene{
    width:100%!important;
    min-width:0!important;
    max-width:520px!important;
    height:auto!important;
    margin:4px auto 0!important;
    padding:0!important;
    transform:none!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px 12px!important;
    align-items:start!important;
    justify-items:center!important;
    overflow:visible!important;
  }
  .behind-orbit-ring{display:none!important}
  .behind-orbit-scene .behind-photo{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    grid-column:1/-1!important;
    width:min(350px,88vw)!important;
    height:auto!important;
    aspect-ratio:399/357!important;
    transform:none!important;
    margin:0 auto 4px!important;
  }
  .behind-keyword-node,
  .behind-keyword-node:hover,
  .behind-keyword-node:focus-visible{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    display:flex!important;
    flex-direction:column!important;
    gap:9px!important;
    transform:none!important;
    animation:none!important;
  }
  .behind-keyword-node .node-circle{
    width:56px!important;
    height:56px!important;
    flex:0 0 56px!important;
    border-radius:17px!important;
  }
  .behind-keyword-node .node-circle svg{width:28px!important;height:28px!important}
  .behind-keyword-node .node-label,
  .behind-keyword-node:hover .node-label,
  .behind-keyword-node:focus-visible .node-label{
    position:static!important;
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    width:100%!important;
    min-height:14px!important;
    padding:0 2px!important;
    color:#183072!important;
    font-size:9px!important;
    line-height:1.3!important;
    letter-spacing:.08em!important;
    white-space:normal!important;
    text-align:center!important;
    transform:none!important;
  }

  .nosotros-intro{padding:34px 20px 0!important}
  .nosotros-intro .section-head,
  .timeline-section .section-head{
    width:100%!important;
    padding:0!important;
  }
  .section-title{font-size:28px!important;line-height:1.16!important}
  .section-description{font-size:14.5px!important;line-height:1.7!important}
  .bio{padding:25px 20px 26px!important}
  .bio-inner{width:100%!important}
  .bio h2{font-size:23px!important}
  .bio p{font-size:15px!important;line-height:1.74!important}
  .purpose-paragraph{padding:18px!important}
  .signature{padding-top:4px!important}

  .timeline-section{padding:16px 20px 46px!important}
  .timeline{width:100%!important}
  .timeline-nav{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px 10px!important;
  }
  .timeline-card{padding:24px 19px!important;border-radius:20px!important}
  .timeline-card h3{font-size:18px!important}
  .timeline-card p{font-size:14px!important;line-height:1.68!important}
}

@media (max-width:390px){
  .behind-inner{padding-left:14px!important;padding-right:14px!important}
  .behind-title{font-size:31px!important}
  .behind-orbit-scene{gap:16px 8px!important}
  .behind-orbit-scene .behind-photo{width:min(320px,92vw)!important}
  .behind-keyword-node .node-circle{width:52px!important;height:52px!important;flex-basis:52px!important}
  .behind-keyword-node .node-circle svg{width:26px!important;height:26px!important}
  .behind-keyword-node .node-label{font-size:8.2px!important;letter-spacing:.055em!important}
  .nosotros-intro,.bio,.timeline-section{padding-left:16px!important;padding-right:16px!important}
  .section-title{font-size:26px!important}
}

/* ==========================================================
   Detrás de wawi — responsive unificado con las otras páginas
   En móviles se conserva la escena central y los valores se
   presentan de forma secuencial, como en Inicio, Capacitación
   y Desarrollo.
   ========================================================== */
@media (max-width:700px){
  .behind-orbit-scene{
    display:flex!important;
    position:relative!important;
    width:100%!important;
    max-width:520px!important;
    height:340px!important;
    min-height:340px!important;
    margin:0 auto!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  .behind-orbit-scene .behind-photo{
    position:absolute!important;
    left:50%!important;
    top:44%!important;
    width:min(330px,86vw)!important;
    height:auto!important;
    aspect-ratio:399/357!important;
    margin:0!important;
    transform:translate(-50%,-50%)!important;
    border-radius:24px 62px 24px 62px!important;
    z-index:4!important;
  }
  .behind-orbit-ring{
    display:block!important;
    position:absolute!important;
    left:50%!important;
    top:44%!important;
    transform:translate(-50%,-50%)!important;
    border-radius:50%!important;
    pointer-events:none!important;
  }
  .behind-orbit-ring.ring-one{width:255px!important;height:255px!important;opacity:.42!important}
  .behind-orbit-ring.ring-two{width:330px!important;height:300px!important;opacity:.28!important}
  .behind-orbit-ring.ring-three{width:400px!important;height:345px!important;opacity:.14!important}
  .behind-keyword-node{display:none!important}
  .behind-mobile-keywords.wawi-mobile-services{
    display:flex!important;
    bottom:2px!important;
  }
}
@media (max-width:430px){
  .behind-orbit-scene{height:320px!important;min-height:320px!important}
  .behind-orbit-scene .behind-photo{top:43%!important;width:min(305px,88vw)!important}
  .behind-orbit-ring{top:43%!important}
  .behind-orbit-ring.ring-one{width:235px!important;height:235px!important}
  .behind-orbit-ring.ring-two{width:305px!important;height:280px!important}
  .behind-orbit-ring.ring-three{width:360px!important;height:320px!important}
}

.wf-black{color:#111827;}