{"id":17,"date":"2026-06-08T07:13:33","date_gmt":"2026-06-08T07:13:33","guid":{"rendered":"https:\/\/jesusurdaneta.com\/?page_id=17"},"modified":"2026-06-23T06:52:12","modified_gmt":"2026-06-23T06:52:12","slug":"jesus-urdaneta","status":"publish","type":"page","link":"https:\/\/jesusurdaneta.com\/","title":{"rendered":"OnePage Web"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17\" class=\"elementor elementor-17\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e245a22 e-con-full e-flex e-con e-parent\" data-id=\"e245a22\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-ed97eb0 e-con-full e-flex e-con e-child\" data-id=\"ed97eb0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-aee6514 e-con-full e-flex e-con e-child\" data-id=\"aee6514\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2ae222 elementor-widget-tablet__width-initial elementor-widget elementor-widget-image\" data-id=\"b2ae222\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/logojesus-2-1024x1024.png\" class=\"attachment-large size-large wp-image-23\" alt=\"\" srcset=\"https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/logojesus-2-1024x1024.png 1024w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/logojesus-2-300x300.png 300w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/logojesus-2-100x100.png 100w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/logojesus-2-600x600.png 600w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/logojesus-2-150x150.png 150w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/logojesus-2-768x768.png 768w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/logojesus-2-1536x1536.png 1536w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/logojesus-2-2048x2048.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-64e0524 e-con-full menu-hamburguesa-mateo e-flex e-con e-child\" data-id=\"64e0524\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72411a7 elementor-icon-list--layout-inline elementor-align-end elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"72411a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#sobremi\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">sobre m\u00ed<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#servicios\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">servicios<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#proyectos\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">proyectos<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#contacto\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">contacto<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1fe711d elementor-align-justify boton-tienda-mateo elementor-widget elementor-widget-button\" data-id=\"1fe711d\" 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 elementor-animation-float\" href=\"https:\/\/jesusurdaneta.com\/?page_id=474\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"Layer_1\" data-name=\"Layer 1\" viewBox=\"0 0 2560 1600\"><defs><style>      .cls-1 {        fill: #393f91;      }    <\/style><\/defs><path class=\"cls-1\" d=\"M2072.63,328.72L1270.96,69.79c-56.2-18.15-116.49,12.67-134.65,68.9-18.16,56.22,12.7,116.5,68.91,134.65l576.67,186.26L464.86,1244.04c-50.75,30.23-67.39,95.87-37.16,146.62,30.23,50.75,95.87,67.39,146.63,37.16l1317.03-784.44-110.88,595.77c-10.81,58.07,27.5,113.92,85.58,124.72,26.59,4.95,52.72-.4,74.26-13.23,25.51-15.19,44.6-40.87,50.46-72.35l154.14-828.23c9.85-52.87-21.1-104.82-72.28-121.35Z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">tienda<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5ca51ba e-con-full e-flex e-con e-child\" data-id=\"5ca51ba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81c6df9 texto-hero-urdaneta elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"81c6df9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">URDANETA<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a7dce70 e-con-full e-flex e-con e-child\" data-id=\"a7dce70\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-68ebcb7 e-con-full e-transform e-flex e-con e-child\" data-id=\"68ebcb7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_transform_rotateZ_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-90,&quot;sizes&quot;:[]},&quot;animation&quot;:&quot;none&quot;,&quot;_transform_rotateZ_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e58eb43 texto-inicio-jesus elementor-widget elementor-widget-heading\" data-id=\"e58eb43\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">JES\u00daS<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35bd658 texto-libremateo1 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"35bd658\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>escala tu infoproducto conmigo<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1cc73bb e-con-full e-flex e-con e-child\" data-id=\"1cc73bb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b9e1da flecha-hero elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"9b9e1da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<a class=\"elementor-icon elementor-animation-float\" href=\"#seccionperfiles\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"Layer_1\" data-name=\"Layer 1\" viewBox=\"0 0 1110.61 1600\"><defs><style>      .cls-1 {        fill: #393f91;      }    <\/style><\/defs><path class=\"cls-1\" d=\"M605.3,1448.91l406.67-355.85c28.51-24.95,31.41-68.28,6.45-96.8-24.95-28.52-68.29-31.4-96.81-6.45l-292.53,255.97,2.3-983.27c.09-37.89-30.55-68.68-68.44-68.77-37.89-.09-68.68,30.55-68.77,68.45l-2.3,983.27-291.33-257.34c-28.39-25.09-71.75-22.4-96.83,6-11.49,13-17.15,29.14-17.19,45.23-.04,19.04,7.8,38.01,23.19,51.61l404.99,357.75c25.85,22.84,64.64,22.93,90.6.21Z\"><\/path><\/svg>\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7f87cdf e-con-full e-flex e-con e-child\" data-id=\"7f87cdf\" data-element_type=\"container\" data-e-type=\"container\">\n\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-38a9246 e-flex e-con-boxed e-con e-parent\" data-id=\"38a9246\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37098f6 elementor-widget elementor-widget-html\" data-id=\"37098f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* =========================================================\r\n     S\u00d3LO PARA M\u00d3VILES (Pantallas de 768px o menos)\r\n     ========================================================= *\/\r\n  @media (max-width: 768px) {\r\n    \r\n    .imagen-libremateo {\r\n      width: 82% !important;       \/* La ajustamos un pelo m\u00e1s peque\u00f1a para que cuadre mejor *\/\r\n      height: auto !important;     \r\n      max-width: 350px !important; \r\n      \r\n      \/* NUEVO: Desplazamiento controlado hacia abajo *\/\r\n      position: relative !important;\r\n      top:-600px !important;        \/* Modifica este valor para clavar la base con la J *\/\r\n      \r\n      \/* Centrado horizontal por si las moscas *\/\r\n      display: block !important;\r\n      margin: 0 auto !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- Tu imagen original -->\r\n<img decoding=\"async\" src=\"https:\/\/ludaus.com\/wp-content\/uploads\/2026\/05\/Jesushero4.png\" class=\"imagen-libremateo\" alt=\"Imagen flotante\" title=\"\">\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-44dc063 e-flex e-con-boxed e-con e-parent\" data-id=\"44dc063\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e9de347 elementor-widget elementor-widget-html\" data-id=\"e9de347\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* =========================================================\r\n     S\u00d3LO PARA M\u00d3VILES (Pantallas de 768px o menos)\r\n     ========================================================= *\/\r\n  @media (max-width: 768px) {\r\n    \r\n    \/* Contenedor del bot\u00f3n (Hamburguesa) *\/\r\n    .menu-hamburguesa-mateo {\r\n      position: absolute !important;\r\n      top: 25px;\r\n      right: 1px;\r\n      z-index: 99999 !important;\r\n      cursor: pointer;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 44px;\r\n      height: 44px;\r\n      transition: all 0.3s ease;\r\n    }\r\n\r\n    \/* Cuando el men\u00fa est\u00e1 abierto, la hamburguesa se fija en su sitio sobre el fondo blanco *\/\r\n    .menu-hamburguesa-mateo.menu-abierto {\r\n      position: fixed !important;\r\n    }\r\n\r\n    \/* Las dos l\u00edneas finas del bot\u00f3n *\/\r\n    .menu-hamburguesa-mateo::before,\r\n    .menu-hamburguesa-mateo::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 24px;\r\n      height: 1px; \/* L\u00ednea ultra fina *\/\r\n      background-color: #393F91;\r\n      transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), top 0.4s ease;\r\n    }\r\n    \r\n    .menu-hamburguesa-mateo::before { top: 18px; }\r\n    .menu-hamburguesa-mateo::after { top: 26px; }\r\n\r\n    \/* SE CONVIERTE EN EN UNA \"X\" MINIMALISTA AL ABRIR *\/\r\n    .menu-hamburguesa-mateo.menu-abierto::before {\r\n      top: 21px;\r\n      transform: rotate(45deg);\r\n    }\r\n    \r\n    .menu-hamburguesa-mateo.menu-abierto::after {\r\n      top: 21px;\r\n      transform: rotate(-45deg);\r\n    }\r\n\r\n    \/* PANTALLA COMPLETA CON OPACIDAD FLUIDA *\/\r\n    .menu-hamburguesa-mateo .elementor-icon-list-items {\r\n      display: flex !important;\r\n      flex-direction: column !important;\r\n      justify-content: center !important;\r\n      align-items: center !important;\r\n      position: fixed !important;\r\n      top: 0 !important;\r\n      left: 0 !important;\r\n      width: 100vw !important;\r\n      height: 100vh !important;\r\n      background-color: #ffffff !important;\r\n      padding: 0 !important;\r\n      margin: 0 !important;\r\n      z-index: 99998 !important;\r\n      \r\n      \/* Control de animaci\u00f3n de la pantalla completa *\/\r\n      opacity: 0;\r\n      pointer-events: none;\r\n      transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n      \r\n      \/* Inicializamos el contador para los n\u00fameros del men\u00fa *\/\r\n      counter-reset: menu-counter;\r\n    }\r\n\r\n    \/* Mostrar men\u00fa completo *\/\r\n    .menu-hamburguesa-mateo.menu-abierto .elementor-icon-list-items {\r\n      opacity: 1;\r\n      pointer-events: auto;\r\n    }\r\n\r\n    \/* CADA BLOQUE DE ENLACE *\/\r\n    .menu-hamburguesa-mateo .elementor-icon-list-item {\r\n      display: flex !important;\r\n      flex-direction: column !important; \/* Coloca el n\u00famero arriba y el texto abajo *\/\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      width: auto !important;\r\n      padding: 20px 0 !important;\r\n      border: none !important;\r\n      \r\n      \/* Estado inicial para la animaci\u00f3n de entrada *\/\r\n      opacity: 0;\r\n      transform: translateY(20px);\r\n      transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1), transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);\r\n    }\r\n\r\n    \/* Cuando el men\u00fa se abre, disparamos la animaci\u00f3n de los items *\/\r\n    .menu-hamburguesa-mateo.menu-abierto .elementor-icon-list-item {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    \/* EFECTO ESCALONADO (STAGGER): Cada enlace tarda un pel\u00edn m\u00e1s que el anterior *\/\r\n    .menu-hamburguesa-mateo.menu-abierto .elementor-icon-list-item:nth-child(1) { transition-delay: 0.1s; }\r\n    .menu-hamburguesa-mateo.menu-abierto .elementor-icon-list-item:nth-child(2) { transition-delay: 0.18s; }\r\n    .menu-hamburguesa-mateo.menu-abierto .elementor-icon-list-item:nth-child(3) { transition-delay: 0.26s; }\r\n    .menu-hamburguesa-mateo.menu-abierto .elementor-icon-list-item:nth-child(4) { transition-delay: 0.34s; }\r\n\r\n    \/* DETALLE PREMIUM: Numeraci\u00f3n autom\u00e1tica encima del texto *\/\r\n    .menu-hamburguesa-mateo .elementor-icon-list-item::before {\r\n      counter-increment: menu-counter;\r\n      content: \"0\" counter(menu-counter); \/* Genera 01, 02, 03... *\/\r\n      font-family: 'Raleway', sans-serif !important;\r\n      font-weight: 400 !important;\r\n      font-size: 11px !important;\r\n      color: #393F91;\r\n      opacity: 0.4;\r\n      margin-bottom: 6px;\r\n      letter-spacing: 1px;\r\n    }\r\n\r\n    \/* ESTILO DE LA TIPOGRAF\u00cdA *\/\r\n    .menu-hamburguesa-mateo .elementor-icon-list-text {\r\n      font-family: 'Raleway', sans-serif !important;\r\n      font-weight: 300 !important; \/* Fina *\/\r\n      font-size: 28px !important;\r\n      color: #393F91 !important;\r\n      text-transform: lowercase !important; \/* Est\u00e9tica min\u00fascula limpia *\/\r\n      letter-spacing: 4px !important;      \/* Tracking elegante *\/\r\n      transition: opacity 0.2s ease;\r\n    }\r\n    \r\n    \/* Efecto feedback al pulsar el enlace *\/\r\n    .menu-hamburguesa-mateo .elementor-icon-list-item:active .elementor-icon-list-text {\r\n      opacity: 0.6;\r\n    }\r\n\r\n    \/* Ocultar iconos por si acaso *\/\r\n    .menu-hamburguesa-mateo .elementor-icon-list-icon {\r\n      display: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function() {\r\n    const menuWidget = document.querySelector('.menu-hamburguesa-mateo');\r\n    \r\n    if (menuWidget) {\r\n      menuWidget.addEventListener('click', function(e) {\r\n        \/\/ Si pulsas un enlace, el men\u00fa se cierra autom\u00e1ticamente al instante para permitir el salto suave\r\n        if (e.target.closest('.elementor-icon-list-item')) {\r\n          this.classList.remove('menu-abierto');\r\n          return;\r\n        }\r\n        \r\n        \/\/ Comportamiento del bot\u00f3n de apertura\/cierre (X)\r\n        this.classList.toggle('menu-abierto');\r\n      });\r\n    }\r\n  });\r\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-7cac251 texto-libremateo2 e-flex e-con-boxed e-con e-parent\" data-id=\"7cac251\" 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-57b1295 e-flex e-con-boxed e-con e-parent\" data-id=\"57b1295\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1294c69 elementor-widget elementor-widget-html\" data-id=\"1294c69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* =========================================================\r\n     S\u00d3LO PARA M\u00d3VILES (Pantallas de 768px o menos)\r\n     ========================================================= *\/\r\n  @media (max-width: 768px) {\r\n    \r\n    \/* Ajuste de centrado vertical para el bot\u00f3n de la tienda *\/\r\n    .boton-tienda-mateo {\r\n      position: absolute !important;\r\n      top: 26px !important;       \/* Lo bajamos de 22px a 26px para centrarlo verticalmente *\/\r\n      right: 60px !important;     \/* Lo ajustamos un pel\u00edn m\u00e1s a la derecha para que no quede tanto hueco *\/\r\n      left: auto !important;\r\n      width: auto !important;\r\n      margin: 0 !important;\r\n      z-index: 9999 !important;   \/* Por encima del contenido, por debajo del men\u00fa completo *\/\r\n    }\r\n\r\n    \/* Evitamos que Elementor rompa el tama\u00f1o del bot\u00f3n en m\u00f3vil *\/\r\n    .boton-tienda-mateo .elementor-button-wrapper,\r\n    .boton-tienda-mateo .elementor-button {\r\n      display: inline-flex !important;\r\n      width: auto !important;\r\n      padding-top: 8px !important;    \/* Ajuste fino del relleno interno si hiciera falta *\/\r\n      padding-bottom: 8px !important;\r\n    }\r\n  }\r\n<\/style>\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-582ed23 e-flex e-con-boxed e-con e-parent\" data-id=\"582ed23\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9024cac elementor-widget elementor-widget-html\" data-id=\"9024cac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* =========================================================\r\n     S\u00d3LO PARA M\u00d3VILES (Pantallas de 768px o menos)\r\n     ========================================================= *\/\r\n  @media (max-width: 768px) {\r\n    \r\n    \/* 1. Bloqueamos por seguridad que cualquier elemento estire la web hacia los lados *\/\r\n    html, body {\r\n      overflow-x: hidden !important;\r\n    }\r\n\r\n    \/* 2. Traemos de vuelta el texto fugado y lo domamos *\/\r\n    .texto-libremateo1 {\r\n      position: relative !important;\r\n      left: -780px !important;\r\n      right: auto !important;\r\n      top: 200px !important;\r\n      transform: none !important;        \/* Eliminamos rotaciones o traslaciones raras de desktop *\/\r\n      \r\n      \/* Posicionamiento debajo de la imagen de Jes\u00fas *\/\r\n      margin-top: 140px !important;      \/* Margen generoso para que respire y se coloque debajo de la foto y la flecha *\/\r\n      margin-left: 20px !important;      \/* Clavado en el mismo eje vertical que el logo y la 'J' de Jes\u00fas *\/\r\n      margin-right: 20px !important;\r\n      margin-bottom: 30px !important;\r\n      \r\n      \/* Formato seguro de lectura *\/\r\n      width: calc(100% - 40px) !important;\r\n      max-width: 320px !important;\r\n      display: block !important;\r\n      text-align: left !important;       \/* Alineaci\u00f3n limpia hacia la izquierda *\/\r\n      white-space: normal !important;    \/* Obligamos a que el texto salte de l\u00ednea de forma natural y no se estire *\/\r\n      \r\n      \/* NUEVO: Control de la tipograf\u00eda *\/\r\n      font-size: 18px !important;        \/* Cambia a 16px si lo quieres a\u00fan m\u00e1s peque\u00f1o, o a 20px si te has pasado *\/\r\n      line-height: 1.4 !important;       \/* Espaciado de l\u00ednea c\u00f3modo para que no se amontonen las palabras *\/\r\n      letter-spacing: 0.5px !important;  \/* Un pel\u00edn de aire entre letras *\/\r\n    }\r\n    \r\n  }\r\n<\/style>\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-f2866df e-con-full e-flex e-con e-parent\" data-id=\"f2866df\" data-element_type=\"container\" data-e-type=\"container\" id=\"seccionperfiles\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2178040 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"2178040\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.11.4\/gsap.min.js\"><\/script>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.11.4\/ScrollTrigger.min.js\"><\/script>\r\n\r\n\r\n\r\n<div class=\"panel\">\r\n\r\n  <div class=\"content-wrap-carousel\">\r\n\r\n    <div class=\"carousel-header\">\r\n\r\n      <h2 class=\"brand-text\">Perfiles con los que he colaborado:<\/h2>\r\n\r\n      <p class=\"brand-text\">Una cuidadosa selecci\u00f3n de los perfiles m\u00e1s grandes a los que he escalado<br>gracias a la metodolog\u00eda de los lanzamientos<\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"scene\">\r\n\r\n      <div class=\"a3d\" style=\"--n: 12\">\r\n\r\n        <img decoding=\"async\" class=\"card\" style=\"--i: 0\" src=\"https:\/\/ludaus.com\/wp-content\/uploads\/2026\/05\/689028617_18577013038036028_599766428277530696_n.jpg\" alt=\"\" title=\"\">\r\n\r\n        <img decoding=\"async\" class=\"card\" style=\"--i: 1\" src=\"https:\/\/ludaus.com\/wp-content\/uploads\/2026\/05\/573624573_18392890633126916_8879183277674354488_n.jpg\" alt=\"jellyfish\" title=\"\">\r\n\r\n        <img decoding=\"async\" class=\"card\" style=\"--i: 2\" src=\"https:\/\/ludaus.com\/wp-content\/uploads\/2026\/05\/subastas2.png\" alt=\"jellyfish\" title=\"\">\r\n\r\n        <img decoding=\"async\" class=\"card\" style=\"--i: 3\" src=\"https:\/\/ludaus.com\/wp-content\/uploads\/2026\/05\/subastas1.png\" alt=\"jellyfish\" title=\"\">\r\n\r\n        <img decoding=\"async\" class=\"card\" style=\"--i: 4\" src=\"https:\/\/ludaus.com\/wp-content\/uploads\/2026\/05\/621587361_18547495018015803_8952497353865171037_n.jpg\" alt=\"jellyfish\" title=\"\">\r\n\r\n        <img decoding=\"async\" class=\"card\" style=\"--i: 5\" src=\"https:\/\/ludaus.com\/wp-content\/uploads\/2026\/05\/702625464_18584963059044058_1923031092488712461_n-1.jpg\" alt=\"jellyfish\" title=\"\">\r\n\r\n        <img decoding=\"async\" class=\"card\" style=\"--i: 6\" src=\"https:\/\/ludaus.com\/wp-content\/uploads\/2026\/05\/689259638_18577013017036028_284195625620341547_n.jpg\" alt=\"jellyfish\" title=\"\">\r\n\r\n        <img decoding=\"async\" class=\"card\" style=\"--i: 7\" src=\"https:\/\/ludaus.com\/wp-content\/uploads\/2026\/05\/jesusbarber-1-scaled.jpeg\" alt=\"jellyfish\" title=\"\">\r\n\r\n        <img decoding=\"async\" class=\"card\" style=\"--i: 8\" src=\"https:\/\/ludaus.com\/wp-content\/uploads\/2026\/05\/539830521_18517732945015803_8545220818924109574_n.jpg\" alt=\"jellyfish\" title=\"\">\r\n\r\n        <img decoding=\"async\" class=\"card\" style=\"--i: 9\" src=\"https:\/\/ludaus.com\/wp-content\/uploads\/2026\/05\/694150482_18577013065036028_9217660957360930727_n.jpg\" alt=\"jellyfish\" title=\"\">\r\n\r\n        <img decoding=\"async\" class=\"card\" style=\"--i: 10\" src=\"https:\/\/ludaus.com\/wp-content\/uploads\/2026\/05\/702703244_18585060652044058_6337268479535993847_n.jpg\" alt=\"jellyfish\" title=\"\">\r\n\r\n        <img decoding=\"async\" class=\"card\" style=\"--i: 11\" src=\"https:\/\/ludaus.com\/wp-content\/uploads\/2026\/05\/618052139_18546270664015803_2987399327238480774_n.jpg\" alt=\"jellyfish\" title=\"\">\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"carousel-footer\">\r\n\r\n      <a href=\"https:\/\/jesusurdaneta.com\/#contacto\" class=\"btn-trabaja\">Trabaja conmigo<\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<style>\r\n\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap');\r\n\r\n\r\n\r\n  \/* Contenedor que activa el efecto scroll *\/\r\n\r\n  .panel {\r\n\r\n    width: 100%;\r\n\r\n    height: 100vh;\r\n\r\n    display: flex;\r\n\r\n    justify-content: center;\r\n\r\n    align-items: center;\r\n\r\n    background: #ffffff; \/* Fondo s\u00f3lido para que el siguiente bloque lo cubra *\/\r\n\r\n    overflow: hidden;\r\n\r\n  }\r\n\r\n\r\n\r\n  .content-wrap-carousel {\r\n\r\n    width: 100%;\r\n\r\n    text-align: center;\r\n\r\n    font-family: 'Roboto', sans-serif;\r\n\r\n  }\r\n\r\n\r\n\r\n  .brand-text { color: #393F91; }\r\n\r\n\r\n\r\n  .carousel-header {\r\n\r\n    margin-bottom: -100px;\r\n\r\n    padding-top: 20px;\r\n\r\n    position: relative;\r\n\r\n    z-index: 10;\r\n\r\n  }\r\n\r\n\r\n\r\n  .carousel-footer {\r\n\r\n    margin-top: -100px;\r\n\r\n    padding-bottom: 20px;\r\n\r\n    position: relative;\r\n\r\n    z-index: 10;\r\n\r\n  }\r\n\r\n\r\n\r\n  .btn-trabaja {\r\n\r\n    display: inline-block;\r\n\r\n    padding: 12px 30px;\r\n\r\n    border: 2px solid #393F91;\r\n\r\n    color: #393F91;\r\n\r\n    background: transparent;\r\n\r\n    text-decoration: none;\r\n\r\n    font-weight: bold;\r\n\r\n    border-radius: 68px;\r\n\r\n    transition: all 0.3s ease;\r\n\r\n  }\r\n\r\n\r\n\r\n  .btn-trabaja:hover {\r\n\r\n    background: #393F91;\r\n\r\n    color: #ffffff;\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* Estilos del carrusel intactos *\/\r\n\r\n  .scene, .a3d { display: grid; }\r\n\r\n  .scene {\r\n\r\n    min-height: 80vh;\r\n\r\n    overflow: hidden;\r\n\r\n    perspective: 35em;\r\n\r\n    background: transparent;\r\n\r\n    mask: linear-gradient(90deg, #0000, red 20% 80%, #0000);\r\n\r\n    -webkit-mask: linear-gradient(90deg, #0000, red 20% 80%, #0000);\r\n\r\n  }\r\n\r\n  .a3d {\r\n\r\n    place-self: center;\r\n\r\n    transform-style: preserve-3d;\r\n\r\n    animation: ry 32s linear infinite;\r\n\r\n  }\r\n\r\n  @keyframes ry { to { transform: rotateY(1turn); } }\r\n\r\n  .card {\r\n\r\n    --w: 17.5em;\r\n\r\n    --ba: 1turn \/ var(--n);\r\n\r\n    grid-area: 1 \/ 1;\r\n\r\n    width: var(--w);\r\n\r\n    aspect-ratio: 7 \/ 10;\r\n\r\n    object-fit: cover;\r\n\r\n    border-radius: 20px !important;\r\n\r\n    overflow: hidden !important;\r\n\r\n    backface-visibility: hidden;\r\n\r\n    transform: rotateY(calc(var(--i) * var(--ba))) translateZ(calc(-1 * (0.5 * var(--w) + 0.5em) \/ tan(0.5 * var(--ba))));\r\n\r\n  }\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n  gsap.registerPlugin(ScrollTrigger);\r\n\r\n\r\n\r\n  \/\/ Activaci\u00f3n del efecto de \"sobreponerse\" al hacer scroll\r\n\r\n  ScrollTrigger.create({\r\n\r\n    trigger: \".panel\",\r\n\r\n    start: \"top top\",\r\n\r\n    pin: true,\r\n\r\n    pinSpacing: false \/\/ Esto permite que el siguiente contenido pase por encima\r\n\r\n  });\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4fee7b8 e-con-full e-flex e-con e-parent\" data-id=\"4fee7b8\" data-element_type=\"container\" data-e-type=\"container\" id=\"sobremi\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a747e5 elementor-widget elementor-widget-html\" data-id=\"4a747e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;700;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"hero-wrapper\">\r\n  <div class=\"hero-bg\"><\/div>\r\n  \r\n  <div class=\"marquee\">\r\n    <div class=\"marquee-track\">\r\n      <span>SOBRE M\u00cd \u00b7 JES\u00daS URDANETA \u00b7 SOBRE M\u00cd \u00b7 JES\u00daS URDANETA \u00b7<\/span>\r\n      <span>SOBRE M\u00cd \u00b7 JES\u00daS URDANETA \u00b7 SOBRE M\u00cd \u00b7 JES\u00daS URDANETA \u00b7<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"vertical-text\">002<\/div>\r\n\r\n  <div class=\"bio-text\">\r\n    Soy Jes\u00fas Urdaneta, tengo 19 a\u00f1os.<br>\r\n   3 a\u00f1os de experiencia como estilista y 1 a\u00f1o como<br> Growth Operator ayudando a profesionales<br> a escalar su infoproducto.\r\n   \r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  \/* =========================================\r\n     ESTILOS GENERALES (ORDENADOR) - SIN TOCAR\r\n     ========================================= *\/\r\n  .hero-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100vh;\r\n    overflow: hidden;\r\n    background-color: #fff;\r\n  }\r\n\r\n  .hero-bg {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 92%;\r\n    height: 96%;\r\n    background-image: url('https:\/\/ludaus.com\/wp-content\/uploads\/2026\/05\/jesusdef-scaled.png');\r\n    background-size: contain;\r\n    background-repeat: no-repeat;\r\n    background-position: bottom center;\r\n    z-index: 1;\r\n  }\r\n\r\n  .bio-text {\r\n    position: absolute;\r\n    bottom: 250px;\r\n    left: 250px;\r\n    z-index: 3;\r\n    font-family: 'Roboto', sans-serif;\r\n    font-weight: 500;\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n    color: #000;\r\n    text-transform: none;\r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  .marquee {\r\n    position: absolute;\r\n    top: 50%;\r\n    width: 100%;\r\n    z-index: 2;\r\n    transform: translateY(-50%);\r\n    pointer-events: none;\r\n    font-family: 'Roboto', sans-serif;\r\n    font-weight: 900;\r\n    font-size: 10vw;\r\n    text-transform: uppercase;\r\n    white-space: nowrap;\r\n    mix-blend-mode: difference;\r\n    color: white;\r\n  }\r\n\r\n  .marquee-track {\r\n    display: inline-block;\r\n    animation: marquee-move 15s linear infinite;\r\n  }\r\n\r\n  @keyframes marquee-move {\r\n    from { transform: translateX(0); }\r\n    to { transform: translateX(-50%); }\r\n  }\r\n\r\n  .vertical-text {\r\n    position: absolute;\r\n    bottom: 120px;\r\n    right: 60px; \r\n    writing-mode: vertical-rl;\r\n    text-orientation: mixed;\r\n    font-family: 'Roboto', sans-serif;\r\n    font-weight: 900;\r\n    font-size: 3vw;\r\n    color: #000;\r\n    z-index: 3;\r\n    transform: rotate(180deg);\r\n  }\r\n\r\n  \/* =========================================\r\n     MEDIA QUERY PARA RESPONSIVE EN M\u00d3VILES (EDITADO)\r\n     ========================================= *\/\r\n  @media (max-width: 768px) {\r\n    \/* CAMBIO: Imagen un poquito m\u00e1s grande *\/\r\n    .hero-bg {\r\n      width: 100%;        \/* Aumentado ligeramente del 92% original *\/\r\n      height: 100%;       \/* Ocupa todo el alto disponible *\/\r\n    }\r\n\r\n    \/* CAMBIO: Texto centrado y m\u00e1s abajo (encima de la imagen) *\/\r\n    .bio-text {\r\n      bottom: auto;       \/* Anulamos posici\u00f3n de escritorio *\/\r\n      top: 120px;         \/* Bajado para posicionarlo sobre la imagen (no en el borde superior) *\/\r\n      left: 50%;          \/* Posicionamos el inicio al 50% del ancho *\/\r\n      transform: translateX(-50%); \/* Desplazamos hacia la izquierda la mitad de su propio ancho para centrarlo *\/\r\n      width: 90%;         \/* Ancho del bloque de texto *\/\r\n      text-align: center; \/* Centramos el texto interior *\/\r\n      color: #000;\r\n    }\r\n\r\n    \/* Ajustes anteriores mantenidos *\/\r\n    .vertical-text {\r\n      right: 15px;\r\n      bottom: 30px;\r\n      font-size: 20px;\r\n    }\r\n\r\n    .marquee {\r\n      font-size: 15vw;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-239b363 textolibre-numeracioninicio e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"239b363\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_transform_rotateZ_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-90,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f2b2ff7 elementor-widget elementor-widget-heading\" data-id=\"f2b2ff7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">001<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3668337 elementor-widget elementor-widget-text-editor\" data-id=\"3668337\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>todos los derechos reservados <br \/>2026\u00a9<\/p>\t\t\t\t\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-975ac45 e-con-full mdw-scroll-effect-141 e-flex e-con e-parent\" data-id=\"975ac45\" 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-393d998 elementor-widget elementor-widget-html\" data-id=\"393d998\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\nbody{\r\n    --smooth-scroll: true;\r\n}\r\nbody,\r\n[data-elementor-type=\"wp-page\"]{\r\n    overflow-x: hidden;\r\n}\r\n.mdw-scroll-effect-141-images .elementor-widget-image,\r\n.mdw-scroll-effect-141-images img{\r\n    max-width: unset !important;\r\n}\r\nhtml.elementor-html .mdw-scroll-effect-141-content{\r\n    z-index: 100;\r\n}\r\n.mdw-scroll-effect-141-content > .elementor-element:not(.mdw-scroll-effect-141-text) > *{\r\n    opacity: 0;\r\n    transform: translateY(50%);\r\n    transition: 1s;\r\n}\r\n.mdw-scroll-effect-141-text p:last-child{\r\n    margin: 0;\r\n}\r\n.mdw-scroll-effect-141-content .mdw-scroll-effect-141-text .word{\r\n    display: inline-block;\r\n    overflow: hidden;\r\n}\r\n.mdw-scroll-effect-141-content .mdw-scroll-effect-141-text .inner-word{\r\n    display: inline-block;\r\n    transform: translateY(100%);\r\n    transition: all 1s ease-in-out calc(var(--delay)*0.1s);\r\n}\r\nhtml.elementor-html .mdw-scroll-effect-141-content > .elementor-element > *,\r\n.mdw-scroll-effect-141-content > .elementor-element.reveal > *,\r\n.mdw-scroll-effect-141-content .mdw-scroll-effect-141-text.reveal .inner-word{\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n@media(max-width: 767px){\r\n.mdw-scroll-effect-141-images .elementor-widget-image{\r\n    transition: 1.2s;\r\n}\r\n.mdw-scroll-effect-141-images > .e-con.moved > .e-con:nth-child(1) .elementor-widget-image,\r\n.mdw-scroll-effect-141-images > .e-container.moved > .e-container:nth-child(1) .elementor-widget-image{\r\n    transform: translateX(-180px);\r\n}\r\n.mdw-scroll-effect-141-images > .e-con.moved > .e-con:nth-child(2) .elementor-widget-image,\r\n.mdw-scroll-effect-141-images > .e-container.moved > .e-container:nth-child(2) .elementor-widget-image{\r\n    transform: translateX(180px);\r\n}\r\n}\r\n<\/style>\r\n<script src=\"https:\/\/code.jquery.com\/jquery-2.2.4.min.js\"><\/script>\r\n<script>\r\nif(!MDWNonce141){\r\n\r\nvar MDWNonce141 = true,\r\nselector = '.mdw-scroll-effect-141',\r\ncontents = [],\r\nwindowHeight,\r\nwindowHalfHeight,\r\nwindowWidth\r\n        \r\nfunction init(){\r\n$(selector).each(function(i){\r\n    contents[i] = $(this).find('.mdw-scroll-effect-141-content').children()\r\n})\r\n}\r\nfunction updateCardsPosition(){\r\nvar windowTop = $(window).scrollTop()\r\n$(selector).each(function(){\r\n    $(this).find('.mdw-scroll-effect-141-images').each(function(i){\r\n        \r\n        var container = $(this),\r\n        containerTop = container.offset().top,\r\n        containerHeight = container.outerHeight(),\r\n        startPoint = (i === 0) ? containerTop - windowHalfHeight : containerTop - windowHeight,\r\n        endPoint = containerTop + containerHeight - windowHalfHeight,\r\n        progress = (windowTop - startPoint) \/ (endPoint - startPoint)\r\n\r\n        progress = Math.max(0, Math.min(1, progress))\r\n        \r\n        if(windowWidth > 767){\r\n            \r\n            var init = {\r\n                leftX: [-800, -900, -400],\r\n                rightX: [800, 900, 400],\r\n                leftRotate: [-30, -20, -35],\r\n                rightRotate: [30, 20, 35],\r\n                y: [100, -150, -400]\r\n            }\r\n                \r\n            container.children('.e-con, .e-container').each(function(index){\r\n        \r\n                var arrIndex = index % init.leftX.length,\r\n                leftX = progress * init.leftX[arrIndex],\r\n                leftY = progress * init.y[arrIndex],\r\n                leftRotate = progress * init.leftRotate[arrIndex],\r\n                rightX = progress * init.rightX[arrIndex],\r\n                rightY = progress * init.y[arrIndex],\r\n                rightRotate = progress * init.rightRotate[arrIndex],\r\n                leftCard = $(this).find('.elementor-widget-image').eq(0),\r\n                rightCard = $(this).find('.elementor-widget-image').eq(1)\r\n                \r\n                leftCard.css('transform', `translate(${leftX}px, ${leftY}px) rotate(${leftRotate}deg)`)\r\n                rightCard.css('transform', `translate(${rightX}px, ${rightY}px) rotate(${rightRotate}deg)`)\r\n            })\r\n        }else{\r\n            container.children('.e-con, .e-container').each(function(){\r\n                \r\n                var c = $(this),\r\n                image = c.find('.elementor-widget-image'),\r\n                cardOffsetTop = c[0].getBoundingClientRect().top\r\n          \r\n                image.removeAttr('style')\r\n                c.toggleClass('moved', cardOffsetTop < windowHalfHeight)\r\n            })\r\n        }\r\n    })\r\n})\r\n}\r\n\r\nfunction wrapWords(){\r\n\r\n$('.mdw-scroll-effect-141-text p').each(function(){\r\n    \r\n    var el = $(this),\r\n    text = el.text(),\r\n    chunks = text.match(\/\\S+|\\s+\/g) || [],\r\n    html = '', t\r\n\r\n    for(var i=0; i<chunks.length; i++){\r\n        t = chunks[i]\r\n        if (\/\\s+\/.test(t)){\r\n            html += t\r\n        }else{\r\n            html += `<span class=\"word\"><span class=\"inner-word\">${t}<\/span><\/span>`\r\n        }\r\n    }\r\n    el.html(html)\r\n\r\n    var spans = el.find('.word'),\r\n    prevTop = null,\r\n    delay = 0\r\n\r\n    spans.each(function(){\r\n        var top = $(this).offset().top\r\n\r\n        delay = prevTop === null ? 0 : (top > prevTop ? delay + 1 : delay)\r\n        $(this)[0].style.setProperty('--delay', delay)\r\n        prevTop = top\r\n    })\r\n})\r\n}\r\n\r\nfunction revealContent(){\r\n$(selector).each(function(i){\r\n    contents[i].each(function(){\r\n        \r\n        var content = $(this),\r\n        contentTop = content[0].getBoundingClientRect().top,\r\n        startPoint = windowWidth > 767 ? 0.8 : 0.6\r\n        \r\n        content.toggleClass('reveal', contentTop < windowHeight*startPoint)\r\n    })\r\n})\r\n}\r\n$(document).ready(function(){\r\n    init()\r\n    wrapWords()\r\n})\r\n$(window).on('load scroll resize',function(){\r\n    windowHeight = $(window).height()\r\n    windowHalfHeight = windowHeight\/2\r\n    windowWidth = $(window).width()\r\n    updateCardsPosition()\r\n    revealContent()\r\n})\r\n$(window).on('load resize',function(){\r\n    wrapWords()\r\n})\r\n}\r\n<\/script>\r\n\r\n<!-- Smooth Scroll -->\r\n<style>\r\nhtml.lenis, html.lenis body{\r\n  height: auto;\r\n}\r\n.lenis.lenis-smooth{\r\n  scroll-behavior: auto !important;\r\n}\r\n.lenis.lenis-smooth [data-lenis-prevent]{\r\n  overscroll-behavior: contain;\r\n}\r\n.lenis.lenis-stopped{\r\n  overflow: hidden;\r\n}\r\n.lenis.lenis-smooth iframe{\r\n  pointer-events: none;\r\n}\r\n<\/style>\r\n<script src=\"https:\/\/unpkg.com\/lenis@1.1.11\/dist\/lenis.min.js\"><\/script> \r\n<script>\r\n$(document).ready(function(){\r\n\r\nvar smoothScroll = getComputedStyle(document.body).getPropertyValue('--smooth-scroll'),\r\n    smoothScroll = smoothScroll && smoothScroll == 'true'\r\n\r\nif(smoothScroll){\r\n    var lenis = new Lenis()\r\n    function raf(time) {\r\n      lenis.raf(time)\r\n      requestAnimationFrame(raf)\r\n    }\r\n    requestAnimationFrame(raf)\r\n}\r\n})\r\n<\/script>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d6e19e7 e-con-full mdw-scroll-effect-141-images e-flex e-con e-child\" data-id=\"d6e19e7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-8be2b39 e-con-full e-flex e-con e-child\" data-id=\"8be2b39\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-cff71dc e-con-full e-flex e-con e-child\" data-id=\"cff71dc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39ba7e1 elementor-widget elementor-widget-image\" data-id=\"39ba7e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"566\" src=\"https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotosobremi1-scaled-1-1024x724.png\" class=\"attachment-large size-large wp-image-58\" alt=\"\" srcset=\"https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotosobremi1-scaled-1-1024x724.png 1024w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotosobremi1-scaled-1-600x424.png 600w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotosobremi1-scaled-1-300x212.png 300w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotosobremi1-scaled-1-768x543.png 768w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotosobremi1-scaled-1-1536x1086.png 1536w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotosobremi1-scaled-1-2048x1448.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dadad13 e-con-full e-flex e-con e-child\" data-id=\"dadad13\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28d532e elementor-widget elementor-widget-image\" data-id=\"28d532e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"566\" src=\"https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus4-scaled-1-1024x724.jpg\" class=\"attachment-large size-large wp-image-59\" alt=\"\" srcset=\"https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus4-scaled-1-1024x724.jpg 1024w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus4-scaled-1-600x424.jpg 600w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus4-scaled-1-300x212.jpg 300w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus4-scaled-1-768x543.jpg 768w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus4-scaled-1-1536x1086.jpg 1536w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus4-scaled-1-2048x1448.jpg 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" title=\"\">\t\t\t\t\t\t\t\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-643fc84 e-con-full e-flex e-con e-child\" data-id=\"643fc84\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-bf19c90 e-con-full e-flex e-con e-child\" data-id=\"bf19c90\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb972f0 elementor-widget elementor-widget-image\" data-id=\"cb972f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"566\" src=\"https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus3-scaled-1-1024x724.jpg\" class=\"attachment-large size-large wp-image-60\" alt=\"\" srcset=\"https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus3-scaled-1-1024x724.jpg 1024w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus3-scaled-1-600x424.jpg 600w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus3-scaled-1-300x212.jpg 300w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus3-scaled-1-768x543.jpg 768w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus3-scaled-1-1536x1086.jpg 1536w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus3-scaled-1-2048x1448.jpg 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a288af4 e-con-full e-flex e-con e-child\" data-id=\"a288af4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a402d31 elementor-widget elementor-widget-image\" data-id=\"a402d31\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"566\" src=\"https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus2-1024x724.jpg\" class=\"attachment-large size-large wp-image-61\" alt=\"\" srcset=\"https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus2-1024x724.jpg 1024w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus2-scaled-600x424.jpg 600w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus2-300x212.jpg 300w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus2-768x543.jpg 768w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus2-1536x1086.jpg 1536w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus2-2048x1448.jpg 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" title=\"\">\t\t\t\t\t\t\t\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-fd2acbf e-con-full e-flex e-con e-child\" data-id=\"fd2acbf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-ea63bed e-con-full e-flex e-con e-child\" data-id=\"ea63bed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88a1f14 elementor-widget elementor-widget-image\" data-id=\"88a1f14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"566\" src=\"https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus6-1-scaled-1-1024x724.jpg\" class=\"attachment-large size-large wp-image-62\" alt=\"\" srcset=\"https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus6-1-scaled-1-1024x724.jpg 1024w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus6-1-scaled-1-600x424.jpg 600w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus6-1-scaled-1-300x212.jpg 300w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus6-1-scaled-1-768x543.jpg 768w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus6-1-scaled-1-1536x1086.jpg 1536w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus6-1-scaled-1-2048x1448.jpg 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2b2f6ce e-con-full e-flex e-con e-child\" data-id=\"2b2f6ce\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f255ac9 elementor-widget elementor-widget-image\" data-id=\"f255ac9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"566\" src=\"https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus5-scaled-1-1024x724.jpg\" class=\"attachment-large size-large wp-image-63\" alt=\"\" srcset=\"https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus5-scaled-1-1024x724.jpg 1024w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus5-scaled-1-600x424.jpg 600w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus5-scaled-1-300x212.jpg 300w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus5-scaled-1-768x543.jpg 768w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus5-scaled-1-1536x1086.jpg 1536w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus5-scaled-1-2048x1448.jpg 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" title=\"\">\t\t\t\t\t\t\t\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-73e0889 e-con-full mdw-scroll-effect-141-content e-transform e-flex e-con e-child\" data-id=\"73e0889\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;,&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:-50,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:-50,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5bc1e63 elementor-widget elementor-widget-heading\" data-id=\"5bc1e63\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00bfQuieres que trabajemos juntos?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c10252 mdw-scroll-effect-141-text elementor-widget elementor-widget-text-editor\" data-id=\"4c10252\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Rellena el formulario de contacto y habla conmigo<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21e10c5 elementor-widget elementor-widget-button\" data-id=\"21e10c5\" 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 elementor-animation-float\" href=\"https:\/\/jesusurdaneta.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\">Cont\u00e1ctame<\/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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e60528d e-con-full e-flex e-con e-parent\" data-id=\"e60528d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-89972d9 e-flex e-con-boxed e-con e-child\" data-id=\"89972d9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d333c8 elementor-widget elementor-widget-html\" data-id=\"4d333c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    .wp-custom-text-effect {\r\n        margin: 0;\r\n        padding: 50px 10%; \/* Ajusta este padding vertical seg\u00fan necesites *\/\r\n        background-color: #000;\r\n        font-family: \"Poppins\", sans-serif;\r\n    }\r\n\r\n    .wp-custom-text-effect .container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: flex-start;\r\n        \/* Cambiado de 200vh a auto para que ocupe solo lo necesario *\/\r\n        min-height: auto; \r\n        gap: 20px; \/* A\u00f1ade separaci\u00f3n entre elementos sin necesidad de tanto espacio *\/\r\n    }\r\n\r\n    .wp-custom-text-effect .text {\r\n        font-size: 4.5vw; \/* Un poco m\u00e1s peque\u00f1o para que quepan bien *\/\r\n        letter-spacing: -0.01em;\r\n        line-height: 1.2;\r\n        margin: 0;\r\n        width: 100%;\r\n        color: rgba(182, 182, 182, 0.2);\r\n        background: linear-gradient(to right, #393F91, #b6b6b6) no-repeat;\r\n        -webkit-background-clip: text;\r\n        background-clip: text;\r\n        background-size: 0%;\r\n        transition: background-size cubic-bezier(0.1, 0.5, 0.5, 1) 0.5s;\r\n        border-bottom: 1px solid #2f2b28;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        justify-content: center;\r\n        position: relative;\r\n        \/* Animaci\u00f3n ajustada para que sea m\u00e1s reactiva al scroll *\/\r\n        animation: reveal linear forwards;\r\n        animation-timeline: view();\r\n        animation-range: entry 20% cover 40%; \r\n    }\r\n\r\n    @keyframes reveal {\r\n        to { background-size: 100%; }\r\n    }\r\n\r\n    .wp-custom-text-effect .text span {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        left: 0;\r\n        background-color: #4246ce;\r\n        color: #0d0d0d;\r\n        clip-path: polygon(0 50%, 100% 50%, 100% 50%, 0 50%);\r\n        transform-origin: center;\r\n        transition: all cubic-bezier(0.1, 0.5, 0.5, 1) 0.4s;\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    .wp-custom-text-effect .text:hover > span {\r\n        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);\r\n    }\r\n<\/style>\r\n\r\n<div class=\"wp-custom-text-effect\">\r\n    <div class=\"container\">\r\n        <h1 class=\"text\">INNOVACI\u00d3N<span>CURIOSIDAD<\/span><\/h1>\r\n        <h1 class=\"text\">COMPROMISO<span>PERSPECTIVA<\/span><\/h1>\r\n        <h1 class=\"text\">DISCIPLINA<span>PASI\u00d3N<\/span><\/h1>\r\n        <h1 class=\"text\">CREATIVIDAD<span>APRENDIZAJE<\/span><\/h1>\r\n        <h1 class=\"text\">COLABORACI\u00d3N<span>AUTENTICIDAD<\/span><\/h1>\r\n    <\/div>\r\n<\/div>\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-bf81dfc e-con-full e-flex e-con e-child\" data-id=\"bf81dfc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e5dd6f0 elementor-widget elementor-widget-image\" data-id=\"e5dd6f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"596\" height=\"842\" src=\"https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/Jisuspng.png\" class=\"attachment-large size-large wp-image-67\" alt=\"\" srcset=\"https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/Jisuspng.png 596w, https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/Jisuspng-212x300.png 212w\" sizes=\"(max-width: 596px) 100vw, 596px\" title=\"\">\t\t\t\t\t\t\t\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-581f203 e-con-full e-flex e-con e-parent\" data-id=\"581f203\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96dc5e5 elementor-widget elementor-widget-html\" data-id=\"96dc5e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@300;400;600;800&display=swap\" rel=\"stylesheet\">\r\n \r\n<style>\r\n :root {\r\n --accent: #393F91;\r\n --ink: #1a1a1a;\r\n --muted: #666;\r\n --line: #e5e5e5;\r\n --bg: #ffffff;\r\n --card-w: 380px;\r\n --card-gap: 80px;\r\n }\r\n \r\n .hs-anchor {\r\n position: relative;\r\n height: 400vh;\r\n background: var(--bg);\r\n }\r\n \r\n .hs-stage {\r\n position: sticky;\r\n top: 0;\r\n width: 100%;\r\n height: 100vh;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n background: var(--bg);\r\n color: var(--ink);\r\n }\r\n \r\n .hs-stage * {\r\n box-sizing: border-box;\r\n font-family: 'DM Sans', sans-serif !important;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n \r\n .hs-ruler {\r\n position: absolute;\r\n top: 60px;\r\n left: 50px;\r\n right: 50px;\r\n height: 1px;\r\n background: var(--line);\r\n z-index: 10;\r\n }\r\n \r\n .hs-ruler-fill {\r\n height: 100%;\r\n width: 0%;\r\n background: var(--accent);\r\n position: relative;\r\n }\r\n \r\n .hs-ruler-fill::after {\r\n content: '';\r\n position: absolute;\r\n right: -4.5px;\r\n top: -4px;\r\n width: 9px;\r\n height: 9px;\r\n border-radius: 50%;\r\n background: var(--accent);\r\n }\r\n \r\n .hs-track {\r\n display: flex;\r\n align-items: center;\r\n width: 100%;\r\n height: 70vh;\r\n z-index: 2;\r\n }\r\n \r\n .hs-reel {\r\n display: flex;\r\n gap: var(--card-gap);\r\n align-items: flex-start;\r\n padding-left: 50px;\r\n padding-right: 40vw;\r\n will-change: transform;\r\n }\r\n \r\n .hs-item {\r\n display: flex;\r\n flex-direction: column;\r\n width: var(--card-w);\r\n flex-shrink: 0;\r\n }\r\n \r\n .hs-item:nth-child(even) { margin-top: 10vh; }\r\n \r\n .hs-thumb {\r\n width: 100%;\r\n height: 50vh;\r\n min-height: 350px;\r\n background: #f5f5f5;\r\n overflow: hidden;\r\n margin-bottom: 20px;\r\n }\r\n \r\n .hs-thumb img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n filter: grayscale(10%);\r\n display: block;\r\n transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);\r\n }\r\n \r\n .hs-item:hover .hs-thumb img { transform: scale(1.03); }\r\n \r\n .hs-caption { display: flex; align-items: flex-start; gap: 12px; }\r\n \r\n .hs-year {\r\n font-size: 2.8rem;\r\n font-weight: 400;\r\n line-height: 0.75;\r\n letter-spacing: -2px;\r\n }\r\n \r\n .hs-details { font-size: 0.9rem; line-height: 1.4; }\r\n .hs-name { font-weight: 600; }\r\n .hs-place { font-weight: 300; color: var(--muted); }\r\n \r\n .hs-watermark {\r\n position: absolute;\r\n bottom: 4vh;\r\n right: 50px;\r\n font-size: 15vw;\r\n font-weight: 400;\r\n color: var(--ink);\r\n opacity: 0.04;\r\n pointer-events: none;\r\n z-index: 1;\r\n letter-spacing: -5px;\r\n line-height: 1;\r\n font-family: 'DM Sans', sans-serif !important;\r\n }\r\n \r\n .hs-nav { display: none; }\r\n \r\n @media (max-width: 768px) {\r\n .hs-anchor { height: auto !important; }\r\n \r\n .hs-stage {\r\n position: relative !important;\r\n height: auto !important;\r\n padding: 60px 0 80px;\r\n }\r\n \r\n .hs-ruler { top: 30px; left: 20px; right: 20px; }\r\n \r\n .hs-track {\r\n height: auto !important;\r\n overflow-x: auto !important;\r\n scroll-snap-type: x mandatory !important;\r\n scroll-behavior: smooth;\r\n padding: 0 20px !important;\r\n -webkit-overflow-scrolling: touch;\r\n }\r\n \r\n .hs-track::-webkit-scrollbar { display: none; }\r\n .hs-track { -ms-overflow-style: none; scrollbar-width: none; }\r\n \r\n .hs-reel { gap: 30px; padding: 0 !important; }\r\n \r\n .hs-item { width: 280px; scroll-snap-align: center; }\r\n .hs-item:nth-child(even) { margin-top: 0 !important; }\r\n \r\n .hs-thumb { height: 380px !important; min-height: auto; margin-bottom: 15px; }\r\n .hs-watermark { display: none; }\r\n \r\n .hs-nav {\r\n display: flex !important;\r\n justify-content: center !important;\r\n gap: 30px !important;\r\n margin-top: 40px !important;\r\n width: 100% !important;\r\n z-index: 10 !important;\r\n }\r\n \r\n .hs-btn {\r\n width: 50px !important;\r\n height: 50px !important;\r\n border-radius: 50% !important;\r\n border: 1px solid var(--line) !important;\r\n background: var(--bg) !important;\r\n color: #888 !important;\r\n font-size: 1.2rem !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n cursor: pointer !important;\r\n transition: background 0.2s, color 0.2s, border-color 0.2s !important;\r\n outline: none !important;\r\n box-shadow: none !important;\r\n -webkit-tap-highlight-color: transparent !important;\r\n touch-action: manipulation !important;\r\n }\r\n \r\n .hs-btn:hover, .hs-btn:focus, .hs-btn:active {\r\n background: var(--accent) !important;\r\n color: #fff !important;\r\n border-color: var(--accent) !important;\r\n outline: none !important;\r\n box-shadow: none !important;\r\n }\r\n }\r\n<\/style>\r\n \r\n<div class=\"hs-anchor\" id=\"hsAnchor\">\r\n <div class=\"hs-stage\" id=\"hsStage\">\r\n \r\n <div class=\"hs-ruler\">\r\n <div class=\"hs-ruler-fill\" id=\"hsRulerFill\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"hs-track\" id=\"hsTrack\">\r\n <div class=\"hs-reel\" id=\"hsReel\">\r\n \r\n <div class=\"hs-item\">\r\n <div class=\"hs-thumb\"><img decoding=\"async\" src=\"https:\/\/ludaus.com\/wp-content\/uploads\/2026\/05\/IES-Zizur-BHI.jpg\" alt=\"IES Zizur\" title=\"\"><\/div>\r\n <div class=\"hs-caption\">\r\n <div class=\"hs-year\">2024.<\/div>\r\n <div class=\"hs-details\">\r\n <div class=\"hs-name\">Titulaci\u00f3n secundaria ESO<\/div>\r\n <div class=\"hs-place\">IES ZIZUR<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"hs-item\">\r\n <div class=\"hs-thumb\"><img decoding=\"async\" src=\"https:\/\/ludaus.com\/wp-content\/uploads\/2026\/05\/2373022-560x373-1.jpg\" alt=\"Ramiro Mata\" title=\"\"><\/div>\r\n <div class=\"hs-caption\">\r\n <div class=\"hs-year\">2024.<\/div>\r\n <div class=\"hs-details\">\r\n <div class=\"hs-name\">Titulaci\u00f3n en servicios de peluquer\u00eda <br> y Men's Barbering<\/div>\r\n <div class=\"hs-place\">Ramiro Mata<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"hs-item\">\r\n <div class=\"hs-thumb\"><img decoding=\"async\" src=\"https:\/\/ludaus.com\/wp-content\/uploads\/2026\/05\/IMG_1730-scaled.png\" alt=\"Academia\" title=\"\"><\/div>\r\n <div class=\"hs-caption\">\r\n <div class=\"hs-year\">2025.<\/div>\r\n <div class=\"hs-details\">\r\n <div class=\"hs-name\">Formaci\u00f3n como Growth Operator<\/div>\r\n <div class=\"hs-place\">Academia de lanzamientos<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"hs-item\">\r\n <div class=\"hs-thumb\"><img decoding=\"async\" src=\"https:\/\/ludaus.com\/wp-content\/uploads\/2026\/05\/IMG_1728-1.png\" alt=\"Arcadia\" title=\"\"><\/div>\r\n <div class=\"hs-caption\">\r\n <div class=\"hs-year\">2025.<\/div>\r\n <div class=\"hs-details\">\r\n <div class=\"hs-name\">Integraci\u00f3n en el equipo Arcadia<\/div>\r\n <div class=\"hs-place\">Arcadia Create<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"hs-item\">\r\n <div class=\"hs-thumb\"><img decoding=\"async\" src=\"https:\/\/ludaus.com\/wp-content\/uploads\/2026\/05\/IMG_1732.JPG-2-scaled.jpeg\" alt=\"Tximak\" title=\"\"><\/div>\r\n <div class=\"hs-caption\">\r\n <div class=\"hs-year\">2026.<\/div>\r\n <div class=\"hs-details\">\r\n <div class=\"hs-name\">Integraci\u00f3n en Tximak Peluqueros<\/div>\r\n <div class=\"hs-place\">Tximak Barbershop<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"hs-item\">\r\n <div class=\"hs-thumb\"><img decoding=\"async\" src=\"https:\/\/ludaus.com\/wp-content\/uploads\/2026\/06\/COMING-SOO.jpg\" alt=\"Coming Soon\" title=\"\"><\/div>\r\n <div class=\"hs-caption\">\r\n <div class=\"hs-year\">2027.<\/div>\r\n <div class=\"hs-details\">\r\n <div class=\"hs-name\">New Projects coming soon...<\/div>\r\n <div class=\"hs-place\">Jes\u00fas Urdaneta<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"hs-watermark\">Formaci\u00f3n<\/div>\r\n \r\n <div class=\"hs-nav\">\r\n <button class=\"hs-btn\" id=\"hsPrev\" aria-label=\"Anterior\">&#8592;<\/button>\r\n <button class=\"hs-btn\" id=\"hsNext\" aria-label=\"Siguiente\">&#8594;<\/button>\r\n <\/div>\r\n \r\n <\/div>\r\n<\/div>\r\n \r\n<script>\r\n(function () {\r\n var anchor = document.getElementById('hsAnchor');\r\n var stage = document.getElementById('hsStage');\r\n var reel = document.getElementById('hsReel');\r\n var fill = document.getElementById('hsRulerFill');\r\n var track = document.getElementById('hsTrack');\r\n var btnPrev = document.getElementById('hsPrev');\r\n var btnNext = document.getElementById('hsNext');\r\n \r\n if (!anchor || !reel || !fill) return;\r\n \r\n var MOBILE_BP = 768;\r\n var reelX = 0; \/\/ posici\u00f3n actual del reel en px\r\n \r\n function isMobile() { return window.innerWidth <= MOBILE_BP; }\r\n \r\n function getMax() { return Math.max(0, reel.scrollWidth - window.innerWidth); }\r\n \r\n function setReel(x) {\r\n reelX = Math.min(Math.max(x, 0), getMax());\r\n reel.style.transform = 'translateX(' + (-reelX) + 'px)';\r\n var max = getMax();\r\n fill.style.width = (max > 0 ? (reelX \/ max) * 100 : 0) + '%';\r\n }\r\n \r\n \/* Convierte delta de scroll vertical en movimiento del reel.\r\n La p\u00e1gina NO se mueve \u2014 se llama desde el listener de scroll\r\n y se corrige la posici\u00f3n de la p\u00e1gina inmediatamente *\/\r\n var anchorScrollTop = null; \/\/ el scrollY donde debe quedarse la p\u00e1gina\r\n \r\n function getAnchorScrollTop() {\r\n \/* El punto exacto donde el sticky empieza a actuar *\/\r\n var el = anchor, top = 0;\r\n while (el) { top += el.offsetTop || 0; el = el.offsetParent; }\r\n return top;\r\n }\r\n \r\n function onScroll() {\r\n if (isMobile()) return;\r\n \r\n var sy = window.pageYOffset;\r\n var max = getMax();\r\n \r\n \/* Si el anchorScrollTop no est\u00e1 calculado a\u00fan, calcularlo *\/\r\n if (anchorScrollTop === null) {\r\n anchorScrollTop = getAnchorScrollTop();\r\n }\r\n \r\n \/* Fuera de la secci\u00f3n: comportamiento normal *\/\r\n var sectionEnd = anchorScrollTop + anchor.offsetHeight - window.innerHeight;\r\n if (sy < anchorScrollTop || sy > sectionEnd) return;\r\n \r\n \/* Dentro de la secci\u00f3n: calcular cu\u00e1nto ha scrolleado el usuario\r\n desde la entrada y convertirlo en posici\u00f3n del reel *\/\r\n var progress = (sy - anchorScrollTop) \/ (anchor.offsetHeight - window.innerHeight);\r\n setReel(progress * max);\r\n }\r\n \r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n \r\n \/* Forzar overflow visible en padres para que sticky funcione en WordPress *\/\r\n (function fixOverflow() {\r\n var el = anchor.parentElement;\r\n while (el && el !== document.body) {\r\n var cs = window.getComputedStyle(el);\r\n if (\/hidden|auto|scroll\/.test(cs.overflow + cs.overflowY)) {\r\n el.style.overflow = 'visible';\r\n }\r\n el = el.parentElement;\r\n }\r\n })();\r\n \r\n \/* Recalcular anchorScrollTop si el layout cambia (im\u00e1genes cargando, etc.) *\/\r\n window.addEventListener('load', function() {\r\n anchorScrollTop = getAnchorScrollTop();\r\n onScroll();\r\n });\r\n \r\n window.addEventListener('resize', function() {\r\n anchorScrollTop = getAnchorScrollTop();\r\n if (isMobile()) {\r\n reel.style.transform = '';\r\n fill.style.width = '0%';\r\n } else {\r\n onScroll();\r\n }\r\n });\r\n \r\n \/* M\u00f3vil: flechas *\/\r\n if (btnPrev && btnNext && track) {\r\n btnPrev.addEventListener('click', function() {\r\n track.scrollBy({ left: -310, behavior: 'smooth' });\r\n });\r\n btnNext.addEventListener('click', function() {\r\n track.scrollBy({ left: 310, behavior: 'smooth' });\r\n });\r\n track.addEventListener('scroll', function() {\r\n if (!isMobile()) return;\r\n var m = track.scrollWidth - track.clientWidth;\r\n if (m > 0) fill.style.width = ((track.scrollLeft \/ m) * 100) + '%';\r\n }, { passive: true });\r\n }\r\n \r\n}());\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9207aaf e-con-full e-flex e-con e-parent\" data-id=\"9207aaf\" data-element_type=\"container\" data-e-type=\"container\" id=\"servicios\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c238e6 elementor-widget elementor-widget-html\" data-id=\"5c238e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Raleway:wght@300;400;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* Asegura que el body no meta m\u00e1rgenes que rompan el dise\u00f1o a sangre *\/\r\n  body {\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .fa-services-scroll-space {\r\n    position: relative;\r\n    height: 250vh; \r\n    background-color: #ffffff;\r\n  }\r\n\r\n  .fa-services-wrapper {\r\n    --brand-color: #393F91; \r\n    --text-color: #1a1a1a;\r\n\r\n    position: sticky;\r\n    top: 0;\r\n    width: 100%;\r\n    max-width: 100vw;\r\n    height: 100vh;\r\n    background-color: #ffffff;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .fa-services-wrapper * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n    font-family: 'Raleway', sans-serif !important;\r\n  }\r\n\r\n  \/* --- N\u00daMERO 03 ULTRA MINIMALISTA Y FINO --- *\/\r\n  .fa-services-wrapper .section-number {\r\n    position: absolute;\r\n    top: 34%; \r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    font-size: 13vw;\r\n    font-weight: 300; \r\n    color: transparent;\r\n    -webkit-text-stroke: 1px rgba(57, 63, 145, 0.18); \r\n    z-index: 1;\r\n    pointer-events: none;\r\n    letter-spacing: -1px;\r\n  }\r\n\r\n  \/* --- TEXTO DE SERVICIOS EN EL CENTRO --- *\/\r\n  .fa-services-wrapper .center-services-title {\r\n    position: absolute;\r\n    top: 54%; \r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    font-size: 9vw;\r\n    font-weight: 800; \r\n    color: var(--brand-color); \r\n    letter-spacing: -3px;\r\n    line-height: 1;\r\n    text-align: center;\r\n    z-index: 2; \r\n    pointer-events: none;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  \/* --- CONTENEDOR M\u00c1SCARA DE LA IMAGEN --- *\/\r\n  .fa-services-wrapper .reveal-container {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 0vw;\r\n    height: 0vh;\r\n    overflow: hidden;\r\n    z-index: 5; \r\n    will-change: width, height, top, left;\r\n  }\r\n\r\n  .fa-services-wrapper .reveal-container img {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 100vw !important;\r\n    height: 100vh !important;\r\n    object-fit: cover !important;\r\n  }\r\n\r\n  \/* --- AJUSTES M\u00d3VIL --- *\/\r\n  @media (max-width: 768px) {\r\n    .fa-services-scroll-space {\r\n      height: auto !important; \r\n    }\r\n    \r\n    .fa-services-wrapper {\r\n      position: relative !important;\r\n    }\r\n\r\n    .fa-services-wrapper .section-number {\r\n      font-size: 24vw;\r\n      top: 38%;\r\n    }\r\n\r\n    .fa-services-wrapper .center-services-title {\r\n      font-size: 13vw;\r\n      top: 56%;\r\n      letter-spacing: -1px;\r\n    }\r\n\r\n    .fa-services-wrapper .reveal-container {\r\n      top: 50% !important;\r\n      left: 50% !important;\r\n      transform: translate(-50%, -50%) !important;\r\n    }\r\n\r\n    \/* CLAVE: en m\u00f3vil la imagen debe ocupar el 100% del CONTENEDOR\r\n       (que va creciendo), no el 100% de la pantalla (vw\/vh).\r\n       As\u00ed, sea cual sea el tama\u00f1o del contenedor, la imagen\r\n       siempre se ve completa y centrada, sin recortes raros. *\/\r\n    .fa-services-wrapper .reveal-container img {\r\n      position: absolute;\r\n      top: 0 !important;\r\n      left: 0 !important;\r\n      transform: none !important;\r\n      width: 100% !important;\r\n      height: 100% !important;\r\n      object-fit: cover !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"fa-services-scroll-space\" id=\"faServicesScrollSpace\">\r\n  <div class=\"fa-services-wrapper\" id=\"faServicesWrapper\">\r\n    \r\n    <div class=\"section-number\"><\/div>\r\n    \r\n    <div class=\"center-services-title\">scroll<\/div>\r\n\r\n    <div class=\"reveal-container\" id=\"faRevealContainer\">\r\n      <img decoding=\"async\" src=\"https:\/\/ludaus.com\/wp-content\/uploads\/2026\/06\/pruebaaa-3-1.jpg\" alt=\"Services Showcase\" title=\"\">\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  (function() {\r\n    const scrollSpace = document.getElementById('faServicesScrollSpace');\r\n    const wrapper = document.getElementById('faServicesWrapper');\r\n    const revealContainer = document.getElementById('faRevealContainer');\r\n\r\n    if (!scrollSpace || !wrapper || !revealContainer) return;\r\n\r\n    let mobileProgress = 0; \r\n    let startY = 0;\r\n    let isAnimationComplete = false;\r\n\r\n    let mouseX = window.innerWidth \/ 2;\r\n    let mouseY = window.innerHeight \/ 2;\r\n\r\n    window.addEventListener('mousemove', (e) => {\r\n      if (window.innerWidth > 768) {\r\n        const rect = wrapper.getBoundingClientRect();\r\n        mouseX = e.clientX - rect.left;\r\n        mouseY = e.clientY - rect.top;\r\n      }\r\n    });\r\n\r\n    window.addEventListener('scroll', () => {\r\n      if (window.innerWidth > 768) {\r\n        const rect = scrollSpace.getBoundingClientRect();\r\n        const viewHeight = window.innerHeight;\r\n        const totalScrollable = scrollSpace.offsetHeight - viewHeight;\r\n        const currentScroll = -rect.top;\r\n\r\n        if (currentScroll >= 0 && currentScroll <= totalScrollable) {\r\n          const progress = currentScroll \/ totalScrollable;\r\n          revealContainer.style.top = mouseY + 'px';\r\n          revealContainer.style.left = mouseX + 'px';\r\n          \/\/ Forzamos el centrado respecto al puntero para evitar que el escalado deje bordes\r\n          revealContainer.style.transform = 'translate(-50%, -50%)';\r\n          revealContainer.style.width = (progress * 100) + 'vw';\r\n          revealContainer.style.height = (progress * 100) + 'vh';\r\n        } else if (currentScroll < 0) {\r\n          revealContainer.style.width = '0vw';\r\n          revealContainer.style.height = '0vh';\r\n        } else if (currentScroll > totalScrollable) {\r\n          revealContainer.style.width = '100vw';\r\n          revealContainer.style.height = '100vh';\r\n          revealContainer.style.top = '50%';\r\n          revealContainer.style.left = '50%';\r\n          revealContainer.style.transform = 'translate(-50%, -50%)';\r\n        }\r\n      }\r\n    });\r\n\r\n    wrapper.addEventListener('touchstart', (e) => {\r\n      if (window.innerWidth <= 768) {\r\n        startY = e.touches[0].clientY;\r\n      }\r\n    }, { passive: true });\r\n\r\n    wrapper.addEventListener('touchmove', (e) => {\r\n      if (window.innerWidth <= 768) {\r\n        const currentY = e.touches[0].clientY;\r\n        const deltaY = startY - currentY;\r\n\r\n        if ((!isAnimationComplete && deltaY > 0) || (isAnimationComplete && deltaY < 0 && mobileProgress > 0)) {\r\n          if (e.cancelable) e.preventDefault();\r\n\r\n          mobileProgress += deltaY \/ 450; \r\n          mobileProgress = Math.max(0, Math.min(1, mobileProgress));\r\n\r\n          revealContainer.style.width = (mobileProgress * 100) + 'vw';\r\n          revealContainer.style.height = (mobileProgress * 100) + 'vh';\r\n\r\n          isAnimationComplete = mobileProgress >= 1;\r\n          startY = currentY;\r\n        }\r\n      }\r\n    }, { passive: false });\r\n\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4fbdfcd e-con-full e-flex e-con e-parent\" data-id=\"4fbdfcd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd11aa8 elementor-widget elementor-widget-html\" data-id=\"bd11aa8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Carga de fuente -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;700&display=swap\" rel=\"stylesheet\">\r\n<div class=\"ws-carrusel-wrapper\">\r\n  <div class=\"ws-card ws-active\" style=\"background-image: url('https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotosobremi1-scaled-1.png')\">\r\n    <div class=\"ws-content\">\r\n      <h2>Lanzamiento<\/h2>\r\n      <p>Acceso a datos en tiempo real con precisi\u00f3n milim\u00e9trica para tus decisiones financieras.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"ws-card\" style=\"background-image: url('https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/IMG_6515.jpeg')\">\r\n    <div class=\"ws-content\">\r\n      <h2>Storymaker<\/h2>\r\n      <p>Proyecciones basadas en modelos de IA avanzada que superan el mercado actual.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"ws-card\" style=\"background-image: url('https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/hands-using-computer-devices-on-a-dark-desktop-2026-03-18-09-38-41-utc-scaled.jpg')\">\r\n    <div class=\"ws-content\">\r\n      <h2>Montaje de Landing page<\/h2>\r\n      <p>Un desglose exhaustivo de activos, balances y estados financieros detallados.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"ws-card\" style=\"background-image: url('https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/fotojesus5-scaled-1.jpg')\">\r\n    <div class=\"ws-content\">\r\n      <h2>Setter de ventas<\/h2>\r\n      <p>Compara el rendimiento de tus activos frente a la competencia con benchmarks precisos.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n<style>\r\n  .ws-carrusel-wrapper {\r\n    display: flex;\r\n    width: 100%;\r\n    height: 100vh;\r\n    margin: 0;\r\n    font-family: 'Roboto', sans-serif;\r\n  }\r\n\r\n  .ws-card {\r\n    flex: 1;\r\n    transition: flex 0.7s cubic-bezier(0.2, 0.6, 0.3, 1);\r\n    background-size: cover;\r\n    background-position: center;\r\n    position: relative;\r\n    cursor: pointer;\r\n    overflow: hidden;\r\n    border-radius: 0 !important;\r\n    filter: brightness(0.4);\r\n  }\r\n\r\n  .ws-card.ws-active {\r\n    flex: 4;\r\n    filter: brightness(1);\r\n  }\r\n\r\n  .ws-content {\r\n    position: absolute;\r\n    bottom: 60px;\r\n    left: 40px;\r\n    right: 40px;\r\n    color: white;\r\n    transform: translateY(30px);\r\n    opacity: 0;\r\n    transition: all 0.5s ease;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .ws-card.ws-active .ws-content {\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n  }\r\n\r\n  .ws-card h2 {\r\n    font-size: 2.2rem;\r\n    font-weight: 700;\r\n    margin-bottom: 15px;\r\n    position: relative;\r\n    color: white;\r\n  }\r\n\r\n  .ws-card h2::after {\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    bottom: -8px;\r\n    width: 0;\r\n    height: 2px;\r\n    background: #fff;\r\n    transition: width 0.4s ease;\r\n  }\r\n\r\n  .ws-card.ws-active h2::after {\r\n    width: 50px;\r\n  }\r\n\r\n  .ws-card p {\r\n    font-size: 1rem;\r\n    font-weight: 300;\r\n    max-width: 350px;\r\n    line-height: 1.6;\r\n    opacity: 0.85;\r\n    color: white;\r\n  }\r\n\r\n  \/* ===========================================\r\n     M\u00d3VIL Y TABLET (hasta 900px)\r\n     - Apila las tarjetas en vertical\r\n     - Texto siempre visible (no depende de hover\/active)\r\n     - Permite scroll normal de la p\u00e1gina\r\n     - Toque expande un poco la tarjeta seleccionada\r\n     =========================================== *\/\r\n  @media (max-width: 900px) {\r\n    .ws-carrusel-wrapper {\r\n      flex-direction: column;\r\n      height: auto;\r\n      min-height: 100vh;\r\n    }\r\n\r\n    .ws-card {\r\n      flex: none;\r\n      width: 100%;\r\n      height: 70vh;\r\n      min-height: 320px;\r\n      filter: brightness(0.55);\r\n      transition: height 0.5s ease, filter 0.5s ease;\r\n    }\r\n\r\n    .ws-card.ws-active {\r\n      height: 70vh;\r\n      filter: brightness(1);\r\n    }\r\n\r\n    \/* El texto siempre es visible en m\u00f3vil, sin depender de hover\/active *\/\r\n    .ws-content {\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 0;\r\n      right: 0;\r\n      transform: none;\r\n      opacity: 1;\r\n      pointer-events: none;\r\n      padding: 25px 20px;\r\n      background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.3) 60%, transparent 100%);\r\n    }\r\n\r\n    .ws-card h2 {\r\n      font-size: 1.6rem;\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    .ws-card h2::after {\r\n      width: 50px; \/* siempre visible en m\u00f3vil *\/\r\n    }\r\n\r\n    .ws-card p {\r\n      font-size: 0.95rem;\r\n      max-width: 100%;\r\n      line-height: 1.5;\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  \/* M\u00f3viles muy peque\u00f1os *\/\r\n  @media (max-width: 480px) {\r\n    .ws-card {\r\n      height: 60vh;\r\n      min-height: 280px;\r\n    }\r\n\r\n    .ws-card.ws-active {\r\n      height: 60vh;\r\n    }\r\n\r\n    .ws-card h2 {\r\n      font-size: 1.4rem;\r\n    }\r\n\r\n    .ws-card p {\r\n      font-size: 0.9rem;\r\n    }\r\n  }\r\n<\/style>\r\n<script>\r\n  const wsCards = document.querySelectorAll('.ws-card');\r\n\r\n  \/\/ Detecta si el dispositivo soporta hover real (escritorio)\r\n  const supportsHover = window.matchMedia('(hover: hover)').matches;\r\n\r\n  wsCards.forEach(card => {\r\n    if (supportsHover) {\r\n      \/\/ Comportamiento original en escritorio: hover cambia la activa\r\n      card.addEventListener('mouseenter', () => {\r\n        wsCards.forEach(c => c.classList.remove('ws-active'));\r\n        card.classList.add('ws-active');\r\n      });\r\n    } else {\r\n      \/\/ En m\u00f3vil\/t\u00e1ctil: tap marca la tarjeta como activa (resalta),\r\n      \/\/ pero no impide el scroll de la p\u00e1gina ni el resto de la navegaci\u00f3n\r\n      card.addEventListener('click', () => {\r\n        wsCards.forEach(c => c.classList.remove('ws-active'));\r\n        card.classList.add('ws-active');\r\n      });\r\n    }\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ed2dd70 e-con-full e-flex e-con e-parent\" data-id=\"ed2dd70\" data-element_type=\"container\" data-e-type=\"container\" id=\"proyectos\">\n\t\t\t\t<div class=\"elementor-element elementor-element-308a82b elementor-widget elementor-widget-html\" data-id=\"308a82b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;700&family=DM+Sans:wght@300;400;800&display=swap\" rel=\"stylesheet\">\r\n \r\n<style>\r\n .cw-wrap {\r\n   position: relative;\r\n   width: 100%;\r\n   height: 100vh;\r\n   overflow: hidden;\r\n   background: #ffffff;\r\n }\r\n \r\n .cw-brand-title {\r\n   position: absolute;\r\n   top: 6vh;\r\n   right: 5vw;\r\n   z-index: 20;\r\n   pointer-events: none;\r\n   font-family: 'Roboto', sans-serif;\r\n   font-weight: 700;\r\n   font-size: clamp(2.4rem, 6vw, 5.5rem);\r\n   color: #393F91;\r\n   letter-spacing: -1px;\r\n   line-height: 1;\r\n }\r\n \r\n \/* Contenedor para el bloque de texto activo *\/\r\n .cw-text-container {\r\n   position: absolute;\r\n   bottom: 10vh; \/* Subido ligeramente *\/\r\n   left: 5vw;\r\n   z-index: 20;\r\n   pointer-events: none;\r\n   max-width: 400px;\r\n }\r\n \r\n .cw-active-label {\r\n   font-family: 'DM Sans', sans-serif;\r\n   font-weight: 800;\r\n   font-size: clamp(1.8rem, 4vw, 3.8rem);\r\n   color: #393F91;\r\n   letter-spacing: -0.5px;\r\n   line-height: 1;\r\n   margin-bottom: 12px; \/* Espacio fijo entre titular y descripci\u00f3n *\/\r\n   transition: opacity 0.35s ease;\r\n }\r\n \r\n .cw-active-label.fade { opacity: 0; }\r\n \r\n .cw-active-desc {\r\n   font-family: 'DM Sans', sans-serif;\r\n   font-weight: 300;\r\n   font-size: clamp(0.75rem, 1.2vw, 1rem);\r\n   color: #393F91;\r\n   letter-spacing: 0.02em;\r\n   line-height: 1.5;\r\n   transition: opacity 0.35s ease;\r\n }\r\n \r\n .cw-active-desc.fade { opacity: 0; }\r\n \r\n .cw-carousel {\r\n   position: relative;\r\n   z-index: 1;\r\n   height: 100vh;\r\n   overflow: hidden;\r\n   pointer-events: none;\r\n }\r\n \r\n .cw-item {\r\n   --items: 5;\r\n   --width: clamp(150px, 30vw, 300px);\r\n   --height: clamp(200px, 40vw, 400px);\r\n   --x: calc(var(--active) * 800%);\r\n   --y: calc(var(--active) * 200%);\r\n   --rot: calc(var(--active) * 120deg);\r\n   --opacity: calc(var(--zIndex) \/ var(--items) * 3 - 2);\r\n   overflow: hidden;\r\n   position: absolute;\r\n   z-index: var(--zIndex);\r\n   width: var(--width);\r\n   height: var(--height);\r\n   margin: calc(var(--height) * -0.5) 0 0 calc(var(--width) * -0.5);\r\n   border-radius: 10px;\r\n   top: 50%;\r\n   left: 50%;\r\n   user-select: none;\r\n   transform-origin: 0% 100%;\r\n   box-shadow: 0 10px 40px rgba(0,0,0,0.2);\r\n   background: #f0f0f0;\r\n   pointer-events: all;\r\n   opacity: var(--opacity);\r\n   transform: translate(var(--x), var(--y)) rotate(var(--rot));\r\n   transition: transform .8s cubic-bezier(0, 0.02, 0, 1),\r\n               opacity .8s cubic-bezier(0, 0.02, 0, 1);\r\n }\r\n \r\n .cw-item .cw-box {\r\n   position: absolute;\r\n   z-index: 1;\r\n   top: 0; left: 0;\r\n   width: 100%; height: 100%;\r\n }\r\n \r\n .cw-item .cw-box::before {\r\n   content: '';\r\n   position: absolute;\r\n   z-index: 1;\r\n   top: 0; left: 0;\r\n   width: 100%; height: 100%;\r\n   background: linear-gradient(to bottom, rgba(0,0,0,.25), rgba(0,0,0,0) 30%, rgba(0,0,0,0) 50%, rgba(0,0,0,.45));\r\n }\r\n \r\n .cw-item .cw-title {\r\n   position: absolute;\r\n   z-index: 2;\r\n   color: #fff;\r\n   bottom: 20px;\r\n   left: 20px;\r\n   font-family: 'DM Sans', sans-serif;\r\n   font-size: clamp(20px, 3vw, 30px);\r\n   text-shadow: 0 2px 4px rgba(0,0,0,.2);\r\n }\r\n \r\n .cw-item .cw-num {\r\n   position: absolute;\r\n   z-index: 2;\r\n   color: #fff;\r\n   top: 10px;\r\n   left: 20px;\r\n   font-family: 'DM Sans', sans-serif;\r\n   font-size: clamp(20px, 10vw, 80px);\r\n }\r\n \r\n .cw-item img {\r\n   width: 100%; height: 100%;\r\n   object-fit: cover;\r\n   pointer-events: none;\r\n }\r\n\r\n \/* \u2500\u2500 BARRA DE PROGRESO (puntos) \u2500\u2500 *\/\r\n .cw-dots {\r\n   position: absolute;\r\n   bottom: 4vh;\r\n   left: 50%;\r\n   transform: translateX(-50%);\r\n   z-index: 25;\r\n   display: flex;\r\n   gap: 8px;\r\n   pointer-events: none;\r\n }\r\n\r\n .cw-dot {\r\n   width: 6px;\r\n   height: 6px;\r\n   border-radius: 50%;\r\n   background: rgba(57,63,145,0.2);\r\n   transition: background 0.3s ease, transform 0.3s ease;\r\n }\r\n\r\n .cw-dot.active {\r\n   background: #393F91;\r\n   transform: scale(1.3);\r\n }\r\n\r\n \/* \u2500\u2500 RESPONSIVE M\u00d3VIL \u2500\u2500 *\/\r\n @media (max-width: 768px) {\r\n   .cw-wrap {\r\n     height: 100vh;\r\n     min-height: 100vh;\r\n     touch-action: pan-y;\r\n   }\r\n\r\n   .cw-brand-title {\r\n     top: 4vh;\r\n     right: 5vw;\r\n     font-size: clamp(1.8rem, 8vw, 3rem);\r\n   }\r\n\r\n   .cw-carousel {\r\n     height: 100%;\r\n     touch-action: pan-y;\r\n   }\r\n\r\n   .cw-item {\r\n     --width: clamp(140px, 55vw, 220px);\r\n     --height: clamp(190px, 70vw, 300px);\r\n     touch-action: none;\r\n   }\r\n\r\n   \/* Texto activo: arriba a la izquierda, m\u00e1s compacto *\/\r\n   .cw-text-container {\r\n     bottom: auto;\r\n     top: 4vh;\r\n     left: 5vw;\r\n     right: 5vw;\r\n     max-width: 60vw;\r\n   }\r\n\r\n   .cw-active-label {\r\n     font-size: clamp(1.4rem, 6vw, 2.2rem);\r\n     margin-bottom: 8px;\r\n   }\r\n\r\n   .cw-active-desc {\r\n     font-size: 0.75rem;\r\n     line-height: 1.4;\r\n     display: -webkit-box;\r\n     -webkit-line-clamp: 4;\r\n     -webkit-box-orient: vertical;\r\n     overflow: hidden;\r\n   }\r\n\r\n   .cw-item .cw-title {\r\n     font-size: clamp(16px, 5vw, 22px);\r\n     bottom: 14px;\r\n     left: 14px;\r\n   }\r\n\r\n   .cw-item .cw-num {\r\n     font-size: clamp(16px, 8vw, 40px);\r\n     top: 8px;\r\n     left: 14px;\r\n   }\r\n\r\n   .cw-dots {\r\n     bottom: 3vh;\r\n   }\r\n }\r\n\r\n @media (max-width: 420px) {\r\n   .cw-item {\r\n     --width: 60vw;\r\n     --height: 75vw;\r\n   }\r\n\r\n   .cw-text-container {\r\n     max-width: 65vw;\r\n   }\r\n }\r\n<\/style>\r\n \r\n<div class=\"cw-wrap\" id=\"cwWrap\">\r\n \r\n <div class=\"cw-brand-title\">Proyectos<\/div>\r\n \r\n <div class=\"cw-text-container\">\r\n   <div class=\"cw-active-label\" id=\"cwActiveLabel\">Ivi125<\/div>\r\n   <div class=\"cw-active-desc\" id=\"cwActiveDesc\">Iv\u00e1n Fern\u00e1ndez. Gestionamos un ciclo de lanzamiento integral de 15 d\u00edas, caracterizado por una planificaci\u00f3n exhaustiva y una alta dedicaci\u00f3n operativa para garantizar el \u00e9xito del proyecto.<\/div>\r\n <\/div>\r\n \r\n <div class=\"cw-carousel\" id=\"cwCarousel\">\r\n  <div class=\"cw-item\" data-label=\"Ivi125\" data-desc=\"Iv\u00e1n Fern\u00e1ndez. Gestionamos un ciclo de lanzamiento integral de 15 d\u00edas, caracterizado por una planificaci\u00f3n exhaustiva y una alta dedicaci\u00f3n operativa para garantizar el \u00e9xito del proyecto.\">\r\n    <div class=\"cw-box\">\r\n      <div class=\"cw-num\">01<\/div>\r\n      <img decoding=\"async\" src=\"https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/689259638_18577013017036028_284195625620341547_n.jpg\" alt=\"01\" title=\"\">\r\n      <div class=\"cw-title\">Ivi125<\/div>\r\n    <\/div>\r\n  <\/div>\r\n \r\n  <div class=\"cw-item\" data-label=\"Natixh\" data-desc=\"Colabor\u00e9 con una referente en el sector de la reventa en Vinted, gestionando el cierre de ventas para su programa de formaci\u00f3n online. Durante nuestra colaboraci\u00f3n, logramos optimizar significativamente la facturaci\u00f3n gracias a una estrategia de ventas de alto impacto.\">\r\n    <div class=\"cw-box\">\r\n      <div class=\"cw-num\">02<\/div>\r\n      <img decoding=\"async\" src=\"https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/539830521_18517732945015803_8545220818924109574_n-1.webp\" alt=\"02\" title=\"\">\r\n      <div class=\"cw-title\">Natixh<\/div>\r\n    <\/div>\r\n  <\/div>\r\n \r\n  <div class=\"cw-item\" data-label=\"Tximak Barbershop\" data-desc=\"Gestionamos la estrategia digital integral de este cliente clave, abarcando desde la edici\u00f3n visual de alta calidad hasta la creaci\u00f3n de contenido din\u00e1mico para Instagram. Nuestro alcance incluy\u00f3 la producci\u00f3n de Reels estrat\u00e9gicos y la planificaci\u00f3n semanal de secuencias de Stories para maximizar el engagement y la presencia de marca.\">\r\n    <div class=\"cw-box\">\r\n      <div class=\"cw-num\">03<\/div>\r\n      <img decoding=\"async\" src=\"https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/IMG_6513.webp\" alt=\"03\" title=\"\">\r\n      <div class=\"cw-title\">Tximak Barbershop<\/div>\r\n    <\/div>\r\n  <\/div>\r\n \r\n  <div class=\"cw-item\" data-label=\"Manuel Viguin\" data-desc=\"Actualmente, desempe\u00f1o un rol dual para este cliente, integrando el cierre de ventas de alto nivel (Sales Closing) con la gesti\u00f3n estrat\u00e9gica de sus redes sociales. Mi labor abarca desde la creaci\u00f3n y publicaci\u00f3n de contenido din\u00e1mico en Instagram hasta el dise\u00f1o de secuencias de Stories enfocadas en la conversi\u00f3n y el engagement de la comunidad.\">\r\n    <div class=\"cw-box\">\r\n      <div class=\"cw-num\">04<\/div>\r\n      <img decoding=\"async\" src=\"https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/IMG_6515.webp\" alt=\"04\" title=\"\">\r\n      <div class=\"cw-title\">Manuel Viguin<\/div>\r\n    <\/div>\r\n  <\/div>\r\n \r\n  <div class=\"cw-item\" data-label=\"Pr\u00f3ximamente...\" data-desc=\"Preparando nuevos proyectos para el futuro\">\r\n    <div class=\"cw-box\">\r\n      <div class=\"cw-num\">05<\/div>\r\n      <img decoding=\"async\" src=\"https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/COMING-SOO.jpg\" alt=\"05\" title=\"\">\r\n      <div class=\"cw-title\">Pr\u00f3ximamente...<\/div>\r\n    <\/div>\r\n  <\/div>\r\n <\/div>\r\n\r\n <div class=\"cw-dots\" id=\"cwDots\"><\/div>\r\n<\/div>\r\n \r\n<script>\r\n(() => {\r\n const wrap = document.getElementById('cwWrap');\r\n if (!wrap) return;\r\n const items = wrap.querySelectorAll('.cw-item');\r\n const total = items.length;\r\n const labelEl = document.getElementById('cwActiveLabel');\r\n const descEl = document.getElementById('cwActiveDesc');\r\n const dotsEl = document.getElementById('cwDots');\r\n let progress = 0;\r\n let active = 0;\r\n let lastActive = -1;\r\n let isDown = false;\r\n let startX = 0;\r\n let startY = 0;\r\n let dragLocked = null; \/\/ 'horizontal' | 'vertical' | null\r\n let isInSection = false;\r\n let edgeCount = 0;\r\n let fadeTimer = null;\r\n const speedWheel = 0.05;\r\n const speedDrag = -0.1;\r\n\r\n \/\/ Crear puntos de progreso\r\n for (let i = 0; i < total; i++) {\r\n   const dot = document.createElement('div');\r\n   dot.className = 'cw-dot';\r\n   dotsEl.appendChild(dot);\r\n }\r\n const dots = dotsEl.querySelectorAll('.cw-dot');\r\n \r\n function getZindex(index, active) {\r\n   return index === active ? total : total - Math.abs(index - active);\r\n }\r\n \r\n function updateLabel(newActive) {\r\n   if (newActive === lastActive) return;\r\n   lastActive = newActive;\r\n   labelEl.classList.add('fade');\r\n   descEl.classList.add('fade');\r\n   clearTimeout(fadeTimer);\r\n   fadeTimer = setTimeout(() => {\r\n     labelEl.textContent = items[newActive].dataset.label || '';\r\n     descEl.textContent = items[newActive].dataset.desc || '';\r\n     labelEl.classList.remove('fade');\r\n     descEl.classList.remove('fade');\r\n   }, 350);\r\n }\r\n\r\n function updateDots(newActive) {\r\n   dots.forEach((dot, i) => {\r\n     dot.classList.toggle('active', i === newActive);\r\n   });\r\n }\r\n \r\n function render() {\r\n   progress = Math.max(0, Math.min(progress, 100));\r\n   active = Math.round(progress \/ 100 * (total - 1));\r\n   items.forEach((item, i) => {\r\n     item.style.setProperty('--zIndex', getZindex(i, active));\r\n     item.style.setProperty('--active', (i - active) \/ total);\r\n   });\r\n   updateLabel(active);\r\n   updateDots(active);\r\n }\r\n \r\n render();\r\n \r\n items.forEach((item, i) => {\r\n   item.addEventListener('click', () => {\r\n     progress = (i \/ (total - 1)) * 100;\r\n     render();\r\n   });\r\n });\r\n \r\n const observer = new IntersectionObserver(entries => {\r\n   isInSection = entries[0].isIntersecting && entries[0].intersectionRatio >= 0.9;\r\n   if (isInSection) edgeCount = 0;\r\n }, { threshold: 0.9 });\r\n observer.observe(wrap);\r\n \r\n \/\/ \u2500\u2500 DESKTOP: rueda del rat\u00f3n \u2500\u2500\r\n window.addEventListener('wheel', e => {\r\n   if (!isInSection) return;\r\n   const atStart = progress <= 0 && e.deltaY < 0;\r\n   const atEnd = progress >= 100 && e.deltaY > 0;\r\n   if (!atStart && !atEnd) {\r\n     e.preventDefault();\r\n     edgeCount = 0;\r\n     progress += e.deltaY * speedWheel;\r\n     render();\r\n     return;\r\n   }\r\n   edgeCount++;\r\n   if (edgeCount < 5) e.preventDefault();\r\n   else edgeCount = 0;\r\n }, { passive: false });\r\n \r\n \/\/ \u2500\u2500 DESKTOP: arrastre con rat\u00f3n \u2500\u2500\r\n window.addEventListener('mousedown', e => {\r\n   if (!wrap.contains(e.target)) return;\r\n   isDown = true; startX = e.clientX;\r\n });\r\n window.addEventListener('mousemove', e => {\r\n   if (!isDown) return;\r\n   progress += (e.clientX - startX) * speedDrag;\r\n   startX = e.clientX;\r\n   render();\r\n });\r\n window.addEventListener('mouseup', () => { isDown = false; });\r\n \r\n \/\/ \u2500\u2500 M\u00d3VIL: touch \u2014 decide entre swipe horizontal (carrusel) o scroll vertical (p\u00e1gina) \u2500\u2500\r\n window.addEventListener('touchstart', e => {\r\n   if (!wrap.contains(e.target)) return;\r\n   isDown = true;\r\n   dragLocked = null;\r\n   startX = e.touches[0].clientX;\r\n   startY = e.touches[0].clientY;\r\n }, { passive: true });\r\n\r\n window.addEventListener('touchmove', e => {\r\n   if (!isDown) return;\r\n\r\n   const currentX = e.touches[0].clientX;\r\n   const currentY = e.touches[0].clientY;\r\n   const deltaX = currentX - startX;\r\n   const deltaY = currentY - startY;\r\n\r\n   \/\/ Determinar direcci\u00f3n del gesto la primera vez que se mueve lo suficiente\r\n   if (dragLocked === null) {\r\n     if (Math.abs(deltaX) > 6 || Math.abs(deltaY) > 6) {\r\n       dragLocked = Math.abs(deltaX) > Math.abs(deltaY) ? 'horizontal' : 'vertical';\r\n     }\r\n   }\r\n\r\n   if (dragLocked === 'horizontal') {\r\n     \/\/ Movimiento del carrusel \u2014 bloqueamos el scroll de la p\u00e1gina\r\n     if (e.cancelable) e.preventDefault();\r\n     progress += (currentX - startX) * speedDrag;\r\n     startX = currentX;\r\n     startY = currentY;\r\n     render();\r\n   }\r\n   \/\/ Si dragLocked === 'vertical', no hacemos nada: dejamos que el navegador\r\n   \/\/ gestione el scroll normal de la p\u00e1gina.\r\n }, { passive: false });\r\n\r\n window.addEventListener('touchend', () => {\r\n   isDown = false;\r\n   dragLocked = null;\r\n });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b577839 e-con-full e-flex e-con e-parent\" data-id=\"b577839\" data-element_type=\"container\" data-e-type=\"container\" id=\"contacto\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6854745 elementor-widget elementor-widget-html\" data-id=\"6854745\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;700;900&display=swap');\r\n \r\n  .ju-contact-wrap {\r\n    font-family: 'Inter', sans-serif;\r\n    color: #111111;\r\n    background: #ffffff;\r\n  }\r\n \r\n  .ju-contact-wrap * {\r\n    box-sizing: border-box;\r\n  }\r\n \r\n  .ju-contact-section {\r\n    padding: 80px 40px 60px;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n  }\r\n \r\n  .ju-contact-title {\r\n    font-size: clamp(56px, 10vw, 110px);\r\n    font-weight: 900;\r\n    line-height: 0.95;\r\n    letter-spacing: -0.03em;\r\n    margin: 0 0 70px 0;\r\n    color: #393F91;\r\n  }\r\n \r\n  .ju-divider {\r\n    width: 100%;\r\n    height: 1px;\r\n    background: #e8e8e8;\r\n    margin-bottom: 70px;\r\n  }\r\n \r\n  .ju-contact-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 380px;\r\n    gap: 60px 80px;\r\n    align-items: center;\r\n  }\r\n \r\n  .ju-left-col {\r\n    display: grid;\r\n    grid-template-columns: 1.1fr 0.9fr;\r\n    gap: 60px 60px;\r\n    align-items: start;\r\n  }\r\n \r\n  .ju-logo-col {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n \r\n  .ju-logo-col img {\r\n    width: 960px;\r\n    height: auto;\r\n    display: block;\r\n  }\r\n \r\n  .ju-contact-info {\r\n    padding-top: 8px;\r\n  }\r\n \r\n  .ju-info-block {\r\n    margin-bottom: 36px;\r\n  }\r\n \r\n  .ju-info-label {\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n    color: #999;\r\n    margin-bottom: 10px;\r\n  }\r\n \r\n  .ju-info-value {\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    color: #111;\r\n    line-height: 1.5;\r\n  }\r\n \r\n  .ju-info-value a {\r\n    color: #111;\r\n    text-decoration: none;\r\n    border-bottom: 1px solid transparent;\r\n    transition: border-color 0.2s ease, color 0.2s ease;\r\n  }\r\n \r\n  .ju-info-value a:hover {\r\n    color: #393f91;\r\n    border-bottom-color: #393f91;\r\n  }\r\n \r\n  .ju-instagram-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: #111;\r\n    text-decoration: none;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    margin-top: 4px;\r\n    transition: color 0.2s ease;\r\n  }\r\n \r\n  .ju-instagram-link:hover {\r\n    color: #393f91;\r\n  }\r\n \r\n  .ju-instagram-link svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    flex-shrink: 0;\r\n  }\r\n \r\n  .ju-contact-form {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n \r\n  .ju-form-row {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 0 24px;\r\n  }\r\n \r\n  .ju-field {\r\n    margin-bottom: 34px;\r\n  }\r\n \r\n  .ju-field label {\r\n    display: block;\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.10em;\r\n    text-transform: uppercase;\r\n    color: #999;\r\n    margin-bottom: 10px;\r\n  }\r\n \r\n  .ju-field input,\r\n  .ju-field textarea {\r\n    width: 100%;\r\n    background: transparent;\r\n    border: none;\r\n    border-bottom: 1px solid #d0d0d0;\r\n    border-radius: 0;\r\n    padding: 8px 0 12px;\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 15px;\r\n    color: #111;\r\n    outline: none;\r\n    transition: border-color 0.2s ease;\r\n    -webkit-appearance: none;\r\n  }\r\n \r\n  .ju-field input:focus,\r\n  .ju-field textarea:focus {\r\n    border-bottom-color: #393f91;\r\n  }\r\n \r\n  .ju-field textarea {\r\n    resize: none;\r\n    height: 96px;\r\n    line-height: 1.6;\r\n  }\r\n \r\n  .ju-field input::placeholder,\r\n  .ju-field textarea::placeholder {\r\n    color: #ccc;\r\n    font-size: 15px;\r\n  }\r\n \r\n  .ju-submit-btn {\r\n    display: inline-block;\r\n    margin-top: 8px;\r\n    padding: 14px 40px;\r\n    background: #393f91;\r\n    color: #ffffff;\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.10em;\r\n    text-transform: uppercase;\r\n    border: none;\r\n    border-radius: 0;\r\n    cursor: pointer;\r\n    transition: background 0.2s ease, transform 0.1s ease;\r\n    align-self: flex-start;\r\n  }\r\n \r\n  .ju-submit-btn:hover { background: #2d3278; }\r\n  .ju-submit-btn:active { transform: scale(0.98); }\r\n \r\n  .ju-form-status {\r\n    display: none;\r\n    margin-top: 16px;\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    padding: 12px 16px;\r\n  }\r\n \r\n  .ju-form-status.success {\r\n    display: block;\r\n    color: #2a7a3b;\r\n    background: #f0faf2;\r\n    border-left: 3px solid #2a7a3b;\r\n  }\r\n \r\n  .ju-form-status.error {\r\n    display: block;\r\n    color: #c0392b;\r\n    background: #fdf5f4;\r\n    border-left: 3px solid #c0392b;\r\n  }\r\n \r\n  @media (max-width: 900px) {\r\n    .ju-contact-grid { grid-template-columns: 1fr; }\r\n    .ju-logo-col { display: none; }\r\n  }\r\n \r\n  @media (max-width: 600px) {\r\n    .ju-contact-section { padding: 60px 24px 40px; }\r\n    .ju-left-col { grid-template-columns: 1fr; gap: 40px; }\r\n    .ju-form-row { grid-template-columns: 1fr; }\r\n  }\r\n<\/style>\r\n \r\n<div class=\"ju-contact-wrap\">\r\n  <section class=\"ju-contact-section\">\r\n    <h2 class=\"ju-contact-title\">Contacto<\/h2>\r\n    <div class=\"ju-divider\"><\/div>\r\n \r\n    <div class=\"ju-contact-grid\">\r\n      <div class=\"ju-left-col\">\r\n        <div>\r\n          <form class=\"ju-contact-form\" id=\"ju-form\">\r\n            <div class=\"ju-form-row\">\r\n              <div class=\"ju-field\">\r\n                <label for=\"ju-nombre\">Nombre<\/label>\r\n                <input type=\"text\" id=\"ju-nombre\" name=\"nombre\" placeholder=\"Nombre\" required>\r\n              <\/div>\r\n              <div class=\"ju-field\">\r\n                <label for=\"ju-apellido\">Apellido<\/label>\r\n                <input type=\"text\" id=\"ju-apellido\" name=\"apellido\" placeholder=\"Apellido\" required>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"ju-field\">\r\n              <label for=\"ju-email\">Email<\/label>\r\n              <input type=\"email\" id=\"ju-email\" name=\"email\" placeholder=\"tu@email.com\" required>\r\n            <\/div>\r\n            <div class=\"ju-field\">\r\n              <label for=\"ju-telefono\">Tel\u00e9fono<\/label>\r\n              <input type=\"tel\" id=\"ju-telefono\" name=\"telefono\" placeholder=\"+34 600 000 000\">\r\n            <\/div>\r\n            <div class=\"ju-field\">\r\n              <label for=\"ju-mensaje\">Mensaje<\/label>\r\n              <textarea id=\"ju-mensaje\" name=\"mensaje\" placeholder=\"Cu\u00e9ntame en qu\u00e9 puedo ayudarte\u2026\" required><\/textarea>\r\n            <\/div>\r\n            <button type=\"submit\" class=\"ju-submit-btn\" id=\"ju-btn\">Enviar<\/button>\r\n            <div class=\"ju-form-status\" id=\"ju-status\"><\/div>\r\n          <\/form>\r\n        <\/div>\r\n \r\n        <div class=\"ju-contact-info\">\r\n          <div class=\"ju-info-block\">\r\n            <div class=\"ju-info-label\">Nombre<\/div>\r\n            <div class=\"ju-info-value\">Jes\u00fas Urdaneta<\/div>\r\n          <\/div>\r\n          <div class=\"ju-info-block\">\r\n            <div class=\"ju-info-label\">Email<\/div>\r\n            <div class=\"ju-info-value\">\r\n              <a href=\"mailto:jeesusm28@gmail.com\">jeesusm28@gmail.com<\/a>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"ju-info-block\">\r\n            <div class=\"ju-info-label\">Tel\u00e9fono<\/div>\r\n            <div class=\"ju-info-value\">\r\n              <a href=\"tel:+34640553602\">640 55 36 02<\/a>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"ju-info-block\">\r\n            <div class=\"ju-info-label\">Instagram<\/div>\r\n            <div class=\"ju-info-value\">\r\n              <a href=\"https:\/\/www.instagram.com\/jessusm28\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ju-instagram-link\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                  <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/>\r\n                  <circle cx=\"12\" cy=\"12\" r=\"4\"\/>\r\n                  <circle cx=\"17.5\" cy=\"6.5\" r=\"0.5\" fill=\"currentColor\" stroke=\"none\"\/>\r\n                <\/svg>\r\n                @jessusm28\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"ju-logo-col\">\r\n        <img decoding=\"async\" src=\"https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/logojesus-2.png\" alt=\"Logo Jes\u00fas Urdaneta\" title=\"\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n \r\n<script>\r\n(function() {\r\n  const form = document.getElementById('ju-form');\r\n  const btn = document.getElementById('ju-btn');\r\n  const status = document.getElementById('ju-status');\r\n \r\n  form.addEventListener('submit', function(e) {\r\n    e.preventDefault();\r\n \r\n    const nombre = document.getElementById('ju-nombre').value.trim();\r\n    const apellido = document.getElementById('ju-apellido').value.trim();\r\n    const email = document.getElementById('ju-email').value.trim();\r\n    const telefono = document.getElementById('ju-telefono').value.trim();\r\n    const mensaje = document.getElementById('ju-mensaje').value.trim();\r\n \r\n    btn.textContent = 'Enviando...';\r\n    btn.disabled = true;\r\n    status.className = 'ju-form-status';\r\n    status.style.display = 'none';\r\n \r\n    fetch('https:\/\/formsubmit.co\/ajax\/jeesusm28@gmail.com', {\r\n      method: 'POST',\r\n      headers: { 'Content-Type': 'application\/json', 'Accept': 'application\/json' },\r\n      body: JSON.stringify({\r\n        name: nombre + ' ' + apellido,\r\n        email: email,\r\n        telefono: telefono,\r\n        message: mensaje,\r\n        _subject: 'Nuevo mensaje de contacto \u2013 Web',\r\n        _captcha: 'false'\r\n      })\r\n    })\r\n    .then(function(res) { return res.json(); })\r\n    .then(function(data) {\r\n      if (data.success === 'true' || data.success === true) {\r\n        status.textContent = '\u2713 Mensaje enviado. Te respondo en breve.';\r\n        status.className = 'ju-form-status success';\r\n        form.reset();\r\n      } else { throw new Error('error'); }\r\n    })\r\n    .catch(function() {\r\n      status.textContent = 'Algo ha fallado. Escr\u00edbeme directamente a jeesusm28@gmail.com';\r\n      status.className = 'ju-form-status error';\r\n    })\r\n    .finally(function() {\r\n      status.style.display = 'block';\r\n      btn.textContent = 'Enviar';\r\n      btn.disabled = false;\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cf8069d e-con-full e-flex e-con e-parent\" data-id=\"cf8069d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8ae5fc elementor-widget elementor-widget-html\" data-id=\"c8ae5fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;700;900&display=swap');\r\n\r\n  .ju-footer {\r\n    font-family: 'Inter', sans-serif;\r\n    background: #ffffff;\r\n    color: #111111;\r\n    width: 100%;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ju-footer * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Top grid *\/\r\n  .ju-footer-top {\r\n    padding: 60px 40px 50px;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr 1fr;\r\n    gap: 40px 60px;\r\n    border-bottom: 1px solid #e8e8e8;\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .ju-footer-col-title {\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n    color: #999;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .ju-footer-col ul {\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .ju-footer-col ul li {\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .ju-footer-col ul li a {\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    color: #111;\r\n    text-decoration: none;\r\n    border-bottom: 1px solid transparent;\r\n    transition: color 0.2s ease, border-color 0.2s ease;\r\n  }\r\n\r\n  .ju-footer-col ul li a:hover {\r\n    color: #393f91;\r\n    border-bottom-color: #393f91;\r\n  }\r\n\r\n  \/* Instagram icon link *\/\r\n  .ju-ig-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    color: #111;\r\n    text-decoration: none;\r\n    border-bottom: 1px solid transparent;\r\n    transition: color 0.2s ease, border-color 0.2s ease;\r\n  }\r\n\r\n  .ju-ig-link:hover {\r\n    color: #393f91;\r\n    border-bottom-color: #393f91;\r\n  }\r\n\r\n  .ju-ig-link svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* Bottom copyright bar *\/\r\n  .ju-footer-bottom {\r\n    padding: 16px 40px;\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    font-size: 11px;\r\n    color: #bbb;\r\n    letter-spacing: 0.05em;\r\n  }\r\n\r\n  \/* Marquee slider *\/\r\n  .ju-marquee-wrap {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    border-top: 1px solid #e8e8e8;\r\n    padding: 10px 0 0;\r\n  }\r\n\r\n  .ju-marquee-track {\r\n    display: flex;\r\n    width: max-content;\r\n    animation: ju-marquee 40s linear infinite;\r\n  }\r\n\r\n\r\n\r\n  .ju-marquee-item {\r\n    font-family: 'Inter', sans-serif;\r\n    font-weight: 900;\r\n    font-size: clamp(80px, 13vw, 180px);\r\n    line-height: 1;\r\n    letter-spacing: -0.02em;\r\n    text-transform: uppercase;\r\n    color: #393f91;\r\n    white-space: nowrap;\r\n    padding-right: 0.4em;\r\n    user-select: none;\r\n  }\r\n\r\n  @keyframes ju-marquee {\r\n    0%   { transform: translateX(0); }\r\n    100% { transform: translateX(-50%); }\r\n  }\r\n\r\n  @media (max-width: 700px) {\r\n    .ju-footer-top {\r\n      grid-template-columns: 1fr 1fr;\r\n      padding: 40px 24px 36px;\r\n      gap: 32px 32px;\r\n    }\r\n    .ju-footer-bottom {\r\n      padding: 14px 24px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .ju-footer-top {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<footer class=\"ju-footer\">\r\n\r\n  <div class=\"ju-footer-top\">\r\n\r\n    <!-- Navegaci\u00f3n -->\r\n    <div class=\"ju-footer-col\">\r\n      <div class=\"ju-footer-col-title\">Navegaci\u00f3n<\/div>\r\n      <ul>\r\n        <li><a href=\"https:\/\/jesusurdaneta.com\/#sobremi\">Sobre m\u00ed<\/a><\/li>\r\n        <li><a href=\"https:\/\/jesusurdaneta.com\/#servicios\">Servicios<\/a><\/li>\r\n        <li><a href=\"https:\/\/jesusurdaneta.com\/#proyectos\">Proyectos<\/a><\/li>\r\n        <li><a href=\"https:\/\/jesusurdaneta.com\/#contacto\">Contacto<\/a><\/li>\r\n                <li><a href=\"https:\/\/jesusurdaneta.com\/?page_id=474\">Tienda<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- Avisos -->\r\n    <div class=\"ju-footer-col\">\r\n      <div class=\"ju-footer-col-title\">Avisos<\/div>\r\n      <ul>\r\n        <li><a href=\"https:\/\/jesusurdaneta.com\/?page_id=622\">Pol\u00edtica de privacidad<\/a><\/li>\r\n        <li><a href=\"https:\/\/jesusurdaneta.com\/?page_id=630\">Pol\u00edtica de cookies<\/a><\/li>\r\n        <li><a href=\"https:\/\/jesusurdaneta.com\/?page_id=638\">Aviso legal<\/a><\/li>\r\n        <li><a href=\"https:\/\/jesusurdaneta.com\/?page_id=646\">Cr\u00e9ditos<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- Contacto -->\r\n    <div class=\"ju-footer-col\">\r\n      <div class=\"ju-footer-col-title\">Contacto<\/div>\r\n      <ul>\r\n        <li><a href=\"tel:+34640553602\">640 55 36 02<\/a><\/li>\r\n        <li><a href=\"mailto:jessusm28@gmail.com\">jessusm28@gmail.com<\/a><\/li>\r\n        <li>\r\n          <a href=\"https:\/\/www.instagram.com\/jessusm28\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ju-ig-link\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/>\r\n              <circle cx=\"12\" cy=\"12\" r=\"4\"\/>\r\n              <circle cx=\"17.5\" cy=\"6.5\" r=\"0.5\" fill=\"currentColor\" stroke=\"none\"\/>\r\n            <\/svg>\r\n            @jessusm28\r\n          <\/a>\r\n        <\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"ju-footer-bottom\">\r\n    \u00a9 2026 Jes\u00fas Urdaneta\r\n  <\/div>\r\n\r\n  <!-- Marquee -->\r\n  <div class=\"ju-marquee-wrap\">\r\n    <div class=\"ju-marquee-track\">\r\n      <!-- Duplicado para loop infinito -->\r\n      <span class=\"ju-marquee-item\">JES\u00daS URDANETA&nbsp;&nbsp;\u00b7&nbsp;&nbsp;2026&nbsp;&nbsp;\u00b7&nbsp;&nbsp;<\/span>\r\n      <span class=\"ju-marquee-item\">JES\u00daS URDANETA&nbsp;&nbsp;\u00b7&nbsp;&nbsp;2026&nbsp;&nbsp;\u00b7&nbsp;&nbsp;<\/span>\r\n      <span class=\"ju-marquee-item\">JES\u00daS URDANETA&nbsp;&nbsp;\u00b7&nbsp;&nbsp;2026&nbsp;&nbsp;\u00b7&nbsp;&nbsp;<\/span>\r\n      <span class=\"ju-marquee-item\">JES\u00daS URDANETA&nbsp;&nbsp;\u00b7&nbsp;&nbsp;2026&nbsp;&nbsp;\u00b7&nbsp;&nbsp;<\/span>\r\n      <span class=\"ju-marquee-item\">JES\u00daS URDANETA&nbsp;&nbsp;\u00b7&nbsp;&nbsp;2026&nbsp;&nbsp;\u00b7&nbsp;&nbsp;<\/span>\r\n      <span class=\"ju-marquee-item\">JES\u00daS URDANETA&nbsp;&nbsp;\u00b7&nbsp;&nbsp;2026&nbsp;&nbsp;\u00b7&nbsp;&nbsp;<\/span>\r\n      <span class=\"ju-marquee-item\">JES\u00daS URDANETA&nbsp;&nbsp;\u00b7&nbsp;&nbsp;2026&nbsp;&nbsp;\u00b7&nbsp;&nbsp;<\/span>\r\n      <span class=\"ju-marquee-item\">JES\u00daS URDANETA&nbsp;&nbsp;\u00b7&nbsp;&nbsp;2026&nbsp;&nbsp;\u00b7&nbsp;&nbsp;<\/span>\r\n      <span class=\"ju-marquee-item\">JES\u00daS URDANETA&nbsp;&nbsp;\u00b7&nbsp;&nbsp;2026&nbsp;&nbsp;\u00b7&nbsp;&nbsp;<\/span>\r\n      <span class=\"ju-marquee-item\">JES\u00daS URDANETA&nbsp;&nbsp;\u00b7&nbsp;&nbsp;2026&nbsp;&nbsp;\u00b7&nbsp;&nbsp;<\/span>\r\n      <span class=\"ju-marquee-item\">JES\u00daS URDANETA&nbsp;&nbsp;\u00b7&nbsp;&nbsp;2026&nbsp;&nbsp;\u00b7&nbsp;&nbsp;<\/span>\r\n      <span class=\"ju-marquee-item\">JES\u00daS URDANETA&nbsp;&nbsp;\u00b7&nbsp;&nbsp;2026&nbsp;&nbsp;\u00b7&nbsp;&nbsp;<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>sobre m\u00ed servicios proyectos contacto tienda URDANETA JES\u00daS escala tu infoproducto conmigo Perfiles con los que he colaborado: Una cuidadosa selecci\u00f3n de los perfiles m\u00e1s grandes a los que he escaladogracias a la metodolog\u00eda de los lanzamientos Trabaja conmigo SOBRE M\u00cd \u00b7 JES\u00daS URDANETA \u00b7 SOBRE M\u00cd \u00b7 JES\u00daS URDANETA \u00b7 SOBRE M\u00cd \u00b7 JES\u00daS [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_srk_meta_title":"","_srk_meta_description":"","_srk_robots_meta":[],"_srk_canonical_url":"","_srk_advanced_settings":[],"_srk_last_sync":0,"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>-<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jesusurdaneta.com\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"OnePage Web -\" \/>\n<meta property=\"og:description\" content=\"sobre m\u00ed servicios proyectos contacto tienda URDANETA JES\u00daS escala tu infoproducto conmigo Perfiles con los que he colaborado: Una cuidadosa selecci\u00f3n de los perfiles m\u00e1s grandes a los que he escaladogracias a la metodolog\u00eda de los lanzamientos Trabaja conmigo SOBRE M\u00cd \u00b7 JES\u00daS URDANETA \u00b7 SOBRE M\u00cd \u00b7 JES\u00daS URDANETA \u00b7 SOBRE M\u00cd \u00b7 JES\u00daS [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jesusurdaneta.com\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-23T06:52:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/logojesus-2-1024x1024.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/jesusurdaneta.com\\\/\",\"url\":\"https:\\\/\\\/jesusurdaneta.com\\\/\",\"name\":\"OnePage Web -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jesusurdaneta.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/jesusurdaneta.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/jesusurdaneta.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/jesusurdaneta.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/logojesus-2-1024x1024.png\",\"datePublished\":\"2026-06-08T07:13:33+00:00\",\"dateModified\":\"2026-06-23T06:52:12+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/jesusurdaneta.com\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/jesusurdaneta.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/jesusurdaneta.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/jesusurdaneta.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/logojesus-2.png\",\"contentUrl\":\"https:\\\/\\\/jesusurdaneta.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/logojesus-2.png\",\"width\":2363,\"height\":2363},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/jesusurdaneta.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/jesusurdaneta.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"OnePage Web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/jesusurdaneta.com\\\/#website\",\"url\":\"https:\\\/\\\/jesusurdaneta.com\\\/\",\"name\":\"Jesus Urdaneta\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/jesusurdaneta.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"-","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:\/\/jesusurdaneta.com\/","og_locale":"es_ES","og_type":"article","og_title":"OnePage Web -","og_description":"sobre m\u00ed servicios proyectos contacto tienda URDANETA JES\u00daS escala tu infoproducto conmigo Perfiles con los que he colaborado: Una cuidadosa selecci\u00f3n de los perfiles m\u00e1s grandes a los que he escaladogracias a la metodolog\u00eda de los lanzamientos Trabaja conmigo SOBRE M\u00cd \u00b7 JES\u00daS URDANETA \u00b7 SOBRE M\u00cd \u00b7 JES\u00daS URDANETA \u00b7 SOBRE M\u00cd \u00b7 JES\u00daS [&hellip;]","og_url":"https:\/\/jesusurdaneta.com\/","article_modified_time":"2026-06-23T06:52:12+00:00","og_image":[{"url":"https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/logojesus-2-1024x1024.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/jesusurdaneta.com\/","url":"https:\/\/jesusurdaneta.com\/","name":"OnePage Web -","isPartOf":{"@id":"https:\/\/jesusurdaneta.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/jesusurdaneta.com\/#primaryimage"},"image":{"@id":"https:\/\/jesusurdaneta.com\/#primaryimage"},"thumbnailUrl":"https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/logojesus-2-1024x1024.png","datePublished":"2026-06-08T07:13:33+00:00","dateModified":"2026-06-23T06:52:12+00:00","breadcrumb":{"@id":"https:\/\/jesusurdaneta.com\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jesusurdaneta.com\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/jesusurdaneta.com\/#primaryimage","url":"https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/logojesus-2.png","contentUrl":"https:\/\/jesusurdaneta.com\/wp-content\/uploads\/2026\/06\/logojesus-2.png","width":2363,"height":2363},{"@type":"BreadcrumbList","@id":"https:\/\/jesusurdaneta.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/jesusurdaneta.com\/"},{"@type":"ListItem","position":2,"name":"OnePage Web"}]},{"@type":"WebSite","@id":"https:\/\/jesusurdaneta.com\/#website","url":"https:\/\/jesusurdaneta.com\/","name":"Jesus Urdaneta","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jesusurdaneta.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/jesusurdaneta.com\/index.php?rest_route=\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jesusurdaneta.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jesusurdaneta.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jesusurdaneta.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jesusurdaneta.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17"}],"version-history":[{"count":259,"href":"https:\/\/jesusurdaneta.com\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":694,"href":"https:\/\/jesusurdaneta.com\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions\/694"}],"wp:attachment":[{"href":"https:\/\/jesusurdaneta.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}