{"id":5193,"date":"2026-09-03T08:24:32","date_gmt":"2026-09-03T08:24:32","guid":{"rendered":"https:\/\/navakintelligence.com\/?page_id=5193"},"modified":"2026-10-12T16:48:18","modified_gmt":"2026-10-12T16:48:18","slug":"https-navakintelligence-com","status":"publish","type":"page","link":"https:\/\/navakintelligence.com\/en\/","title":{"rendered":"INICIO"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5193\" class=\"elementor elementor-5193\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5cf33a3 animated-slow e-con-full e-flex e-con e-parent\" data-id=\"5cf33a3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/navakintelligence.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/99Mg8TxE1FuBSX7afYtCSg-2.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;,&quot;animation&quot;:&quot;none&quot;,&quot;background_video_start&quot;:0,&quot;background_video_end&quot;:0}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-87d2256 e-con-full e-flex e-con e-child\" data-id=\"87d2256\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-8298fd1 e-con-full e-flex e-con e-child\" data-id=\"8298fd1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1247453 elementor-widget elementor-widget-heading\" data-id=\"1247453\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">NAVIGATE THROUGH UNCERTAINTY.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a6301c1 elementor-widget elementor-widget-html\" data-id=\"a6301c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  @media (max-width: 767px) {\n    #texto-portada {\n      margin-bottom: 16px;\n      line-height: 1.05;\n    }\n  }\n<\/style>\n\n<div id=\"texto-portada\" style=\"\n  font-family: Helvetica, Arial, sans-serif;\n  font-size: clamp(16px, 2.4vw, 28px);\n  font-weight: 300;\n  line-height: 1;\n  text-align: left;\n\">\n  <span style=\"color: #ffffff;\">\n    Inteligencia estrat\u00e9gica y consultor\u00eda de riesgos para proteger tu negocio y dominar el entorno global.\n  <\/span>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5d0c3c elementor-button-default elementor-tablet-align-center elementor-mobile-align-left elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"e5d0c3c\" 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\/contacto\/\">\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\">CONTACTO<\/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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f9521c5 e-flex e-con-boxed e-con e-parent\" data-id=\"f9521c5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ad93c65 e-flex e-con-boxed e-con e-parent\" data-id=\"ad93c65\" 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\t\t<div class=\"elementor-element elementor-element-5bccaca elementor-widget elementor-widget-html\" data-id=\"5bccaca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"navak-ondas\" aria-hidden=\"true\">\n  <svg class=\"navak-ondas__svg\" aria-hidden=\"true\"><\/svg>\n<\/div>\n\n<style>\n  \/* El contenedor contiene tanto las ondas como el formulario *\/\n  .navak-formulario-contenedor {\n    position: relative !important;\n    isolation: isolate;\n    overflow: hidden;\n  }\n\n  \/* El widget de ondas ocupa el contenedor sin a\u00f1adir espacio *\/\n  .navak-formulario-contenedor > .navak-ondas-widget {\n    position: absolute !important;\n    inset: 0 !important;\n    z-index: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    margin: 0 !important;\n    pointer-events: none !important;\n  }\n\n  .navak-formulario-contenedor > .navak-ondas-widget > .elementor-widget-container,\n  .navak-ondas {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  .navak-ondas {\n    overflow: hidden;\n    background: transparent;\n    pointer-events: none;\n  }\n\n  .navak-ondas__svg {\n    display: block;\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n  }\n\n  .navak-ondas__svg path {\n    fill: none;\n    stroke: #6a6a6a;\n    stroke-width: 1;\n    vector-effect: non-scaling-stroke;\n  }\n\n  \/* Los otros elementos del contenedor, incluido el formulario, quedan delante *\/\n  .navak-formulario-contenedor > :not(.navak-ondas-widget) {\n    position: relative;\n    z-index: 1;\n  }\n\n  @media (max-width: 767px) {\n    .navak-ondas__svg path {\n      stroke-width: 1;\n      stroke-opacity: 0.8;\n    }\n  }\n<\/style>\n\n<script>\n(function () {\n  var LINEAS = 16;\n\n  function iniciarOndas(seccion) {\n    if (seccion.dataset.listo === \"1\") return;\n\n    var contenedor = seccion.closest(\".navak-formulario-contenedor\");\n    var svg = seccion.querySelector(\".navak-ondas__svg\");\n\n    if (!contenedor || !svg) return;\n\n    seccion.dataset.listo = \"1\";\n\n    var NS = \"http:\/\/www.w3.org\/2000\/svg\";\n    var reducido = window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches;\n    var caminos = [];\n\n    for (var i = 0; i < LINEAS; i++) {\n      var path = document.createElementNS(NS, \"path\");\n      svg.appendChild(path);\n      caminos.push(path);\n    }\n\n    var W = 0;\n    var H = 0;\n\n    function medir() {\n      W = contenedor.clientWidth;\n      H = contenedor.clientHeight;\n\n      if (!W || !H) return;\n\n      svg.setAttribute(\"viewBox\", \"0 0 \" + W + \" \" + H);\n      svg.setAttribute(\"preserveAspectRatio\", \"none\");\n    }\n\n    function dibujar(fase) {\n      if (!W || !H) return;\n\n      var L = Math.hypot(W, H);\n      var ux = W \/ L;\n      var uy = H \/ L;\n      var nx = -uy;\n      var ny = ux;\n\n      var ancho = Math.min(L * 0.085, W * 0.17);\n      var onda = Math.min(L * 0.06, W * 0.09);\n      var paso = 6;\n      var n = Math.ceil((L * 1.16) \/ paso) + 1;\n      var bx = [];\n      var by = [];\n      var off = [];\n      var sp = [];\n\n      \/* Recorrido diagonal de las ondas *\/\n      for (var k = 0; k < n; k++) {\n        var s = -0.08 + (k * paso) \/ L;\n\n        bx.push(s * W);\n        by.push(s * H);\n\n        off.push(\n          onda * Math.sin(Math.PI * 2 * 1.15 * s + 0.4 + fase * 1.2) +\n          onda * 0.35 * Math.sin(Math.PI * 2 * 2.6 * s - fase * 0.9)\n        );\n\n        var giro = Math.cos(Math.PI * 2 * 1.35 * s + fase * 1.8);\n        var pulso =\n          0.35 +\n          0.65 *\n            Math.pow(\n              Math.sin(Math.PI * 2 * 0.55 * s - fase * 0.7 + 1.2),\n              2\n            );\n\n        sp.push(ancho * giro * pulso);\n      }\n\n      \/* Dibuja las 16 l\u00edneas paralelas *\/\n      for (var i = 0; i < LINEAS; i++) {\n        var t = i \/ (LINEAS - 1) - 0.5;\n        var d = \"\";\n\n        for (var k = 0; k < n; k++) {\n          var detalle =\n            L *\n            0.003 *\n            Math.sin(\n              (Math.PI * 2 * 3 * k * paso) \/ L +\n              i * 0.4 +\n              fase * 2.2\n            );\n\n          var desplazamiento = off[k] + t * sp[k] + detalle;\n          var x = bx[k] + nx * desplazamiento;\n          var y = by[k] + ny * desplazamiento;\n\n          d += (d ? \" L\" : \"M\") + x.toFixed(1) + \" \" + y.toFixed(1);\n        }\n\n        caminos[i].setAttribute(\"d\", d);\n      }\n    }\n\n    function progreso() {\n      var r = contenedor.getBoundingClientRect();\n      var altoVentana = window.innerHeight;\n\n      return Math.min(\n        1,\n        Math.max(0, (altoVentana - r.top) \/ (altoVentana + r.height))\n      );\n    }\n\n    var pendiente = false;\n\n    function actualizar() {\n      pendiente = false;\n      dibujar(reducido ? 0 : progreso() * Math.PI * 2);\n    }\n\n    function pedirActualizacion() {\n      if (!pendiente) {\n        pendiente = true;\n        requestAnimationFrame(actualizar);\n      }\n    }\n\n    medir();\n    actualizar();\n\n    window.addEventListener(\"scroll\", pedirActualizacion, { passive: true });\n    window.addEventListener(\"resize\", function () {\n      medir();\n      pedirActualizacion();\n    });\n\n    if (\"ResizeObserver\" in window) {\n      new ResizeObserver(function () {\n        medir();\n        pedirActualizacion();\n      }).observe(contenedor);\n    }\n  }\n\n  function iniciarTodas() {\n    document.querySelectorAll(\".navak-ondas\").forEach(iniciarOndas);\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", iniciarTodas);\n  } else {\n    iniciarTodas();\n  }\n\n  \/* Elementor puede insertar el widget despu\u00e9s de cargar la p\u00e1gina *\/\n  setTimeout(iniciarTodas, 500);\n})();\n<\/script>\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-61f2c8d e-con-full e-flex e-con e-parent\" data-id=\"61f2c8d\" 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-08d3757 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"08d3757\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"navak-ondas\">\n  <svg class=\"navak-ondas__svg\" aria-hidden=\"true\"><\/svg>\n\n  <div class=\"navak-ondas__grid\">\n    <p class=\"navak-ondas__texto navak-ondas__texto--1\">\n     NAVAK\u00ae es una firma espa\u00f1ola de inteligencia privada. Ofrecemos consultor\u00eda estrat\u00e9gica a todo tipo de empresas y actores, democratizando los servicios de inteligencia.\n    <\/p>\n    <p class=\"navak-ondas__texto navak-ondas__texto--2\">\n      Navegamos la incertidumbre global para proveer soluciones a problemas complejos. Traducimos las din\u00e1micas internacionales en ventajas competitivas directas para la alta direcci\u00f3n y gobiernos.\n    <\/p>\n  <\/div>\n<\/section>\n\n<style>\n  .navak-ondas {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    background: #000;\n    color: #fff;\n  }\n  .navak-ondas__svg {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n  }\n  .navak-ondas__svg path {\n    fill: none;\n    stroke: #6a6a6a;\n    stroke-width: 1;\n    vector-effect: non-scaling-stroke;\n  }\n  .navak-ondas__grid {\n    position: relative;\n    z-index: 1;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    grid-template-rows: auto auto;\n    row-gap: 46vh;\n    max-width: 1500px;\n    margin: 0 auto;\n    padding: 18vh 6vw;\n  }\n  .navak-ondas__texto {\n    margin: 0;\n    max-width: 640px;\n    justify-self: center;\n    text-align: center;\n    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n    font-weight: 300;\n    font-size: 38px;\n    line-height: 1.3;\n    color: #fff;\n  }\n  .navak-ondas__texto--1 { grid-column: 2; grid-row: 1; }\n  .navak-ondas__texto--2 { grid-column: 1; grid-row: 2; }\n\n  \/* Letras que se encienden con el scroll *\/\n  .navak-ondas__letra {\n    opacity: 0.18;\n    transition: opacity 0.35s linear;\n  }\n  .navak-ondas__letra.is-on { opacity: 1; }\n\n  \/* Tablet y m\u00f3vil: textos escalonados (arriba a la derecha, abajo a la izquierda) *\/\n  @media (max-width: 1024px) {\n    .navak-ondas__grid {\n      grid-template-columns: 1fr;\n      row-gap: 34vh;\n      padding: 14vh 6vw;\n    }\n    .navak-ondas__texto { font-size: 26px; max-width: 60%; }\n    .navak-ondas__texto--1 { grid-column: 1; justify-self: end; }\n    .navak-ondas__texto--2 { grid-column: 1; justify-self: start; }\n  }\n\n  \/* M\u00f3vil *\/\n  @media (max-width: 767px) {\n    .navak-ondas__grid { row-gap: 30vh; padding: 12vh 20px; }\n    .navak-ondas__texto { font-size: 18px; max-width: 68%; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .navak-ondas__letra { opacity: 1; transition: none; }\n  }\n<\/style>\n\n<script>\n(function () {\n  var LINEAS = 16;          \/\/ n\u00famero de l\u00edneas de la onda\n  var REVELAR_LETRAS = true; \/\/ false = el texto aparece entero desde el principio\n\n  document.querySelectorAll('.navak-ondas').forEach(function (seccion) {\n    if (seccion.dataset.listo) return;\n    seccion.dataset.listo = '1';\n\n    var svg = seccion.querySelector('.navak-ondas__svg');\n    var NS = 'http:\/\/www.w3.org\/2000\/svg';\n    var reducido = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n    var caminos = [];\n    for (var i = 0; i < LINEAS; i++) {\n      var p = document.createElementNS(NS, 'path');\n      svg.appendChild(p);\n      caminos.push(p);\n    }\n\n    \/\/ Separa cada texto en letras para poder encenderlas una a una\n    var bloques = [];\n    seccion.querySelectorAll('.navak-ondas__texto').forEach(function (t) {\n      var letras = [];\n      if (REVELAR_LETRAS && !reducido) {\n        var palabras = t.textContent.trim().split(\/\\s+\/);\n        t.textContent = '';\n        palabras.forEach(function (pal, n) {\n          var w = document.createElement('span');\n          w.style.whiteSpace = 'nowrap';\n          pal.split('').forEach(function (c) {\n            var s = document.createElement('span');\n            s.className = 'navak-ondas__letra';\n            s.textContent = c;\n            w.appendChild(s);\n            letras.push(s);\n          });\n          t.appendChild(w);\n          if (n < palabras.length - 1) t.appendChild(document.createTextNode(' '));\n        });\n      }\n      bloques.push({ el: t, letras: letras });\n    });\n\n    var W = 0, H = 0, zonas = [];\n\n    function medir() {\n      W = seccion.clientWidth;\n      H = seccion.clientHeight;\n      \/\/ El viewBox coincide con los p\u00edxeles reales: l\u00edneas n\u00edtidas en cualquier pantalla\n      svg.setAttribute('viewBox', '0 0 ' + W + ' ' + H);\n\n      \/\/ Zonas ocupadas por el texto (las l\u00edneas las rodean, nunca las cruzan)\n      var s = seccion.getBoundingClientRect();\n      zonas = bloques.map(function (b) {\n        var r = b.el.getBoundingClientRect();\n        return { x1: r.left - s.left, x2: r.right - s.left, y1: r.top - s.top, y2: r.bottom - s.top };\n      });\n    }\n\n    function dibujar(fase) {\n      var movil = W < 1025;                  \/\/ tablet y m\u00f3vil\n      var L  = Math.hypot(W, H);\n      var ux = W \/ L, uy = H \/ L;            \/\/ direcci\u00f3n: esquina arriba-izquierda \u2192 abajo-derecha\n      var nx = -uy, ny = ux;                 \/\/ perpendicular a la diagonal\n      var ancho = Math.min(L * 0.085, W * 0.17); \/\/ anchura m\u00e1xima de la cinta\n      var onda  = Math.min(L * 0.06, W * 0.09);  \/\/ cu\u00e1nto serpentea\n      var aire  = movil ? 26 : 48;               \/\/ distancia m\u00ednima a las letras\n      var paso  = 4;\n      var n = Math.ceil(L * 1.16 \/ paso) + 1;\n      var bx = [], by = [], off = [], sp = [];\n\n      \/\/ 1) Recorrido en diagonal, entrando y saliendo por fuera de las esquinas\n      for (var k = 0; k < n; k++) {\n        var s = -0.08 + k * paso \/ L;\n        bx.push(s * W);\n        by.push(s * H);\n        off.push(onda * Math.sin(Math.PI * 2 * 1.15 * s + 0.4 + fase * 1.2)\n               + onda * 0.35 * Math.sin(Math.PI * 2 * 2.6 * s - fase * 0.9));\n        \/\/ La anchura cambia a lo largo del recorrido: se abre en abanico, se estrecha y se cruza\n        var giro  = Math.cos(Math.PI * 2 * 1.35 * s + fase * 1.8);\n        var pulso = 0.35 + 0.65 * Math.pow(Math.sin(Math.PI * 2 * 0.55 * s - fase * 0.7 + 1.2), 2);\n        sp.push(ancho * giro * pulso);\n      }\n\n      \/\/ 2) Aparta la cinta del texto (en perpendicular a la diagonal) hacia el lado m\u00e1s cercano\n      function apartar(margen) {\n        for (var k = 0; k < n; k++) {\n          var hw = Math.abs(sp[k]) \/ 2 + 8;\n          zonas.forEach(function (z) {\n            var x1 = z.x1 - margen, x2 = z.x2 + margen, y1 = z.y1 - margen, y2 = z.y2 + margen;\n            var a1 = (x1 - bx[k]) \/ nx, a2 = (x2 - bx[k]) \/ nx;\n            var b1 = (y1 - by[k]) \/ ny, b2 = (y2 - by[k]) \/ ny;\n            var lo = Math.max(Math.min(a1, a2), Math.min(b1, b2));\n            var hi = Math.min(Math.max(a1, a2), Math.max(b1, b2));\n            if (lo > hi) return;                       \/\/ esta parte de la diagonal no pasa por el texto\n            lo -= hw; hi += hw;\n            if (off[k] > lo && off[k] < hi) off[k] = (off[k] - lo < hi - off[k]) ? lo : hi;\n          });\n        }\n      }\n\n      \/\/ 3) Apartar y suavizar varias veces: curvas limpias alrededor del texto\n      var radio = Math.round((movil ? 70 : 120) \/ paso);\n      for (var pasada = 0; pasada < 16; pasada++) {\n        apartar(aire * 1.6);\n        var suave = [];\n        for (var k = 0; k < n; k++) {\n          var suma = 0, c = 0;\n          for (var j = Math.max(0, k - radio); j <= Math.min(n - 1, k + radio); j++) { suma += off[j]; c++; }\n          suave.push(suma \/ c);\n        }\n        off = suave;\n      }\n\n      for (var i = 0; i < LINEAS; i++) {\n        var t = i \/ (LINEAS - 1) - 0.5;\n        var d = '';\n        for (var k = 0; k < n; k++) {\n          var detalle = L * 0.003 * Math.sin(Math.PI * 2 * 3 * k * paso \/ L + i * 0.4 + fase * 2.2);\n          var o = off[k] + t * sp[k] + detalle;\n          d += (d ? 'L' : 'M') + (bx[k] + nx * o).toFixed(1) + ' ' + (by[k] + ny * o).toFixed(1);\n        }\n        caminos[i].setAttribute('d', d);\n      }\n    }\n\n    function progreso() {\n      var r = seccion.getBoundingClientRect();\n      var vh = window.innerHeight;\n      return Math.min(1, Math.max(0, (vh - r.top) \/ (vh + r.height)));\n    }\n\n    function revelar() {\n      var vh = window.innerHeight;\n      bloques.forEach(function (b) {\n        if (!b.letras.length) return;\n        var r = b.el.getBoundingClientRect();\n        var q = Math.min(1, Math.max(0, (vh * 0.9 - r.top) \/ (vh * 0.58)));\n        var encendidas = Math.round(q * b.letras.length);\n        b.letras.forEach(function (s, k) { s.classList.toggle('is-on', k < encendidas); });\n      });\n    }\n\n    var pendiente = false;\n    function actualizar() {\n      pendiente = false;\n      dibujar(reducido ? 0 : progreso() * Math.PI * 2);\n      revelar();\n    }\n    function pedir() {\n      if (!pendiente) { pendiente = true; requestAnimationFrame(actualizar); }\n    }\n\n    medir();\n    actualizar();\n    window.addEventListener('scroll', pedir, { passive: true });\n    window.addEventListener('resize', function () { medir(); pedir(); });\n    if (window.ResizeObserver) new ResizeObserver(function () { medir(); pedir(); }).observe(seccion);\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1708b91 e-con-full e-flex e-con e-child\" data-id=\"1708b91\" 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-ef721a3 e-con-full e-flex e-con e-parent\" data-id=\"ef721a3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a45d203 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a45d203\" 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\">\u00daltimas investigaciones<\/p>\n  <h2 class=\"navak-areas__titulo\">\n    Descubre nuestros art\u00edculos e investigaciones p\u00fablicas\n  <\/h2>\n<\/section>\n\n<style>\n  .navak-areas {\n    background: #000;\n    padding: 120px 6vw 30px;\n    text-align: center;\n  }\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\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\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: #ffffff !important;\n    opacity: 1 !important;\n  }\n\n  \/* Tablet *\/\n  @media (max-width: 1024px) {\n    .navak-areas {\n      padding: 120px 8vw 30px;\n    }\n\n    .navak-areas .navak-areas__etiqueta {\n      font-size: 16px !important;\n      gap: 10px;\n      margin-bottom: 20px !important;\n    }\n\n    .navak-areas .navak-areas__etiqueta::before {\n      width: 6px;\n      height: 6px;\n    }\n\n    .navak-areas .navak-areas__titulo {\n      font-size: 26px !important;\n      max-width: 620px;\n    }\n  }\n\n  \/* M\u00f3vil *\/\n  @media (max-width: 767px) {\n    .navak-areas {\n      padding: 88px 24px 24px;\n    }\n\n    .navak-areas .navak-areas__etiqueta {\n      font-size: 14px !important;\n      gap: 8px;\n      margin-bottom: 16px !important;\n    }\n\n    .navak-areas .navak-areas__etiqueta::before {\n      width: 5px;\n      height: 5px;\n    }\n\n    .navak-areas .navak-areas__titulo {\n      font-size: 18px !important;\n      max-width: 100%;\n    }\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-90b9fef e-con-full e-flex e-con e-parent\" data-id=\"90b9fef\" 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-d5d94e4 elementor-widget elementor-widget-shortcode\" data-id=\"d5d94e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"navak-hover-slider-container\" id=\"navak_hover_slider_6ad2dfb9c1d87\"><div class=\"navak-hover-controls-frame\"><button class=\"navak-hover-arrow navak-hover-prev\">&#10094;<\/button><button class=\"navak-hover-arrow navak-hover-next\">&#10095;<\/button><\/div><div class=\"navak-hover-carousel-wrapper\"><a href=\"https:\/\/navakintelligence.com\/en\/comando-vermelho-una-vision-general-del-grupo-criminal-mas-antiguo-de-brasil\/\" class=\"navak-hover-slide\" style=\"background-image: url(https:\/\/navakintelligence.com\/wp-content\/uploads\/2026\/07\/CV-scaled.png);\"><div class=\"navak-hover-title-box\"><span class=\"navak-hover-kicker\">Crimen organizado &nbsp;&bull;&nbsp; Latinoam\u00e9rica<\/span><h3>Comando Vermelho: una visi\u00f3n general del grupo criminal m\u00e1s antiguo de Brasil.<\/h3><\/div><\/a><a href=\"https:\/\/navakintelligence.com\/en\/sebin-venezuela\/\" class=\"navak-hover-slide\" style=\"background-image: url(https:\/\/navakintelligence.com\/wp-content\/uploads\/2026\/10\/SEBIN-VENEZUELA-scaled.png);\"><div class=\"navak-hover-title-box\"><span class=\"navak-hover-kicker\">Agencias &nbsp;&bull;&nbsp; Latinoam\u00e9rica<\/span><h3>El Servicio Bolivariano de Inteligencia Nacional (SEBIN) venezolano: una visi\u00f3n general.<\/h3><\/div><\/a><\/div><\/div><style>\r\n    .navak-hover-slider-container {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 44vw; \r\n        min-height: 600px;\r\n        max-height: 1080px; \r\n        overflow: hidden;\r\n        display: block; \r\n    }\r\n    .navak-hover-carousel-wrapper {\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n    }\r\n    \r\n    \/* --- MARCO DE BOTONES --- *\/\r\n    .navak-hover-controls-frame {\r\n        position: absolute;\r\n        top: 0; left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 75vw; max-width: 1800px; \r\n        height: 100%;\r\n        pointer-events: none;\r\n        z-index: 30;\r\n    }\r\n    .navak-hover-arrow {\r\n        position: absolute;\r\n        top: 50%; transform: translateY(-50%);\r\n        pointer-events: auto;\r\n        background: rgba(0, 0, 0, 0.7);\r\n        color: #fff; border: none;\r\n        font-size: 22px; padding: 15px 25px;\r\n        cursor: pointer;\r\n        opacity: 0; transition: all 0.3s ease;\r\n        border-radius: 0 !important; \/* Bordes rectos *\/\r\n    }\r\n    .navak-hover-slider-container:hover .navak-hover-arrow { opacity: 1; }\r\n    .navak-hover-arrow:hover { background: rgba(0, 0, 0, 1); }\r\n    .navak-hover-prev { left: 30px; }\r\n    .navak-hover-next { right: 30px; }\r\n\r\n    \/* --- POSTS --- *\/\r\n    .navak-hover-slide {\r\n        position: absolute;\r\n        top: 0; left: 50%;\r\n        width: 75vw; max-width: 1800px; height: 100%; \r\n        background-size: cover; background-position: center;\r\n        display: block; text-decoration: none !important;\r\n        overflow: hidden;\r\n        transform: translateX(-50%);\r\n        image-rendering: -webkit-optimize-contrast;\r\n        image-rendering: high-quality;\r\n    }\r\n\r\n    \/* --- CAJA DE T\u00cdTULO --- *\/\r\n    .navak-hover-title-box {\r\n        position: absolute;\r\n        bottom: 30px; \r\n        left: 30px;   \r\n        background: rgba(0, 0, 0, 0.25); \r\n        padding: 25px 35px;\r\n        max-width: 500px;\r\n        display: flex; flex-direction: column; gap: 4px;\r\n        z-index: 10;\r\n        transition: background 0.3s ease;\r\n        border-radius: 0 !important; \/* Bordes rectos *\/\r\n    }\r\n    .navak-hover-slide:hover .navak-hover-title-box {\r\n        background: #143453; \r\n    }\r\n    \r\n    .navak-hover-kicker { \r\n        color: #d1d1d1; font-size: 15px; font-family: inherit; \r\n        text-transform: none; font-weight: 500; \r\n    }\r\n    \r\n    .navak-hover-title-box h3 { \r\n        color: #ffffff !important; margin: 0; text-align: left; \r\n        font-size: 26px; line-height: 1.3; font-weight: 400; \r\n    }\r\n\r\n    \/* --- RESPONSIVE --- *\/\r\n    @media (max-width: 1024px) {\r\n        .navak-hover-slider-container { height: 50vw; min-height: 450px; }\r\n        .navak-hover-slide { width: 85vw; }\r\n        .navak-hover-controls-frame { width: 85vw; }\r\n        .navak-hover-title-box { max-width: 400px; padding: 20px 25px; bottom: 20px; left: 20px; }\r\n        .navak-hover-title-box h3 { font-size: 22px; }\r\n    }\r\n    @media (max-width: 768px) {\r\n        .navak-hover-slider-container { height: 60vw; min-height: 400px; }\r\n        .navak-hover-slide { width: 90vw; }\r\n        .navak-hover-controls-frame { width: 90vw; }\r\n        .navak-hover-arrow { padding: 12px 18px; font-size: 16px; }\r\n        .navak-hover-prev { left: 15px; } .navak-hover-next { right: 15px; }\r\n        .navak-hover-title-box { padding: 15px 20px; max-width: 85%; bottom: 15px; left: 15px; }\r\n        .navak-hover-title-box h3 { font-size: 18px; }\r\n    }\r\n    <\/style><script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const container = document.getElementById(\"navak_hover_slider_6ad2dfb9c1d87\");\r\n        if (!container) return;\r\n        \r\n        const slides = container.querySelectorAll(\".navak-hover-slide\");\r\n        const prevBtn = container.querySelector(\".navak-hover-prev\");\r\n        const nextBtn = container.querySelector(\".navak-hover-next\");\r\n        const N = slides.length;\r\n        \r\n        if (N === 0) return; \r\n        if (N <= 1 && prevBtn && nextBtn) {\r\n            prevBtn.style.display = \"none\";\r\n            nextBtn.style.display = \"none\";\r\n        }\r\n        \r\n        let centerIndex = 0;\r\n        let isAnimating = false;\r\n        let autoPlayTimer;\r\n        let oldDiffs = [];\r\n\r\n        function updateSlides(direction = \"\") {\r\n            const slideWidth = slides[0].offsetWidth;\r\n            const gap = window.innerWidth <= 768 ? 50 : 100;\r\n            const step = slideWidth + gap;\r\n\r\n            slides.forEach((slide, i) => {\r\n                let diff = i - centerIndex;\r\n                \r\n                if (diff < -Math.floor(N\/2)) diff += N;\r\n                if (diff > Math.floor((N-1)\/2)) diff -= N;\r\n\r\n                let isWrapping = false;\r\n                if (direction !== \"\" && oldDiffs[i] !== undefined && Math.abs(diff - oldDiffs[i]) > 1) {\r\n                    isWrapping = true;\r\n                }\r\n                oldDiffs[i] = diff;\r\n                \r\n                if (isWrapping || direction === \"\") {\r\n                    slide.style.transition = \"none\";\r\n                } else {\r\n                    slide.style.transition = \"transform 0.5s ease-in-out, opacity 0.5s ease-in-out\";\r\n                }\r\n                \r\n                if (Math.abs(diff) > 1) {\r\n                    slide.style.opacity = \"0\";\r\n                    slide.style.pointerEvents = \"none\";\r\n                } else {\r\n                    slide.style.opacity = \"1\";\r\n                    slide.style.pointerEvents = \"auto\";\r\n                }\r\n                \r\n                slide.style.transform = `translateX(-50%) translateX(${diff * step}px)`;\r\n                slide.style.zIndex = 10 - Math.abs(diff);\r\n            });\r\n        }\r\n\r\n        setTimeout(() => { updateSlides(\"\"); }, 50);\r\n\r\n        function moveNext() {\r\n            if (isAnimating || N <= 1) return;\r\n            isAnimating = true;\r\n            setTimeout(() => isAnimating = false, 500); \r\n            centerIndex = (centerIndex + 1) % N;\r\n            updateSlides(\"next\");\r\n        }\r\n\r\n        function movePrev() {\r\n            if (isAnimating || N <= 1) return;\r\n            isAnimating = true;\r\n            setTimeout(() => isAnimating = false, 500);\r\n            centerIndex = (centerIndex - 1 + N) % N;\r\n            updateSlides(\"prev\");\r\n        }\r\n\r\n        function resetTimer() {\r\n            clearInterval(autoPlayTimer);\r\n            if (N > 1) autoPlayTimer = setInterval(moveNext, 3500);\r\n        }\r\n\r\n        if (prevBtn && nextBtn) {\r\n            nextBtn.addEventListener(\"click\", function() { moveNext(); resetTimer(); });\r\n            prevBtn.addEventListener(\"click\", function() { movePrev(); resetTimer(); });\r\n            \r\n            if (N > 1) {\r\n                autoPlayTimer = setInterval(moveNext, 3500);\r\n                container.addEventListener(\"mouseenter\", function() { clearInterval(autoPlayTimer); });\r\n                container.addEventListener(\"mouseleave\", function() { resetTimer(); });\r\n            }\r\n            \r\n            window.addEventListener(\"resize\", function() { updateSlides(\"\"); });\r\n            \r\n            let touchStartX = 0;\r\n            container.addEventListener(\"touchstart\", function(e) {\r\n                touchStartX = e.changedTouches[0].screenX;\r\n            }, {passive: true});\r\n            \r\n            container.addEventListener(\"touchend\", function(e) {\r\n                let touchEndX = e.changedTouches[0].screenX;\r\n                if (touchStartX - touchEndX > 50) { moveNext(); resetTimer(); }\r\n                if (touchEndX - touchStartX > 50) { movePrev(); resetTimer(); }\r\n            }, {passive: true});\r\n        }\r\n    });\r\n    <\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fd83e73 e-con-full e-flex e-con e-child\" data-id=\"fd83e73\" 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-7c551c6 e-con-full e-flex e-con e-parent\" data-id=\"7c551c6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f64c1b elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"2f64c1b\" 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\">Nuestros servicios<\/p>\n  <h2 class=\"navak-areas__titulo\">\n    Ofrecemos resultados para las misiones m\u00e1s exigentes del mundo\n  <\/h2>\n<\/section>\n\n<style>\n  .navak-areas {\n    background: #000;\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: #ffffff !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>\n\t\t<div class=\"elementor-element elementor-element-2769662 e-con-full e-flex e-con e-parent\" data-id=\"2769662\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-571ffb3 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"571ffb3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  NAVAK \u00b7 Servicios en 3 bloques (efecto Vantor)\n  En cada tarjeta puedes editar:\n    \u00b7 La imagen:  style=\"--navak-img: url('...')\"\n    \u00b7 El enlace de \"Descubre m\u00e1s\":  href=\"...\"\n    \u00b7 El t\u00edtulo y el texto del reverso\n  Ordenador: al dejar el rat\u00f3n encima, el t\u00edtulo desaparece y entra el texto.\n  M\u00f3vil y tablet: lo mismo al pulsar el bloque (al pulsar otra vez, vuelve el t\u00edtulo).\n  Al hacer scroll, los bloques entran escalonados (cada uno m\u00e1s bajo que el anterior)\n  y solo quedan alineados cuando la secci\u00f3n llega arriba del todo, como en Vantor.\n-->\n<section class=\"navak-grid\">\n\n  <!-- ===== TARJETA 1 ===== -->\n  <article class=\"navak-grid__tarjeta\" tabindex=\"0\" style=\"--navak-img: url('https:\/\/navakintelligence.com\/wp-content\/uploads\/2026\/10\/image-humint-scaled.png');\">\n    <div class=\"navak-grid__cara\"><\/div>\n    <div class=\"navak-grid__sombra\"><\/div>\n    <h3 class=\"navak-grid__titulo\"><span>Inteligencia<\/span><\/h3>\n    <div class=\"navak-grid__texto\">\n      <p><strong>Proveemos servicios de inteligencia estrat\u00e9gica a corporaciones.<\/strong> Anticipamos riesgos, mapeamos actores y aportamos certezas antes de cada decisi\u00f3n cr\u00edtica.<\/p>\n      <a class=\"navak-grid__boton\" href=\"https:\/\/navakintelligence.com\/servicios\/\">Descubre m\u00e1s<\/a>\n    <\/div>\n  <\/article>\n\n  <!-- ===== TARJETA 2 ===== -->\n  <article class=\"navak-grid__tarjeta\" tabindex=\"0\" style=\"--navak-img: url('https:\/\/navakintelligence.com\/wp-content\/uploads\/2026\/09\/CEOS-scaled.png');\">\n    <div class=\"navak-grid__cara\"><\/div>\n    <div class=\"navak-grid__sombra\"><\/div>\n    <h3 class=\"navak-grid__titulo\"><span>Formaci\u00f3n<\/span><\/h3>\n    <div class=\"navak-grid__texto\">\n      <p><strong>Formamos en inteligencia a directivos, CEOs y profesionales.<\/strong> Programas aplicados para decidir con criterio bajo presi\u00f3n e incertidumbre.<\/p>\n      <a class=\"navak-grid__boton\" href=\"https:\/\/navakintelligence.com\/servicios\/\">Descubre m\u00e1s<\/a>\n    <\/div>\n  <\/article>\n\n  <!-- ===== TARJETA 3 ===== -->\n  <article class=\"navak-grid__tarjeta\" tabindex=\"0\" style=\"--navak-img: url('https:\/\/navakintelligence.com\/wp-content\/uploads\/2026\/09\/UNIVERSIDADES-scaled.png');\">\n    <div class=\"navak-grid__cara\"><\/div>\n    <div class=\"navak-grid__sombra\"><\/div>\n    <h3 class=\"navak-grid__titulo\"><span>Universidades<\/span><\/h3>\n    <div class=\"navak-grid__texto\">\n      <p><strong>Colaboramos con entidades educativas<\/strong> en actividades que impulsan la inteligencia como una v\u00eda m\u00e1s hacia la empleabilidad y el talento.<\/p>\n      <a class=\"navak-grid__boton\" href=\"https:\/\/navakintelligence.com\/servicios\/\">Descubre m\u00e1s<\/a>\n    <\/div>\n  <\/article>\n\n<\/section>\n\n<style>\n  .navak-grid, .navak-grid *, .navak-grid *::before, .navak-grid *::after { box-sizing: border-box; }\n\n  \/* El widget ocupa todo el ancho, sin m\u00e1rgenes de Elementor *\/\n  .elementor-widget:has(.navak-grid),\n  .elementor-widget:has(.navak-grid) > .elementor-widget-container { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; }\n\n  .navak-grid {\n    --navak-curva: cubic-bezier(0.15, 1, 0.3, 1);   \/* curva de Vantor *\/\n    --navak-escalon: 13vw;                           \/* desnivel entre bloques al entrar *\/\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    width: 100%;\n    overflow: clip;\n    background: #000;\n    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n    color: #fff;\n  }\n\n  \/* ---------- BLOQUE ---------- *\/\n  .navak-grid__tarjeta {\n    position: relative;\n    overflow: hidden;\n    height: 100vh;\n    min-height: 560px;\n    background: #000;\n    outline: none;\n    cursor: pointer;\n    \/* Entrada escalonada: el JS va reduciendo --navak-entrada de 1 a 0 con el scroll *\/\n    transform: translate3d(0, calc(var(--navak-entrada, 0) * var(--navak-escalon) * var(--navak-orden, 0)), 0);\n    will-change: transform;\n  }\n  .navak-grid__tarjeta:nth-child(1) { --navak-orden: 0; }\n  .navak-grid__tarjeta:nth-child(2) { --navak-orden: 1; }\n  .navak-grid__tarjeta:nth-child(3) { --navak-orden: 2; }\n\n  \/* Imagen: 60 % visible (cara) \u2192 20 % al abrir (mismo tono que el reverso de tus tarjetas) *\/\n  .navak-grid__cara {\n    position: absolute;\n    inset: 0;\n    background: var(--navak-img) center \/ cover no-repeat;\n    opacity: 0.6;\n    transform: scale(1.001);\n    transition: opacity 0.75s var(--navak-curva), transform 1.6s var(--navak-curva);\n  }\n\n  \/* Degradado oscuro desde abajo, como Vantor *\/\n  .navak-grid__sombra {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.85) 100%);\n    opacity: 0;\n    transition: opacity 0.75s var(--navak-curva);\n    pointer-events: none;\n  }\n\n  \/* ---------- T\u00cdTULO DENTRO DEL BLOQUE (may\u00fasculas, 400) ---------- *\/\n  .navak-grid .navak-grid__titulo {\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 2;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 !important;\n    padding: 0 24px clamp(36px, 6vh, 64px) !important;\n    font-family: inherit !important;\n    font-size: clamp(30px, 3.2vw, 56px) !important;\n    font-weight: 300 !important;\n    line-height: 1.1 !important;\n    letter-spacing: 0.02em !important;\n    text-transform: uppercase !important;\n    text-align: center;\n    color: #fff !important;\n    transition: opacity 0.5s var(--navak-curva), transform 0.75s var(--navak-curva);\n  }\n\n  \/* ---------- TEXTO (reverso) ---------- *\/\n  .navak-grid__texto {\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 3;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    margin: 0 auto;\n    max-width: 560px;\n    padding: 0 clamp(28px, 3vw, 56px) clamp(40px, 7vh, 80px);\n    text-align: center;\n    pointer-events: none;\n  }\n  \/* Mismo formato de texto que el reverso de tus tarjetas *\/\n  .navak-grid .navak-grid__texto p {\n    margin: 0 0 26px !important;\n    font-size: 19px;\n    font-weight: 300;\n    line-height: 1.45;\n    color: rgba(255, 255, 255, 0.88) !important;\n  }\n  .navak-grid .navak-grid__texto strong { font-weight: 600; color: #fff; }\n  .navak-grid__texto > * {\n    opacity: 0;\n    transform: translateY(8px);\n    transition: opacity 0.6s var(--navak-curva), transform 0.75s var(--navak-curva);\n  }\n\n  \/* ---------- ESTADO ABIERTO: rat\u00f3n encima (ordenador) o pulsado (m\u00f3vil\/tablet) ---------- *\/\n  @media (hover: hover) {\n    .navak-grid__tarjeta:hover .navak-grid__cara { opacity: 0.2; transform: scale(1.04); }\n    .navak-grid__tarjeta:hover .navak-grid__sombra { opacity: 1; }\n    .navak-grid__tarjeta:hover .navak-grid__titulo { opacity: 0; transform: translateY(-16px); }\n    .navak-grid__tarjeta:hover .navak-grid__texto { pointer-events: auto; }\n    .navak-grid__tarjeta:hover .navak-grid__texto > * { opacity: 1; transform: none; transition-delay: 0.15s; }\n    .navak-grid__tarjeta:hover .navak-grid__texto > *:nth-child(2) { transition-delay: 0.27s; }\n  }\n  .navak-grid__tarjeta.is-abierta .navak-grid__cara,\n  .navak-grid__tarjeta:focus-within .navak-grid__cara { opacity: 0.2; transform: scale(1.04); }\n  .navak-grid__tarjeta.is-abierta .navak-grid__sombra,\n  .navak-grid__tarjeta:focus-within .navak-grid__sombra { opacity: 1; }\n  .navak-grid__tarjeta.is-abierta .navak-grid__titulo,\n  .navak-grid__tarjeta:focus-within .navak-grid__titulo { opacity: 0; transform: translateY(-16px); }\n  .navak-grid__tarjeta.is-abierta .navak-grid__texto,\n  .navak-grid__tarjeta:focus-within .navak-grid__texto { pointer-events: auto; }\n  .navak-grid__tarjeta.is-abierta .navak-grid__texto > *,\n  .navak-grid__tarjeta:focus-within .navak-grid__texto > * { opacity: 1; transform: none; transition-delay: 0.15s; }\n  .navak-grid__tarjeta.is-abierta .navak-grid__texto > *:nth-child(2),\n  .navak-grid__tarjeta:focus-within .navak-grid__texto > *:nth-child(2) { transition-delay: 0.27s; }\n\n  \/* ---------- \"DESCUBRE M\u00c1S\" (el mismo de tus tarjetas) ---------- *\/\n  .navak-grid .navak-grid__boton {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin: 0;\n    padding: 0 0 6px;\n    border: 0;\n    font-size: 16px;\n    font-weight: 400;\n    letter-spacing: 0.02em;\n    text-decoration: none !important;\n    color: rgba(255, 255, 255, 0.85) !important;\n    background-image:\n      linear-gradient(#fff, #fff),\n      linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.35));\n    background-size: 0% 1px, 100% 1px;\n    background-position: left bottom, left bottom;\n    background-repeat: no-repeat;\n    transition: background-size 0.7s cubic-bezier(0.65, 0, 0.35, 1), color 0.25s, gap 0.35s;\n  }\n  .navak-grid .navak-grid__boton::after { content: \"\u2192\"; }\n  .navak-grid .navak-grid__boton:hover,\n  .navak-grid .navak-grid__boton:focus-visible {\n    color: #fff !important;\n    gap: 14px;\n    background-size: 100% 1px, 100% 1px;\n    outline: none;\n  }\n\n  \/* ---------- TABLET Y M\u00d3VIL (como Vantor): uno debajo de otro, t\u00edtulo abajo a la izquierda ---------- *\/\n  @media (max-width: 1024px) {\n    .navak-grid { grid-template-columns: 1fr; }\n    .navak-grid__tarjeta { height: auto; min-height: 0; aspect-ratio: 5 \/ 3.6; transform: none; }\n    .navak-grid__sombra { opacity: 0.6; }\n    .navak-grid .navak-grid__titulo {\n      justify-content: flex-start;\n      padding: 0 24px 24px !important;\n      font-size: 24px !important;\n      text-align: left;\n    }\n    .navak-grid .navak-grid__texto {\n      top: 0;\n      justify-content: center;\n      max-width: none;\n      padding: 24px;\n    }\n    .navak-grid .navak-grid__texto p { font-size: 14px; line-height: 1.5; margin-bottom: 14px !important; }\n    .navak-grid .navak-grid__boton { font-size: 14px; }\n  }\n  \/* En tablet, algo m\u00e1s grande *\/\n  @media (min-width: 768px) and (max-width: 1024px) {\n    .navak-grid .navak-grid__titulo { padding: 0 40px 36px !important; font-size: 34px !important; }\n    .navak-grid .navak-grid__texto { padding: 40px 15%; }\n    .navak-grid .navak-grid__texto p { font-size: 17px; }\n    .navak-grid .navak-grid__boton { font-size: 15px; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .navak-grid__tarjeta { transform: none; }\n    .navak-grid__cara, .navak-grid__sombra, .navak-grid__titulo, .navak-grid__texto > * { transition: none; }\n  }\n<\/style>\n\n<script>\n\/* Entrada escalonada al hacer scroll (como Vantor): los bloques llegan a distinta altura\n   y se alinean cuando la secci\u00f3n llega arriba de la pantalla *\/\n(function () {\n  if (window.navakGridEscalon) return;\n  window.navakGridEscalon = true;\n  var pendiente = false;\n  function colocar() {\n    pendiente = false;\n    var vh = window.innerHeight;\n    document.querySelectorAll('.navak-grid').forEach(function (g) {\n      var r = g.getBoundingClientRect();\n      \/* 1 cuando la secci\u00f3n asoma por abajo; 0 (alineados) solo cuando su parte de arriba llega arriba del todo *\/\n      var p = r.top \/ vh;\n      p = Math.max(0, Math.min(1, p));\n      p = Math.sqrt(p);                             \/* se mantiene escalonado hasta el final del recorrido *\/\n      g.style.setProperty('--navak-entrada', p.toFixed(4));\n    });\n  }\n  function pedir() { if (!pendiente) { pendiente = true; requestAnimationFrame(colocar); } }\n  window.addEventListener('scroll', pedir, { passive: true });\n  window.addEventListener('resize', pedir);\n  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', colocar); else colocar();\n  window.addEventListener('load', colocar);\n})();\n\n\/* M\u00f3vil y tablet: primer toque abre el bloque (t\u00edtulo fuera, texto dentro); el segundo lo cierra *\/\n(function () {\n  if (window.navakGridListo) return;\n  window.navakGridListo = true;\n  var tactil = window.matchMedia('(hover: none)');\n  document.addEventListener('click', function (e) {\n    if (!tactil.matches) return;\n    var tarjeta = e.target.closest && e.target.closest('.navak-grid__tarjeta');\n    if (!tarjeta) return;\n    if (e.target.closest('.navak-grid__boton') && tarjeta.classList.contains('is-abierta')) return; \/* deja abrir el enlace *\/\n    e.preventDefault();\n    var abrir = !tarjeta.classList.contains('is-abierta');\n    document.querySelectorAll('.navak-grid__tarjeta.is-abierta').forEach(function (t) { t.classList.remove('is-abierta'); t.blur(); });\n    tarjeta.classList.toggle('is-abierta', abrir);\n    if (!abrir) { tarjeta.blur(); if (document.activeElement) document.activeElement.blur(); }\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8622263 e-con-full e-flex e-con e-child\" data-id=\"8622263\" 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-d9a7ee0 e-con-full e-flex e-con e-child\" data-id=\"d9a7ee0\" 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-344b06e e-con-full e-flex e-con e-parent\" data-id=\"344b06e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-be3dc22 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"be3dc22\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  NAVAK \u00b7 Presentes donde quieras llegar (versi\u00f3n con V\u00cdDEO a la izquierda)\n  Para cambiar el v\u00eddeo, sustituye la URL de \"src\" (sube el .mp4 a Medios de WordPress).\n-->\n<section class=\"navak-publica navak-publica--video\">\n  <div class=\"navak-publica__media\">\n    <div class=\"navak-publica__fija\">\n      <video autoplay muted loop playsinline preload=\"auto\" aria-hidden=\"true\">\n        <source src=\"https:\/\/navakintelligence.com\/wp-content\/uploads\/2026\/10\/itV5QQzA-LnIVtUGLCc3mA.mp4\" type=\"video\/mp4\">\n      <\/video>\n    <\/div>\n  <\/div>\n\n  <div class=\"navak-publica__texto\">\n    <div class=\"navak-publica__contenido\">\n      <h2 class=\"navak-publica__titulo\">Presentes donde quieras llegar<\/h2>\n      <p class=\"navak-publica__parrafo\">Somos especialistas en internacionalizaci\u00f3n e inversi\u00f3n exterior. Con presencia en 3 continentes y en m\u00e1s de 10 pa\u00edses, te damos el criterio que necesitas para abrir un mercado con los ojos abiertos.<\/p>\n      <a class=\"navak-publica__boton\" href=\"https:\/\/navakintelligence.com\/contacto\/\"><span>Contacta<\/span><\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .navak-publica,\n  .navak-publica * { box-sizing: border-box; }\n\n  .navak-publica {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    width: 100%;\n    background: #000000;\n    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n    color: #ffffff;\n  }\n\n  \/* ---------- V\u00cdDEO ---------- *\/\n  .navak-publica__media { position: relative; background: #000; }\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  .navak-publica__fija video {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: 50% 50%;\n    background: #000;\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 { opacity: 1; transform: none; }\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: #ffffff !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: #ffffff !important;\n  }\n\n  \/* ---------- BOT\u00d3N [ CONTACTA ] ---------- *\/\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: #ffffff !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(#ffffff, #ffffff),\n      linear-gradient(#ffffff, #ffffff),\n      linear-gradient(#ffffff, #ffffff),\n      linear-gradient(#ffffff, #ffffff),\n      linear-gradient(#ffffff, #ffffff),\n      linear-gradient(#ffffff, #ffffff);\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 { position: relative; z-index: 1; }\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  .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 { overflow: visible !important; }\n\n  \/* ---------- TABLET ---------- *\/\n  @media (max-width: 1024px) {\n    .navak-publica__texto { padding: 0 6vw; }\n    .navak-publica .navak-publica__titulo { font-size: 34px !important; margin-bottom: 20px !important; }\n    .navak-publica .navak-publica__parrafo { font-size: 18px !important; margin-bottom: 34px !important; }\n  }\n\n  \/* ---------- M\u00d3VIL: v\u00eddeo arriba, texto abajo ---------- *\/\n  @media (max-width: 767px) {\n    .navak-publica { grid-template-columns: 1fr; }\n    .navak-publica__fija { position: relative; height: auto; aspect-ratio: 4 \/ 3.4; }\n    .navak-publica__texto { min-height: 0; padding: 56px 24px 72px; }\n    .navak-publica__contenido { max-width: none; }\n    .navak-publica .navak-publica__titulo { font-size: 28px !important; margin-bottom: 16px !important; }\n    .navak-publica .navak-publica__parrafo { font-size: 16px !important; margin-bottom: 32px !important; }\n    .navak-publica .navak-publica__boton { min-height: 72px; padding: 10px 36px; font-size: 15px; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .navak-publica__contenido { opacity: 1; transform: none; transition: none; }\n    .navak-publica .navak-publica__boton,\n    .navak-publica .navak-publica__boton::before { transition: none; }\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  if (!('IntersectionObserver' in window)) { bloques.forEach(function (b) { b.classList.add('is-visible'); }); return; }\n  var obs = new IntersectionObserver(function (entradas) {\n    entradas.forEach(function (e) { if (e.isIntersecting) { e.target.classList.add('is-visible'); obs.unobserve(e.target); } });\n  }, { threshold: 0.25 });\n  bloques.forEach(function (b) { obs.observe(b); });\n})();\n\n\/* El v\u00eddeo solo se reproduce cuando est\u00e1 en pantalla *\/\n(function () {\n  var videos = document.querySelectorAll('.navak-publica__fija video');\n  videos.forEach(function (v) { v.muted = true; var p = v.play(); if (p && p.catch) p.catch(function () {}); });\n  if (!('IntersectionObserver' in window)) return;\n  var obs = new IntersectionObserver(function (entradas) {\n    entradas.forEach(function (e) {\n      if (e.isIntersecting) { var p = e.target.play(); if (p && p.catch) p.catch(function () {}); }\n      else e.target.pause();\n    });\n  });\n  videos.forEach(function (v) { obs.observe(v); });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8605c1a e-con-full e-flex e-con e-child\" data-id=\"8605c1a\" 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-3a65db6 e-con-full e-flex e-con e-parent\" data-id=\"3a65db6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd45060 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"bd45060\" 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\">\u00danete a nosotros<\/p>\n  <h2 class=\"navak-areas__titulo\">\n   Construye tu carrera donde el trabajo complejo genere un impacto real.\n  <\/h2>\n<\/section>\n\n<style>\n  .navak-areas {\n    background: #000;\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: #ffffff !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>\n\t\t<div class=\"elementor-element elementor-element-d8a2f68 e-con-full e-flex e-con e-parent\" data-id=\"d8a2f68\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-325b9ae elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"325b9ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  NAVAK \u00b7 Damos la bienvenida a colaboraciones (versi\u00f3n BLANCA: texto izquierda, foto derecha)\n  Usa clases propias (navak-blanca) para que no la sobrescriban los bloques negros\n  de la misma p\u00e1gina. Para cambiar la imagen, sustituye la URL de \"src\".\n-->\n<section class=\"navak-blanca\">\n  <div class=\"navak-blanca__texto\">\n    <div class=\"navak-blanca__contenido\">\n      <h2 class=\"navak-blanca__titulo\">Un lugar donde ser t\u00fa<\/h2>\n      <p class=\"navak-blanca__parrafo\">Buscamos analistas, investigadores y talento joven que duden de lo evidente y contrasten antes de concluir. Publica con nosotros, colabora en proyectos reales o empieza tu trayectoria en inteligencia estrat\u00e9gica. <\/p>\n      <a class=\"navak-blanca__boton\" href=\"https:\/\/navakintelligence.com\/unete\/\"><span> \u00danete<\/span><\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"navak-blanca__media\">\n    <div class=\"navak-blanca__fija\">\n      <img src=\"https:\/\/navakintelligence.com\/wp-content\/uploads\/2026\/10\/man-calling-scaled.png\" decoding=\"async\">\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .navak-blanca,\n  .navak-blanca * { box-sizing: border-box; }\n\n  .navak-blanca {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    width: 100%;\n    background: #ffffff !important;\n    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n    color: #133453;\n  }\n\n  .navak-blanca__media { position: relative; background: #ffffff; }\n  .navak-blanca__fija {\n    position: -webkit-sticky;\n    position: sticky;\n    top: 0;\n    height: 100vh;\n    overflow: hidden;\n  }\n  .navak-blanca__fija img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: 56% 50%;\n  }\n\n  .navak-blanca__texto {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 100vh;\n    padding: 0 7vw;\n    background: #ffffff !important;\n  }\n  .navak-blanca__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-blanca__contenido.is-visible { opacity: 1; transform: none; }\n\n  .navak-blanca .navak-blanca__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-blanca .navak-blanca__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  .navak-blanca .navak-blanca__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-blanca .navak-blanca__boton,\n  .navak-blanca .navak-blanca__boton *,\n  .navak-blanca .navak-blanca__boton:hover,\n  .navak-blanca .navak-blanca__boton:hover * {\n    text-decoration: none !important;\n    border-bottom: 0 !important;\n  }\n  .navak-blanca .navak-blanca__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-blanca .navak-blanca__boton span { position: relative; z-index: 1; }\n  .navak-blanca .navak-blanca__boton:hover,\n  .navak-blanca .navak-blanca__boton:focus-visible,\n  .navak-blanca .navak-blanca__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-blanca .navak-blanca__boton:hover::before,\n  .navak-blanca .navak-blanca__boton:focus-visible::before,\n  .navak-blanca .navak-blanca__boton:active::before {\n    transform: scaleX(1);\n    transform-origin: left center;\n  }\n\n  .e-con:has(.navak-blanca),\n  .e-con-inner:has(.navak-blanca),\n  .elementor-widget:has(.navak-blanca),\n  .elementor-widget:has(.navak-blanca) > .elementor-widget-container { overflow: visible !important; }\n\n  @media (max-width: 1024px) {\n    .navak-blanca__texto { padding: 0 6vw; }\n    .navak-blanca .navak-blanca__titulo { font-size: 34px !important; margin-bottom: 20px !important; }\n    .navak-blanca .navak-blanca__parrafo { font-size: 18px !important; margin-bottom: 34px !important; }\n  }\n\n  @media (max-width: 767px) {\n    .navak-blanca { grid-template-columns: 1fr; }\n    .navak-blanca__media { order: 1; }\n    .navak-blanca__texto { order: 2; }\n    .navak-blanca__fija { position: relative; height: auto; aspect-ratio: 4 \/ 3.4; }\n    .navak-blanca__texto { min-height: 0; padding: 56px 24px 72px; }\n    .navak-blanca__contenido { max-width: none; }\n    .navak-blanca .navak-blanca__titulo { font-size: 28px !important; margin-bottom: 16px !important; }\n    .navak-blanca .navak-blanca__parrafo { font-size: 16px !important; margin-bottom: 32px !important; }\n    .navak-blanca .navak-blanca__boton { min-height: 72px; padding: 10px 36px; font-size: 15px; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .navak-blanca__contenido { opacity: 1; transform: none; transition: none; }\n    .navak-blanca .navak-blanca__boton,\n    .navak-blanca .navak-blanca__boton::before { transition: none; }\n  }\n<\/style>\n\n<script>\n(function () {\n  var bloques = document.querySelectorAll('.navak-blanca__contenido');\n  if (!('IntersectionObserver' in window)) { bloques.forEach(function (b) { b.classList.add('is-visible'); }); return; }\n  var obs = new IntersectionObserver(function (entradas) {\n    entradas.forEach(function (e) { if (e.isIntersecting) { e.target.classList.add('is-visible'); obs.unobserve(e.target); } });\n  }, { threshold: 0.25 });\n  bloques.forEach(function (b) { obs.observe(b); });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-758a783 elementor-widget elementor-widget-html\" data-id=\"758a783\" 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-bc3e2b0 e-con-full e-flex e-con e-parent\" data-id=\"bc3e2b0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e043a2c elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e043a2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  NAVAK \u00b7 Damos la bienvenida a colaboraciones (versi\u00f3n BLANCA: foto izquierda, texto derecha)\n  Usa clases propias (navak-blanca) para que no la sobrescriban los bloques negros\n  de la misma p\u00e1gina. Para cambiar la imagen, sustituye la URL de \"src\".\n-->\n<section class=\"navak-blanca\">\n  <div class=\"navak-blanca__media\">\n    <div class=\"navak-blanca__fija\">\n      <img src=\"https:\/\/navakintelligence.com\/wp-content\/uploads\/2026\/10\/LANDING-scaled.png\" alt=\"NAVAK\" decoding=\"async\">\n    <\/div>\n  <\/div>\n\n  <div class=\"navak-blanca__texto\">\n    <div class=\"navak-blanca__contenido\">\n      <h2 class=\"navak-blanca__titulo\">Colabora con nosotros<\/h2>\n      <p class=\"navak-blanca__parrafo\">Buscamos alianzas con universidades, centros de an\u00e1lisis, medios y empresas, y nos interesa la visi\u00f3n de quien conoce a fondo un pa\u00eds o un sector. Si tienes informaci\u00f3n \u00fatil, comp\u00e1rtela: la tratamos con total confidencialidad y dentro del marco legal. Cu\u00e9ntanos tu propuesta.<\/p>\n      <a class=\"navak-blanca__boton\" href=\"https:\/\/navakintelligence.com\/contacto\/\"><span>Contactar<\/span><\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .navak-blanca,\n  .navak-blanca * { box-sizing: border-box; }\n\n  .navak-blanca {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    width: 100%;\n    background: #ffffff !important;\n    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n    color: #133453;\n  }\n\n  .navak-blanca__media { position: relative; background: #ffffff; }\n  .navak-blanca__fija {\n    position: -webkit-sticky;\n    position: sticky;\n    top: 0;\n    height: 100vh;\n    overflow: hidden;\n  }\n  .navak-blanca__fija img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: 56% 50%;\n  }\n\n  .navak-blanca__texto {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 100vh;\n    padding: 0 7vw;\n    background: #ffffff !important;\n  }\n  .navak-blanca__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-blanca__contenido.is-visible { opacity: 1; transform: none; }\n\n  .navak-blanca .navak-blanca__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-blanca .navak-blanca__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  .navak-blanca .navak-blanca__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-blanca .navak-blanca__boton,\n  .navak-blanca .navak-blanca__boton *,\n  .navak-blanca .navak-blanca__boton:hover,\n  .navak-blanca .navak-blanca__boton:hover * {\n    text-decoration: none !important;\n    border-bottom: 0 !important;\n  }\n  .navak-blanca .navak-blanca__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-blanca .navak-blanca__boton span { position: relative; z-index: 1; }\n  .navak-blanca .navak-blanca__boton:hover,\n  .navak-blanca .navak-blanca__boton:focus-visible,\n  .navak-blanca .navak-blanca__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-blanca .navak-blanca__boton:hover::before,\n  .navak-blanca .navak-blanca__boton:focus-visible::before,\n  .navak-blanca .navak-blanca__boton:active::before {\n    transform: scaleX(1);\n    transform-origin: left center;\n  }\n\n  .e-con:has(.navak-blanca),\n  .e-con-inner:has(.navak-blanca),\n  .elementor-widget:has(.navak-blanca),\n  .elementor-widget:has(.navak-blanca) > .elementor-widget-container { overflow: visible !important; }\n\n  @media (max-width: 1024px) {\n    .navak-blanca__texto { padding: 0 6vw; }\n    .navak-blanca .navak-blanca__titulo { font-size: 34px !important; margin-bottom: 20px !important; }\n    .navak-blanca .navak-blanca__parrafo { font-size: 18px !important; margin-bottom: 34px !important; }\n  }\n\n  @media (max-width: 767px) {\n    .navak-blanca { grid-template-columns: 1fr; }\n    .navak-blanca__media { order: 1; }\n    .navak-blanca__texto { order: 2; }\n    .navak-blanca__fija { position: relative; height: auto; aspect-ratio: 4 \/ 3.4; }\n    .navak-blanca__texto { min-height: 0; padding: 56px 24px 72px; }\n    .navak-blanca__contenido { max-width: none; }\n    .navak-blanca .navak-blanca__titulo { font-size: 28px !important; margin-bottom: 16px !important; }\n    .navak-blanca .navak-blanca__parrafo { font-size: 16px !important; margin-bottom: 32px !important; }\n    .navak-blanca .navak-blanca__boton { min-height: 72px; padding: 10px 36px; font-size: 15px; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .navak-blanca__contenido { opacity: 1; transform: none; transition: none; }\n    .navak-blanca .navak-blanca__boton,\n    .navak-blanca .navak-blanca__boton::before { transition: none; }\n  }\n<\/style>\n\n<script>\n(function () {\n  var bloques = document.querySelectorAll('.navak-blanca__contenido');\n  if (!('IntersectionObserver' in window)) { bloques.forEach(function (b) { b.classList.add('is-visible'); }); return; }\n  var obs = new IntersectionObserver(function (entradas) {\n    entradas.forEach(function (e) { if (e.isIntersecting) { e.target.classList.add('is-visible'); obs.unobserve(e.target); } });\n  }, { threshold: 0.25 });\n  bloques.forEach(function (b) { obs.observe(b); });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9acf8f1 elementor-widget elementor-widget-html\" data-id=\"9acf8f1\" 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  Solo cambian los contenedores principales de color liso: los que tienen foto o v\u00eddeo\n  de fondo, y las cajas interiores, se quedan como est\u00e1n.\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-->\n\n<style>\n  \/* El widget no ocupa espacio: marca el borde superior de su contenedor *\/\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  \/* Fondo: p\u00e1gina y contenedores principales de color liso *\/\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  \/* Texto de esos contenedores *\/\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  \/* Botones de esos contenedores: sobre fondo claro pasan a oscuros (al pasar el rat\u00f3n conservan su efecto) *\/\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 negro solo cuando detr\u00e1s hay un fondo claro liso *\/\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-cabecera-clara .elementor-location-header .elementor-widget-image img,\n  html.navak-cabecera-clara .elementor-location-header .ue-fullscreen-menu:not(:has(input.checkbox-toggle:checked)) .ue_hamburger {\n    filter: invert(1);\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  \/* Altura de la pantalla a la que se produce el cambio (0.5 = mitad) *\/\n  var ALTURA = 0.5;\n\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  \/* Un contenedor cambia si es principal, de color liso (sin foto, v\u00eddeo ni pase de im\u00e1genes)\n     y no lleva la clase sin-cambio; o si lleva con-cambio *\/\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');   \/* a\u00fan sin cargar: mantener lo que hab\u00eda *\/\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  function cabecera(fondo) {\n    var claro = false;\n    if (esClaro(fondo)) {\n      var pila = document.elementsFromPoint(window.innerWidth \/ 2, 45);\n      for (var i = 0; i < pila.length; i++) {\n        var el = pila[i];\n        if (el.closest('.elementor-location-header')) continue;\n        var c = el.closest('.navak-cc, .e-con');\n        if (c) { claro = c.classList.contains('navak-cc') || !!c.closest('.navak-cc'); break; }\n        if (el === document.body || el === raiz) { claro = true; break; }\n      }\n    }\n    raiz.classList.toggle('navak-cabecera-clara', claro);\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-32c0d18 e-con-full e-flex e-con e-child\" data-id=\"32c0d18\" 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>NAVIGATE THROUGH UNCERTAINTY. Inteligencia estrat\u00e9gica y consultor\u00eda de riesgos para proteger tu negocio y dominar el entorno global. CONTACTO NAVAK\u00ae es una firma espa\u00f1ola de inteligencia privada. Ofrecemos consultor\u00eda estrat\u00e9gica a todo tipo de empresas y actores, democratizando los servicios de inteligencia. Navegamos la incertidumbre global para proveer soluciones a problemas complejos. Traducimos las din\u00e1micas [&hellip;]<\/p>\n","protected":false},"author":6,"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-5193","page","type-page","status-publish","hentry"],"blocksy_meta":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Spanish Intelligence Firm | NAVAK<\/title>\n<meta name=\"description\" content=\"NAVAK es una firma espa\u00f1ola de inteligencia estrat\u00e9gica. Navegamos la incertidumbre global para ofrecer soluciones a todo tipo de actores.\" \/>\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\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"NAVAK Intelligence\" \/>\n<meta property=\"og:description\" content=\"Firma espa\u00f1ola de inteligencia estrat\u00e9gica.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/navakintelligence.com\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"navakintelligence.com\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-12T16:48:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/navakintelligence.com\/wp-content\/uploads\/2026\/09\/NAVAK-Intelligence.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1563\" \/>\n\t<meta property=\"og:image:height\" content=\"1563\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/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\\\/\",\"url\":\"https:\\\/\\\/navakintelligence.com\\\/\",\"name\":\"Spanish Intelligence Firm | NAVAK\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/navakintelligence.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/navakintelligence.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/navakintelligence.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/navakintelligence.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/man-calling-scaled.png\",\"datePublished\":\"2026-09-03T08:24:32+00:00\",\"dateModified\":\"2026-10-12T16:48:18+00:00\",\"description\":\"NAVAK es una firma espa\u00f1ola de inteligencia estrat\u00e9gica. Navegamos la incertidumbre global para ofrecer soluciones a todo tipo de actores.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/navakintelligence.com\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/navakintelligence.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/navakintelligence.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/navakintelligence.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/man-calling-scaled.png\",\"contentUrl\":\"https:\\\/\\\/navakintelligence.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/man-calling-scaled.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/navakintelligence.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/navakintelligence.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"INICIO\"}]},{\"@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":"Spanish Intelligence Firm | NAVAK","description":"NAVAK es una firma espa\u00f1ola de inteligencia estrat\u00e9gica. Navegamos la incertidumbre global para ofrecer soluciones a todo tipo de actores.","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\/","og_locale":"en_GB","og_type":"article","og_title":"NAVAK Intelligence","og_description":"Firma espa\u00f1ola de inteligencia estrat\u00e9gica.","og_url":"https:\/\/navakintelligence.com\/en\/","og_site_name":"navakintelligence.com","article_modified_time":"2026-10-12T16:48:18+00:00","og_image":[{"width":1563,"height":1563,"url":"https:\/\/navakintelligence.com\/wp-content\/uploads\/2026\/09\/NAVAK-Intelligence.png","type":"image\/png"}],"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\/","url":"https:\/\/navakintelligence.com\/","name":"Spanish Intelligence Firm | NAVAK","isPartOf":{"@id":"https:\/\/navakintelligence.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/navakintelligence.com\/#primaryimage"},"image":{"@id":"https:\/\/navakintelligence.com\/#primaryimage"},"thumbnailUrl":"https:\/\/navakintelligence.com\/wp-content\/uploads\/2026\/10\/man-calling-scaled.png","datePublished":"2026-09-03T08:24:32+00:00","dateModified":"2026-10-12T16:48:18+00:00","description":"NAVAK es una firma espa\u00f1ola de inteligencia estrat\u00e9gica. Navegamos la incertidumbre global para ofrecer soluciones a todo tipo de actores.","breadcrumb":{"@id":"https:\/\/navakintelligence.com\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/navakintelligence.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/navakintelligence.com\/#primaryimage","url":"https:\/\/navakintelligence.com\/wp-content\/uploads\/2026\/10\/man-calling-scaled.png","contentUrl":"https:\/\/navakintelligence.com\/wp-content\/uploads\/2026\/10\/man-calling-scaled.png"},{"@type":"BreadcrumbList","@id":"https:\/\/navakintelligence.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/navakintelligence.com\/"},{"@type":"ListItem","position":2,"name":"INICIO"}]},{"@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\/5193","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\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/navakintelligence.com\/en\/wp-json\/wp\/v2\/comments?post=5193"}],"version-history":[{"count":406,"href":"https:\/\/navakintelligence.com\/en\/wp-json\/wp\/v2\/pages\/5193\/revisions"}],"predecessor-version":[{"id":7324,"href":"https:\/\/navakintelligence.com\/en\/wp-json\/wp\/v2\/pages\/5193\/revisions\/7324"}],"wp:attachment":[{"href":"https:\/\/navakintelligence.com\/en\/wp-json\/wp\/v2\/media?parent=5193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}