{"id":1184,"date":"2025-11-28T09:45:50","date_gmt":"2025-11-28T09:45:50","guid":{"rendered":"https:\/\/startersites.io\/elementor\/codespot\/?page_id=1184"},"modified":"2026-10-12T19:42:13","modified_gmt":"2026-10-12T19:42:13","slug":"unete","status":"publish","type":"page","link":"https:\/\/navakintelligence.com\/en\/unete\/","title":{"rendered":"Join Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1184\" class=\"elementor elementor-1184\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64fb22c animated-slow e-con-full e-flex e-con e-parent\" data-id=\"64fb22c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0}\">\n\t\t<div class=\"elementor-element elementor-element-7c94a11 e-con-full e-flex e-con e-child\" data-id=\"7c94a11\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c647cdf elementor-widget__width-inherit elementor-widget-tablet__width-inherit elementor-widget elementor-widget-html\" data-id=\"c647cdf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  .navak-typewriter {\n    \/* Tama\u00f1os m\u00e1ximos: puedes modificarlos *\/\n    --size-desktop: 80px;\n    --size-tablet: 68px;\n    --size-mobile: 36px;\n\n    width: 100%;\n    color: #fff !important;\n    font-family: Helvetica, Arial, sans-serif !important;\n    font-size: var(--size-desktop) !important;\n    font-weight: 400 !important;\n    line-height: 1.05 !important;\n    text-transform: uppercase;\n  }\n\n  .navak-typewriter__stage {\n    position: relative;\n    width: 100%;\n    min-height: 2.2em;\n    overflow: hidden;\n  }\n\n  .navak-typewriter__title {\n    position: relative;\n    margin: 0 !important;\n    color: #fff !important;\n    font-family: Helvetica, Arial, sans-serif !important;\n    font-size: var(--fitted-size, inherit) !important;\n    font-weight: 400 !important;\n    line-height: inherit !important;\n    transition: opacity 0.18s ease, transform 0.18s ease;\n  }\n\n  .navak-typewriter__stage.is-animated .navak-typewriter__title {\n    position: absolute;\n    inset: 0;\n  }\n\n  .navak-typewriter__title.is-entering,\n  .navak-typewriter__title.is-leaving {\n    opacity: 0;\n    transform: translateY(-0.2em);\n  }\n\n  .navak-typewriter__line {\n    display: block;\n    width: 100%;\n    min-height: 1.05em;\n    white-space: nowrap;\n    letter-spacing: -0.035em;\n  }\n\n  @media (min-width: 768px) and (max-width: 1024px) {\n    .navak-typewriter {\n      font-size: var(--size-tablet) !important;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .navak-typewriter {\n      font-size: var(--size-mobile) !important;\n      line-height: 1.08 !important;\n      letter-spacing: -0.045em;\n    }\n\n    .navak-typewriter__stage {\n      min-height: 2.3em;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .navak-typewriter__title {\n      transition: none !important;\n    }\n  }\n<\/style>\n\n<div\n  class=\"navak-typewriter\"\n  aria-label=\"Los desaf\u00edos m\u00e1s complejos del mundo. Necesitan las personas m\u00e1s inteligentes.\"\n>\n  <div class=\"navak-typewriter__stage\">\n    <h1 class=\"navak-typewriter__title\">\n      <span class=\"navak-typewriter__line\">LOS DESAF\u00cdOS M\u00c1S<\/span>\n      <span class=\"navak-typewriter__line\">COMPLEJOS DEL MUNDO<\/span>\n    <\/h1>\n  <\/div>\n<\/div>\n\n<script>\n(() => {\n  const widget = document.currentScript.previousElementSibling;\n  const stage = widget && widget.querySelector(\".navak-typewriter__stage\");\n  if (!stage) return;\n\n  const phrases = [\n    [\"LOS DESAF\u00cdOS M\u00c1S\", \"COMPLEJOS DEL MUNDO\"],\n    [\"NECESITAN LAS PERSONAS\", \"M\u00c1S INTELIGENTES.\"]\n  ];\n\n  const reducedMotion = window.matchMedia(\n    \"(prefers-reduced-motion: reduce)\"\n  ).matches;\n\n  let phraseIndex = 0;\n  let current = stage.querySelector(\".navak-typewriter__title\");\n\n  function fitTitle(title, index) {\n    if (!title) return;\n\n    const baseSize = parseFloat(\n      window.getComputedStyle(widget).fontSize\n    );\n    const style = window.getComputedStyle(widget);\n    const canvas = document.createElement(\"canvas\");\n    const context = canvas.getContext(\"2d\");\n    const letterSpacing = parseFloat(\n      window.getComputedStyle(title.querySelector(\".navak-typewriter__line\")).letterSpacing\n    ) || 0;\n\n    context.font = `400 ${baseSize}px ${style.fontFamily}`;\n\n    const widestLine = Math.max(\n      ...phrases[index].map(text =>\n        context.measureText(text).width +\n        letterSpacing * Math.max(0, text.length - 1)\n      )\n    );\n\n    const availableWidth = Math.max(100, stage.clientWidth - 8);\n    const fittedSize = Math.min(\n      baseSize,\n      baseSize * (availableWidth \/ widestLine)\n    );\n\n    title.style.setProperty(\"--fitted-size\", `${fittedSize}px`);\n  }\n\n  function makeTitle(index) {\n    const title = document.createElement(\"h1\");\n    title.className = \"navak-typewriter__title\";\n\n    const lines = phrases[index].map(() => {\n      const line = document.createElement(\"span\");\n      line.className = \"navak-typewriter__line\";\n      title.appendChild(line);\n      return line;\n    });\n\n    stage.appendChild(title);\n    fitTitle(title, index);\n\n    return { title, lines };\n  }\n\n  function writePhrase(lines, lineIndex = 0, charIndex = 0) {\n    if (lineIndex >= lines.length) {\n      setTimeout(nextPhrase, 1200);\n      return;\n    }\n\n    const text = phrases[phraseIndex][lineIndex];\n    lines[lineIndex].textContent = text.slice(0, charIndex);\n\n    if (charIndex < text.length) {\n      setTimeout(\n        () => writePhrase(lines, lineIndex, charIndex + 1),\n        24\n      );\n    } else {\n      setTimeout(\n        () => writePhrase(lines, lineIndex + 1, 0),\n        80\n      );\n    }\n  }\n\n  function nextPhrase() {\n    current.classList.add(\"is-leaving\");\n    phraseIndex = (phraseIndex + 1) % phrases.length;\n\n    const incoming = makeTitle(phraseIndex);\n    incoming.title.classList.add(\"is-entering\");\n\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => {\n        incoming.title.classList.remove(\"is-entering\");\n        writePhrase(incoming.lines);\n      });\n    });\n\n    const outgoing = current;\n    current = incoming.title;\n    setTimeout(() => outgoing.remove(), 220);\n  }\n\n  if (reducedMotion) return;\n\n  stage.classList.add(\"is-animated\");\n  const firstLines = Array.from(\n    current.querySelectorAll(\".navak-typewriter__line\")\n  );\n\n  fitTitle(current, phraseIndex);\n  firstLines.forEach(line => {\n    line.textContent = \"\";\n  });\n\n  writePhrase(firstLines);\n\n  if (\"ResizeObserver\" in window) {\n    new ResizeObserver(() => {\n      stage.querySelectorAll(\".navak-typewriter__title\").forEach(title => {\n        const index = Number(title.dataset.phraseIndex || phraseIndex);\n        fitTitle(title, index);\n      });\n    }).observe(stage);\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cff1374 elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"cff1374\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  #indicador-scroll-portada {\n    display: none !important;\n  }\n\n  @media screen and (max-width: 1024px) {\n    #indicador-scroll-portada {\n      position: relative !important;\n      display: flex !important;\n      flex-direction: column !important;\n      align-items: center !important;\n      gap: 8px !important;\n      width: 100% !important;\n      margin: 18px auto 24px !important;\n      color: #777 !important;\n      font-family: Helvetica, Arial, sans-serif !important;\n      font-size: 12px !important;\n      font-weight: 400 !important;\n      line-height: 1.05 !important;\n      text-align: center !important;\n    }\n\n    #indicador-scroll-portada .flecha-scroll {\n      position: relative !important;\n      display: block !important;\n      flex: 0 0 18px !important;\n      width: 1px !important;\n      height: 18px !important;\n      background: #777 !important;\n      animation: movimiento-flecha-portada 1.4s ease-in-out infinite !important;\n    }\n\n    #indicador-scroll-portada .flecha-scroll::after {\n      content: \"\" !important;\n      position: absolute !important;\n      left: -4px !important;\n      bottom: 1px !important;\n      width: 8px !important;\n      height: 8px !important;\n      border-right: 1px solid #777 !important;\n      border-bottom: 1px solid #777 !important;\n      transform: rotate(45deg) !important;\n    }\n\n    @keyframes movimiento-flecha-portada {\n      0%, 100% { transform: translateY(0); }\n      50% { transform: translateY(4px); }\n    }\n  }\n\n  \/* Tablet: sube el indicador para que no quede cortado *\/\n  @media screen and (min-width: 768px) and (max-width: 1024px) {\n    #indicador-scroll-portada {\n      margin-bottom: 56px !important;\n      font-size: 14px !important;\n    }\n  }\n\n  @media screen and (max-width: 1024px) and (prefers-reduced-motion: reduce) {\n    #indicador-scroll-portada .flecha-scroll {\n      animation: none !important;\n    }\n  }\n<\/style>\n\n<div id=\"indicador-scroll-portada\">\n  <span class=\"flecha-scroll\" aria-hidden=\"true\"><\/span>\n  <span>Desliza para<br>explorar<\/span>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-842af81 e-flex e-con-boxed e-con e-parent\" data-id=\"842af81\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-cd33cf5 e-con-full e-flex e-con e-child\" data-id=\"cd33cf5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<h1 data-interaction-id=\"c86ec6d\" class=\"e-c86ec6d-90b526e e-heading-base\">Un lugar donde comenzar<\/h1>\n\t\t\t\t<div class=\"elementor-element elementor-element-3c4928b elementor-widget-mobile__width-initial elementor-align-center elementor-widget elementor-widget-button\" data-id=\"3c4928b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/navakintelligence.com\/careers\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">POSICIONES ABIERTAS<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fd1442a e-con-full e-flex e-con e-child\" data-id=\"fd1442a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1eb2c5f e-con-full e-flex e-con e-parent\" data-id=\"1eb2c5f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d291b75 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d291b75\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"navak-areas\">\n  <p class=\"navak-areas__etiqueta\">Sobre NAVAK\u00ae<\/p>\n  <h2 class=\"navak-areas__titulo\">\n    NAVAK es una firma espa\u00f1ola de inteligencia privada fundada en 2025 con un prop\u00f3sito claro: democratizar el acceso a criterio estrat\u00e9gico de alto nivel. Respaldados por una red selecta de analistas e investigadores, blindamos las decisiones de nuestros clientes para que puedan navegar la incertidumbre con absoluta claridad.\n  <\/h2>\n<\/section>\n\n<style>\n  .navak-areas {\n    background: #ffffff;\n    padding: 160px 6vw;\n    text-align: center;\n  }\n  .navak-areas .navak-areas__etiqueta {\n    display: inline-flex !important;\n    align-items: center;\n    gap: 12px;\n    margin: 0 0 24px !important;\n    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif !important;\n    font-size: 20px !important;\n    font-weight: 400 !important;\n    line-height: 1.2 !important;\n    letter-spacing: normal !important;\n    text-transform: none !important;\n    text-decoration: none !important;\n    color: #8c8c8c !important;\n  }\n  \/* Punto cuadrado *\/\n  .navak-areas .navak-areas__etiqueta::before {\n    content: \"\";\n    width: 7px;\n    height: 7px;\n    background: currentColor;\n    flex: none;\n  }\n  .navak-areas .navak-areas__titulo {\n    max-width: 900px;\n    margin: 0 auto !important;\n    padding: 0 !important;\n    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif !important;\n    font-size: 38px !important;\n    font-weight: 400 !important;\n    line-height: 1.3 !important;\n    letter-spacing: normal !important;\n    text-transform: none !important;\n    text-decoration: none !important;\n    color: #133453 !important;\n    opacity: 1 !important;\n  }\n\n  \/* Tablet *\/\n  @media (max-width: 1024px) {\n    .navak-areas { padding: 120px 8vw; }\n    .navak-areas .navak-areas__etiqueta { font-size: 16px !important; gap: 10px; margin-bottom: 20px !important; }\n    .navak-areas .navak-areas__etiqueta::before { width: 6px; height: 6px; }\n    .navak-areas .navak-areas__titulo { font-size: 26px !important; max-width: 620px; }\n  }\n\n  \/* M\u00f3vil *\/\n  @media (max-width: 767px) {\n    .navak-areas { padding: 88px 24px; }\n    .navak-areas .navak-areas__etiqueta { font-size: 14px !important; gap: 8px; margin-bottom: 16px !important; }\n    .navak-areas .navak-areas__etiqueta::before { width: 5px; height: 5px; }\n    .navak-areas .navak-areas__titulo { font-size: 18px !important; max-width: 100%; }\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a105c42 elementor-widget elementor-widget-html\" data-id=\"a105c42\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  NAVAK \u00b7 CAMBIO DE COLOR AL HACER SCROLL (estilo Vantor)\n  Pega este widget HTML al principio del contenedor donde quieras que cambie el color.\n  Cuando este punto llega a la mitad de la pantalla, la p\u00e1gina pasa del color de SALIDA\n  al de ENTRADA. Al volver a subir, regresa al de salida.\n\n  \u25bc\u25bc EDITA SOLO ESTOS 4 COLORES \u25bc\u25bc\n-->\n<div class=\"navak-cambio\"\n     data-fondo-salida=\"#000000\"\n     data-texto-salida=\"#ffffff\"\n     data-fondo-entrada=\"#ffffff\"\n     data-texto-entrada=\"#133453\"><\/div>\n<!--\n  Opcional:\n  \u00b7 Para que un contenedor NO cambie nunca: Avanzado \u2192 Clases CSS \u2192 sin-cambio\n  \u00b7 Para forzar que un bloque S\u00cd cambie:    Avanzado \u2192 Clases CSS \u2192 con-cambio\n  \u00b7 Para que la cabecera trate un bloque como blanco siempre: Avanzado \u2192 Clases CSS \u2192 bloque-claro\n-->\n\n<style>\n  .elementor-widget:has(.navak-cambio) {\n    position: absolute !important;\n    top: 0; left: 0;\n    width: 1px !important; height: 0 !important;\n    margin: 0 !important; padding: 0 !important;\n    overflow: hidden; pointer-events: none;\n  }\n  .e-con:has(> .elementor-widget .navak-cambio),\n  .e-con-inner:has(> .elementor-widget .navak-cambio) { position: relative; }\n  .navak-cambio { display: block; height: 0; }\n\n  html.navak-cambio-on body,\n  html.navak-cambio-on .navak-cc,\n  html.navak-cambio-on .navak-cc .navak-areas {\n    background-color: var(--navak-fondo) !important;\n    transition: background-color 0.75s cubic-bezier(0.15, 1, 0.3, 1) !important;\n  }\n\n  html.navak-cambio-on .navak-cc :is(.elementor-heading-title, .elementor-widget-text-editor, .elementor-widget-text-editor p, .navak-areas__titulo) {\n    color: var(--navak-texto) !important;\n    transition: color 0.75s cubic-bezier(0.15, 1, 0.3, 1) !important;\n  }\n\n  html.navak-cambio-on .navak-cc .elementor-button {\n    transition: filter 0.75s cubic-bezier(0.15, 1, 0.3, 1);\n  }\n  html.navak-pagina-clara .navak-cc .elementor-button:not(:hover):not(:focus-visible):not(:active) {\n    filter: invert(1);\n  }\n\n  \/* Cabecera: logo y hamburguesa en azul NAVAK (#133453) cuando detr\u00e1s hay fondo claro *\/\n  .elementor-location-header .elementor-widget-image img,\n  .elementor-location-header .ue_hamburger {\n    transition: filter 0.75s cubic-bezier(0.15, 1, 0.3, 1);\n  }\n  html.navak-logo-claro .elementor-location-header .elementor-widget-image img,\n  html.navak-menu-claro .elementor-location-header .ue-fullscreen-menu:not(:has(input.checkbox-toggle:checked)) .ue_hamburger {\n    filter: brightness(0) saturate(100%) invert(12%) sepia(21%) saturate(3226%) hue-rotate(181deg) brightness(115%) contrast(92%);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    html.navak-cambio-on * { transition: none !important; }\n  }\n<\/style>\n\n<script>\n(function () {\n  if (window.navakCambioColor) return;\n  window.navakCambioColor = true;\n\n  var ALTURA = 0.5;\n  var raiz = document.documentElement;\n  var marcas = [], contenedores = [];\n  var pendiente = false;\n\n  function esClaro(hex) {\n    var c = hex.replace('#', '');\n    if (c.length === 3) c = c.split('').map(function (x) { return x + x; }).join('');\n    var r = parseInt(c.substr(0, 2), 16), g = parseInt(c.substr(2, 2), 16), b = parseInt(c.substr(4, 2), 16);\n    return (0.299 * r + 0.587 * g + 0.114 * b) \/ 255 > 0.6;\n  }\n\n  function esLiso(el) {\n    if (el.classList.contains('sin-cambio')) return false;\n    if (el.classList.contains('con-cambio')) return true;\n    if (el.querySelector(':scope > .elementor-background-video-container, :scope > .elementor-background-slideshow')) return false;\n    var lazy = el.matches('.e-con.e-parent:not(.e-lazyloaded)') && el.getBoundingClientRect().top > window.innerHeight * 1.5;\n    if (lazy) return el.classList.contains('navak-cc');\n    return getComputedStyle(el).backgroundImage === 'none';\n  }\n\n  function clasificar() {\n    contenedores.forEach(function (el) { el.classList.toggle('navak-cc', esLiso(el)); });\n  }\n\n  function aplicar(fondo, texto) {\n    raiz.style.setProperty('--navak-fondo', fondo);\n    raiz.style.setProperty('--navak-texto', texto);\n    raiz.classList.toggle('navak-pagina-clara', esClaro(fondo));\n  }\n\n  \/* \u00bfHay fondo claro detr\u00e1s de este punto de la cabecera? *\/\n  function claroEn(x, y, fondo) {\n    var pila = document.elementsFromPoint(x, y);\n    for (var i = 0; i < pila.length; i++) {\n      var el = pila[i];\n      if (el.closest('.elementor-location-header')) continue;\n      var bl = el.closest('.navak-blanca, .bloque-claro');\n      if (bl) return !el.closest('.navak-blanca__media');\n      if (!esClaro(fondo)) return false;\n      var c = el.closest('.navak-cc, .e-con');\n      if (c) return c.classList.contains('navak-cc') || !!c.closest('.navak-cc');\n      if (el === document.body || el === raiz) return true;\n    }\n    return esClaro(fondo);\n  }\n\n  function cabecera(fondo) {\n    var cab = document.querySelector('.elementor-location-header');\n    var logo = cab && cab.querySelector('.elementor-widget-image img');\n    var menu = cab && cab.querySelector('.ue_hamburger');\n    var y = 45;\n    var rl = logo && logo.getBoundingClientRect(), rm = menu && menu.getBoundingClientRect();\n    var xl = rl && rl.width ? rl.left + rl.width \/ 2 : 60;\n    var xm = rm && rm.width ? rm.left + rm.width \/ 2 : window.innerWidth - 60;\n    if (rl && rl.height) y = rl.top + rl.height \/ 2;\n    raiz.classList.toggle('navak-logo-claro', claroEn(xl, y, fondo));\n    raiz.classList.toggle('navak-menu-claro', claroEn(xm, rm && rm.height ? rm.top + rm.height \/ 2 : y, fondo));\n  }\n\n  function actualizar() {\n    pendiente = false;\n    clasificar();\n    var linea = window.innerHeight * ALTURA;\n    var activa = null;\n    marcas.forEach(function (m) { if (m.getBoundingClientRect().top <= linea) activa = m; });\n    var fondo = activa ? activa.dataset.fondoEntrada : marcas[0].dataset.fondoSalida;\n    var texto = activa ? activa.dataset.textoEntrada : marcas[0].dataset.textoSalida;\n    aplicar(fondo, texto);\n    cabecera(fondo);\n  }\n\n  function pedir() { if (!pendiente) { pendiente = true; requestAnimationFrame(actualizar); } }\n\n  function iniciar() {\n    marcas = Array.prototype.slice.call(document.querySelectorAll('.navak-cambio'));\n    if (!marcas.length) return;\n    marcas.sort(function (a, b) { return a.getBoundingClientRect().top - b.getBoundingClientRect().top; });\n    contenedores = Array.prototype.slice.call(document.querySelectorAll(\n      ':is([data-elementor-type=\"wp-page\"], [data-elementor-type=\"wp-post\"]) > .e-con, .con-cambio'));\n    actualizar();\n    raiz.classList.add('navak-cambio-on');\n    window.addEventListener('scroll', pedir, { passive: true });\n    window.addEventListener('resize', pedir);\n    window.addEventListener('load', pedir);\n  }\n\n  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', iniciar);\n  else iniciar();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f94ddfd e-con-full e-flex e-con e-parent\" data-id=\"f94ddfd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7a9aca elementor-widget elementor-widget-html\" data-id=\"a7a9aca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  NAVAK \u00b7 Panel con imagen fija (efecto Vantor Careers)\n  Pon 3 widgets HTML seguidos con este c\u00f3digo. En cada uno cambia SOLO:\n    1) La URL de la imagen (src)\n    2) data-activo: 1, 2 o 3 (qu\u00e9 opci\u00f3n del men\u00fa de la imagen queda resaltada)\n    3) La etiqueta, el t\u00edtulo y el texto\n  Al hacer scroll, la imagen se queda fija y la del siguiente panel sube por encima.\n-->\n<section class=\"navak-panel\" data-activo=\"1\">\n  <!-- Barra de secciones (solo m\u00f3vil, como Vantor) -->\n  <nav class=\"navak-panel__barra\" aria-hidden=\"true\">\n    <span>Nuestra misi\u00f3n<\/span>\n    <span>Qui\u00e9nes somos<\/span>\n    <span>Por qu\u00e9 unirte<\/span>\n  <\/nav>\n  <div class=\"navak-panel__media\">\n    <div class=\"navak-panel__fija\">\n      <img src=\"https:\/\/navakintelligence.com\/wp-content\/uploads\/2026\/09\/UNETE-1-scaled.png\" alt=\"\" decoding=\"async\">\n      <nav class=\"navak-panel__nav\" aria-hidden=\"true\">\n        <span>Nuestra misi\u00f3n<\/span>\n        <span>Qui\u00e9nes somos<\/span>\n        <span>Por qu\u00e9 unirte<\/span>\n      <\/nav>\n    <\/div>\n  <\/div>\n\n  <div class=\"navak-panel__texto\">\n    <div class=\"navak-panel__contenido\">\n      <p class=\"navak-panel__etiqueta\">Nuestra misi\u00f3n<\/p>\n      <h2 class=\"navak-panel__titulo\">Criterio estrat\u00e9gico al alcance de todos<\/h2>\n      <div class=\"navak-panel__cuerpo\">\n        <p>Nuestra misi\u00f3n es democratizar el acceso a criterio estrat\u00e9gico de alto nivel, reduciendo la brecha entre las grandes corporaciones con recursos para an\u00e1lisis sofisticado y las empresas que, aun teniendo exposici\u00f3n a riesgos complejos, carecen de herramientas internas para anticiparlos.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .navak-panel, .navak-panel * { box-sizing: border-box; }\n\n  \/* Contenedores de Elementor sin huecos entre paneles *\/\n  .e-con:has(> .elementor-widget .navak-panel),\n  .e-con:has(> .e-con-inner > .elementor-widget .navak-panel),\n  .e-con-inner:has(> .elementor-widget .navak-panel) { padding: 0 !important; gap: 0 !important; overflow: visible !important; }\n  .elementor-widget:has(.navak-panel),\n  .elementor-widget:has(.navak-panel) > .elementor-widget-container { width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; }\n\n  .navak-panel {\n    --navak-panel-fondo: var(--navak-fondo, #ffffff);\n    --navak-panel-texto: var(--navak-texto, #133453);\n    position: relative;\n    --navak-panel-extra: 100vh;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    grid-template-rows: auto var(--navak-panel-extra);\n    width: 100%;\n    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n    color: var(--navak-panel-texto);\n  }\n  \/* El siguiente panel se monta sobre el final del anterior: la imagen anterior sigue fija\n     mientras la nueva sube por encima *\/\n  .navak-panel.navak-panel--sigue { margin-top: -100vh; }\n  .navak-panel.navak-panel--ultimo { --navak-panel-extra: 0px; }\n\n  \/* ---------- IMAGEN FIJA ---------- *\/\n  .navak-panel__media { position: relative; grid-column: 1; grid-row: 1 \/ 3; background: #000; }\n  .navak-panel__texto { grid-column: 2; grid-row: 1; }\n  .navak-panel__fija {\n    position: -webkit-sticky;\n    position: sticky;\n    top: 0;\n    height: 100vh;\n    overflow: hidden;\n  }\n  .navak-panel__fija img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: 50% 50%;\n  }\n  .navak-panel__fija::after {\n    content: \"\";\n    position: absolute;\n    inset: 0 0 auto 0;\n    height: 260px;\n    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));\n    pointer-events: none;\n  }\n\n  \/* Men\u00fa sobre la imagen (como Vantor) *\/\n  .navak-panel__nav {\n    position: absolute;\n    z-index: 1;\n    top: 72px;\n    left: 72px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .navak-panel__nav span {\n    font-size: 18px;\n    font-weight: 400;\n    line-height: 1.5;\n    color: #ffffff;\n    opacity: 0.55;\n  }\n  .navak-panel[data-activo=\"1\"] .navak-panel__nav span:nth-child(1),\n  .navak-panel[data-activo=\"2\"] .navak-panel__nav span:nth-child(2),\n  .navak-panel[data-activo=\"3\"] .navak-panel__nav span:nth-child(3) { opacity: 1; }\n\n  \/* ---------- TEXTO ---------- *\/\n  .navak-panel__texto {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 100vh;\n    padding: 18vh 7vw;\n    background-color: var(--navak-panel-fondo);\n    transition: background-color 0.75s cubic-bezier(0.15, 1, 0.3, 1);\n  }\n  .navak-panel__contenido {\n    width: 100%;\n    max-width: 590px;\n    opacity: 0;\n    transform: translateY(40px);\n    transition: opacity 1.2s cubic-bezier(0.15, 1, 0.3, 1), transform 1.2s cubic-bezier(0.15, 1, 0.3, 1);\n  }\n  .navak-panel__contenido.is-visible { opacity: 1; transform: none; }\n\n  .navak-panel .navak-panel__etiqueta {\n    display: inline-flex !important;\n    align-items: center;\n    gap: 10px;\n    margin: 0 0 28px !important;\n    font-size: 15px !important;\n    font-weight: 400 !important;\n    letter-spacing: normal !important;\n    text-transform: none !important;\n    color: #8c8c8c !important;\n  }\n  .navak-panel .navak-panel__etiqueta::before {\n    content: \"\";\n    width: 6px;\n    height: 6px;\n    background: currentColor;\n  }\n  .navak-panel .navak-panel__titulo {\n    margin: 0 0 28px !important;\n    padding: 0 !important;\n    font-family: inherit !important;\n    font-size: 44px !important;\n    font-weight: 400 !important;\n    line-height: 1.15 !important;\n    letter-spacing: normal !important;\n    text-transform: none !important;\n    color: var(--navak-panel-texto) !important;\n    opacity: 1 !important;\n  }\n  .navak-panel .navak-panel__cuerpo p,\n  .navak-panel .navak-panel__cuerpo li {\n    margin: 0 0 22px !important;\n    font-size: 18px !important;\n    font-weight: 300 !important;\n    line-height: 1.6 !important;\n    color: var(--navak-panel-texto) !important;\n  }\n  .navak-panel .navak-panel__cuerpo ul { margin: 0; padding: 0; list-style: none; }\n  .navak-panel .navak-panel__cuerpo li { position: relative; padding-left: 20px; }\n  .navak-panel .navak-panel__cuerpo li::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 0.65em;\n    width: 6px;\n    height: 6px;\n    background: currentColor;\n  }\n  .navak-panel .navak-panel__cuerpo strong { font-weight: 500; }\n\n  \/* ---------- TABLET ---------- *\/\n  @media (max-width: 1024px) {\n    .navak-panel__nav { top: 48px; left: 40px; }\n    .navak-panel__nav span { font-size: 15px; }\n    .navak-panel .navak-panel__titulo { font-size: 34px !important; }\n    .navak-panel .navak-panel__cuerpo p,\n    .navak-panel .navak-panel__cuerpo li { font-size: 16px !important; }\n  }\n\n  \/* Barra de secciones: oculta en ordenador y tablet *\/\n  .navak-panel .navak-panel__barra { display: none; }\n\n  \/* ---------- M\u00d3VIL (como Vantor): barra fija arriba con las 3 secciones,\n     imagen a lo ancho y texto debajo ----------\n     (selectores reforzados con \"section.navak-panel.navak-panel\" para que\n      ning\u00fan otro estilo de la p\u00e1gina los pise) *\/\n  @media (max-width: 767px) {\n    section.navak-panel.navak-panel {\n      grid-template-columns: 1fr;\n      grid-template-rows: auto auto auto;\n      --navak-panel-extra: 0px;\n      margin-top: 0;\n    }\n\n    section.navak-panel.navak-panel .navak-panel__barra {\n      grid-column: 1;\n      grid-row: 1;\n      position: -webkit-sticky;\n      position: sticky;\n      top: 0;\n      z-index: 5;\n      display: flex;\n      gap: 32px;\n      margin: 0;\n      padding: calc(var(--navak-cabecera, 0px) + 8px) 24px 8px;\n      overflow-x: auto;\n      scrollbar-width: none;\n      background-color: var(--navak-panel-fondo);\n      border-bottom: 1px solid rgba(19, 52, 83, 0.15);\n      transition: background-color 0.75s cubic-bezier(0.15, 1, 0.3, 1);\n    }\n    section.navak-panel.navak-panel .navak-panel__barra::-webkit-scrollbar { display: none; }\n    section.navak-panel.navak-panel .navak-panel__barra span {\n      flex: none;\n      padding: 8px 0;\n      font-size: 14px;\n      font-weight: 400;\n      line-height: 1.3;\n      white-space: nowrap;\n      color: var(--navak-panel-texto);\n      opacity: 0.45;\n    }\n    section.navak-panel.navak-panel[data-activo=\"1\"] .navak-panel__barra span:nth-child(1),\n    section.navak-panel.navak-panel[data-activo=\"2\"] .navak-panel__barra span:nth-child(2),\n    section.navak-panel.navak-panel[data-activo=\"3\"] .navak-panel__barra span:nth-child(3) { opacity: 1; }\n\n    section.navak-panel.navak-panel .navak-panel__media { grid-column: 1; grid-row: 2; }\n    section.navak-panel.navak-panel .navak-panel__fija { position: relative; top: auto; height: auto; aspect-ratio: 3 \/ 2; }\n    section.navak-panel.navak-panel .navak-panel__fija::after,\n    section.navak-panel.navak-panel .navak-panel__nav { display: none; }\n\n    section.navak-panel.navak-panel .navak-panel__texto { grid-column: 1; grid-row: 3; min-height: 0; padding: 48px 24px 64px; }\n    section.navak-panel.navak-panel .navak-panel__etiqueta { font-size: 12px !important; margin-bottom: 24px !important; }\n    section.navak-panel.navak-panel .navak-panel__titulo { font-size: 24px !important; line-height: 1.25 !important; margin-bottom: 16px !important; }\n    section.navak-panel.navak-panel .navak-panel__cuerpo p,\n    section.navak-panel.navak-panel .navak-panel__cuerpo li { font-size: 15px !important; line-height: 1.55 !important; margin-bottom: 16px !important; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .navak-panel__contenido { opacity: 1; transform: none; transition: none; }\n  }\n<\/style>\n\n<script>\n(function () {\n  function preparar() {\n    var paneles = Array.prototype.slice.call(document.querySelectorAll('.navak-panel'));\n    paneles.forEach(function (p) { p.classList.remove('navak-panel--sigue', 'navak-panel--ultimo'); });\n    \/* Encadena solo paneles consecutivos (sin otra secci\u00f3n en medio) *\/\n    var sigue = paneles.map(function (p, i) {\n      var a = paneles[i - 1];\n      return !!a && Math.abs(p.getBoundingClientRect().top - a.getBoundingClientRect().bottom) < 4;\n    });\n    paneles.forEach(function (p, i) {\n      p.classList.toggle('navak-panel--sigue', sigue[i]);\n      p.classList.toggle('navak-panel--ultimo', !sigue[i + 1]);\n    });\n  }\n\n  if (!window.navakPanelesListo) {\n    window.navakPanelesListo = true;\n    var obs = 'IntersectionObserver' in window ? new IntersectionObserver(function (es) {\n      es.forEach(function (e) { if (e.isIntersecting) { e.target.classList.add('is-visible'); obs.unobserve(e.target); } });\n    }, { threshold: 0.2 }) : null;\n    \/* Altura de la cabecera fija, para que la barra m\u00f3vil quede justo debajo *\/\n    var medirCabecera = function () {\n      \/* La cabecera de Elementor va fija: se mide hasta d\u00f3nde llega su contenido *\/\n      var alto = 0;\n      document.querySelectorAll('.elementor-location-header .e-con, .elementor-location-header .elementor-widget').forEach(function (el) {\n        var r = el.getBoundingClientRect();\n        if (r.height > 0 && r.top < 200) alto = Math.max(alto, r.bottom);\n      });\n      document.documentElement.style.setProperty('--navak-cabecera', Math.round(alto) + 'px');\n    };\n    \/* En la barra m\u00f3vil, desplaza hasta la secci\u00f3n activa *\/\n    var centrarBarras = function () {\n      document.querySelectorAll('.navak-panel').forEach(function (p) {\n        var barra = p.querySelector('.navak-panel__barra');\n        var activa = barra && barra.children[(parseInt(p.dataset.activo, 10) || 1) - 1];\n        if (activa) barra.scrollLeft = Math.max(0, activa.offsetLeft - 24);\n      });\n    };\n    var iniciar = function () {\n      preparar();\n      medirCabecera();\n      centrarBarras();\n      window.addEventListener('resize', function () { medirCabecera(); centrarBarras(); });\n      window.addEventListener('load', function () { medirCabecera(); centrarBarras(); });\n      setTimeout(function () { medirCabecera(); centrarBarras(); }, 1200);\n      document.querySelectorAll('.navak-panel__contenido').forEach(function (b) {\n        if (obs) obs.observe(b); else b.classList.add('is-visible');\n      });\n    };\n    if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', iniciar); else iniciar();\n  }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c5a570b e-con-full e-flex e-con e-parent\" data-id=\"c5a570b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1bef2c9 elementor-widget elementor-widget-html\" data-id=\"1bef2c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  NAVAK \u00b7 Panel con imagen fija (efecto Vantor Careers)\n  Pon 3 widgets HTML seguidos con este c\u00f3digo. En cada uno cambia SOLO:\n    1) La URL de la imagen (src)\n    2) data-activo: 1, 2 o 3 (qu\u00e9 opci\u00f3n del men\u00fa de la imagen queda resaltada)\n    3) La etiqueta, el t\u00edtulo y el texto\n  Al hacer scroll, la imagen se queda fija y la del siguiente panel sube por encima.\n-->\n<section class=\"navak-panel\" data-activo=\"2\">\n  <!-- Barra de secciones (solo m\u00f3vil, como Vantor) -->\n  <nav class=\"navak-panel__barra\" aria-hidden=\"true\">\n    <span>Nuestra misi\u00f3n<\/span>\n    <span>Qui\u00e9nes somos<\/span>\n    <span>Por qu\u00e9 unirte<\/span>\n  <\/nav>\n  <div class=\"navak-panel__media\">\n    <div class=\"navak-panel__fija\">\n      <img src=\"https:\/\/navakintelligence.com\/wp-content\/uploads\/2026\/09\/UNETE-3-scaled.png\" alt=\"\" decoding=\"async\">\n      <nav class=\"navak-panel__nav\" aria-hidden=\"true\">\n        <span>Nuestra misi\u00f3n<\/span>\n        <span>Qui\u00e9nes somos<\/span>\n        <span>Por qu\u00e9 unirte<\/span>\n      <\/nav>\n    <\/div>\n  <\/div>\n\n  <div class=\"navak-panel__texto\">\n    <div class=\"navak-panel__contenido\">\n      <p class=\"navak-panel__etiqueta\">Qui\u00e9nes somos<\/p>\n      <h2 class=\"navak-panel__titulo\">Mentes libres, criterio firme<\/h2>\n      <div class=\"navak-panel__cuerpo\">\n        <ul>\n          <li><strong>Pensadores libres:<\/strong> atraemos a personas intelectualmente diversas y contrarias de coraz\u00f3n. Los empleados de NAVAK tienen convicciones fuertes y mentes abiertas. Tengas el nivel de estudios que tengas, el pensamiento profundo es lo m\u00e1s importante.<\/li>\n          <li><strong>Independientes:<\/strong> rechazamos la burocracia que asfixia el talento. Aqu\u00ed ser\u00e1s evaluado exclusivamente por tus resultados y la precisi\u00f3n de tu an\u00e1lisis.<\/li>\n          <li><strong>Inquebrantables:<\/strong> la volatilidad paraliza a la mayor\u00eda, pero a nosotros nos activa. Eres la mente fr\u00eda a la que acuden los l\u00edderes cuando las reglas saltan por los aires.<\/li>\n          <li><strong>Silenciosos:<\/strong> operamos desde la m\u00e1xima discreci\u00f3n para guiar decisiones de alto nivel. Sentir\u00e1s el orgullo \u00edntimo de alterar el tablero de juego sin que el mundo conozca tu nombre.<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .navak-panel, .navak-panel * { box-sizing: border-box; }\n\n  \/* Contenedores de Elementor sin huecos entre paneles *\/\n  .e-con:has(> .elementor-widget .navak-panel),\n  .e-con:has(> .e-con-inner > .elementor-widget .navak-panel),\n  .e-con-inner:has(> .elementor-widget .navak-panel) { padding: 0 !important; gap: 0 !important; overflow: visible !important; }\n  .elementor-widget:has(.navak-panel),\n  .elementor-widget:has(.navak-panel) > .elementor-widget-container { width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; }\n\n  .navak-panel {\n    --navak-panel-fondo: var(--navak-fondo, #ffffff);\n    --navak-panel-texto: var(--navak-texto, #133453);\n    position: relative;\n    --navak-panel-extra: 100vh;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    grid-template-rows: auto var(--navak-panel-extra);\n    width: 100%;\n    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n    color: var(--navak-panel-texto);\n  }\n  \/* El siguiente panel se monta sobre el final del anterior: la imagen anterior sigue fija\n     mientras la nueva sube por encima *\/\n  .navak-panel.navak-panel--sigue { margin-top: -100vh; }\n  .navak-panel.navak-panel--ultimo { --navak-panel-extra: 0px; }\n\n  \/* ---------- IMAGEN FIJA ---------- *\/\n  .navak-panel__media { position: relative; grid-column: 1; grid-row: 1 \/ 3; background: #000; }\n  .navak-panel__texto { grid-column: 2; grid-row: 1; }\n  .navak-panel__fija {\n    position: -webkit-sticky;\n    position: sticky;\n    top: 0;\n    height: 100vh;\n    overflow: hidden;\n  }\n  .navak-panel__fija img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: 50% 50%;\n  }\n  .navak-panel__fija::after {\n    content: \"\";\n    position: absolute;\n    inset: 0 0 auto 0;\n    height: 260px;\n    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));\n    pointer-events: none;\n  }\n\n  \/* Men\u00fa sobre la imagen (como Vantor) *\/\n  .navak-panel__nav {\n    position: absolute;\n    z-index: 1;\n    top: 72px;\n    left: 72px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .navak-panel__nav span {\n    font-size: 18px;\n    font-weight: 400;\n    line-height: 1.5;\n    color: #ffffff;\n    opacity: 0.55;\n  }\n  .navak-panel[data-activo=\"1\"] .navak-panel__nav span:nth-child(1),\n  .navak-panel[data-activo=\"2\"] .navak-panel__nav span:nth-child(2),\n  .navak-panel[data-activo=\"3\"] .navak-panel__nav span:nth-child(3) { opacity: 1; }\n\n  \/* ---------- TEXTO ---------- *\/\n  .navak-panel__texto {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 100vh;\n    padding: 18vh 7vw;\n    background-color: var(--navak-panel-fondo);\n    transition: background-color 0.75s cubic-bezier(0.15, 1, 0.3, 1);\n  }\n  .navak-panel__contenido {\n    width: 100%;\n    max-width: 590px;\n    opacity: 0;\n    transform: translateY(40px);\n    transition: opacity 1.2s cubic-bezier(0.15, 1, 0.3, 1), transform 1.2s cubic-bezier(0.15, 1, 0.3, 1);\n  }\n  .navak-panel__contenido.is-visible { opacity: 1; transform: none; }\n\n  .navak-panel .navak-panel__etiqueta {\n    display: inline-flex !important;\n    align-items: center;\n    gap: 10px;\n    margin: 0 0 28px !important;\n    font-size: 15px !important;\n    font-weight: 400 !important;\n    letter-spacing: normal !important;\n    text-transform: none !important;\n    color: #8c8c8c !important;\n  }\n  .navak-panel .navak-panel__etiqueta::before {\n    content: \"\";\n    width: 6px;\n    height: 6px;\n    background: currentColor;\n  }\n  .navak-panel .navak-panel__titulo {\n    margin: 0 0 28px !important;\n    padding: 0 !important;\n    font-family: inherit !important;\n    font-size: 44px !important;\n    font-weight: 400 !important;\n    line-height: 1.15 !important;\n    letter-spacing: normal !important;\n    text-transform: none !important;\n    color: var(--navak-panel-texto) !important;\n    opacity: 1 !important;\n  }\n  .navak-panel .navak-panel__cuerpo p,\n  .navak-panel .navak-panel__cuerpo li {\n    margin: 0 0 22px !important;\n    font-size: 18px !important;\n    font-weight: 300 !important;\n    line-height: 1.6 !important;\n    color: var(--navak-panel-texto) !important;\n  }\n  .navak-panel .navak-panel__cuerpo ul { margin: 0; padding: 0; list-style: none; }\n  .navak-panel .navak-panel__cuerpo li { position: relative; padding-left: 20px; }\n  .navak-panel .navak-panel__cuerpo li::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 0.65em;\n    width: 6px;\n    height: 6px;\n    background: currentColor;\n  }\n  .navak-panel .navak-panel__cuerpo strong { font-weight: 500; }\n\n  \/* ---------- TABLET ---------- *\/\n  @media (max-width: 1024px) {\n    .navak-panel__nav { top: 48px; left: 40px; }\n    .navak-panel__nav span { font-size: 15px; }\n    .navak-panel .navak-panel__titulo { font-size: 34px !important; }\n    .navak-panel .navak-panel__cuerpo p,\n    .navak-panel .navak-panel__cuerpo li { font-size: 16px !important; }\n  }\n\n  \/* Barra de secciones: oculta en ordenador y tablet *\/\n  .navak-panel .navak-panel__barra { display: none; }\n\n  \/* ---------- M\u00d3VIL (como Vantor): barra fija arriba con las 3 secciones,\n     imagen a lo ancho y texto debajo ----------\n     (selectores reforzados con \"section.navak-panel.navak-panel\" para que\n      ning\u00fan otro estilo de la p\u00e1gina los pise) *\/\n  @media (max-width: 767px) {\n    section.navak-panel.navak-panel {\n      grid-template-columns: 1fr;\n      grid-template-rows: auto auto auto;\n      --navak-panel-extra: 0px;\n      margin-top: 0;\n    }\n\n    section.navak-panel.navak-panel .navak-panel__barra {\n      grid-column: 1;\n      grid-row: 1;\n      position: -webkit-sticky;\n      position: sticky;\n      top: 0;\n      z-index: 5;\n      display: flex;\n      gap: 32px;\n      margin: 0;\n      padding: calc(var(--navak-cabecera, 0px) + 8px) 24px 8px;\n      overflow-x: auto;\n      scrollbar-width: none;\n      background-color: var(--navak-panel-fondo);\n      border-bottom: 1px solid rgba(19, 52, 83, 0.15);\n      transition: background-color 0.75s cubic-bezier(0.15, 1, 0.3, 1);\n    }\n    section.navak-panel.navak-panel .navak-panel__barra::-webkit-scrollbar { display: none; }\n    section.navak-panel.navak-panel .navak-panel__barra span {\n      flex: none;\n      padding: 8px 0;\n      font-size: 14px;\n      font-weight: 400;\n      line-height: 1.3;\n      white-space: nowrap;\n      color: var(--navak-panel-texto);\n      opacity: 0.45;\n    }\n    section.navak-panel.navak-panel[data-activo=\"1\"] .navak-panel__barra span:nth-child(1),\n    section.navak-panel.navak-panel[data-activo=\"2\"] .navak-panel__barra span:nth-child(2),\n    section.navak-panel.navak-panel[data-activo=\"3\"] .navak-panel__barra span:nth-child(3) { opacity: 1; }\n\n    section.navak-panel.navak-panel .navak-panel__media { grid-column: 1; grid-row: 2; }\n    section.navak-panel.navak-panel .navak-panel__fija { position: relative; top: auto; height: auto; aspect-ratio: 3 \/ 2; }\n    section.navak-panel.navak-panel .navak-panel__fija::after,\n    section.navak-panel.navak-panel .navak-panel__nav { display: none; }\n\n    section.navak-panel.navak-panel .navak-panel__texto { grid-column: 1; grid-row: 3; min-height: 0; padding: 48px 24px 64px; }\n    section.navak-panel.navak-panel .navak-panel__etiqueta { font-size: 12px !important; margin-bottom: 24px !important; }\n    section.navak-panel.navak-panel .navak-panel__titulo { font-size: 24px !important; line-height: 1.25 !important; margin-bottom: 16px !important; }\n    section.navak-panel.navak-panel .navak-panel__cuerpo p,\n    section.navak-panel.navak-panel .navak-panel__cuerpo li { font-size: 15px !important; line-height: 1.55 !important; margin-bottom: 16px !important; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .navak-panel__contenido { opacity: 1; transform: none; transition: none; }\n  }\n<\/style>\n\n<script>\n(function () {\n  function preparar() {\n    var paneles = Array.prototype.slice.call(document.querySelectorAll('.navak-panel'));\n    paneles.forEach(function (p) { p.classList.remove('navak-panel--sigue', 'navak-panel--ultimo'); });\n    \/* Encadena solo paneles consecutivos (sin otra secci\u00f3n en medio) *\/\n    var sigue = paneles.map(function (p, i) {\n      var a = paneles[i - 1];\n      return !!a && Math.abs(p.getBoundingClientRect().top - a.getBoundingClientRect().bottom) < 4;\n    });\n    paneles.forEach(function (p, i) {\n      p.classList.toggle('navak-panel--sigue', sigue[i]);\n      p.classList.toggle('navak-panel--ultimo', !sigue[i + 1]);\n    });\n  }\n\n  if (!window.navakPanelesListo) {\n    window.navakPanelesListo = true;\n    var obs = 'IntersectionObserver' in window ? new IntersectionObserver(function (es) {\n      es.forEach(function (e) { if (e.isIntersecting) { e.target.classList.add('is-visible'); obs.unobserve(e.target); } });\n    }, { threshold: 0.2 }) : null;\n    \/* Altura de la cabecera fija, para que la barra m\u00f3vil quede justo debajo *\/\n    var medirCabecera = function () {\n      \/* La cabecera de Elementor va fija: se mide hasta d\u00f3nde llega su contenido *\/\n      var alto = 0;\n      document.querySelectorAll('.elementor-location-header .e-con, .elementor-location-header .elementor-widget').forEach(function (el) {\n        var r = el.getBoundingClientRect();\n        if (r.height > 0 && r.top < 200) alto = Math.max(alto, r.bottom);\n      });\n      document.documentElement.style.setProperty('--navak-cabecera', Math.round(alto) + 'px');\n    };\n    \/* En la barra m\u00f3vil, desplaza hasta la secci\u00f3n activa *\/\n    var centrarBarras = function () {\n      document.querySelectorAll('.navak-panel').forEach(function (p) {\n        var barra = p.querySelector('.navak-panel__barra');\n        var activa = barra && barra.children[(parseInt(p.dataset.activo, 10) || 1) - 1];\n        if (activa) barra.scrollLeft = Math.max(0, activa.offsetLeft - 24);\n      });\n    };\n    var iniciar = function () {\n      preparar();\n      medirCabecera();\n      centrarBarras();\n      window.addEventListener('resize', function () { medirCabecera(); centrarBarras(); });\n      window.addEventListener('load', function () { medirCabecera(); centrarBarras(); });\n      setTimeout(function () { medirCabecera(); centrarBarras(); }, 1200);\n      document.querySelectorAll('.navak-panel__contenido').forEach(function (b) {\n        if (obs) obs.observe(b); else b.classList.add('is-visible');\n      });\n    };\n    if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', iniciar); else iniciar();\n  }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7cb50c1 e-con-full e-flex e-con e-parent\" data-id=\"7cb50c1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e62397 elementor-widget elementor-widget-html\" data-id=\"8e62397\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  NAVAK \u00b7 Panel con imagen fija (efecto Vantor Careers)\n  Pon 3 widgets HTML seguidos con este c\u00f3digo. En cada uno cambia SOLO:\n    1) La URL de la imagen (src)\n    2) data-activo: 1, 2 o 3 (qu\u00e9 opci\u00f3n del men\u00fa de la imagen queda resaltada)\n    3) La etiqueta, el t\u00edtulo y el texto\n  Al hacer scroll, la imagen se queda fija y la del siguiente panel sube por encima.\n-->\n<section class=\"navak-panel\" data-activo=\"3\">\n  <!-- Barra de secciones (solo m\u00f3vil, como Vantor) -->\n  <nav class=\"navak-panel__barra\" aria-hidden=\"true\">\n    <span>Nuestra misi\u00f3n<\/span>\n    <span>Qui\u00e9nes somos<\/span>\n    <span>Por qu\u00e9 unirte<\/span>\n  <\/nav>\n  <div class=\"navak-panel__media\">\n    <div class=\"navak-panel__fija\">\n      <img src=\"https:\/\/navakintelligence.com\/wp-content\/uploads\/2026\/10\/image-1791670010221-scaled.jpg\" alt=\"\" decoding=\"async\">\n      <nav class=\"navak-panel__nav\" aria-hidden=\"true\">\n        <span>Nuestra misi\u00f3n<\/span>\n        <span>Qui\u00e9nes somos<\/span>\n        <span>Por qu\u00e9 unirte<\/span>\n      <\/nav>\n    <\/div>\n  <\/div>\n\n  <div class=\"navak-panel__texto\">\n    <div class=\"navak-panel__contenido\">\n      <p class=\"navak-panel__etiqueta\">Por qu\u00e9 unirte<\/p>\n      <h2 class=\"navak-panel__titulo\">Un lugar para ser t\u00fa<\/h2>\n      <div class=\"navak-panel__cuerpo\">\n        <p>NAVAK Intelligence es un lugar para ser t\u00fa. El talento excepcional es nuestro \u00fanico filtro. Operamos como una meritocracia estricta que rechaza cualquier discriminaci\u00f3n por origen, g\u00e9nero o identidad.<\/p>\n        <p>Somos el espacio definitivo para desarrollar tu carrera en la inteligencia estrat\u00e9gica privada. Aqu\u00ed no realizar\u00e1s ejercicios te\u00f3ricos; te integrar\u00e1s en investigaciones reales y complejas que blindan la toma de decisiones al m\u00e1s alto nivel.<\/p>\n        <p>Operamos sin fronteras geogr\u00e1ficas adapt\u00e1ndonos a tu expertise. Ya sea en an\u00e1lisis de riesgos o geopol\u00edtica, aplicar\u00e1s tu especialidad en desaf\u00edos transnacionales donde tu conocimiento alterar\u00e1 directamente el tablero de juego internacional.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .navak-panel, .navak-panel * { box-sizing: border-box; }\n\n  \/* Contenedores de Elementor sin huecos entre paneles *\/\n  .e-con:has(> .elementor-widget .navak-panel),\n  .e-con:has(> .e-con-inner > .elementor-widget .navak-panel),\n  .e-con-inner:has(> .elementor-widget .navak-panel) { padding: 0 !important; gap: 0 !important; overflow: visible !important; }\n  .elementor-widget:has(.navak-panel),\n  .elementor-widget:has(.navak-panel) > .elementor-widget-container { width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; }\n\n  .navak-panel {\n    --navak-panel-fondo: var(--navak-fondo, #ffffff);\n    --navak-panel-texto: var(--navak-texto, #133453);\n    position: relative;\n    --navak-panel-extra: 100vh;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    grid-template-rows: auto var(--navak-panel-extra);\n    width: 100%;\n    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n    color: var(--navak-panel-texto);\n  }\n  \/* El siguiente panel se monta sobre el final del anterior: la imagen anterior sigue fija\n     mientras la nueva sube por encima *\/\n  .navak-panel.navak-panel--sigue { margin-top: -100vh; }\n  .navak-panel.navak-panel--ultimo { --navak-panel-extra: 0px; }\n\n  \/* ---------- IMAGEN FIJA ---------- *\/\n  .navak-panel__media { position: relative; grid-column: 1; grid-row: 1 \/ 3; background: #000; }\n  .navak-panel__texto { grid-column: 2; grid-row: 1; }\n  .navak-panel__fija {\n    position: -webkit-sticky;\n    position: sticky;\n    top: 0;\n    height: 100vh;\n    overflow: hidden;\n  }\n  .navak-panel__fija img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: 50% 50%;\n  }\n  .navak-panel__fija::after {\n    content: \"\";\n    position: absolute;\n    inset: 0 0 auto 0;\n    height: 260px;\n    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));\n    pointer-events: none;\n  }\n\n  \/* Men\u00fa sobre la imagen (como Vantor) *\/\n  .navak-panel__nav {\n    position: absolute;\n    z-index: 1;\n    top: 72px;\n    left: 72px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .navak-panel__nav span {\n    font-size: 18px;\n    font-weight: 400;\n    line-height: 1.5;\n    color: #ffffff;\n    opacity: 0.55;\n  }\n  .navak-panel[data-activo=\"1\"] .navak-panel__nav span:nth-child(1),\n  .navak-panel[data-activo=\"2\"] .navak-panel__nav span:nth-child(2),\n  .navak-panel[data-activo=\"3\"] .navak-panel__nav span:nth-child(3) { opacity: 1; }\n\n  \/* ---------- TEXTO ---------- *\/\n  .navak-panel__texto {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 100vh;\n    padding: 18vh 7vw;\n    background-color: var(--navak-panel-fondo);\n    transition: background-color 0.75s cubic-bezier(0.15, 1, 0.3, 1);\n  }\n  .navak-panel__contenido {\n    width: 100%;\n    max-width: 590px;\n    opacity: 0;\n    transform: translateY(40px);\n    transition: opacity 1.2s cubic-bezier(0.15, 1, 0.3, 1), transform 1.2s cubic-bezier(0.15, 1, 0.3, 1);\n  }\n  .navak-panel__contenido.is-visible { opacity: 1; transform: none; }\n\n  .navak-panel .navak-panel__etiqueta {\n    display: inline-flex !important;\n    align-items: center;\n    gap: 10px;\n    margin: 0 0 28px !important;\n    font-size: 15px !important;\n    font-weight: 400 !important;\n    letter-spacing: normal !important;\n    text-transform: none !important;\n    color: #8c8c8c !important;\n  }\n  .navak-panel .navak-panel__etiqueta::before {\n    content: \"\";\n    width: 6px;\n    height: 6px;\n    background: currentColor;\n  }\n  .navak-panel .navak-panel__titulo {\n    margin: 0 0 28px !important;\n    padding: 0 !important;\n    font-family: inherit !important;\n    font-size: 44px !important;\n    font-weight: 400 !important;\n    line-height: 1.15 !important;\n    letter-spacing: normal !important;\n    text-transform: none !important;\n    color: var(--navak-panel-texto) !important;\n    opacity: 1 !important;\n  }\n  .navak-panel .navak-panel__cuerpo p,\n  .navak-panel .navak-panel__cuerpo li {\n    margin: 0 0 22px !important;\n    font-size: 18px !important;\n    font-weight: 300 !important;\n    line-height: 1.6 !important;\n    color: var(--navak-panel-texto) !important;\n  }\n  .navak-panel .navak-panel__cuerpo ul { margin: 0; padding: 0; list-style: none; }\n  .navak-panel .navak-panel__cuerpo li { position: relative; padding-left: 20px; }\n  .navak-panel .navak-panel__cuerpo li::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 0.65em;\n    width: 6px;\n    height: 6px;\n    background: currentColor;\n  }\n  .navak-panel .navak-panel__cuerpo strong { font-weight: 500; }\n\n  \/* ---------- TABLET ---------- *\/\n  @media (max-width: 1024px) {\n    .navak-panel__nav { top: 48px; left: 40px; }\n    .navak-panel__nav span { font-size: 15px; }\n    .navak-panel .navak-panel__titulo { font-size: 34px !important; }\n    .navak-panel .navak-panel__cuerpo p,\n    .navak-panel .navak-panel__cuerpo li { font-size: 16px !important; }\n  }\n\n  \/* Barra de secciones: oculta en ordenador y tablet *\/\n  .navak-panel .navak-panel__barra { display: none; }\n\n  \/* ---------- M\u00d3VIL (como Vantor): barra fija arriba con las 3 secciones,\n     imagen a lo ancho y texto debajo ----------\n     (selectores reforzados con \"section.navak-panel.navak-panel\" para que\n      ning\u00fan otro estilo de la p\u00e1gina los pise) *\/\n  @media (max-width: 767px) {\n    section.navak-panel.navak-panel {\n      grid-template-columns: 1fr;\n      grid-template-rows: auto auto auto;\n      --navak-panel-extra: 0px;\n      margin-top: 0;\n    }\n\n    section.navak-panel.navak-panel .navak-panel__barra {\n      grid-column: 1;\n      grid-row: 1;\n      position: -webkit-sticky;\n      position: sticky;\n      top: 0;\n      z-index: 5;\n      display: flex;\n      gap: 32px;\n      margin: 0;\n      padding: calc(var(--navak-cabecera, 0px) + 8px) 24px 8px;\n      overflow-x: auto;\n      scrollbar-width: none;\n      background-color: var(--navak-panel-fondo);\n      border-bottom: 1px solid rgba(19, 52, 83, 0.15);\n      transition: background-color 0.75s cubic-bezier(0.15, 1, 0.3, 1);\n    }\n    section.navak-panel.navak-panel .navak-panel__barra::-webkit-scrollbar { display: none; }\n    section.navak-panel.navak-panel .navak-panel__barra span {\n      flex: none;\n      padding: 8px 0;\n      font-size: 14px;\n      font-weight: 400;\n      line-height: 1.3;\n      white-space: nowrap;\n      color: var(--navak-panel-texto);\n      opacity: 0.45;\n    }\n    section.navak-panel.navak-panel[data-activo=\"1\"] .navak-panel__barra span:nth-child(1),\n    section.navak-panel.navak-panel[data-activo=\"2\"] .navak-panel__barra span:nth-child(2),\n    section.navak-panel.navak-panel[data-activo=\"3\"] .navak-panel__barra span:nth-child(3) { opacity: 1; }\n\n    section.navak-panel.navak-panel .navak-panel__media { grid-column: 1; grid-row: 2; }\n    section.navak-panel.navak-panel .navak-panel__fija { position: relative; top: auto; height: auto; aspect-ratio: 3 \/ 2; }\n    section.navak-panel.navak-panel .navak-panel__fija::after,\n    section.navak-panel.navak-panel .navak-panel__nav { display: none; }\n\n    section.navak-panel.navak-panel .navak-panel__texto { grid-column: 1; grid-row: 3; min-height: 0; padding: 48px 24px 64px; }\n    section.navak-panel.navak-panel .navak-panel__etiqueta { font-size: 12px !important; margin-bottom: 24px !important; }\n    section.navak-panel.navak-panel .navak-panel__titulo { font-size: 24px !important; line-height: 1.25 !important; margin-bottom: 16px !important; }\n    section.navak-panel.navak-panel .navak-panel__cuerpo p,\n    section.navak-panel.navak-panel .navak-panel__cuerpo li { font-size: 15px !important; line-height: 1.55 !important; margin-bottom: 16px !important; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .navak-panel__contenido { opacity: 1; transform: none; transition: none; }\n  }\n<\/style>\n\n<script>\n(function () {\n  function preparar() {\n    var paneles = Array.prototype.slice.call(document.querySelectorAll('.navak-panel'));\n    paneles.forEach(function (p) { p.classList.remove('navak-panel--sigue', 'navak-panel--ultimo'); });\n    \/* Encadena solo paneles consecutivos (sin otra secci\u00f3n en medio) *\/\n    var sigue = paneles.map(function (p, i) {\n      var a = paneles[i - 1];\n      return !!a && Math.abs(p.getBoundingClientRect().top - a.getBoundingClientRect().bottom) < 4;\n    });\n    paneles.forEach(function (p, i) {\n      p.classList.toggle('navak-panel--sigue', sigue[i]);\n      p.classList.toggle('navak-panel--ultimo', !sigue[i + 1]);\n    });\n  }\n\n  if (!window.navakPanelesListo) {\n    window.navakPanelesListo = true;\n    var obs = 'IntersectionObserver' in window ? new IntersectionObserver(function (es) {\n      es.forEach(function (e) { if (e.isIntersecting) { e.target.classList.add('is-visible'); obs.unobserve(e.target); } });\n    }, { threshold: 0.2 }) : null;\n    \/* Altura de la cabecera fija, para que la barra m\u00f3vil quede justo debajo *\/\n    var medirCabecera = function () {\n      \/* La cabecera de Elementor va fija: se mide hasta d\u00f3nde llega su contenido *\/\n      var alto = 0;\n      document.querySelectorAll('.elementor-location-header .e-con, .elementor-location-header .elementor-widget').forEach(function (el) {\n        var r = el.getBoundingClientRect();\n        if (r.height > 0 && r.top < 200) alto = Math.max(alto, r.bottom);\n      });\n      document.documentElement.style.setProperty('--navak-cabecera', Math.round(alto) + 'px');\n    };\n    \/* En la barra m\u00f3vil, desplaza hasta la secci\u00f3n activa *\/\n    var centrarBarras = function () {\n      document.querySelectorAll('.navak-panel').forEach(function (p) {\n        var barra = p.querySelector('.navak-panel__barra');\n        var activa = barra && barra.children[(parseInt(p.dataset.activo, 10) || 1) - 1];\n        if (activa) barra.scrollLeft = Math.max(0, activa.offsetLeft - 24);\n      });\n    };\n    var iniciar = function () {\n      preparar();\n      medirCabecera();\n      centrarBarras();\n      window.addEventListener('resize', function () { medirCabecera(); centrarBarras(); });\n      window.addEventListener('load', function () { medirCabecera(); centrarBarras(); });\n      setTimeout(function () { medirCabecera(); centrarBarras(); }, 1200);\n      document.querySelectorAll('.navak-panel__contenido').forEach(function (b) {\n        if (obs) obs.observe(b); else b.classList.add('is-visible');\n      });\n    };\n    if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', iniciar); else iniciar();\n  }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-34ada6f e-con-full e-flex e-con e-child\" data-id=\"34ada6f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-220a683 e-con-full e-flex e-con e-parent\" data-id=\"220a683\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58c9956 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"58c9956\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  NAVAK \u00b7 Inteligencia que impulsa tu crecimiento\n  Para cambiar la imagen, sustituye la URL de \"src\".\n-->\n<section class=\"navak-publica\">\n  <div class=\"navak-publica__texto\">\n    <div class=\"navak-publica__contenido\">\n      <h2 class=\"navak-publica__titulo\">Damos la bienvenida a colaboraciones y nuevas asociaciones<\/h2>\n      <ul class=\"navak-publica__lista\">\n        <li><strong>Alianzas.<\/strong> Con universidades, asociaciones de estudiantes, centros de an\u00e1lisis y medios: convenios de pr\u00e1cticas, publicaciones conjuntas, eventos y formaci\u00f3n.<\/li>\n        <li><strong>Experiencia.<\/strong> Si dominas un pa\u00eds, un sector o un tema que analizamos, queremos conocer tu visi\u00f3n.<\/li>\n        <li><strong>Informaci\u00f3n.<\/strong> Si dispones de datos o contexto relevantes para nuestro trabajo, puedes hac\u00e9rnoslos llegar. Garantizamos total confidencialidad y solo trabajamos con informaci\u00f3n obtenida de forma l\u00edcita.<\/li>\n      <\/ul>\n      <p class=\"navak-publica__parrafo\">Escr\u00edbenos y te responderemos en breve.<\/p>\n      <a class=\"navak-publica__boton\" href=\"https:\/\/navakintelligence.com\/contacto\/\"><span>Contactar<\/span><\/a>\n    <\/div>\n  <\/div>\n \n  <div class=\"navak-publica__media\">\n    <div class=\"navak-publica__fija\">\n      <img src=\"https:\/\/navakintelligence.com\/wp-content\/uploads\/2026\/10\/image-1791670004962-scaled.jpg\"\n           alt=\"Equipo de analistas de NAVAK trabajando\" decoding=\"async\">\n    <\/div>\n  <\/div>\n<\/section>\n \n<style>\n  .navak-publica,\n  .navak-publica * { box-sizing: border-box; }\n \n  \/* Texto a la izquierda e imagen a la derecha *\/\n  .navak-publica {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    width: 100%;\n    background: #ffffff;\n    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n    color: #133453;\n  }\n \n  \/* Imagen *\/\n  .navak-publica__media {\n    position: relative;\n    background: #000;\n  }\n  .navak-publica__fija {\n    position: -webkit-sticky;\n    position: sticky;\n    top: 0;\n    height: 100vh;\n    overflow: hidden;\n  }\n  .navak-publica__fija img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: 56% 50%;\n  }\n \n  \/* Texto *\/\n  .navak-publica__texto {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 100vh;\n    padding: 0 7vw;\n  }\n  .navak-publica__contenido {\n    width: 100%;\n    max-width: 468px;\n    text-align: left;\n    opacity: 0;\n    transform: translateY(40px);\n    transition: opacity 1.2s cubic-bezier(0.15, 1, 0.3, 1), transform 1.2s cubic-bezier(0.15, 1, 0.3, 1);\n  }\n  .navak-publica__contenido.is-visible {\n    opacity: 1;\n    transform: none;\n  }\n \n  .navak-publica .navak-publica__titulo {\n    margin: 0 0 24px !important;\n    padding: 0 !important;\n    font-family: inherit !important;\n    font-size: 44px !important;\n    font-weight: 400 !important;\n    line-height: 1.2 !important;\n    letter-spacing: normal !important;\n    text-transform: none !important;\n    color: #133453 !important;\n    opacity: 1 !important;\n  }\n  .navak-publica .navak-publica__parrafo {\n    margin: 0 0 40px !important;\n    font-size: 21px !important;\n    font-weight: 300 !important;\n    line-height: 1.55 !important;\n    color: #133453 !important;\n  }\n \n  \/* Lista con cuadrados *\/\n  .navak-publica .navak-publica__lista {\n    list-style: none !important;\n    margin: 0 0 28px !important;\n    padding: 0 !important;\n  }\n  .navak-publica .navak-publica__lista li {\n    position: relative;\n    list-style: none !important;\n    margin: 0 0 18px !important;\n    padding: 0 0 0 26px !important;\n    font-size: 21px !important;\n    font-weight: 300 !important;\n    line-height: 1.55 !important;\n    color: #133453 !important;\n  }\n  .navak-publica .navak-publica__lista li:last-child {\n    margin-bottom: 0 !important;\n  }\n  .navak-publica .navak-publica__lista li::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: calc((1.55em - 7px) \/ 2);\n    width: 7px;\n    height: 7px;\n    background: #133453;\n  }\n  .navak-publica .navak-publica__lista strong {\n    font-weight: 500 !important;\n  }\n \n  \/* Bot\u00f3n *\/\n  .navak-publica .navak-publica__boton {\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 84px;\n    padding: 10px 46px;\n    border: none;\n    border-radius: 0;\n    background-color: transparent;\n    color: #133453 !important;\n    font-family: Helvetica, Arial, sans-serif;\n    font-size: 16px;\n    font-weight: 300;\n    letter-spacing: 0.14em;\n    word-spacing: 0.35em;\n    text-transform: uppercase;\n    text-decoration: none !important;\n    white-space: nowrap;\n    background-image:\n      linear-gradient(#133453, #133453),\n      linear-gradient(#133453, #133453),\n      linear-gradient(#133453, #133453),\n      linear-gradient(#133453, #133453),\n      linear-gradient(#133453, #133453),\n      linear-gradient(#133453, #133453);\n    background-position: left top, right top, left bottom, right bottom, left top, right top;\n    background-size: 16px 1px, 16px 1px, 16px 1px, 16px 1px, 1px 100%, 1px 100%;\n    background-repeat: no-repeat;\n    transition:\n      background-size 0.9s cubic-bezier(0.77, 0, 0.175, 1),\n      color 0.6s ease,\n      letter-spacing 0.9s cubic-bezier(0.77, 0, 0.175, 1);\n  }\n  .navak-publica .navak-publica__boton,\n  .navak-publica .navak-publica__boton *,\n  .navak-publica .navak-publica__boton:hover,\n  .navak-publica .navak-publica__boton:hover * {\n    text-decoration: none !important;\n    border-bottom: 0 !important;\n  }\n  .navak-publica .navak-publica__boton::before {\n    content: \"\";\n    position: absolute;\n    z-index: 0;\n    inset: 0;\n    background: #133453;\n    transform: scaleX(0);\n    transform-origin: right center;\n    pointer-events: none;\n    transition: transform 0.9s cubic-bezier(0.77, 0, 0.175, 1);\n  }\n  .navak-publica .navak-publica__boton span {\n    position: relative;\n    z-index: 1;\n  }\n  .navak-publica .navak-publica__boton:hover,\n  .navak-publica .navak-publica__boton:focus-visible,\n  .navak-publica .navak-publica__boton:active {\n    color: #ffffff !important;\n    letter-spacing: 0.18em;\n    background-size: 100% 1px, 100% 1px, 100% 1px, 100% 1px, 1px 100%, 1px 100%;\n    outline: none;\n  }\n  .navak-publica .navak-publica__boton:hover::before,\n  .navak-publica .navak-publica__boton:focus-visible::before,\n  .navak-publica .navak-publica__boton:active::before {\n    transform: scaleX(1);\n    transform-origin: left center;\n  }\n \n  \/* Evita que un contenedor padre recorte la secci\u00f3n *\/\n  .e-con:has(.navak-publica),\n  .e-con-inner:has(.navak-publica),\n  .elementor-widget:has(.navak-publica),\n  .elementor-widget:has(.navak-publica) > .elementor-widget-container {\n    overflow: visible !important;\n  }\n \n  \/* Tablet *\/\n  @media (max-width: 1024px) {\n    .navak-publica__texto { padding: 0 6vw; }\n    .navak-publica .navak-publica__titulo {\n      font-size: 34px !important;\n      margin-bottom: 20px !important;\n    }\n    .navak-publica .navak-publica__parrafo {\n      font-size: 18px !important;\n      margin-bottom: 34px !important;\n    }\n    .navak-publica .navak-publica__lista li { font-size: 18px !important; }\n  }\n \n  \/* M\u00f3vil: imagen arriba y texto debajo *\/\n  @media (max-width: 767px) {\n    .navak-publica { grid-template-columns: 1fr; }\n    .navak-publica__media { order: 1; }\n    .navak-publica__texto { order: 2; }\n    .navak-publica__fija {\n      position: relative;\n      height: auto;\n      aspect-ratio: 4 \/ 3.4;\n    }\n    .navak-publica__texto {\n      min-height: 0;\n      padding: 56px 24px 72px;\n    }\n    .navak-publica__contenido { max-width: none; }\n    .navak-publica .navak-publica__titulo {\n      font-size: 28px !important;\n      margin-bottom: 16px !important;\n    }\n    .navak-publica .navak-publica__parrafo {\n      font-size: 16px !important;\n      margin-bottom: 32px !important;\n    }\n    .navak-publica .navak-publica__lista li {\n      font-size: 16px !important;\n      padding-left: 22px !important;\n    }\n    .navak-publica .navak-publica__lista li::before {\n      width: 6px;\n      height: 6px;\n      top: calc((1.55em - 6px) \/ 2);\n    }\n    .navak-publica .navak-publica__boton {\n      min-height: 72px;\n      padding: 10px 36px;\n      font-size: 15px;\n    }\n  }\n \n  @media (prefers-reduced-motion: reduce) {\n    .navak-publica__contenido {\n      opacity: 1;\n      transform: none;\n      transition: none;\n    }\n    .navak-publica .navak-publica__boton,\n    .navak-publica .navak-publica__boton::before {\n      transition: none;\n    }\n  }\n<\/style>\n \n<script>\n\/* Aparici\u00f3n suave del texto al entrar en pantalla *\/\n(function () {\n  var bloques = document.querySelectorAll('.navak-publica__contenido');\n \n  if (!('IntersectionObserver' in window)) {\n    bloques.forEach(function (bloque) {\n      bloque.classList.add('is-visible');\n    });\n    return;\n  }\n \n  var observador = new IntersectionObserver(function (entradas) {\n    entradas.forEach(function (entrada) {\n      if (entrada.isIntersecting) {\n        entrada.target.classList.add('is-visible');\n        observador.unobserve(entrada.target);\n      }\n    });\n  }, { threshold: 0.25 });\n \n  bloques.forEach(function (bloque) {\n    observador.observe(bloque);\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5eef111 e-con-full e-flex e-con e-child\" data-id=\"5eef111\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>LOS DESAF\u00cdOS M\u00c1S COMPLEJOS DEL MUNDO Desliza paraexplorar Un lugar donde comenzar POSICIONES ABIERTAS Sobre NAVAK\u00ae NAVAK es una firma espa\u00f1ola de inteligencia privada fundada en 2025 con un prop\u00f3sito claro: democratizar el acceso a criterio estrat\u00e9gico de alto nivel. Respaldados por una red selecta de analistas e investigadores, blindamos las decisiones de nuestros clientes [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_angie_page":false,"footnotes":""},"class_list":["post-1184","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","vertical_spacing_source":"custom","content_area_spacing":"none","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u00danete - navakintelligence.com<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/navakintelligence.com\/en\/unete\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00danete - navakintelligence.com\" \/>\n<meta property=\"og:description\" content=\"LOS DESAF\u00cdOS M\u00c1S COMPLEJOS DEL MUNDO Desliza paraexplorar Un lugar donde comenzar POSICIONES ABIERTAS Sobre NAVAK\u00ae NAVAK es una firma espa\u00f1ola de inteligencia privada fundada en 2025 con un prop\u00f3sito claro: democratizar el acceso a criterio estrat\u00e9gico de alto nivel. Respaldados por una red selecta de analistas e investigadores, blindamos las decisiones de nuestros clientes [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/navakintelligence.com\/en\/unete\/\" \/>\n<meta property=\"og:site_name\" content=\"navakintelligence.com\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-12T19:42:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/navakintelligence.com\/wp-content\/uploads\/2026\/09\/UNETE-1-scaled.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@navakintel\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/navakintelligence.com\\\/unete\\\/\",\"url\":\"https:\\\/\\\/navakintelligence.com\\\/unete\\\/\",\"name\":\"\u00danete - navakintelligence.com\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/navakintelligence.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/navakintelligence.com\\\/unete\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/navakintelligence.com\\\/unete\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/navakintelligence.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/UNETE-1-scaled.png\",\"datePublished\":\"2025-11-28T09:45:50+00:00\",\"dateModified\":\"2026-10-12T19:42:13+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/navakintelligence.com\\\/unete\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/navakintelligence.com\\\/unete\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/navakintelligence.com\\\/unete\\\/#primaryimage\",\"url\":\"https:\\\/\\\/navakintelligence.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/UNETE-1-scaled.png\",\"contentUrl\":\"https:\\\/\\\/navakintelligence.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/UNETE-1-scaled.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/navakintelligence.com\\\/unete\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/navakintelligence.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00danete\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/navakintelligence.com\\\/#website\",\"url\":\"https:\\\/\\\/navakintelligence.com\\\/\",\"name\":\"Navak Intelligence\",\"description\":\"Firma espa\u00f1ola de inteligencia estrat\u00e9gica\",\"publisher\":{\"@id\":\"https:\\\/\\\/navakintelligence.com\\\/#organization\"},\"alternateName\":\"Navak\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/navakintelligence.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/navakintelligence.com\\\/#organization\",\"name\":\"Navak Intelligence\",\"alternateName\":\"Navak\",\"url\":\"https:\\\/\\\/navakintelligence.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/navakintelligence.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/navakintelligence.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/cropped-navak-favicon-e1788906504809.png\",\"contentUrl\":\"https:\\\/\\\/navakintelligence.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/cropped-navak-favicon-e1788906504809.png\",\"width\":512,\"height\":512,\"caption\":\"Navak Intelligence\"},\"image\":{\"@id\":\"https:\\\/\\\/navakintelligence.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/navakintel\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/navak-intelligence\\\/\",\"https:\\\/\\\/www.instagram.com\\\/navakintelligence\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00danete - navakintelligence.com","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/navakintelligence.com\/en\/unete\/","og_locale":"en_GB","og_type":"article","og_title":"\u00danete - navakintelligence.com","og_description":"LOS DESAF\u00cdOS M\u00c1S COMPLEJOS DEL MUNDO Desliza paraexplorar Un lugar donde comenzar POSICIONES ABIERTAS Sobre NAVAK\u00ae NAVAK es una firma espa\u00f1ola de inteligencia privada fundada en 2025 con un prop\u00f3sito claro: democratizar el acceso a criterio estrat\u00e9gico de alto nivel. Respaldados por una red selecta de analistas e investigadores, blindamos las decisiones de nuestros clientes [&hellip;]","og_url":"https:\/\/navakintelligence.com\/en\/unete\/","og_site_name":"navakintelligence.com","article_modified_time":"2026-10-12T19:42:13+00:00","og_image":[{"url":"https:\/\/navakintelligence.com\/wp-content\/uploads\/2026\/09\/UNETE-1-scaled.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@navakintel","twitter_misc":{"Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/navakintelligence.com\/unete\/","url":"https:\/\/navakintelligence.com\/unete\/","name":"\u00danete - navakintelligence.com","isPartOf":{"@id":"https:\/\/navakintelligence.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/navakintelligence.com\/unete\/#primaryimage"},"image":{"@id":"https:\/\/navakintelligence.com\/unete\/#primaryimage"},"thumbnailUrl":"https:\/\/navakintelligence.com\/wp-content\/uploads\/2026\/09\/UNETE-1-scaled.png","datePublished":"2025-11-28T09:45:50+00:00","dateModified":"2026-10-12T19:42:13+00:00","breadcrumb":{"@id":"https:\/\/navakintelligence.com\/unete\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/navakintelligence.com\/unete\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/navakintelligence.com\/unete\/#primaryimage","url":"https:\/\/navakintelligence.com\/wp-content\/uploads\/2026\/09\/UNETE-1-scaled.png","contentUrl":"https:\/\/navakintelligence.com\/wp-content\/uploads\/2026\/09\/UNETE-1-scaled.png"},{"@type":"BreadcrumbList","@id":"https:\/\/navakintelligence.com\/unete\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/navakintelligence.com\/"},{"@type":"ListItem","position":2,"name":"\u00danete"}]},{"@type":"WebSite","@id":"https:\/\/navakintelligence.com\/#website","url":"https:\/\/navakintelligence.com\/","name":"Navak Intelligence","description":"Firma espa\u00f1ola de inteligencia estrat\u00e9gica","publisher":{"@id":"https:\/\/navakintelligence.com\/#organization"},"alternateName":"Navak","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/navakintelligence.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/navakintelligence.com\/#organization","name":"Navak Intelligence","alternateName":"Navak","url":"https:\/\/navakintelligence.com\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/navakintelligence.com\/#\/schema\/logo\/image\/","url":"https:\/\/navakintelligence.com\/wp-content\/uploads\/2026\/09\/cropped-navak-favicon-e1788906504809.png","contentUrl":"https:\/\/navakintelligence.com\/wp-content\/uploads\/2026\/09\/cropped-navak-favicon-e1788906504809.png","width":512,"height":512,"caption":"Navak Intelligence"},"image":{"@id":"https:\/\/navakintelligence.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/navakintel","https:\/\/www.linkedin.com\/company\/navak-intelligence\/","https:\/\/www.instagram.com\/navakintelligence"]}]}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/navakintelligence.com\/en\/wp-json\/wp\/v2\/pages\/1184","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/navakintelligence.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/navakintelligence.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/navakintelligence.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/navakintelligence.com\/en\/wp-json\/wp\/v2\/comments?post=1184"}],"version-history":[{"count":684,"href":"https:\/\/navakintelligence.com\/en\/wp-json\/wp\/v2\/pages\/1184\/revisions"}],"predecessor-version":[{"id":7339,"href":"https:\/\/navakintelligence.com\/en\/wp-json\/wp\/v2\/pages\/1184\/revisions\/7339"}],"wp:attachment":[{"href":"https:\/\/navakintelligence.com\/en\/wp-json\/wp\/v2\/media?parent=1184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}