Efecto de Repulsi\u00f3n de Texto<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n \/* Estilos base para el cuerpo *\/\r\n body {\r\n background-color: #0d1117; \/* Fondo oscuro *\/\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 100vh;\r\n margin: 0;\r\n overflow: hidden;\r\n font-family: 'Arial', sans-serif;\r\n color: #d1d1d1; \/* Color base para el texto que no se mueve *\/\r\n padding: 20px;\r\n }\r\n\r\n \/* Contenedor principal que simular\u00e1 un p\u00e1rrafo *\/\r\n #text-container {\r\n width: 80%; \/* Ancho para que parezca un bloque de texto *\/\r\n max-width: 900px;\r\n cursor: default;\r\n font-size: 1.5rem; \/* Tama\u00f1o de fuente m\u00e1s apropiado para un p\u00e1rrafo *\/\r\n font-weight: 400;\r\n line-height: 1.6;\r\n text-align: left;\r\n }\r\n \r\n \/* Estilos de las letras individuales (solo para el texto interactivo) *\/\r\n .letter {\r\n \/* Necesario para posicionar las letras con translate *\/\r\n position: relative; \r\n display: inline-block;\r\n transition: transform 0.1s ease-out; \/* Suaviza el movimiento *\/\r\n color: #1e90ff; \/* Color para destacar la parte interactiva *\/\r\n font-weight: 700;\r\n text-shadow: 0 0 8px #1e90ff60; \/* Sombra sutil *\/\r\n }\r\n\r\n \/* Responsive: Ajusta el tama\u00f1o de la fuente en pantallas peque\u00f1as *\/\r\n @media (max-width: 768px) {\r\n #text-container {\r\n font-size: 1rem;\r\n width: 95%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div id=\"text-container\">\r\n \r\n <\/div>\r\n\r\n <script>\r\n \/\/ Nuevo texto a usar\r\n const textToDisplay = \"Es una pregunta dif\u00edcil. Soy una mercenaria de la imagen, he hecho todo tipo de proyectos visuales, desde videoclips, portadas de \u00e1lbumes musicales, editoriales de moda... Nacida entre las piedras volc\u00e1nicas de Lanzarote y de familia gallega, he vivido entre los dos mejores paisajes del mundo, lo cual me ha obligado a dedicarme a lo visual.\";\r\n \r\n \/\/ Configuraci\u00f3n de la repulsi\u00f3n\r\n const REPULSION_DISTANCE = 80; \/\/ Rango de repulsi\u00f3n (m\u00e1s peque\u00f1o para letras m\u00e1s peque\u00f1as)\r\n const REPULSION_FORCE = 0.8; \/\/ Fuerza de repulsi\u00f3n\r\n\r\n const container = document.getElementById('text-container');\r\n let letters = [];\r\n \r\n \/**\r\n * Inicializa la estructura de las letras en el DOM.\r\n * Cada caracter se envuelve en un <span>.\r\n *\/\r\n function initializeText() {\r\n \/\/ Elimina contenido previo\r\n container.innerHTML = ''; \r\n \r\n \/\/ Recorre cada car\u00e1cter del texto\r\n for (let i = 0; i < textToDisplay.length; i++) {\r\n const char = textToDisplay[i];\r\n const letterElement = document.createElement('span');\r\n \r\n \/\/ Tratar los saltos de l\u00ednea y espacios de manera especial si es necesario, \r\n \/\/ pero generalmente solo se usan espacios y caracteres visibles.\r\n if (char === ' ') {\r\n letterElement.innerHTML = ' '; \/\/ Espacio no rompible\r\n } else {\r\n letterElement.textContent = char;\r\n }\r\n \r\n \/\/ Clase esencial para el movimiento\r\n letterElement.classList.add('letter');\r\n container.appendChild(letterElement);\r\n \r\n \/\/ Almacena las referencias\r\n letters.push({\r\n element: letterElement,\r\n originalX: 0, \r\n originalY: 0,\r\n x: 0,\r\n y: 0\r\n });\r\n }\r\n }\r\n\r\n \/**\r\n * Calcula la posici\u00f3n central de cada letra. Debe llamarse despu\u00e9s de que el DOM est\u00e9 listo\r\n * y despu\u00e9s de cualquier cambio de tama\u00f1o de ventana.\r\n *\/\r\n function calculateInitialPositions() {\r\n \/\/ Recalcula solo si hay letras\r\n if (letters.length === 0) return;\r\n \r\n \/\/ Forzar un rec\u00e1lculo de todas las letras\r\n letters.forEach(letter => {\r\n \/\/ Primero, reinicia la transformaci\u00f3n para obtener la posici\u00f3n verdadera sin movimiento\r\n letter.element.style.transform = `translate(0px, 0px)`;\r\n \r\n const rect = letter.element.getBoundingClientRect();\r\n \r\n \/\/ Calcula el punto central de cada letra\r\n letter.originalX = rect.left + rect.width \/ 2;\r\n letter.originalY = rect.top + rect.height \/ 2;\r\n });\r\n }\r\n\r\n \/**\r\n * Aplica la fuerza de repulsi\u00f3n o el regreso a la posici\u00f3n original.\r\n *\/\r\n function moveLetters(mouseX, mouseY) {\r\n letters.forEach(letter => {\r\n \/\/ Distancia entre el centro de la letra y el cursor\r\n const dx = letter.originalX - mouseX;\r\n const dy = letter.originalY - mouseY;\r\n const distance = Math.sqrt(dx * dx + dy * dy);\r\n\r\n let newX = 0;\r\n let newY = 0;\r\n\r\n \/\/ Aplicar repulsi\u00f3n si el rat\u00f3n est\u00e1 cerca\r\n if (distance < REPULSION_DISTANCE) {\r\n \/\/ Factor de fuerza (cuanto m\u00e1s cerca, m\u00e1s cerca de 1)\r\n const force = (REPULSION_DISTANCE - distance) \/ REPULSION_DISTANCE;\r\n\r\n \/\/ Calcula la nueva posici\u00f3n de repulsi\u00f3n\r\n newX = dx * force * REPULSION_FORCE;\r\n newY = dy * force * REPULSION_FORCE;\r\n }\r\n\r\n \/\/ Aplicar la transformaci\u00f3n CSS\r\n \/\/ El CSS se encarga de suavizar la transici\u00f3n (transform 0.1s)\r\n letter.element.style.transform = `translate(${newX}px, ${newY}px)`;\r\n });\r\n }\r\n \r\n \/\/ --- Event Listeners y Ejecuci\u00f3n ---\r\n\r\n window.addEventListener('resize', () => {\r\n \/\/ Peque\u00f1o retardo para asegurar que el DOM se haya redibujado\r\n setTimeout(calculateInitialPositions, 100); \r\n });\r\n\r\n window.addEventListener('mousemove', (event) => {\r\n moveLetters(event.clientX, event.clientY);\r\n });\r\n\r\n \/\/ Inicializaci\u00f3n al cargar la ventana\r\n window.onload = () => {\r\n initializeText();\r\n \/\/ Calcular posiciones por primera vez\r\n calculateInitialPositions(); \r\n };\r\n\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfQUI\u00c9N SOY?<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Efecto de Repulsi\u00f3n de Texto<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n \/* Estilos base para el cuerpo *\/\r\n body {\r\n background-color: #0d1117; \/* Fondo oscuro *\/\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 100vh;\r\n margin: 0;\r\n overflow: hidden;\r\n font-family: 'Arial', sans-serif;\r\n color: #d1d1d1; \/* Color base para el texto que no se mueve *\/\r\n padding: 20px;\r\n }\r\n\r\n \/* Contenedor principal que simular\u00e1 un p\u00e1rrafo *\/\r\n #text-container {\r\n width: 80%; \/* Ancho para que parezca un bloque de texto *\/\r\n max-width: 900px;\r\n cursor: default;\r\n font-size: 1.5rem; \/* Tama\u00f1o de fuente m\u00e1s apropiado para un p\u00e1rrafo *\/\r\n font-weight: 400;\r\n line-height: 1.6;\r\n text-align: left;\r\n }\r\n \r\n \/* Estilos de las letras individuales (solo para el texto interactivo) *\/\r\n .letter {\r\n \/* Necesario para posicionar las letras con translate *\/\r\n position: relative; \r\n display: inline-block;\r\n transition: transform 0.1s ease-out; \/* Suaviza el movimiento *\/\r\n color: #1e90ff; \/* Color para destacar la parte interactiva *\/\r\n font-weight: 700;\r\n text-shadow: 0 0 8px #1e90ff60; \/* Sombra sutil *\/\r\n }\r\n\r\n \/* Responsive: Ajusta el tama\u00f1o de la fuente en pantallas peque\u00f1as *\/\r\n @media (max-width: 768px) {\r\n #text-container {\r\n font-size: 1rem;\r\n width: 95%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div id=\"text-container\">\r\n \r\n <\/div>\r\n\r\n <script>\r\n \/\/ Nuevo texto a usar\r\n const textToDisplay = \"Es una pregunta dif\u00edcil. Soy una mercenaria de la imagen, he hecho todo tipo de proyectos visuales, desde videoclips, portadas de \u00e1lbumes musicales, editoriales de moda... Nacida entre las piedras volc\u00e1nicas de Lanzarote y de familia gallega, he vivido entre los dos mejores paisajes del mundo, lo cual me ha obligado a dedicarme a lo visual.\";\r\n \r\n \/\/ Configuraci\u00f3n de la repulsi\u00f3n\r\n const REPULSION_DISTANCE = 80; \/\/ Rango de repulsi\u00f3n (m\u00e1s peque\u00f1o para letras m\u00e1s peque\u00f1as)\r\n const REPULSION_FORCE = 0.8; \/\/ Fuerza de repulsi\u00f3n\r\n\r\n const container = document.getElementById('text-container');\r\n let letters = [];\r\n \r\n \/**\r\n * Inicializa la estructura de las letras en el DOM.\r\n * Cada caracter se envuelve en un <span>.\r\n *\/\r\n function initializeText() {\r\n \/\/ Elimina contenido previo\r\n container.innerHTML = ''; \r\n \r\n \/\/ Recorre cada car\u00e1cter del texto\r\n for (let i = 0; i < textToDisplay.length; i++) {\r\n const char = textToDisplay[i];\r\n const letterElement = document.createElement('span');\r\n \r\n \/\/ Tratar los saltos de l\u00ednea y espacios de manera especial si es necesario, \r\n \/\/ pero generalmente solo se usan espacios y caracteres visibles.\r\n if (char === ' ') {\r\n letterElement.innerHTML = ' '; \/\/ Espacio no rompible\r\n } else {\r\n letterElement.textContent = char;\r\n }\r\n \r\n \/\/ Clase esencial para el movimiento\r\n letterElement.classList.add('letter');\r\n container.appendChild(letterElement);\r\n \r\n \/\/ Almacena las referencias\r\n letters.push({\r\n element: letterElement,\r\n originalX: 0, \r\n originalY: 0,\r\n x: 0,\r\n y: 0\r\n });\r\n }\r\n }\r\n\r\n \/**\r\n * Calcula la posici\u00f3n central de cada letra. Debe llamarse despu\u00e9s de que el DOM est\u00e9 listo\r\n * y despu\u00e9s de cualquier cambio de tama\u00f1o de ventana.\r\n *\/\r\n function calculateInitialPositions() {\r\n \/\/ Recalcula solo si hay letras\r\n if (letters.length === 0) return;\r\n \r\n \/\/ Forzar un rec\u00e1lculo de todas las letras\r\n letters.forEach(letter => {\r\n \/\/ Primero, reinicia la transformaci\u00f3n para obtener la posici\u00f3n verdadera sin movimiento\r\n letter.element.style.transform = `translate(0px, 0px)`;\r\n \r\n const rect = letter.element.getBoundingClientRect();\r\n \r\n \/\/ Calcula el punto central de cada letra\r\n letter.originalX = rect.left + rect.width \/ 2;\r\n letter.originalY = rect.top + rect.height \/ 2;\r\n });\r\n }\r\n\r\n \/**\r\n * Aplica la fuerza de repulsi\u00f3n o el regreso a la posici\u00f3n original.\r\n *\/\r\n function moveLetters(mouseX, mouseY) {\r\n letters.forEach(letter => {\r\n \/\/ Distancia entre el centro de la letra y el cursor\r\n const dx = letter.originalX - mouseX;\r\n const dy = letter.originalY - mouseY;\r\n const distance = Math.sqrt(dx * dx + dy * dy);\r\n\r\n let newX = 0;\r\n let newY = 0;\r\n\r\n \/\/ Aplicar repulsi\u00f3n si el rat\u00f3n est\u00e1 cerca\r\n if (distance < REPULSION_DISTANCE) {\r\n \/\/ Factor de fuerza (cuanto m\u00e1s cerca, m\u00e1s cerca de 1)\r\n const force = (REPULSION_DISTANCE - distance) \/ REPULSION_DISTANCE;\r\n\r\n \/\/ Calcula la nueva posici\u00f3n de repulsi\u00f3n\r\n newX = dx * force * REPULSION_FORCE;\r\n newY = dy * force * REPULSION_FORCE;\r\n }\r\n\r\n \/\/ Aplicar la transformaci\u00f3n CSS\r\n \/\/ El CSS se encarga de suavizar la transici\u00f3n (transform 0.1s)\r\n letter.element.style.transform = `translate(${newX}px, ${newY}px)`;\r\n });\r\n }\r\n \r\n \/\/ --- Event Listeners y Ejecuci\u00f3n ---\r\n\r\n window.addEventListener('resize', () => {\r\n \/\/ Peque\u00f1o retardo para asegurar que el DOM se haya redibujado\r\n setTimeout(calculateInitialPositions, 100); \r\n });\r\n\r\n window.addEventListener('mousemove', (event) => {\r\n moveLetters(event.clientX, event.clientY);\r\n });\r\n\r\n \/\/ Inicializaci\u00f3n al cargar la ventana\r\n window.onload = () => {\r\n initializeText();\r\n \/\/ Calcular posiciones por primera vez\r\n calculateInitialPositions(); \r\n };\r\n\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-71","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>\u00bfQui\u00e9n soy? - Alejandra Louro<\/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:\/\/www.alejandralouro.com\/blog\/quien-soy\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00bfQui\u00e9n soy? - Alejandra Louro\" \/>\n<meta property=\"og:description\" content=\"\u00bfQUI\u00c9N SOY?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.alejandralouro.com\/blog\/quien-soy\/\" \/>\n<meta property=\"og:site_name\" content=\"Alejandra Louro\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-29T19:15:34+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.alejandralouro.com\/blog\/quien-soy\/\",\"url\":\"https:\/\/www.alejandralouro.com\/blog\/quien-soy\/\",\"name\":\"\u00bfQui\u00e9n soy? - Alejandra Louro\",\"isPartOf\":{\"@id\":\"https:\/\/www.alejandralouro.com\/blog\/#website\"},\"datePublished\":\"2025-10-28T17:15:48+00:00\",\"dateModified\":\"2025-10-29T19:15:34+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.alejandralouro.com\/blog\/quien-soy\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.alejandralouro.com\/blog\/quien-soy\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.alejandralouro.com\/blog\/quien-soy\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.alejandralouro.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00bfQui\u00e9n soy?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.alejandralouro.com\/blog\/#website\",\"url\":\"https:\/\/www.alejandralouro.com\/blog\/\",\"name\":\"Alejandra Louro\",\"description\":\"My WordPress Blog\",\"publisher\":{\"@id\":\"https:\/\/www.alejandralouro.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.alejandralouro.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.alejandralouro.com\/blog\/#organization\",\"name\":\"Alejandra Louro\",\"url\":\"https:\/\/www.alejandralouro.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.alejandralouro.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.alejandralouro.com\/blog\/wp-content\/uploads\/2025\/10\/LOGO-PARA-WEB.png\",\"contentUrl\":\"https:\/\/www.alejandralouro.com\/blog\/wp-content\/uploads\/2025\/10\/LOGO-PARA-WEB.png\",\"width\":397,\"height\":204,\"caption\":\"Alejandra Louro\"},\"image\":{\"@id\":\"https:\/\/www.alejandralouro.com\/blog\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"\u00bfQui\u00e9n soy? - Alejandra Louro","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:\/\/www.alejandralouro.com\/blog\/quien-soy\/","og_locale":"en_US","og_type":"article","og_title":"\u00bfQui\u00e9n soy? - Alejandra Louro","og_description":"\u00bfQUI\u00c9N SOY?","og_url":"https:\/\/www.alejandralouro.com\/blog\/quien-soy\/","og_site_name":"Alejandra Louro","article_modified_time":"2025-10-29T19:15:34+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.alejandralouro.com\/blog\/quien-soy\/","url":"https:\/\/www.alejandralouro.com\/blog\/quien-soy\/","name":"\u00bfQui\u00e9n soy? - Alejandra Louro","isPartOf":{"@id":"https:\/\/www.alejandralouro.com\/blog\/#website"},"datePublished":"2025-10-28T17:15:48+00:00","dateModified":"2025-10-29T19:15:34+00:00","breadcrumb":{"@id":"https:\/\/www.alejandralouro.com\/blog\/quien-soy\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.alejandralouro.com\/blog\/quien-soy\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.alejandralouro.com\/blog\/quien-soy\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.alejandralouro.com\/blog\/"},{"@type":"ListItem","position":2,"name":"\u00bfQui\u00e9n soy?"}]},{"@type":"WebSite","@id":"https:\/\/www.alejandralouro.com\/blog\/#website","url":"https:\/\/www.alejandralouro.com\/blog\/","name":"Alejandra Louro","description":"My WordPress Blog","publisher":{"@id":"https:\/\/www.alejandralouro.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.alejandralouro.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.alejandralouro.com\/blog\/#organization","name":"Alejandra Louro","url":"https:\/\/www.alejandralouro.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.alejandralouro.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.alejandralouro.com\/blog\/wp-content\/uploads\/2025\/10\/LOGO-PARA-WEB.png","contentUrl":"https:\/\/www.alejandralouro.com\/blog\/wp-content\/uploads\/2025\/10\/LOGO-PARA-WEB.png","width":397,"height":204,"caption":"Alejandra Louro"},"image":{"@id":"https:\/\/www.alejandralouro.com\/blog\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.alejandralouro.com\/blog\/wp-json\/wp\/v2\/pages\/71","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.alejandralouro.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.alejandralouro.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.alejandralouro.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.alejandralouro.com\/blog\/wp-json\/wp\/v2\/comments?post=71"}],"version-history":[{"count":12,"href":"https:\/\/www.alejandralouro.com\/blog\/wp-json\/wp\/v2\/pages\/71\/revisions"}],"predecessor-version":[{"id":159,"href":"https:\/\/www.alejandralouro.com\/blog\/wp-json\/wp\/v2\/pages\/71\/revisions\/159"}],"wp:attachment":[{"href":"https:\/\/www.alejandralouro.com\/blog\/wp-json\/wp\/v2\/media?parent=71"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":71,"date":"2025-10-28T17:15:48","date_gmt":"2025-10-28T17:15:48","guid":{"rendered":"https:\/\/www.alejandralouro.com\/blog\/?page_id=71"},"modified":"2025-10-29T19:15:34","modified_gmt":"2025-10-29T19:15:34","slug":"quien-soy","status":"publish","type":"page","link":"https:\/\/www.alejandralouro.com\/blog\/quien-soy\/","title":{"rendered":"\u00bfQui\u00e9n soy?"},"content":{"rendered":"

[et_pb_section fb_built=”1″ _builder_version=”4.27.4″ _module_preset=”default” background_color=”#000000″ global_colors_info=”{}” custom_padding=”||0px|||”][et_pb_row _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}” custom_padding=”||0px|||”][et_pb_column type=”4_4″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.27.4″ _module_preset=”default” text_text_color=”#170FFF” text_font_size=”100px” text_letter_spacing=”14px” transform_translate=”-123px|-94px” scroll_blur_enable=”on” hover_enabled=”0″ text_text_shadow_style=”preset1″ global_colors_info=”{}” transform_scale=”52%|52%” transform_translate_linked=”off” sticky_enabled=”0″]<\/p>\n

\u00bfQUI\u00c9N SOY?<\/strong><\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.27.4″ _module_preset=”default” background_color=”#000000″ global_colors_info=”{}”][et_pb_row column_structure=”2_5,3_5″ _builder_version=”4.27.4″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” transform_translate_linked=”off” transform_translate=”0px|-98px” sticky_enabled=”0″][et_pb_column type=”2_5″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https:\/\/www.alejandralouro.com\/blog\/wp-content\/uploads\/2025\/10\/DSCF0196-scaled.jpg” title_text=”DSCF0196″ _builder_version=”4.27.4″ _module_preset=”default” filter_saturate=”0%” filter_contrast=”154%” global_colors_info=”{}”][\/et_pb_image][\/et_pb_column][et_pb_column type=”3_5″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]\r\n\r\n\r\n \r\n \r\n Efecto de Repulsi\u00f3n de Texto<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n \/* Estilos base para el cuerpo *\/\r\n body {\r\n background-color: #0d1117; \/* Fondo oscuro *\/\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 100vh;\r\n margin: 0;\r\n overflow: hidden;\r\n font-family: 'Arial', sans-serif;\r\n color: #d1d1d1; \/* Color base para el texto que no se mueve *\/\r\n padding: 20px;\r\n }\r\n\r\n \/* Contenedor principal que simular\u00e1 un p\u00e1rrafo *\/\r\n #text-container {\r\n width: 80%; \/* Ancho para que parezca un bloque de texto *\/\r\n max-width: 900px;\r\n cursor: default;\r\n font-size: 1.5rem; \/* Tama\u00f1o de fuente m\u00e1s apropiado para un p\u00e1rrafo *\/\r\n font-weight: 400;\r\n line-height: 1.6;\r\n text-align: left;\r\n }\r\n \r\n \/* Estilos de las letras individuales (solo para el texto interactivo) *\/\r\n .letter {\r\n \/* Necesario para posicionar las letras con translate *\/\r\n position: relative; \r\n display: inline-block;\r\n transition: transform 0.1s ease-out; \/* Suaviza el movimiento *\/\r\n color: #1e90ff; \/* Color para destacar la parte interactiva *\/\r\n font-weight: 700;\r\n text-shadow: 0 0 8px #1e90ff60; \/* Sombra sutil *\/\r\n }\r\n\r\n \/* Responsive: Ajusta el tama\u00f1o de la fuente en pantallas peque\u00f1as *\/\r\n @media (max-width: 768px) {\r\n #text-container {\r\n font-size: 1rem;\r\n width: 95%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div id=\"text-container\">\r\n \r\n <\/div>\r\n\r\n <script>\r\n \/\/ Nuevo texto a usar\r\n const textToDisplay = \"Es una pregunta dif\u00edcil. Soy una mercenaria de la imagen, he hecho todo tipo de proyectos visuales, desde videoclips, portadas de \u00e1lbumes musicales, editoriales de moda... Nacida entre las piedras volc\u00e1nicas de Lanzarote y de familia gallega, he vivido entre los dos mejores paisajes del mundo, lo cual me ha obligado a dedicarme a lo visual.\";\r\n \r\n \/\/ Configuraci\u00f3n de la repulsi\u00f3n\r\n const REPULSION_DISTANCE = 80; \/\/ Rango de repulsi\u00f3n (m\u00e1s peque\u00f1o para letras m\u00e1s peque\u00f1as)\r\n const REPULSION_FORCE = 0.8; \/\/ Fuerza de repulsi\u00f3n\r\n\r\n const container = document.getElementById('text-container');\r\n let letters = [];\r\n \r\n \/**\r\n * Inicializa la estructura de las letras en el DOM.\r\n * Cada caracter se envuelve en un <span>.\r\n *\/\r\n function initializeText() {\r\n \/\/ Elimina contenido previo\r\n container.innerHTML = ''; \r\n \r\n \/\/ Recorre cada car\u00e1cter del texto\r\n for (let i = 0; i < textToDisplay.length; i++) {\r\n const char = textToDisplay[i];\r\n const letterElement = document.createElement('span');\r\n \r\n \/\/ Tratar los saltos de l\u00ednea y espacios de manera especial si es necesario, \r\n \/\/ pero generalmente solo se usan espacios y caracteres visibles.\r\n if (char === ' ') {\r\n letterElement.innerHTML = ' '; \/\/ Espacio no rompible\r\n } else {\r\n letterElement.textContent = char;\r\n }\r\n \r\n \/\/ Clase esencial para el movimiento\r\n letterElement.classList.add('letter');\r\n container.appendChild(letterElement);\r\n \r\n \/\/ Almacena las referencias\r\n letters.push({\r\n element: letterElement,\r\n originalX: 0, \r\n originalY: 0,\r\n x: 0,\r\n y: 0\r\n });\r\n }\r\n }\r\n\r\n \/**\r\n * Calcula la posici\u00f3n central de cada letra. Debe llamarse despu\u00e9s de que el DOM est\u00e9 listo\r\n * y despu\u00e9s de cualquier cambio de tama\u00f1o de ventana.\r\n *\/\r\n function calculateInitialPositions() {\r\n \/\/ Recalcula solo si hay letras\r\n if (letters.length === 0) return;\r\n \r\n \/\/ Forzar un rec\u00e1lculo de todas las letras\r\n letters.forEach(letter => {\r\n \/\/ Primero, reinicia la transformaci\u00f3n para obtener la posici\u00f3n verdadera sin movimiento\r\n letter.element.style.transform = `translate(0px, 0px)`;\r\n \r\n const rect = letter.element.getBoundingClientRect();\r\n \r\n \/\/ Calcula el punto central de cada letra\r\n letter.originalX = rect.left + rect.width \/ 2;\r\n letter.originalY = rect.top + rect.height \/ 2;\r\n });\r\n }\r\n\r\n \/**\r\n * Aplica la fuerza de repulsi\u00f3n o el regreso a la posici\u00f3n original.\r\n *\/\r\n function moveLetters(mouseX, mouseY) {\r\n letters.forEach(letter => {\r\n \/\/ Distancia entre el centro de la letra y el cursor\r\n const dx = letter.originalX - mouseX;\r\n const dy = letter.originalY - mouseY;\r\n const distance = Math.sqrt(dx * dx + dy * dy);\r\n\r\n let newX = 0;\r\n let newY = 0;\r\n\r\n \/\/ Aplicar repulsi\u00f3n si el rat\u00f3n est\u00e1 cerca\r\n if (distance < REPULSION_DISTANCE) {\r\n \/\/ Factor de fuerza (cuanto m\u00e1s cerca, m\u00e1s cerca de 1)\r\n const force = (REPULSION_DISTANCE - distance) \/ REPULSION_DISTANCE;\r\n\r\n \/\/ Calcula la nueva posici\u00f3n de repulsi\u00f3n\r\n newX = dx * force * REPULSION_FORCE;\r\n newY = dy * force * REPULSION_FORCE;\r\n }\r\n\r\n \/\/ Aplicar la transformaci\u00f3n CSS\r\n \/\/ El CSS se encarga de suavizar la transici\u00f3n (transform 0.1s)\r\n letter.element.style.transform = `translate(${newX}px, ${newY}px)`;\r\n });\r\n }\r\n \r\n \/\/ --- Event Listeners y Ejecuci\u00f3n ---\r\n\r\n window.addEventListener('resize', () => {\r\n \/\/ Peque\u00f1o retardo para asegurar que el DOM se haya redibujado\r\n setTimeout(calculateInitialPositions, 100); \r\n });\r\n\r\n window.addEventListener('mousemove', (event) => {\r\n moveLetters(event.clientX, event.clientY);\r\n });\r\n\r\n \/\/ Inicializaci\u00f3n al cargar la ventana\r\n window.onload = () => {\r\n initializeText();\r\n \/\/ Calcular posiciones por primera vez\r\n calculateInitialPositions(); \r\n };\r\n\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfQUI\u00c9N SOY?<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Efecto de Repulsi\u00f3n de Texto<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n \/* Estilos base para el cuerpo *\/\r\n body {\r\n background-color: #0d1117; \/* Fondo oscuro *\/\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 100vh;\r\n margin: 0;\r\n overflow: hidden;\r\n font-family: 'Arial', sans-serif;\r\n color: #d1d1d1; \/* Color base para el texto que no se mueve *\/\r\n padding: 20px;\r\n }\r\n\r\n \/* Contenedor principal que simular\u00e1 un p\u00e1rrafo *\/\r\n #text-container {\r\n width: 80%; \/* Ancho para que parezca un bloque de texto *\/\r\n max-width: 900px;\r\n cursor: default;\r\n font-size: 1.5rem; \/* Tama\u00f1o de fuente m\u00e1s apropiado para un p\u00e1rrafo *\/\r\n font-weight: 400;\r\n line-height: 1.6;\r\n text-align: left;\r\n }\r\n \r\n \/* Estilos de las letras individuales (solo para el texto interactivo) *\/\r\n .letter {\r\n \/* Necesario para posicionar las letras con translate *\/\r\n position: relative; \r\n display: inline-block;\r\n transition: transform 0.1s ease-out; \/* Suaviza el movimiento *\/\r\n color: #1e90ff; \/* Color para destacar la parte interactiva *\/\r\n font-weight: 700;\r\n text-shadow: 0 0 8px #1e90ff60; \/* Sombra sutil *\/\r\n }\r\n\r\n \/* Responsive: Ajusta el tama\u00f1o de la fuente en pantallas peque\u00f1as *\/\r\n @media (max-width: 768px) {\r\n #text-container {\r\n font-size: 1rem;\r\n width: 95%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div id=\"text-container\">\r\n \r\n <\/div>\r\n\r\n <script>\r\n \/\/ Nuevo texto a usar\r\n const textToDisplay = \"Es una pregunta dif\u00edcil. Soy una mercenaria de la imagen, he hecho todo tipo de proyectos visuales, desde videoclips, portadas de \u00e1lbumes musicales, editoriales de moda... Nacida entre las piedras volc\u00e1nicas de Lanzarote y de familia gallega, he vivido entre los dos mejores paisajes del mundo, lo cual me ha obligado a dedicarme a lo visual.\";\r\n \r\n \/\/ Configuraci\u00f3n de la repulsi\u00f3n\r\n const REPULSION_DISTANCE = 80; \/\/ Rango de repulsi\u00f3n (m\u00e1s peque\u00f1o para letras m\u00e1s peque\u00f1as)\r\n const REPULSION_FORCE = 0.8; \/\/ Fuerza de repulsi\u00f3n\r\n\r\n const container = document.getElementById('text-container');\r\n let letters = [];\r\n \r\n \/**\r\n * Inicializa la estructura de las letras en el DOM.\r\n * Cada caracter se envuelve en un <span>.\r\n *\/\r\n function initializeText() {\r\n \/\/ Elimina contenido previo\r\n container.innerHTML = ''; \r\n \r\n \/\/ Recorre cada car\u00e1cter del texto\r\n for (let i = 0; i < textToDisplay.length; i++) {\r\n const char = textToDisplay[i];\r\n const letterElement = document.createElement('span');\r\n \r\n \/\/ Tratar los saltos de l\u00ednea y espacios de manera especial si es necesario, \r\n \/\/ pero generalmente solo se usan espacios y caracteres visibles.\r\n if (char === ' ') {\r\n letterElement.innerHTML = ' '; \/\/ Espacio no rompible\r\n } else {\r\n letterElement.textContent = char;\r\n }\r\n \r\n \/\/ Clase esencial para el movimiento\r\n letterElement.classList.add('letter');\r\n container.appendChild(letterElement);\r\n \r\n \/\/ Almacena las referencias\r\n letters.push({\r\n element: letterElement,\r\n originalX: 0, \r\n originalY: 0,\r\n x: 0,\r\n y: 0\r\n });\r\n }\r\n }\r\n\r\n \/**\r\n * Calcula la posici\u00f3n central de cada letra. Debe llamarse despu\u00e9s de que el DOM est\u00e9 listo\r\n * y despu\u00e9s de cualquier cambio de tama\u00f1o de ventana.\r\n *\/\r\n function calculateInitialPositions() {\r\n \/\/ Recalcula solo si hay letras\r\n if (letters.length === 0) return;\r\n \r\n \/\/ Forzar un rec\u00e1lculo de todas las letras\r\n letters.forEach(letter => {\r\n \/\/ Primero, reinicia la transformaci\u00f3n para obtener la posici\u00f3n verdadera sin movimiento\r\n letter.element.style.transform = `translate(0px, 0px)`;\r\n \r\n const rect = letter.element.getBoundingClientRect();\r\n \r\n \/\/ Calcula el punto central de cada letra\r\n letter.originalX = rect.left + rect.width \/ 2;\r\n letter.originalY = rect.top + rect.height \/ 2;\r\n });\r\n }\r\n\r\n \/**\r\n * Aplica la fuerza de repulsi\u00f3n o el regreso a la posici\u00f3n original.\r\n *\/\r\n function moveLetters(mouseX, mouseY) {\r\n letters.forEach(letter => {\r\n \/\/ Distancia entre el centro de la letra y el cursor\r\n const dx = letter.originalX - mouseX;\r\n const dy = letter.originalY - mouseY;\r\n const distance = Math.sqrt(dx * dx + dy * dy);\r\n\r\n let newX = 0;\r\n let newY = 0;\r\n\r\n \/\/ Aplicar repulsi\u00f3n si el rat\u00f3n est\u00e1 cerca\r\n if (distance < REPULSION_DISTANCE) {\r\n \/\/ Factor de fuerza (cuanto m\u00e1s cerca, m\u00e1s cerca de 1)\r\n const force = (REPULSION_DISTANCE - distance) \/ REPULSION_DISTANCE;\r\n\r\n \/\/ Calcula la nueva posici\u00f3n de repulsi\u00f3n\r\n newX = dx * force * REPULSION_FORCE;\r\n newY = dy * force * REPULSION_FORCE;\r\n }\r\n\r\n \/\/ Aplicar la transformaci\u00f3n CSS\r\n \/\/ El CSS se encarga de suavizar la transici\u00f3n (transform 0.1s)\r\n letter.element.style.transform = `translate(${newX}px, ${newY}px)`;\r\n });\r\n }\r\n \r\n \/\/ --- Event Listeners y Ejecuci\u00f3n ---\r\n\r\n window.addEventListener('resize', () => {\r\n \/\/ Peque\u00f1o retardo para asegurar que el DOM se haya redibujado\r\n setTimeout(calculateInitialPositions, 100); \r\n });\r\n\r\n window.addEventListener('mousemove', (event) => {\r\n moveLetters(event.clientX, event.clientY);\r\n });\r\n\r\n \/\/ Inicializaci\u00f3n al cargar la ventana\r\n window.onload = () => {\r\n initializeText();\r\n \/\/ Calcular posiciones por primera vez\r\n calculateInitialPositions(); \r\n };\r\n\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-71","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>\u00bfQui\u00e9n soy? - Alejandra Louro<\/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:\/\/www.alejandralouro.com\/blog\/quien-soy\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00bfQui\u00e9n soy? - Alejandra Louro\" \/>\n<meta property=\"og:description\" content=\"\u00bfQUI\u00c9N SOY?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.alejandralouro.com\/blog\/quien-soy\/\" \/>\n<meta property=\"og:site_name\" content=\"Alejandra Louro\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-29T19:15:34+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.alejandralouro.com\/blog\/quien-soy\/\",\"url\":\"https:\/\/www.alejandralouro.com\/blog\/quien-soy\/\",\"name\":\"\u00bfQui\u00e9n soy? - Alejandra Louro\",\"isPartOf\":{\"@id\":\"https:\/\/www.alejandralouro.com\/blog\/#website\"},\"datePublished\":\"2025-10-28T17:15:48+00:00\",\"dateModified\":\"2025-10-29T19:15:34+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.alejandralouro.com\/blog\/quien-soy\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.alejandralouro.com\/blog\/quien-soy\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.alejandralouro.com\/blog\/quien-soy\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.alejandralouro.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00bfQui\u00e9n soy?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.alejandralouro.com\/blog\/#website\",\"url\":\"https:\/\/www.alejandralouro.com\/blog\/\",\"name\":\"Alejandra Louro\",\"description\":\"My WordPress Blog\",\"publisher\":{\"@id\":\"https:\/\/www.alejandralouro.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.alejandralouro.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.alejandralouro.com\/blog\/#organization\",\"name\":\"Alejandra Louro\",\"url\":\"https:\/\/www.alejandralouro.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.alejandralouro.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.alejandralouro.com\/blog\/wp-content\/uploads\/2025\/10\/LOGO-PARA-WEB.png\",\"contentUrl\":\"https:\/\/www.alejandralouro.com\/blog\/wp-content\/uploads\/2025\/10\/LOGO-PARA-WEB.png\",\"width\":397,\"height\":204,\"caption\":\"Alejandra Louro\"},\"image\":{\"@id\":\"https:\/\/www.alejandralouro.com\/blog\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"\u00bfQui\u00e9n soy? - Alejandra Louro","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:\/\/www.alejandralouro.com\/blog\/quien-soy\/","og_locale":"en_US","og_type":"article","og_title":"\u00bfQui\u00e9n soy? - Alejandra Louro","og_description":"\u00bfQUI\u00c9N SOY?","og_url":"https:\/\/www.alejandralouro.com\/blog\/quien-soy\/","og_site_name":"Alejandra Louro","article_modified_time":"2025-10-29T19:15:34+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.alejandralouro.com\/blog\/quien-soy\/","url":"https:\/\/www.alejandralouro.com\/blog\/quien-soy\/","name":"\u00bfQui\u00e9n soy? - Alejandra Louro","isPartOf":{"@id":"https:\/\/www.alejandralouro.com\/blog\/#website"},"datePublished":"2025-10-28T17:15:48+00:00","dateModified":"2025-10-29T19:15:34+00:00","breadcrumb":{"@id":"https:\/\/www.alejandralouro.com\/blog\/quien-soy\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.alejandralouro.com\/blog\/quien-soy\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.alejandralouro.com\/blog\/quien-soy\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.alejandralouro.com\/blog\/"},{"@type":"ListItem","position":2,"name":"\u00bfQui\u00e9n soy?"}]},{"@type":"WebSite","@id":"https:\/\/www.alejandralouro.com\/blog\/#website","url":"https:\/\/www.alejandralouro.com\/blog\/","name":"Alejandra Louro","description":"My WordPress Blog","publisher":{"@id":"https:\/\/www.alejandralouro.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.alejandralouro.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.alejandralouro.com\/blog\/#organization","name":"Alejandra Louro","url":"https:\/\/www.alejandralouro.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.alejandralouro.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.alejandralouro.com\/blog\/wp-content\/uploads\/2025\/10\/LOGO-PARA-WEB.png","contentUrl":"https:\/\/www.alejandralouro.com\/blog\/wp-content\/uploads\/2025\/10\/LOGO-PARA-WEB.png","width":397,"height":204,"caption":"Alejandra Louro"},"image":{"@id":"https:\/\/www.alejandralouro.com\/blog\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.alejandralouro.com\/blog\/wp-json\/wp\/v2\/pages\/71","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.alejandralouro.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.alejandralouro.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.alejandralouro.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.alejandralouro.com\/blog\/wp-json\/wp\/v2\/comments?post=71"}],"version-history":[{"count":12,"href":"https:\/\/www.alejandralouro.com\/blog\/wp-json\/wp\/v2\/pages\/71\/revisions"}],"predecessor-version":[{"id":159,"href":"https:\/\/www.alejandralouro.com\/blog\/wp-json\/wp\/v2\/pages\/71\/revisions\/159"}],"wp:attachment":[{"href":"https:\/\/www.alejandralouro.com\/blog\/wp-json\/wp\/v2\/media?parent=71"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}