{"id":9395,"date":"2025-05-29T18:56:10","date_gmt":"2025-05-29T18:56:10","guid":{"rendered":"https:\/\/gerundio.mx\/?page_id=9395"},"modified":"2025-09-04T00:55:24","modified_gmt":"2025-09-04T00:55:24","slug":"descifrando-la-yosfera","status":"publish","type":"page","link":"https:\/\/gerundio.mx\/en\/descifrando-la-yosfera\/","title":{"rendered":"Descifrando la Y\u00f3sfera"},"content":{"rendered":"\n[et_pb_section fb_built=\u00bb1&#8243; disabled_on=\u00bbon|on|off\u00bb admin_label=\u00bbSection\u00bb module_class=\u00bbseccion-menu-secundario\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb background_color=\u00bb#232323&#8243; custom_padding=\u00bb1rem|0px|1rem|0px|false|false\u00bb da_disable_devices=\u00bboff|off|off\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb locked=\u00bboff\u00bb da_is_popup=\u00bboff\u00bb da_exit_intent=\u00bboff\u00bb da_has_close=\u00bbon\u00bb da_alt_close=\u00bboff\u00bb da_dark_close=\u00bboff\u00bb da_not_modal=\u00bbon\u00bb da_is_singular=\u00bboff\u00bb da_with_loader=\u00bboff\u00bb da_has_shadow=\u00bbon\u00bb][et_pb_row column_structure=\u00bb1_4,1_4,1_4,1_4&#8243; _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb width_tablet=\u00bb\u00bb width_phone=\u00bb\u00bb width_last_edited=\u00bbon|desktop\u00bb module_alignment=\u00bbleft\u00bb custom_css_free_form=\u00bb\/* Agregar transiciones suaves para cambios de color *\/||.seccion-menu-secundario {||  transition: background-color 0.3s ease;||}||||.seccion-menu-secundario .menu-secundario-item h4 {||  transition: color 0.3s ease;||}||||.seccion-menu-secundario .et_pb_column:not(:last-child) .menu-secundario-item::after {||  transition: background-color 0.3s ease;||}||||\/* Soluci\u00f3n para el !important en cambios din\u00e1micos *\/||.menu-secundario-item-claro h4 {||  color: #1a1a1a !important;||}||||.menu-secundario-item-oscuro h4 {||  color: #ffffff !important;||}\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbet_body_layout\u00bb][et_pb_column type=\u00bb1_4&#8243; _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbet_body_layout\u00bb][et_pb_blurb title=\u00bbINTRODUCCI\u00d3N\u00bb image=\u00bbhttps:\/\/gerundio.mx\/wp-content\/uploads\/2025\/03\/Morado.svg\u00bb icon_placement=\u00bbleft\u00bb module_class=\u00bbmenu-secundario-item\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb header_text_color=\u00bb#FFFFFF\u00bb header_font_size=\u00bb16px\u00bb image_icon_custom_margin=\u00bb||0px||false|false\u00bb image_icon_custom_padding=\u00bb||0px|10px|false|false\u00bb text_orientation=\u00bbcenter\u00bb custom_padding=\u00bb2px|0px|2px|0px|false|false\u00bb border_width_all=\u00bb1px\u00bb border_color_all=\u00bb#FFFFFF\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbet_body_layout\u00bb][\/et_pb_blurb][\/et_pb_column][et_pb_column type=\u00bb1_4&#8243; _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbet_body_layout\u00bb][et_pb_blurb title=\u00bbARQUETIPOS\u00bb image=\u00bbhttps:\/\/gerundio.mx\/wp-content\/uploads\/2025\/03\/Person.svg\u00bb icon_placement=\u00bbleft\u00bb module_class=\u00bbmenu-secundario-item\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb header_text_color=\u00bb#FFFFFF\u00bb header_font_size=\u00bb16px\u00bb image_icon_custom_margin=\u00bb||0px||false|false\u00bb image_icon_custom_padding=\u00bb||0px|10px|false|false\u00bb text_orientation=\u00bbcenter\u00bb custom_padding=\u00bb2px|0px|2px|0px|false|false\u00bb border_width_all=\u00bb1px\u00bb border_color_all=\u00bb#FFFFFF\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbet_body_layout\u00bb][\/et_pb_blurb][\/et_pb_column][et_pb_column type=\u00bb1_4&#8243; _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbet_body_layout\u00bb][et_pb_blurb title=\u00bbOPORTUNIDADES\u00bb image=\u00bbhttps:\/\/gerundio.mx\/wp-content\/uploads\/2025\/03\/Spotlight.svg\u00bb icon_placement=\u00bbleft\u00bb module_class=\u00bbmenu-secundario-item\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb header_text_color=\u00bb#FFFFFF\u00bb header_font_size=\u00bb16px\u00bb image_icon_custom_margin=\u00bb||0px||false|false\u00bb image_icon_custom_padding=\u00bb||0px|10px|false|false\u00bb text_orientation=\u00bbcenter\u00bb custom_padding=\u00bb2px|0px|2px|0px|false|false\u00bb border_width_all=\u00bb1px\u00bb border_color_all=\u00bb#FFFFFF\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbet_body_layout\u00bb][\/et_pb_blurb][\/et_pb_column][et_pb_column type=\u00bb1_4&#8243; _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbet_body_layout\u00bb][et_pb_blurb title=\u00bbMETODOLOG\u00cdA\u00bb image=\u00bbhttps:\/\/gerundio.mx\/wp-content\/uploads\/2025\/03\/Target.svg\u00bb icon_placement=\u00bbleft\u00bb module_class=\u00bbmenu-secundario-item\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb header_text_color=\u00bb#FFFFFF\u00bb header_font_size=\u00bb16px\u00bb image_icon_custom_margin=\u00bb||0px||false|false\u00bb image_icon_custom_padding=\u00bb||0px|10px|false|false\u00bb text_orientation=\u00bbcenter\u00bb custom_padding=\u00bb2px|0px|2px|0px|false|false\u00bb border_width_all=\u00bb1px\u00bb border_color_all=\u00bb#FFFFFF\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbet_body_layout\u00bb][\/et_pb_blurb][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb border_color_all=\u00bbRGBA(255,255,255,0)\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbet_body_layout\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbet_body_layout\u00bb][et_pb_code _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbet_body_layout\u00bb]<script><!-- [et_pb_line_break_holder] -->jQuery(document).ready(function($) {<!-- [et_pb_line_break_holder] -->  \/\/ Verificar que el men\u00fa existe<!-- [et_pb_line_break_holder] -->  if ($('.seccion-menu-secundario').length === 0) {<!-- [et_pb_line_break_holder] -->    console.log(\"Error: No se encontr\u00f3 el men\u00fa con clase .seccion-menu-secundario\");<!-- [et_pb_line_break_holder] -->    return;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/\/ Colores para los \u00edtems<!-- [et_pb_line_break_holder] -->  const colorInicial = {<!-- [et_pb_line_break_holder] -->    fondo: 'rgba(35, 35, 35, 1)',  \/\/ Fondo inicial (negro #232323)<!-- [et_pb_line_break_holder] -->    texto: '#ffffff'               \/\/ Texto inicial blanco<!-- [et_pb_line_break_holder] -->  };<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  const colorFinal = {<!-- [et_pb_line_break_holder] -->    fondo: '#ffffff',              \/\/ Fondo final blanco<!-- [et_pb_line_break_holder] -->    texto: '#232323'               \/\/ Texto final negro<!-- [et_pb_line_break_holder] -->  };<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/\/ Obtener todos los \u00edtems del men\u00fa<!-- [et_pb_line_break_holder] -->  const menuItems = $('.seccion-menu-secundario .menu-secundario-item');<!-- [et_pb_line_break_holder] -->  const totalItems = menuItems.length;<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/\/ Verificar que hay \u00edtems<!-- [et_pb_line_break_holder] -->  if (totalItems === 0) {<!-- [et_pb_line_break_holder] -->    console.log(\"Error: No se encontraron \u00edtems con clase .menu-secundario-item\");<!-- [et_pb_line_break_holder] -->    return;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/\/ Primero, neutralizar cualquier efecto first-letter que pueda interferir<!-- [et_pb_line_break_holder] -->  $('<style>')<!-- [et_pb_line_break_holder] -->    .prop('type', 'text\/css')<!-- [et_pb_line_break_holder] -->    .html(`<!-- [et_pb_line_break_holder] -->      .seccion-menu-secundario .menu-secundario-item h4::first-letter,<!-- [et_pb_line_break_holder] -->      .seccion-menu-secundario .menu-secundario-item .et_pb_module_header::first-letter {<!-- [et_pb_line_break_holder] -->        color: inherit !important;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->    `)<!-- [et_pb_line_break_holder] -->    .appendTo('head');<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/\/ Preparamos los elementos para el efecto de texto<!-- [et_pb_line_break_holder] -->  menuItems.each(function() {<!-- [et_pb_line_break_holder] -->    \/\/ Obtenemos el texto original<!-- [et_pb_line_break_holder] -->    const $heading = $(this).find('h4');<!-- [et_pb_line_break_holder] -->    if ($heading.length) {<!-- [et_pb_line_break_holder] -->      const originalText = $heading.text();<!-- [et_pb_line_break_holder] -->      const textWithSpans = originalText.split('').map((char, index) => {<!-- [et_pb_line_break_holder] -->        \/\/ Preservamos los espacios como espacios normales<!-- [et_pb_line_break_holder] -->        if (char === ' ') {<!-- [et_pb_line_break_holder] -->          return ' ';<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/\/ Diferenciamos la primera letra con una clase especial<!-- [et_pb_line_break_holder] -->        if (index === 0) {<!-- [et_pb_line_break_holder] -->          return `<span class=\"char-span first-char\" style=\"color: ${colorInicial.texto};\">${char}<\/span>`;<!-- [et_pb_line_break_holder] -->        } else {<!-- [et_pb_line_break_holder] -->          return `<span class=\"char-span\" style=\"color: ${colorInicial.texto};\">${char}<\/span>`;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->      }).join('');<!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] -->      \/\/ Reemplazamos el contenido con spans individuales para cada caracter<!-- [et_pb_line_break_holder] -->      $heading.html(`<span class=\"text-container\">${textWithSpans}<\/span>`);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/\/ A\u00f1adimos CSS necesario para el efecto<!-- [et_pb_line_break_holder] -->  $('<style>')<!-- [et_pb_line_break_holder] -->    .prop('type', 'text\/css')<!-- [et_pb_line_break_holder] -->    .html(`<!-- [et_pb_line_break_holder] -->      \/* Contenedor de texto *\/<!-- [et_pb_line_break_holder] -->      .seccion-menu-secundario .menu-secundario-item .text-container {<!-- [et_pb_line_break_holder] -->        position: relative;<!-- [et_pb_line_break_holder] -->        display: inline-block;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] -->      \/* Cada caracter individual *\/<!-- [et_pb_line_break_holder] -->      .seccion-menu-secundario .menu-secundario-item .char-span {<!-- [et_pb_line_break_holder] -->        position: relative;<!-- [et_pb_line_break_holder] -->        display: inline-block;<!-- [et_pb_line_break_holder] -->        transition: color 0.1s ease;<!-- [et_pb_line_break_holder] -->        color: ${colorInicial.texto};<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] -->      \/* Preparaci\u00f3n para im\u00e1genes SVG *\/<!-- [et_pb_line_break_holder] -->      .seccion-menu-secundario .menu-secundario-item .et_pb_image_wrap {<!-- [et_pb_line_break_holder] -->        position: relative;<!-- [et_pb_line_break_holder] -->        display: inline-block;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->      .seccion-menu-secundario .menu-secundario-item .img-dark {<!-- [et_pb_line_break_holder] -->        position: absolute;<!-- [et_pb_line_break_holder] -->        top: 0;<!-- [et_pb_line_break_holder] -->        left: 10px;<!-- [et_pb_line_break_holder] -->        opacity: 0;<!-- [et_pb_line_break_holder] -->        transition: opacity 0.3s ease;<!-- [et_pb_line_break_holder] -->        width:24px;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->      .seccion-menu-secundario .menu-secundario-item .img-white {<!-- [et_pb_line_break_holder] -->        opacity: 1;<!-- [et_pb_line_break_holder] -->        transition: opacity 0.3s ease;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->    `)<!-- [et_pb_line_break_holder] -->    .appendTo('head');<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->  \/\/ Preparamos las im\u00e1genes SVG<!-- [et_pb_line_break_holder] -->  menuItems.each(function() {<!-- [et_pb_line_break_holder] -->    const $imgWrap = $(this).find('.et_pb_image_wrap');<!-- [et_pb_line_break_holder] -->    if ($imgWrap.length) {<!-- [et_pb_line_break_holder] -->      const $originalImg = $imgWrap.find('img');<!-- [et_pb_line_break_holder] -->      if ($originalImg.length) {<!-- [et_pb_line_break_holder] -->        const imgSrc = $originalImg.attr('src');<!-- [et_pb_line_break_holder] -->        const imgWidth = $originalImg.attr('width');<!-- [et_pb_line_break_holder] -->        const imgHeight = $originalImg.attr('height');<!-- [et_pb_line_break_holder] -->        const imgClass = $originalImg.attr('class');<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        $originalImg.addClass('img-white');<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        const $darkImg = $(`<img decoding=\"async\" src=\"${imgSrc}\" width=\"${imgWidth}\" height=\"${imgHeight}\" class=\"${imgClass} img-dark\" alt=\"\" style=\"filter: brightness(0.2);\">`);<!-- [et_pb_line_break_holder] -->        $imgWrap.append($darkImg);<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/\/ Funci\u00f3n clave para actualizar la visualizaci\u00f3n seg\u00fan scroll<!-- [et_pb_line_break_holder] -->  function actualizarGradientes() {<!-- [et_pb_line_break_holder] -->    \/\/ Calcular el porcentaje total de scroll (0 a 1)<!-- [et_pb_line_break_holder] -->    const scrollTop = $(window).scrollTop();<!-- [et_pb_line_break_holder] -->    const docHeight = $(document).height() - $(window).height();<!-- [et_pb_line_break_holder] -->    const scrollProgress = Math.min(1, Math.max(0, scrollTop \/ docHeight));<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    \/\/ Para cada \u00edtem, calcular la posici\u00f3n del gradiente<!-- [et_pb_line_break_holder] -->    menuItems.each(function(index) {<!-- [et_pb_line_break_holder] -->      \/\/ Calcular el umbral para este \u00edtem (d\u00f3nde debe empezar a cambiar)<!-- [et_pb_line_break_holder] -->      const itemThreshold = (index \/ totalItems);<!-- [et_pb_line_break_holder] -->      const nextItemThreshold = ((index + 1) \/ totalItems);<!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] -->      \/\/ Calcular el progreso espec\u00edfico para este \u00edtem<!-- [et_pb_line_break_holder] -->      let itemProgress = 0;<!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] -->      if (scrollProgress >= itemThreshold && scrollProgress <= nextItemThreshold) {<!-- [et_pb_line_break_holder] -->        \/\/ Estamos en la zona de transici\u00f3n de este \u00edtem<!-- [et_pb_line_break_holder] -->        itemProgress = (scrollProgress - itemThreshold) \/ (nextItemThreshold - itemThreshold);<!-- [et_pb_line_break_holder] -->      } else if (scrollProgress > nextItemThreshold) {<!-- [et_pb_line_break_holder] -->        \/\/ Ya pasamos completamente este \u00edtem<!-- [et_pb_line_break_holder] -->        itemProgress = 1;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] -->      \/\/ Crear el gradiente linear para simular el efecto de llenado<!-- [et_pb_line_break_holder] -->      const gradientCSS = `linear-gradient(to right, <!-- [et_pb_line_break_holder] -->                           ${colorFinal.fondo} 0%, <!-- [et_pb_line_break_holder] -->                           ${colorFinal.fondo} ${itemProgress * 100}%, <!-- [et_pb_line_break_holder] -->                           ${colorInicial.fondo} ${itemProgress * 100}%, <!-- [et_pb_line_break_holder] -->                           ${colorInicial.fondo} 100%)`;<!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] -->      $(this).css('background', gradientCSS);<!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] -->      \/\/ SECCI\u00d3N CR\u00cdTICA: Actualizar los colores de los caracteres del texto<!-- [et_pb_line_break_holder] -->      const $chars = $(this).find('.char-span');<!-- [et_pb_line_break_holder] -->      const totalChars = $chars.length;<!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] -->      if (totalChars > 0) {  \/\/ Asegurar que hay caracteres<!-- [et_pb_line_break_holder] -->        $chars.each(function(charIndex) {<!-- [et_pb_line_break_holder] -->          \/\/ Calculamos qu\u00e9 porcentaje del elemento necesitamos llenar para llegar a este caracter<!-- [et_pb_line_break_holder] -->          const charThreshold = charIndex \/ totalChars;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          \/\/ CORRECCI\u00d3N DEL BUG: El caso especial donde charThreshold y itemProgress son 0<!-- [et_pb_line_break_holder] -->          \/\/ Este es el caso de la primera letra cuando no hay scroll<!-- [et_pb_line_break_holder] -->          if (charIndex === 0) {<!-- [et_pb_line_break_holder] -->            \/\/ SOLUCI\u00d3N AL BUG: Si itemProgress es exactamente 0, siempre usar color inicial <!-- [et_pb_line_break_holder] -->            \/\/ para evitar la ambig\u00fcedad en la comparaci\u00f3n de 0 >= 0<!-- [et_pb_line_break_holder] -->            if (itemProgress === 0) {<!-- [et_pb_line_break_holder] -->              this.style.setProperty('color', colorInicial.texto, 'important');<!-- [et_pb_line_break_holder] -->            } <!-- [et_pb_line_break_holder] -->            \/\/ Solo cambiar a color final si hay un progreso positivo<!-- [et_pb_line_break_holder] -->            else if (itemProgress > charThreshold) {<!-- [et_pb_line_break_holder] -->              this.style.setProperty('color', colorFinal.texto, 'important');<!-- [et_pb_line_break_holder] -->            } else {<!-- [et_pb_line_break_holder] -->              this.style.setProperty('color', colorInicial.texto, 'important');<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->          } else {<!-- [et_pb_line_break_holder] -->            \/\/ Para el resto de las letras<!-- [et_pb_line_break_holder] -->            if (itemProgress > charThreshold) {  \/\/ Cambiado de >= a > para m\u00e1s claridad<!-- [et_pb_line_break_holder] -->              this.style.setProperty('color', colorFinal.texto, 'important');<!-- [et_pb_line_break_holder] -->            } else {<!-- [et_pb_line_break_holder] -->              this.style.setProperty('color', colorInicial.texto, 'important');<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] -->      \/\/ Manejar la imagen SVG\/PNG<!-- [et_pb_line_break_holder] -->      const $imgWrap = $(this).find('.et_pb_image_wrap');<!-- [et_pb_line_break_holder] -->      if ($imgWrap.length) {<!-- [et_pb_line_break_holder] -->        if (itemProgress >= 0.95) {<!-- [et_pb_line_break_holder] -->          $imgWrap.find('.img-white').css('opacity', '0');<!-- [et_pb_line_break_holder] -->          $imgWrap.find('.img-dark').css('opacity', '1');<!-- [et_pb_line_break_holder] -->        } else {<!-- [et_pb_line_break_holder] -->          $imgWrap.find('.img-white').css('opacity', '1');<!-- [et_pb_line_break_holder] -->          $imgWrap.find('.img-dark').css('opacity', '0');<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    \/\/ Actualizar los separadores seg\u00fan el progreso general<!-- [et_pb_line_break_holder] -->    if (scrollProgress > 0.5) {<!-- [et_pb_line_break_holder] -->      $('.seccion-menu-secundario .et_pb_column:not(:last-child) .menu-secundario-item::after').css('background-color', colorFinal.texto);<!-- [et_pb_line_break_holder] -->    } else {<!-- [et_pb_line_break_holder] -->      $('.seccion-menu-secundario .et_pb_column:not(:last-child) .menu-secundario-item::after').css('background-color', colorInicial.texto);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/\/ Ejecutar en scroll y cuando cambia el tama\u00f1o de la ventana<!-- [et_pb_line_break_holder] -->  $(window).on('scroll resize', function() {<!-- [et_pb_line_break_holder] -->    window.requestAnimationFrame(actualizarGradientes);<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/\/ Ejecutar al cargar la p\u00e1gina para establecer el estado inicial correcto<!-- [et_pb_line_break_holder] -->  $(document).ready(function() {    <!-- [et_pb_line_break_holder] -->    actualizarGradientes();<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    \/\/ Forzar el color inicial en todas las primeras letras<!-- [et_pb_line_break_holder] -->    $('.seccion-menu-secundario .menu-secundario-item .first-char').each(function() {<!-- [et_pb_line_break_holder] -->      this.style.setProperty('color', colorInicial.texto, 'important');<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/\/ Forzar colores iniciales inmediatamente tambi\u00e9n<!-- [et_pb_line_break_holder] -->  $('.seccion-menu-secundario .menu-secundario-item .first-char').each(function() {<!-- [et_pb_line_break_holder] -->    this.style.setProperty('color', colorInicial.texto, 'important');<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\"1\" disabled_on=\"on|off|off\" admin_label=\"Section\" _builder_version=\"4.27.4\" _module_preset=\"default\" background_image=\"https:\/\/gerundio.mx\/wp-content\/uploads\/2025\/03\/descifrando_section_2-scaled.webp\" min_height=\"70vh\" da_disable_devices=\"off|off|off\" global_colors_info=\"{}\" theme_builder_area=\"post_content\" locked=\"off\" da_is_popup=\"off\" da_exit_intent=\"off\" da_has_close=\"on\" da_alt_close=\"off\" da_dark_close=\"off\" da_not_modal=\"on\" da_is_singular=\"off\" da_with_loader=\"off\" da_has_shadow=\"on\"][et_pb_row module_class=\"second-section-deciphering\" _builder_version=\"4.27.4\" _module_preset=\"default\" width_tablet=\"\" width_phone=\"80%\" width_last_edited=\"on|phone\" global_colors_info=\"{}\" theme_builder_area=\"et_body_layout\"][et_pb_column type=\"4_4\" _builder_version=\"4.27.4\" _module_preset=\"default\" global_colors_info=\"{}\" theme_builder_area=\"et_body_layout\"][et_pb_text _builder_version=\"4.27.4\" _module_preset=\"default\" text_text_color=\"#FFFFFF\" background_color=\"#465fff\" width=\"50%\" width_tablet=\"50%\" width_phone=\"100%\" width_last_edited=\"on|phone\" custom_padding=\"24px|24px|24px|24px|false|false\" global_colors_info=\"{}\" theme_builder_area=\"et_body_layout\"]<p>El panorama financiero en M\u00e9xico y Am\u00e9rica Latina ha cambiado radicalmente en los \u00faltimos a\u00f1os. El avance de las tecnolog\u00edas financieras ha permitido a m\u00e1s personas gestionar sus finanzas de forma digital, pero la inclusi\u00f3n financiera a\u00fan enfrenta retos.<\/p>\n<p>En esta edici\u00f3n de Descifrando desglosamos esos retos, enfocando nuestro an\u00e1lisis en distintos tipos de usuarios y su relaci\u00f3n con las finanzas personales.<\/p>\n<p><strong>\u00a1Acomp\u00e1\u00f1anos a descifrar la inclusi\u00f3n financiera!<\/strong><\/p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"<p>El panorama financiero en M\u00e9xico y Am\u00e9rica Latina ha cambiado radicalmente en los \u00faltimos a\u00f1os. El avance de las tecnolog\u00edas financieras ha permitido a m\u00e1s personas gestionar sus finanzas de forma digital, pero la inclusi\u00f3n financiera a\u00fan enfrenta retos. En esta edici\u00f3n de Descifrando desglosamos esos retos, enfocando nuestro an\u00e1lisis en distintos tipos de usuarios [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":9583,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","inline_featured_image":false,"footnotes":""},"class_list":["post-9395","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Descifrando la Y\u00f3sfera - Gerundio<\/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:\/\/gerundio.mx\/en\/descifrando-la-yosfera\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Descifrando la Y\u00f3sfera - Gerundio\" \/>\n<meta property=\"og:description\" content=\"El panorama financiero en M\u00e9xico y Am\u00e9rica Latina ha cambiado radicalmente en los \u00faltimos a\u00f1os. El avance de las tecnolog\u00edas financieras ha permitido a m\u00e1s personas gestionar sus finanzas de forma digital, pero la inclusi\u00f3n financiera a\u00fan enfrenta retos. En esta edici\u00f3n de Descifrando desglosamos esos retos, enfocando nuestro an\u00e1lisis en distintos tipos de usuarios [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/gerundio.mx\/en\/descifrando-la-yosfera\/\" \/>\n<meta property=\"og:site_name\" content=\"Gerundio\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ideasengerundio\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-04T00:55:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/gerundio.mx\/wp-content\/uploads\/2025\/06\/Gerundio_Descifrando_Relaciones_Interpersonales_Presentacion_Empresas.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"563\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/gerundio.mx\\\/descifrando-la-yosfera\\\/\",\"url\":\"https:\\\/\\\/gerundio.mx\\\/descifrando-la-yosfera\\\/\",\"name\":\"Descifrando la Y\u00f3sfera - Gerundio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/gerundio.mx\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/gerundio.mx\\\/descifrando-la-yosfera\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/gerundio.mx\\\/descifrando-la-yosfera\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/gerundio.mx\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Gerundio_Descifrando_Relaciones_Interpersonales_Presentacion_Empresas.jpg\",\"datePublished\":\"2025-05-29T18:56:10+00:00\",\"dateModified\":\"2025-09-04T00:55:24+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/gerundio.mx\\\/descifrando-la-yosfera\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/gerundio.mx\\\/descifrando-la-yosfera\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/gerundio.mx\\\/descifrando-la-yosfera\\\/#primaryimage\",\"url\":\"https:\\\/\\\/gerundio.mx\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Gerundio_Descifrando_Relaciones_Interpersonales_Presentacion_Empresas.jpg\",\"contentUrl\":\"https:\\\/\\\/gerundio.mx\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Gerundio_Descifrando_Relaciones_Interpersonales_Presentacion_Empresas.jpg\",\"width\":1000,\"height\":563},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/gerundio.mx\\\/descifrando-la-yosfera\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/gerundio.mx\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Descifrando la Y\u00f3sfera\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/gerundio.mx\\\/#website\",\"url\":\"https:\\\/\\\/gerundio.mx\\\/\",\"name\":\"Gerundio\",\"description\":\"Ideas en Acci\u00f3n\",\"publisher\":{\"@id\":\"https:\\\/\\\/gerundio.mx\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/gerundio.mx\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/gerundio.mx\\\/#organization\",\"name\":\"Gerundio\",\"url\":\"https:\\\/\\\/gerundio.mx\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/gerundio.mx\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/gerundio.mx\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/share.jpg\",\"contentUrl\":\"https:\\\/\\\/gerundio.mx\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/share.jpg\",\"width\":1251,\"height\":876,\"caption\":\"Gerundio\"},\"image\":{\"@id\":\"https:\\\/\\\/gerundio.mx\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/ideasengerundio\",\"https:\\\/\\\/www.instagram.com\\\/ideasengerundio\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/ideasengerundio\\\/mycompany\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Descifrando la Y\u00f3sfera - Gerundio","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:\/\/gerundio.mx\/en\/descifrando-la-yosfera\/","og_locale":"en_US","og_type":"article","og_title":"Descifrando la Y\u00f3sfera - Gerundio","og_description":"El panorama financiero en M\u00e9xico y Am\u00e9rica Latina ha cambiado radicalmente en los \u00faltimos a\u00f1os. El avance de las tecnolog\u00edas financieras ha permitido a m\u00e1s personas gestionar sus finanzas de forma digital, pero la inclusi\u00f3n financiera a\u00fan enfrenta retos. En esta edici\u00f3n de Descifrando desglosamos esos retos, enfocando nuestro an\u00e1lisis en distintos tipos de usuarios [&hellip;]","og_url":"https:\/\/gerundio.mx\/en\/descifrando-la-yosfera\/","og_site_name":"Gerundio","article_publisher":"https:\/\/www.facebook.com\/ideasengerundio","article_modified_time":"2025-09-04T00:55:24+00:00","og_image":[{"width":1000,"height":563,"url":"https:\/\/gerundio.mx\/wp-content\/uploads\/2025\/06\/Gerundio_Descifrando_Relaciones_Interpersonales_Presentacion_Empresas.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/gerundio.mx\/descifrando-la-yosfera\/","url":"https:\/\/gerundio.mx\/descifrando-la-yosfera\/","name":"Descifrando la Y\u00f3sfera - Gerundio","isPartOf":{"@id":"https:\/\/gerundio.mx\/#website"},"primaryImageOfPage":{"@id":"https:\/\/gerundio.mx\/descifrando-la-yosfera\/#primaryimage"},"image":{"@id":"https:\/\/gerundio.mx\/descifrando-la-yosfera\/#primaryimage"},"thumbnailUrl":"https:\/\/gerundio.mx\/wp-content\/uploads\/2025\/06\/Gerundio_Descifrando_Relaciones_Interpersonales_Presentacion_Empresas.jpg","datePublished":"2025-05-29T18:56:10+00:00","dateModified":"2025-09-04T00:55:24+00:00","breadcrumb":{"@id":"https:\/\/gerundio.mx\/descifrando-la-yosfera\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/gerundio.mx\/descifrando-la-yosfera\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/gerundio.mx\/descifrando-la-yosfera\/#primaryimage","url":"https:\/\/gerundio.mx\/wp-content\/uploads\/2025\/06\/Gerundio_Descifrando_Relaciones_Interpersonales_Presentacion_Empresas.jpg","contentUrl":"https:\/\/gerundio.mx\/wp-content\/uploads\/2025\/06\/Gerundio_Descifrando_Relaciones_Interpersonales_Presentacion_Empresas.jpg","width":1000,"height":563},{"@type":"BreadcrumbList","@id":"https:\/\/gerundio.mx\/descifrando-la-yosfera\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/gerundio.mx\/"},{"@type":"ListItem","position":2,"name":"Descifrando la Y\u00f3sfera"}]},{"@type":"WebSite","@id":"https:\/\/gerundio.mx\/#website","url":"https:\/\/gerundio.mx\/","name":"Gerundio","description":"Ideas en Acci\u00f3n","publisher":{"@id":"https:\/\/gerundio.mx\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/gerundio.mx\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/gerundio.mx\/#organization","name":"Gerundio","url":"https:\/\/gerundio.mx\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/gerundio.mx\/#\/schema\/logo\/image\/","url":"https:\/\/gerundio.mx\/wp-content\/uploads\/2022\/05\/share.jpg","contentUrl":"https:\/\/gerundio.mx\/wp-content\/uploads\/2022\/05\/share.jpg","width":1251,"height":876,"caption":"Gerundio"},"image":{"@id":"https:\/\/gerundio.mx\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/ideasengerundio","https:\/\/www.instagram.com\/ideasengerundio\/","https:\/\/www.linkedin.com\/company\/ideasengerundio\/mycompany\/"]}]}},"_links":{"self":[{"href":"https:\/\/gerundio.mx\/en\/wp-json\/wp\/v2\/pages\/9395","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gerundio.mx\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gerundio.mx\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gerundio.mx\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gerundio.mx\/en\/wp-json\/wp\/v2\/comments?post=9395"}],"version-history":[{"count":7,"href":"https:\/\/gerundio.mx\/en\/wp-json\/wp\/v2\/pages\/9395\/revisions"}],"predecessor-version":[{"id":10221,"href":"https:\/\/gerundio.mx\/en\/wp-json\/wp\/v2\/pages\/9395\/revisions\/10221"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gerundio.mx\/en\/wp-json\/wp\/v2\/media\/9583"}],"wp:attachment":[{"href":"https:\/\/gerundio.mx\/en\/wp-json\/wp\/v2\/media?parent=9395"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}