{"id":6,"date":"2025-11-11T22:04:45","date_gmt":"2025-11-11T22:04:45","guid":{"rendered":"https:\/\/magenta-trout-305462.hostingersite.com\/?page_id=6"},"modified":"2026-09-23T16:04:11","modified_gmt":"2026-09-23T16:04:11","slug":"inicio","status":"publish","type":"page","link":"https:\/\/mainou.art\/es\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6\" class=\"elementor elementor-6\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a75cf08 e-con-full e-flex e-con e-child\" data-id=\"a75cf08\" 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-89fd07a e-con-full e-flex e-con e-child\" data-id=\"89fd07a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<a class=\"elementor-element elementor-element-3afdca9 e-con-full e-flex e-con e-child\" data-id=\"3afdca9\" data-element_type=\"container\" data-e-type=\"container\" href=\"#\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5bb9edd elementor-widget elementor-widget-softlite_image\" data-id=\"5bb9edd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"softlite_image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-image\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/artist-canvas-site.lovable.app\/assets\/mainou-icon-purple-Ufs9KA0Y.png\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e7f2f70 elementor-widget elementor-widget-softlite_image\" data-id=\"e7f2f70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"softlite_image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-image\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/artist-canvas-site.lovable.app\/assets\/mainou-logo-purple-jvWOv6xw.png\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d9a73a elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-softlite_dynamic_list\" data-id=\"6d9a73a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"softlite_dynamic_list.default\">\n\t\t\t\t\t<div class=\"softlite-wrapper\"> <div class=\"qbx6v8s0 softlite-dynamic-list\" data-softlite-slider=\"{&quot;enable&quot;:false,&quot;swiperOptions&quot;:{&quot;breakpoints&quot;:{&quot;2400&quot;:{&quot;slidesPerView&quot;:null,&quot;slidesPerGroup&quot;:null,&quot;spaceBetween&quot;:&quot;&quot;},&quot;1366&quot;:{&quot;slidesPerView&quot;:null,&quot;slidesPerGroup&quot;:null,&quot;spaceBetween&quot;:&quot;&quot;},&quot;1200&quot;:{&quot;slidesPerView&quot;:null,&quot;slidesPerGroup&quot;:null,&quot;spaceBetween&quot;:&quot;&quot;},&quot;1024&quot;:{&quot;slidesPerView&quot;:null,&quot;slidesPerGroup&quot;:null,&quot;spaceBetween&quot;:&quot;&quot;},&quot;880&quot;:{&quot;slidesPerView&quot;:null,&quot;slidesPerGroup&quot;:null,&quot;spaceBetween&quot;:&quot;&quot;},&quot;767&quot;:{&quot;slidesPerView&quot;:null,&quot;slidesPerGroup&quot;:null,&quot;spaceBetween&quot;:&quot;&quot;},&quot;0&quot;:{&quot;slidesPerView&quot;:null,&quot;slidesPerGroup&quot;:null,&quot;spaceBetween&quot;:&quot;&quot;}}}}\"><a href=\"#obrasseleccionadas\" href=\"#obrasseleccionadas\" class=\"vcj3zimz softlite-dynamic-list-item softlite-dynamic-list-item-inner softlite-dynamic-list-item-button softlite-dynamic-list-item-button-text\">Obras<\/a><a href=\"#laartista\" href=\"#laartista\" class=\"vcj3zimz softlite-dynamic-list-item softlite-dynamic-list-item-inner softlite-dynamic-list-item-button softlite-dynamic-list-item-button-text\">Sobre M\u00ed<\/a><a href=\"#mitrayectoria\" href=\"#mitrayectoria\" class=\"vcj3zimz softlite-dynamic-list-item softlite-dynamic-list-item-inner softlite-dynamic-list-item-button softlite-dynamic-list-item-button-text\">Trayectoria<\/a><a href=\"#proximosproyectos\" href=\"#proximosproyectos\" class=\"vcj3zimz softlite-dynamic-list-item softlite-dynamic-list-item-inner softlite-dynamic-list-item-button softlite-dynamic-list-item-button-text\">Exposiciones<\/a><a href=\"#videos\" href=\"#videos\" class=\"vcj3zimz softlite-dynamic-list-item softlite-dynamic-list-item-inner softlite-dynamic-list-item-button softlite-dynamic-list-item-button-text\">Videos<\/a><a href=\"#estudiomn\" href=\"#estudiomn\" class=\"vcj3zimz softlite-dynamic-list-item softlite-dynamic-list-item-inner softlite-dynamic-list-item-button softlite-dynamic-list-item-button-text\">Estudio<\/a><a href=\"#anclamn\" href=\"#anclamn\" class=\"vcj3zimz softlite-dynamic-list-item softlite-dynamic-list-item-inner softlite-dynamic-list-item-button softlite-dynamic-list-item-button-text\">Contacto<\/a><\/div> <\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8301b81 elementor-widget elementor-widget-html\" data-id=\"8301b81\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<button class=\"sywpvp6m\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"napdemcj\"><\/svg><\/button>\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-9ac5a81 e-con-full e-flex e-con e-child\" data-id=\"9ac5a81\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8297a3e elementor-widget elementor-widget-softlite_dynamic_card_box\" data-id=\"8297a3e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"softlite_dynamic_card_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t \n\t\t\t\t<section class=\"softlite-dynamic-card-box yrk1agya\"><div class=\"fl7nt6uw\"><img decoding=\"async\" class=\"l1bfer7z softlite-dynamic-icon\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2026\/01\/mans.webp\" \/><\/div><div class=\"fiwqpfvz\"><div class=\"hawyzeu3\"><h1 class=\"mowjspks softlite-dynamic-card-box-text-1\">Pilar Mainou<\/h1><\/div><\/div><\/section> \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-6a341b3 e-con-full e-flex e-con e-child\" data-id=\"6a341b3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b12668 elementor-widget elementor-widget-menu-anchor\" data-id=\"6b12668\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"laartista\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-13c4eac elementor-widget elementor-widget-softlite_dynamic_card_box\" data-id=\"13c4eac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"softlite_dynamic_card_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <section class=\"softlite-dynamic-card-box ejeksxel softlite-dynamic-card-box-background-color-1\"><div class=\"kr4xjqkk\"><div class=\"hy3zwsoj\"><div class=\"m045j5kj\"><h2 class=\"aykvrm83 softlite-dynamic-card-box-text-1\">La Artista <\/h2><\/div><div class=\"chj9sfy7\"><p class=\"uu37604l softlite-dynamic-card-box-text-2\">Pilar es una artista abstracta mexicana, cuya obra explora la emoci\u00f3n, la luz y el movimiento como lenguaje. Con una amplia formaci\u00f3n en Diseno y creaci\u00f3n de Joyeria y una sensibilidad profundamente est\u00e9tica.<\/p><p class=\"f4a4fc1p softlite-dynamic-card-box-text-3\">Pilar transforma el color y la textura en experiencias visuales, que evocan, equilibrio,energ\u00eda y conexi\u00f3n. Su marca Mainou refleja la uni\u00f3n entre la precisi\u00f3n del detalle y la libertad del gesto, <\/p><p class=\"dc8l3g4y softlite-dynamic-card-box-text-4\">\"Creando obras que invitan a sentir m\u00e1s\u00a0que\u00a0a\u00a0mirar\"<\/p><\/div><\/div><\/div><\/section> \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-63afede e-con-full e-flex e-con e-child\" data-id=\"63afede\" 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-6122ae2 e-con-full e-flex e-con e-child\" data-id=\"6122ae2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4ace5a elementor-widget elementor-widget-menu-anchor\" data-id=\"b4ace5a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"obrasseleccionadas\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38f50c7 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"38f50c7\" 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\">Obras Seleccionadas<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-52ab1c1 e-con-full e-flex e-con e-child\" data-id=\"52ab1c1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e2d02f elementor-widget elementor-widget-html\" data-id=\"1e2d02f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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    <style>\r\n        \/* Estilos encapsulados con prefijo mainou- *\/\r\n        .mainou-artwork-container {\r\n            font-family: 'Neuton', serif;\r\n            font-weight: 300;\r\n            max-width: 900px;\r\n            width: 100%;\r\n            margin: 0 auto;\r\n            text-align: center;\r\n            padding: 20px;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .mainou-preview-wrapper {\r\n            cursor: pointer;\r\n            display: inline-block;\r\n            width: 100%;\r\n        }\r\n\r\n        .mainou-preview-image {\r\n            width: 100%;\r\n            max-width: 900px;\r\n            height: auto;\r\n            border-radius: 8px;\r\n            box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n            display: block;\r\n        }\r\n\r\n        .mainou-preview-image:hover {\r\n            transform: scale(1.02);\r\n            box-shadow: 0 6px 20px rgba(0,0,0,0.15);\r\n        }\r\n\r\n        .mainou-artwork-title {\r\n            margin-top: 20px;\r\n            font-size: 32px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n            line-height: 1.4;\r\n        }\r\n\r\n        .mainou-popup-overlay {\r\n            display: none;\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.9);\r\n            z-index: 999999;\r\n            animation: mainouFadeIn 0.3s ease;\r\n            overflow-y: auto;\r\n            padding: 20px;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .mainou-popup-overlay.mainou-active {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        @keyframes mainouFadeIn {\r\n            from {\r\n                opacity: 0;\r\n            }\r\n            to {\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        .mainou-popup-content {\r\n            position: relative;\r\n            max-width: 95%;\r\n            display: flex;\r\n            gap: 30px;\r\n            align-items: flex-start;\r\n            margin: auto;\r\n        }\r\n\r\n        .mainou-popup-image-wrapper {\r\n            position: relative;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .mainou-popup-image {\r\n            max-width: 900px;\r\n            max-height: 90vh;\r\n            width: auto;\r\n            height: auto;\r\n            display: block;\r\n            border-radius: 8px;\r\n            cursor: none;\r\n        }\r\n\r\n        .mainou-popup-image.mainou-zooming {\r\n            cursor: none;\r\n        }\r\n\r\n        .mainou-close-btn {\r\n            position: absolute;\r\n            top: -25px;\r\n            right: -25px;\r\n            width: 45px;\r\n            height: 45px;\r\n            background: white;\r\n            border: none;\r\n            border-radius: 50%;\r\n            font-size: 28px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.5);\r\n            transition: all 0.2s ease;\r\n            z-index: 1000000;\r\n            color: #442C39;\r\n            line-height: 1;\r\n            font-family: Arial, sans-serif;\r\n        }\r\n\r\n        .mainou-close-btn:hover {\r\n            transform: scale(1.15);\r\n            background: #1d7a7a;\r\n            color: white;\r\n        }\r\n\r\n        .mainou-magnifier {\r\n            position: absolute;\r\n            width: 180px;\r\n            height: 180px;\r\n            border: 3px solid #1d7a7a;\r\n            border-radius: 50%;\r\n            pointer-events: none;\r\n            display: none;\r\n            background-repeat: no-repeat;\r\n            background-size: 250%;\r\n            box-shadow: 0 4px 12px rgba(0,0,0,0.4);\r\n            z-index: 1000001;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .mainou-magnifier::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 40px;\r\n            height: 40px;\r\n            background-image: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%231d7a7a\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/><\/svg>');\r\n            background-size: contain;\r\n            background-repeat: no-repeat;\r\n            opacity: 0.3;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .mainou-ficha-tecnica {\r\n            background: white;\r\n            padding: 30px;\r\n            border-radius: 8px;\r\n            min-width: 280px;\r\n            max-width: 350px;\r\n            text-align: left;\r\n            box-shadow: 0 4px 12px rgba(0,0,0,0.2);\r\n            font-family: 'Neuton', serif;\r\n        }\r\n\r\n        .mainou-ficha-tecnica h3 {\r\n            color: #442C39;\r\n            font-size: 24px;\r\n            margin: 0 0 20px 0;\r\n            font-weight: 300;\r\n            border-bottom: 2px solid #1d7a7a;\r\n            padding-bottom: 10px;\r\n        }\r\n\r\n        .mainou-ficha-item {\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .mainou-ficha-label {\r\n            color: #1d7a7a;\r\n            font-size: 16px;\r\n            font-weight: 400;\r\n            display: block;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .mainou-ficha-value {\r\n            color: #442C39;\r\n            font-size: 18px;\r\n            display: block;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .mainou-artwork-title {\r\n                font-size: 24px;\r\n            }\r\n\r\n            .mainou-preview-image {\r\n                max-width: 100%;\r\n            }\r\n\r\n            .mainou-popup-content {\r\n                flex-direction: column;\r\n                align-items: center;\r\n                max-height: none;\r\n            }\r\n\r\n            .mainou-popup-overlay.mainou-active {\r\n                align-items: flex-start;\r\n            }\r\n\r\n            .mainou-popup-image {\r\n                max-width: 100%;\r\n                max-height: 50vh;\r\n            }\r\n\r\n            .mainou-magnifier {\r\n                width: 140px;\r\n                height: 140px;\r\n                background-size: 250%;\r\n            }\r\n\r\n            .mainou-ficha-tecnica {\r\n                width: 100%;\r\n                max-width: 100%;\r\n            }\r\n\r\n            .mainou-close-btn {\r\n                top: -20px;\r\n                right: -20px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .mainou-artwork-container {\r\n                padding: 10px;\r\n            }\r\n\r\n            .mainou-popup-overlay {\r\n                padding: 10px;\r\n            }\r\n\r\n            .mainou-ficha-tecnica {\r\n                padding: 20px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- C\u00f3digo para insertar en Widget HTML de Elementor -->\r\n    <div class=\"mainou-artwork-container\">\r\n        <div class=\"mainou-preview-wrapper\" id=\"mainouPreviewWrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2026\/06\/04-METAMORFOSIS-scaled.webp\" \r\n                 alt=\"Preview\" \r\n                 class=\"mainou-preview-image\" \r\n                 id=\"mainouPreviewImage\">\r\n        <\/div>\r\n        <h2 class=\"mainou-artwork-title\">Metamorfosis<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"mainou-popup-overlay\" id=\"mainouPopupOverlay\">\r\n        <div class=\"mainou-popup-content\">\r\n            <div class=\"mainou-popup-image-wrapper\" id=\"mainouPopupImageWrapper\">\r\n                <button class=\"mainou-close-btn\" id=\"mainouCloseBtn\" aria-label=\"Cerrar\">&times;<\/button>\r\n                <img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2026\/06\/04-METAMORFOSIS-scaled.webp\" \r\n                     alt=\"Imagen ampliada metamorfosis\" \r\n                     class=\"mainou-popup-image\" \r\n                     id=\"mainouPopupImage\">\r\n                <div class=\"mainou-magnifier\" id=\"mainouMagnifier\"><\/div>\r\n            <\/div>\r\n            <div class=\"mainou-ficha-tecnica\">\r\n                <h3>Ficha T\u00e9cnica<\/h3>\r\n                <div class=\"mainou-ficha-item\">\r\n                    <span class=\"mainou-ficha-label\">T\u00edtulo:<\/span>\r\n                    <span class=\"mainou-ficha-value\">Metamorfosis<\/span>\r\n                <\/div>\r\n                <div class=\"mainou-ficha-item\">\r\n                    <span class=\"mainou-ficha-label\">T\u00e9cnica:<\/span>\r\n                    <span class=\"mainou-ficha-value\">Acr\u00edlico sobre lienzo<\/span>\r\n                <\/div>\r\n                <div class=\"mainou-ficha-item\">\r\n                    <span class=\"mainou-ficha-label\">Tama\u00f1o:<\/span>\r\n                    <span class=\"mainou-ficha-value\"> 150 x 150 cms<\/span>\r\n                <\/div>\r\n                <div class=\"mainou-ficha-item\">\r\n                    <span class=\"mainou-ficha-label\">Fecha:<\/span>\r\n                    <span class=\"mainou-ficha-value\">2026<\/span>\r\n                <\/div>\r\n                <div class=\"mainou-ficha-item\">\r\n                    <span class=\"mainou-ficha-label\">Firma:<\/span>\r\n                    <span class=\"mainou-ficha-value\">Pilar Mainou<\/span>\r\n                <\/div>\r\n                <div class=\"mainou-ficha-item\">\r\n                    <span class=\"mainou-ficha-label\">Obra:<\/span>\r\n                    <span class=\"mainou-ficha-value\">Obra \u00fanica<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        (function() {\r\n            'use strict';\r\n            \r\n            document.addEventListener('DOMContentLoaded', function() {\r\n                const previewWrapper = document.getElementById('mainouPreviewWrapper');\r\n                const popupOverlay = document.getElementById('mainouPopupOverlay');\r\n                const popupImage = document.getElementById('mainouPopupImage');\r\n                const popupImageWrapper = document.getElementById('mainouPopupImageWrapper');\r\n                const closeBtn = document.getElementById('mainouCloseBtn');\r\n                const magnifier = document.getElementById('mainouMagnifier');\r\n\r\n                if (!previewWrapper || !popupOverlay || !popupImage || !closeBtn || !magnifier) {\r\n                    return;\r\n                }\r\n\r\n                \/\/ Abrir popup solo con click\r\n                previewWrapper.addEventListener('click', function(e) {\r\n                    e.preventDefault();\r\n                    popupOverlay.classList.add('mainou-active');\r\n                    document.body.style.overflow = 'hidden';\r\n                });\r\n\r\n                \/\/ Cerrar popup con bot\u00f3n\r\n                closeBtn.addEventListener('click', function(e) {\r\n                    e.stopPropagation();\r\n                    popupOverlay.classList.remove('mainou-active');\r\n                    document.body.style.overflow = '';\r\n                    magnifier.style.display = 'none';\r\n                });\r\n\r\n                \/\/ Cerrar con tecla Escape\r\n                document.addEventListener('keydown', function(e) {\r\n                    if (e.key === 'Escape' && popupOverlay.classList.contains('mainou-active')) {\r\n                        popupOverlay.classList.remove('mainou-active');\r\n                        document.body.style.overflow = '';\r\n                        magnifier.style.display = 'none';\r\n                    }\r\n                });\r\n\r\n                \/\/ Prevenir cierre al hacer clic en el contenido\r\n                document.querySelector('.mainou-popup-content').addEventListener('click', function(e) {\r\n                    e.stopPropagation();\r\n                });\r\n\r\n                \/\/ Efecto lupa con zoom 2.5x\r\n                popupImage.addEventListener('mousemove', function(e) {\r\n                    const rect = popupImage.getBoundingClientRect();\r\n                    const x = e.clientX - rect.left;\r\n                    const y = e.clientY - rect.top;\r\n\r\n                    magnifier.style.display = 'block';\r\n                    \r\n                    \/\/ Posicionar la lupa centrada en el cursor (radio 90px para 180px de di\u00e1metro)\r\n                    const magnifierRadius = 90;\r\n                    let magnifierX = x - magnifierRadius;\r\n                    let magnifierY = y - magnifierRadius;\r\n                    \r\n                    magnifier.style.left = magnifierX + 'px';\r\n                    magnifier.style.top = magnifierY + 'px';\r\n\r\n                    \/\/ Calcular la posici\u00f3n del background para el zoom 2.5x\r\n                    const bgX = (x \/ rect.width) * 100;\r\n                    const bgY = (y \/ rect.height) * 100;\r\n\r\n                    magnifier.style.backgroundImage = 'url(\"' + popupImage.src + '\")';\r\n                    magnifier.style.backgroundPosition = bgX + '% ' + bgY + '%';\r\n                });\r\n\r\n                popupImage.addEventListener('mouseleave', function() {\r\n                    magnifier.style.display = 'none';\r\n                });\r\n\r\n                \/\/ Soporte t\u00e1ctil para m\u00f3viles\r\n                let touchTimeout;\r\n                popupImage.addEventListener('touchstart', function(e) {\r\n                    e.preventDefault();\r\n                    const touch = e.touches[0];\r\n                    const rect = popupImage.getBoundingClientRect();\r\n                    const x = touch.clientX - rect.left;\r\n                    const y = touch.clientY - rect.top;\r\n\r\n                    magnifier.style.display = 'block';\r\n                    \r\n                    const magnifierRadius = 70;\r\n                    let magnifierX = x - magnifierRadius;\r\n                    let magnifierY = y - magnifierRadius;\r\n                    \r\n                    magnifier.style.left = magnifierX + 'px';\r\n                    magnifier.style.top = magnifierY + 'px';\r\n\r\n                    const bgX = (x \/ rect.width) * 100;\r\n                    const bgY = (y \/ rect.height) * 100;\r\n\r\n                    magnifier.style.backgroundImage = 'url(\"' + popupImage.src + '\")';\r\n                    magnifier.style.backgroundPosition = bgX + '% ' + bgY + '%';\r\n                });\r\n\r\n                popupImage.addEventListener('touchmove', function(e) {\r\n                    e.preventDefault();\r\n                    const touch = e.touches[0];\r\n                    const rect = popupImage.getBoundingClientRect();\r\n                    const x = touch.clientX - rect.left;\r\n                    const y = touch.clientY - rect.top;\r\n\r\n                    const magnifierRadius = 70;\r\n                    let magnifierX = x - magnifierRadius;\r\n                    let magnifierY = y - magnifierRadius;\r\n                    \r\n                    magnifier.style.left = magnifierX + 'px';\r\n                    magnifier.style.top = magnifierY + 'px';\r\n\r\n                    const bgX = (x \/ rect.width) * 100;\r\n                    const bgY = (y \/ rect.height) * 100;\r\n\r\n                    magnifier.style.backgroundPosition = bgX + '% ' + bgY + '%';\r\n                });\r\n\r\n                popupImage.addEventListener('touchend', function() {\r\n                    clearTimeout(touchTimeout);\r\n                    touchTimeout = setTimeout(function() {\r\n                        magnifier.style.display = 'none';\r\n                    }, 300);\r\n                });\r\n            });\r\n        })();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ffc1a7 elementor-widget elementor-widget-html\" data-id=\"9ffc1a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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>Los Peregrinos - Visor con Zoom<\/title>\r\n    <style>\r\n        \/* Estilos encapsulados con prefijo peregrinos- *\/\r\n        .peregrinos-artwork-container {\r\n            font-family: 'Neuton', serif;\r\n            font-weight: 300;\r\n            max-width: 900px;\r\n            width: 100%;\r\n            margin: 0 auto;\r\n            text-align: center;\r\n            padding: 20px;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .peregrinos-preview-wrapper {\r\n            cursor: pointer;\r\n            display: inline-block;\r\n            width: 100%;\r\n        }\r\n\r\n        .peregrinos-preview-image {\r\n            width: 100%;\r\n            max-width: 900px;\r\n            height: auto;\r\n            border-radius: 8px;\r\n            box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n            display: block;\r\n        }\r\n\r\n        .peregrinos-preview-image:hover {\r\n            transform: scale(1.02);\r\n            box-shadow: 0 6px 20px rgba(0,0,0,0.15);\r\n        }\r\n\r\n        .peregrinos-artwork-title {\r\n            margin-top: 20px;\r\n            font-size: 32px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n            line-height: 1.4;\r\n        }\r\n\r\n        .peregrinos-popup-overlay {\r\n            display: none;\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.9);\r\n            z-index: 999999;\r\n            animation: peregrinosFadeIn 0.3s ease;\r\n            overflow-y: auto;\r\n            padding: 20px;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .peregrinos-popup-overlay.peregrinos-active {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        @keyframes peregrinosFadeIn {\r\n            from { opacity: 0; }\r\n            to { opacity: 1; }\r\n        }\r\n\r\n        .peregrinos-popup-content {\r\n            position: relative;\r\n            max-width: 95%;\r\n            display: flex;\r\n            gap: 30px;\r\n            align-items: flex-start;\r\n            margin: auto;\r\n        }\r\n\r\n        .peregrinos-popup-image-wrapper {\r\n            position: relative;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .peregrinos-popup-image {\r\n            max-width: 900px;\r\n            max-height: 90vh;\r\n            width: auto;\r\n            height: auto;\r\n            display: block;\r\n            border-radius: 8px;\r\n            cursor: none;\r\n        }\r\n\r\n        .peregrinos-popup-image.peregrinos-zooming {\r\n            cursor: none;\r\n        }\r\n\r\n        .peregrinos-close-btn {\r\n            position: absolute;\r\n            top: -25px;\r\n            right: -25px;\r\n            width: 45px;\r\n            height: 45px;\r\n            background: white;\r\n            border: none;\r\n            border-radius: 50%;\r\n            font-size: 28px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.5);\r\n            transition: all 0.2s ease;\r\n            z-index: 1000000;\r\n            color: #442C39;\r\n            line-height: 1;\r\n            font-family: Arial, sans-serif;\r\n        }\r\n\r\n        .peregrinos-close-btn:hover {\r\n            transform: scale(1.15);\r\n            background: #1d7a7a;\r\n            color: white;\r\n        }\r\n\r\n        .peregrinos-magnifier {\r\n            position: absolute;\r\n            width: 180px;\r\n            height: 180px;\r\n            border: 3px solid #1d7a7a;\r\n            border-radius: 50%;\r\n            pointer-events: none;\r\n            display: none;\r\n            background-repeat: no-repeat;\r\n            background-size: 250%;\r\n            box-shadow: 0 4px 12px rgba(0,0,0,0.4);\r\n            z-index: 1000001;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .peregrinos-magnifier::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 40px;\r\n            height: 40px;\r\n            background-image: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%231d7a7a\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/><\/svg>');\r\n            background-size: contain;\r\n            background-repeat: no-repeat;\r\n            opacity: 0.3;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .peregrinos-ficha-tecnica {\r\n            background: white;\r\n            padding: 30px;\r\n            border-radius: 8px;\r\n            min-width: 280px;\r\n            max-width: 350px;\r\n            text-align: left;\r\n            box-shadow: 0 4px 12px rgba(0,0,0,0.2);\r\n            font-family: 'Neuton', serif;\r\n        }\r\n\r\n        .peregrinos-ficha-tecnica h3 {\r\n            color: #442C39;\r\n            font-size: 24px;\r\n            margin: 0 0 20px 0;\r\n            font-weight: 300;\r\n            border-bottom: 2px solid #1d7a7a;\r\n            padding-bottom: 10px;\r\n        }\r\n\r\n        .peregrinos-ficha-item {\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .peregrinos-ficha-label {\r\n            color: #1d7a7a;\r\n            font-size: 16px;\r\n            font-weight: 400;\r\n            display: block;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .peregrinos-ficha-value {\r\n            color: #442C39;\r\n            font-size: 18px;\r\n            display: block;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .peregrinos-artwork-title { font-size: 24px; }\r\n            .peregrinos-preview-image { max-width: 100%; }\r\n            .peregrinos-popup-content { flex-direction: column; align-items: center; max-height: none; }\r\n            .peregrinos-popup-overlay.peregrinos-active { align-items: flex-start; }\r\n            .peregrinos-popup-image { max-width: 100%; max-height: 50vh; }\r\n            .peregrinos-magnifier { width: 140px; height: 140px; background-size: 250%; }\r\n            .peregrinos-ficha-tecnica { width: 100%; max-width: 100%; }\r\n            .peregrinos-close-btn { top: -20px; right: -20px; }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .peregrinos-artwork-container { padding: 10px; }\r\n            .peregrinos-popup-overlay { padding: 10px; }\r\n            .peregrinos-ficha-tecnica { padding: 20px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- C\u00f3digo para insertar en Widget HTML de Elementor -->\r\n    <div class=\"peregrinos-artwork-container\">\r\n        <div class=\"peregrinos-preview-wrapper\" id=\"peregrinosPreviewWrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2025\/11\/DSCF1643.webp\" \r\n                 alt=\"Los Peregrinos Preview\" \r\n                 class=\"peregrinos-preview-image\" \r\n                 id=\"peregrinosPreviewImage\">\r\n        <\/div>\r\n        <h2 class=\"peregrinos-artwork-title\">Los Peregrinos<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"peregrinos-popup-overlay\" id=\"peregrinosPopupOverlay\">\r\n        <div class=\"peregrinos-popup-content\">\r\n            <div class=\"peregrinos-popup-image-wrapper\" id=\"peregrinosPopupImageWrapper\">\r\n                <button class=\"peregrinos-close-btn\" id=\"peregrinosCloseBtn\" aria-label=\"Cerrar\">&times;<\/button>\r\n                <img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2025\/11\/DSCF1643.webp\" \r\n                     alt=\"Los Peregrinos ampliada\" \r\n                     class=\"peregrinos-popup-image\" \r\n                     id=\"peregrinosPopupImage\">\r\n                <div class=\"peregrinos-magnifier\" id=\"peregrinosMagnifier\"><\/div>\r\n            <\/div>\r\n            <div class=\"peregrinos-ficha-tecnica\">\r\n                <h3>Ficha T\u00e9cnica<\/h3>\r\n                <div class=\"peregrinos-ficha-item\">\r\n                    <span class=\"peregrinos-ficha-label\">T\u00edtulo:<\/span>\r\n                    <span class=\"peregrinos-ficha-value\">Los Peregrinos<\/span>\r\n                <\/div>\r\n                <div class=\"peregrinos-ficha-item\">\r\n                    <span class=\"peregrinos-ficha-label\">T\u00e9cnica:<\/span>\r\n                    <span class=\"peregrinos-ficha-value\">Acr\u00edlico sobre lienzo<\/span>\r\n                <\/div>\r\n                <div class=\"peregrinos-ficha-item\">\r\n                    <span class=\"peregrinos-ficha-label\">Tama\u00f1o:<\/span>\r\n                    <span class=\"peregrinos-ficha-value\">120 x 120 cms<\/span>\r\n                <\/div>\r\n                <div class=\"peregrinos-ficha-item\">\r\n                    <span class=\"peregrinos-ficha-label\">Fecha:<\/span>\r\n                    <span class=\"peregrinos-ficha-value\">2025<\/span>\r\n                <\/div>\r\n                <div class=\"peregrinos-ficha-item\">\r\n                    <span class=\"peregrinos-ficha-label\">Firma:<\/span>\r\n                    <span class=\"peregrinos-ficha-value\">Pilar Mainou<\/span>\r\n                <\/div>\r\n                <div class=\"peregrinos-ficha-item\">\r\n                    <span class=\"peregrinos-ficha-label\">Obra:<\/span>\r\n                    <span class=\"peregrinos-ficha-value\">Obra \u00fanica<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        (function() {\r\n            'use strict';\r\n            \r\n            document.addEventListener('DOMContentLoaded', function() {\r\n                const previewWrapper = document.getElementById('peregrinosPreviewWrapper');\r\n                const popupOverlay = document.getElementById('peregrinosPopupOverlay');\r\n                const popupImage = document.getElementById('peregrinosPopupImage');\r\n                const popupImageWrapper = document.getElementById('peregrinosPopupImageWrapper');\r\n                const closeBtn = document.getElementById('peregrinosCloseBtn');\r\n                const magnifier = document.getElementById('peregrinosMagnifier');\r\n\r\n                if (!previewWrapper || !popupOverlay || !popupImage || !closeBtn || !magnifier) {\r\n                    return;\r\n                }\r\n\r\n                previewWrapper.addEventListener('click', function(e) {\r\n                    e.preventDefault();\r\n                    popupOverlay.classList.add('peregrinos-active');\r\n                    document.body.style.overflow = 'hidden';\r\n                });\r\n\r\n                closeBtn.addEventListener('click', function(e) {\r\n                    e.stopPropagation();\r\n                    popupOverlay.classList.remove('peregrinos-active');\r\n                    document.body.style.overflow = '';\r\n                    magnifier.style.display = 'none';\r\n                });\r\n\r\n                document.addEventListener('keydown', function(e) {\r\n                    if (e.key === 'Escape' && popupOverlay.classList.contains('peregrinos-active')) {\r\n                        popupOverlay.classList.remove('peregrinos-active');\r\n                        document.body.style.overflow = '';\r\n                        magnifier.style.display = 'none';\r\n                    }\r\n                });\r\n\r\n                document.querySelector('.peregrinos-popup-content').addEventListener('click', function(e) {\r\n                    e.stopPropagation();\r\n                });\r\n\r\n                popupImage.addEventListener('mousemove', function(e) {\r\n                    const rect = popupImage.getBoundingClientRect();\r\n                    const x = e.clientX - rect.left;\r\n                    const y = e.clientY - rect.top;\r\n\r\n                    magnifier.style.display = 'block';\r\n                    \r\n                    const magnifierRadius = 90;\r\n                    magnifier.style.left = (x - magnifierRadius) + 'px';\r\n                    magnifier.style.top = (y - magnifierRadius) + 'px';\r\n\r\n                    const bgX = (x \/ rect.width) * 100;\r\n                    const bgY = (y \/ rect.height) * 100;\r\n\r\n                    magnifier.style.backgroundImage = 'url(\"' + popupImage.src + '\")';\r\n                    magnifier.style.backgroundPosition = bgX + '% ' + bgY + '%';\r\n                });\r\n\r\n                popupImage.addEventListener('mouseleave', function() {\r\n                    magnifier.style.display = 'none';\r\n                });\r\n\r\n                let touchTimeout;\r\n                popupImage.addEventListener('touchstart', function(e) {\r\n                    e.preventDefault();\r\n                    const touch = e.touches[0];\r\n                    const rect = popupImage.getBoundingClientRect();\r\n                    const x = touch.clientX - rect.left;\r\n                    const y = touch.clientY - rect.top;\r\n\r\n                    magnifier.style.display = 'block';\r\n                    \r\n                    const magnifierRadius = 70;\r\n                    magnifier.style.left = (x - magnifierRadius) + 'px';\r\n                    magnifier.style.top = (y - magnifierRadius) + 'px';\r\n\r\n                    const bgX = (x \/ rect.width) * 100;\r\n                    const bgY = (y \/ rect.height) * 100;\r\n\r\n                    magnifier.style.backgroundImage = 'url(\"' + popupImage.src + '\")';\r\n                    magnifier.style.backgroundPosition = bgX + '% ' + bgY + '%';\r\n                });\r\n\r\n                popupImage.addEventListener('touchmove', function(e) {\r\n                    e.preventDefault();\r\n                    const touch = e.touches[0];\r\n                    const rect = popupImage.getBoundingClientRect();\r\n                    const x = touch.clientX - rect.left;\r\n                    const y = touch.clientY - rect.top;\r\n\r\n                    const magnifierRadius = 70;\r\n                    magnifier.style.left = (x - magnifierRadius) + 'px';\r\n                    magnifier.style.top = (y - magnifierRadius) + 'px';\r\n\r\n                    const bgX = (x \/ rect.width) * 100;\r\n                    const bgY = (y \/ rect.height) * 100;\r\n\r\n                    magnifier.style.backgroundPosition = bgX + '% ' + bgY + '%';\r\n                });\r\n\r\n                popupImage.addEventListener('touchend', function() {\r\n                    clearTimeout(touchTimeout);\r\n                    touchTimeout = setTimeout(function() {\r\n                        magnifier.style.display = 'none';\r\n                    }, 300);\r\n                });\r\n            });\r\n        })();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4752b40 elementor-widget elementor-widget-html\" data-id=\"4752b40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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>El Aliento \/ La Exhalaci\u00f3n - Visor con Zoom<\/title>\r\n    <style>\r\n        \/* Estilos encapsulados con prefijo aliento- *\/\r\n        .aliento-artwork-container {\r\n            font-family: 'Neuton', serif;\r\n            font-weight: 300;\r\n            max-width: 900px;\r\n            width: 100%;\r\n            margin: 0 auto;\r\n            text-align: center;\r\n            padding: 20px;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .aliento-preview-wrapper {\r\n            cursor: pointer;\r\n            display: inline-block;\r\n            width: 100%;\r\n        }\r\n\r\n        .aliento-preview-image {\r\n            width: 100%;\r\n            max-width: 900px;\r\n            height: auto;\r\n            border-radius: 8px;\r\n            box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n            display: block;\r\n        }\r\n\r\n        .aliento-preview-image:hover {\r\n            transform: scale(1.02);\r\n            box-shadow: 0 6px 20px rgba(0,0,0,0.15);\r\n        }\r\n\r\n        .aliento-artwork-title {\r\n            margin-top: 20px;\r\n            font-size: 32px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n            line-height: 1.4;\r\n        }\r\n\r\n        .aliento-popup-overlay {\r\n            display: none;\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.9);\r\n            z-index: 999999;\r\n            animation: alientoFadeIn 0.3s ease;\r\n            overflow-y: auto;\r\n            padding: 20px;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .aliento-popup-overlay.aliento-active {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        @keyframes alientoFadeIn {\r\n            from { opacity: 0; }\r\n            to { opacity: 1; }\r\n        }\r\n\r\n        .aliento-popup-content {\r\n            position: relative;\r\n            max-width: 95%;\r\n            display: flex;\r\n            gap: 30px;\r\n            align-items: flex-start;\r\n            margin: auto;\r\n        }\r\n\r\n        .aliento-popup-image-wrapper {\r\n            position: relative;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .aliento-popup-image {\r\n            max-width: 900px;\r\n            max-height: 90vh;\r\n            width: auto;\r\n            height: auto;\r\n            display: block;\r\n            border-radius: 8px;\r\n            cursor: none;\r\n        }\r\n\r\n        .aliento-popup-image.aliento-zooming {\r\n            cursor: none;\r\n        }\r\n\r\n        .aliento-close-btn {\r\n            position: absolute;\r\n            top: -25px;\r\n            right: -25px;\r\n            width: 45px;\r\n            height: 45px;\r\n            background: white;\r\n            border: none;\r\n            border-radius: 50%;\r\n            font-size: 28px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.5);\r\n            transition: all 0.2s ease;\r\n            z-index: 1000000;\r\n            color: #442C39;\r\n            line-height: 1;\r\n            font-family: Arial, sans-serif;\r\n        }\r\n\r\n        .aliento-close-btn:hover {\r\n            transform: scale(1.15);\r\n            background: #1d7a7a;\r\n            color: white;\r\n        }\r\n\r\n        .aliento-magnifier {\r\n            position: absolute;\r\n            width: 180px;\r\n            height: 180px;\r\n            border: 3px solid #1d7a7a;\r\n            border-radius: 50%;\r\n            pointer-events: none;\r\n            display: none;\r\n            background-repeat: no-repeat;\r\n            background-size: 250%;\r\n            box-shadow: 0 4px 12px rgba(0,0,0,0.4);\r\n            z-index: 1000001;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .aliento-magnifier::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 40px;\r\n            height: 40px;\r\n            background-image: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%231d7a7a\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/><\/svg>');\r\n            background-size: contain;\r\n            background-repeat: no-repeat;\r\n            opacity: 0.3;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .aliento-ficha-tecnica {\r\n            background: white;\r\n            padding: 30px;\r\n            border-radius: 8px;\r\n            min-width: 280px;\r\n            max-width: 350px;\r\n            text-align: left;\r\n            box-shadow: 0 4px 12px rgba(0,0,0,0.2);\r\n            font-family: 'Neuton', serif;\r\n        }\r\n\r\n        .aliento-ficha-tecnica h3 {\r\n            color: #442C39;\r\n            font-size: 24px;\r\n            margin: 0 0 20px 0;\r\n            font-weight: 300;\r\n            border-bottom: 2px solid #1d7a7a;\r\n            padding-bottom: 10px;\r\n        }\r\n\r\n        .aliento-ficha-item {\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .aliento-ficha-label {\r\n            color: #1d7a7a;\r\n            font-size: 16px;\r\n            font-weight: 400;\r\n            display: block;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .aliento-ficha-value {\r\n            color: #442C39;\r\n            font-size: 18px;\r\n            display: block;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .aliento-artwork-title { font-size: 24px; }\r\n            .aliento-preview-image { max-width: 100%; }\r\n            .aliento-popup-content { flex-direction: column; align-items: center; max-height: none; }\r\n            .aliento-popup-overlay.aliento-active { align-items: flex-start; }\r\n            .aliento-popup-image { max-width: 100%; max-height: 50vh; }\r\n            .aliento-magnifier { width: 140px; height: 140px; background-size: 250%; }\r\n            .aliento-ficha-tecnica { width: 100%; max-width: 100%; }\r\n            .aliento-close-btn { top: -20px; right: -20px; }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .aliento-artwork-container { padding: 10px; }\r\n            .aliento-popup-overlay { padding: 10px; }\r\n            .aliento-ficha-tecnica { padding: 20px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- C\u00f3digo para insertar en Widget HTML de Elementor -->\r\n    <div class=\"aliento-artwork-container\">\r\n        <div class=\"aliento-preview-wrapper\" id=\"alientoPreviewWrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2025\/11\/El-Aliento.webp\" \r\n                 alt=\"El Aliento \/ La Exhalaci\u00f3n Preview\" \r\n                 class=\"aliento-preview-image\" \r\n                 id=\"alientoPreviewImage\">\r\n        <\/div>\r\n        <h2 class=\"aliento-artwork-title\">El Aliento \/ La Exhalaci\u00f3n<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"aliento-popup-overlay\" id=\"alientoPopupOverlay\">\r\n        <div class=\"aliento-popup-content\">\r\n            <div class=\"aliento-popup-image-wrapper\" id=\"alientoPopupImageWrapper\">\r\n                <button class=\"aliento-close-btn\" id=\"alientoCloseBtn\" aria-label=\"Cerrar\">&times;<\/button>\r\n                <img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2025\/11\/El-Aliento.webp\" \r\n                     alt=\"El Aliento \/ La Exhalaci\u00f3n ampliada\" \r\n                     class=\"aliento-popup-image\" \r\n                     id=\"alientoPopupImage\">\r\n                <div class=\"aliento-magnifier\" id=\"alientoMagnifier\"><\/div>\r\n            <\/div>\r\n            <div class=\"aliento-ficha-tecnica\">\r\n                <h3>Ficha T\u00e9cnica<\/h3>\r\n                <div class=\"aliento-ficha-item\">\r\n                    <span class=\"aliento-ficha-label\">T\u00edtulo:<\/span>\r\n                    <span class=\"aliento-ficha-value\">El Aliento<\/span>\r\n                <\/div>\r\n                <div class=\"aliento-ficha-item\">\r\n                    <span class=\"aliento-ficha-label\">T\u00e9cnica:<\/span>\r\n                    <span class=\"aliento-ficha-value\">Acr\u00edlico sobre lienzo<\/span>\r\n                <\/div>\r\n                <div class=\"aliento-ficha-item\">\r\n                    <span class=\"aliento-ficha-label\">Tama\u00f1o:<\/span>\r\n                    <span class=\"aliento-ficha-value\">120 x 120 cms<\/span>\r\n                <\/div>\r\n                <div class=\"aliento-ficha-item\">\r\n                    <span class=\"aliento-ficha-label\">Fecha:<\/span>\r\n                    <span class=\"aliento-ficha-value\">2025<\/span>\r\n                <\/div>\r\n                <div class=\"aliento-ficha-item\">\r\n                    <span class=\"aliento-ficha-label\">Firma:<\/span>\r\n                    <span class=\"aliento-ficha-value\">Pilar Mainou<\/span>\r\n                <\/div>\r\n                <div class=\"aliento-ficha-item\">\r\n                    <span class=\"aliento-ficha-label\">Obra:<\/span>\r\n                    <span class=\"aliento-ficha-value\">Obra \u00fanica<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        (function() {\r\n            'use strict';\r\n            \r\n            document.addEventListener('DOMContentLoaded', function() {\r\n                const previewWrapper = document.getElementById('alientoPreviewWrapper');\r\n                const popupOverlay = document.getElementById('alientoPopupOverlay');\r\n                const popupImage = document.getElementById('alientoPopupImage');\r\n                const popupImageWrapper = document.getElementById('alientoPopupImageWrapper');\r\n                const closeBtn = document.getElementById('alientoCloseBtn');\r\n                const magnifier = document.getElementById('alientoMagnifier');\r\n\r\n                if (!previewWrapper || !popupOverlay || !popupImage || !closeBtn || !magnifier) {\r\n                    return;\r\n                }\r\n\r\n                previewWrapper.addEventListener('click', function(e) {\r\n                    e.preventDefault();\r\n                    popupOverlay.classList.add('aliento-active');\r\n                    document.body.style.overflow = 'hidden';\r\n                });\r\n\r\n                closeBtn.addEventListener('click', function(e) {\r\n                    e.stopPropagation();\r\n                    popupOverlay.classList.remove('aliento-active');\r\n                    document.body.style.overflow = '';\r\n                    magnifier.style.display = 'none';\r\n                });\r\n\r\n                document.addEventListener('keydown', function(e) {\r\n                    if (e.key === 'Escape' && popupOverlay.classList.contains('aliento-active')) {\r\n                        popupOverlay.classList.remove('aliento-active');\r\n                        document.body.style.overflow = '';\r\n                        magnifier.style.display = 'none';\r\n                    }\r\n                });\r\n\r\n                document.querySelector('.aliento-popup-content').addEventListener('click', function(e) {\r\n                    e.stopPropagation();\r\n                });\r\n\r\n                popupImage.addEventListener('mousemove', function(e) {\r\n                    const rect = popupImage.getBoundingClientRect();\r\n                    const x = e.clientX - rect.left;\r\n                    const y = e.clientY - rect.top;\r\n\r\n                    magnifier.style.display = 'block';\r\n                    \r\n                    const magnifierRadius = 90;\r\n                    magnifier.style.left = (x - magnifierRadius) + 'px';\r\n                    magnifier.style.top = (y - magnifierRadius) + 'px';\r\n\r\n                    const bgX = (x \/ rect.width) * 100;\r\n                    const bgY = (y \/ rect.height) * 100;\r\n\r\n                    magnifier.style.backgroundImage = 'url(\"' + popupImage.src + '\")';\r\n                    magnifier.style.backgroundPosition = bgX + '% ' + bgY + '%';\r\n                });\r\n\r\n                popupImage.addEventListener('mouseleave', function() {\r\n                    magnifier.style.display = 'none';\r\n                });\r\n\r\n                let touchTimeout;\r\n                popupImage.addEventListener('touchstart', function(e) {\r\n                    e.preventDefault();\r\n                    const touch = e.touches[0];\r\n                    const rect = popupImage.getBoundingClientRect();\r\n                    const x = touch.clientX - rect.left;\r\n                    const y = touch.clientY - rect.top;\r\n\r\n                    magnifier.style.display = 'block';\r\n                    \r\n                    const magnifierRadius = 70;\r\n                    magnifier.style.left = (x - magnifierRadius) + 'px';\r\n                    magnifier.style.top = (y - magnifierRadius) + 'px';\r\n\r\n                    const bgX = (x \/ rect.width) * 100;\r\n                    const bgY = (y \/ rect.height) * 100;\r\n\r\n                    magnifier.style.backgroundImage = 'url(\"' + popupImage.src + '\")';\r\n                    magnifier.style.backgroundPosition = bgX + '% ' + bgY + '%';\r\n                });\r\n\r\n                popupImage.addEventListener('touchmove', function(e) {\r\n                    e.preventDefault();\r\n                    const touch = e.touches[0];\r\n                    const rect = popupImage.getBoundingClientRect();\r\n                    const x = touch.clientX - rect.left;\r\n                    const y = touch.clientY - rect.top;\r\n\r\n                    const magnifierRadius = 70;\r\n                    magnifier.style.left = (x - magnifierRadius) + 'px';\r\n                    magnifier.style.top = (y - magnifierRadius) + 'px';\r\n\r\n                    const bgX = (x \/ rect.width) * 100;\r\n                    const bgY = (y \/ rect.height) * 100;\r\n\r\n                    magnifier.style.backgroundPosition = bgX + '% ' + bgY + '%';\r\n                });\r\n\r\n                popupImage.addEventListener('touchend', function() {\r\n                    clearTimeout(touchTimeout);\r\n                    touchTimeout = setTimeout(function() {\r\n                        magnifier.style.display = 'none';\r\n                    }, 300);\r\n                });\r\n            });\r\n        })();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e4f788d elementor-widget elementor-widget-html\" data-id=\"e4f788d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <style>\r\n        * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        .alfinteencontre-artwork-container {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            padding: 40px 20px;\r\n            font-family: 'Neuton', serif;\r\n            font-weight: 300;\r\n        }\r\n\r\n        .alfinteencontre-preview-wrapper {\r\n            width: 100%;\r\n            aspect-ratio: 16 \/ 9;\r\n            position: relative;\r\n            cursor: pointer;\r\n            overflow: hidden;\r\n            border-radius: 4px;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .alfinteencontre-preview-wrapper:hover {\r\n            transform: scale(1.02);\r\n        }\r\n\r\n        .alfinteencontre-preview-image {\r\n            width: 100%;\r\n            height: 100%;\r\n            display: block;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .alfinteencontre-artwork-title {\r\n            font-size: 32px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n            margin-top: 30px;\r\n            text-align: center;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        \/* POPUP OVERLAY *\/\r\n        .alfinteencontre-popup-overlay {\r\n            display: none;\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.95);\r\n            z-index: 999999;\r\n            justify-content: center;\r\n            align-items: center;\r\n            padding: 20px;\r\n            overflow-y: auto;\r\n            animation: alfinteencontreFadeIn 0.3s ease;\r\n        }\r\n\r\n        .alfinteencontre-popup-overlay.alfinteencontre-active {\r\n            display: flex;\r\n        }\r\n\r\n        @keyframes alfinteencontreFadeIn {\r\n            from { opacity: 0; }\r\n            to { opacity: 1; }\r\n        }\r\n\r\n        .alfinteencontre-popup-content {\r\n            position: relative;\r\n            display: flex;\r\n            gap: 40px;\r\n            align-items: flex-start;\r\n            margin: auto;\r\n            max-width: 1400px;\r\n            width: 100%;\r\n        }\r\n\r\n        .alfinteencontre-popup-image-wrapper {\r\n            position: relative;\r\n            flex: 1;\r\n            min-width: 0;\r\n            display: flex;\r\n            justify-content: center;\r\n        }\r\n\r\n        .alfinteencontre-close-btn {\r\n            position: absolute;\r\n            top: -35px;\r\n            right: -35px;\r\n            width: 50px;\r\n            height: 50px;\r\n            border-radius: 50%;\r\n            background: white;\r\n            color: #442C39;\r\n            border: none;\r\n            font-size: 32px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            z-index: 1000000;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);\r\n            transition: all 0.3s ease;\r\n            font-family: Arial, sans-serif;\r\n            line-height: 1;\r\n        }\r\n\r\n        .alfinteencontre-close-btn:hover {\r\n            background: #1d7a7a;\r\n            color: white;\r\n            transform: scale(1.15);\r\n        }\r\n\r\n        .alfinteencontre-popup-image {\r\n            max-width: 100%;\r\n            max-height: 85vh;\r\n            width: auto;\r\n            height: auto;\r\n            display: block;\r\n            cursor: none;\r\n            position: relative;\r\n            border-radius: 4px;\r\n        }\r\n\r\n        .alfinteencontre-magnifier {\r\n            position: absolute;\r\n            width: 180px;\r\n            height: 180px;\r\n            border: 3px solid #1d7a7a;\r\n            border-radius: 50%;\r\n            pointer-events: none;\r\n            display: none;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\r\n            background-repeat: no-repeat;\r\n            background-size: 250%;\r\n            z-index: 1000001;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .alfinteencontre-magnifier::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 40px;\r\n            height: 40px;\r\n            opacity: 0.3;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%231d7a7a' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'\/%3E%3Cpath d='m21 21-4.35-4.35'\/%3E%3C\/svg%3E\");\r\n            background-size: contain;\r\n            background-repeat: no-repeat;\r\n        }\r\n\r\n        .alfinteencontre-ficha-tecnica {\r\n            background: white;\r\n            padding: 35px;\r\n            border-radius: 4px;\r\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\r\n            width: 100%;\r\n            max-width: 380px;\r\n            font-family: 'Neuton', serif;\r\n            flex-shrink: 0;\r\n            height: fit-content;\r\n            position: sticky;\r\n            top: 40px;\r\n        }\r\n\r\n        .alfinteencontre-ficha-tecnica h3 {\r\n            font-size: 26px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n            margin: 0 0 25px 0;\r\n            padding-bottom: 18px;\r\n            border-bottom: 2px solid #1d7a7a;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .alfinteencontre-ficha-item {\r\n            margin-bottom: 22px;\r\n        }\r\n\r\n        .alfinteencontre-ficha-item:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .alfinteencontre-ficha-label {\r\n            font-size: 13px;\r\n            color: #1d7a7a;\r\n            font-weight: 400;\r\n            margin-bottom: 6px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .alfinteencontre-ficha-value {\r\n            font-size: 18px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n            line-height: 1.4;\r\n        }\r\n\r\n        \/* RESPONSIVE *\/\r\n        @media (max-width: 1024px) {\r\n            .alfinteencontre-popup-content {\r\n                flex-direction: column;\r\n                align-items: center;\r\n                gap: 30px;\r\n            }\r\n\r\n            .alfinteencontre-popup-image-wrapper {\r\n                width: 100%;\r\n            }\r\n\r\n            .alfinteencontre-ficha-tecnica {\r\n                max-width: 100%;\r\n                position: static;\r\n                top: auto;\r\n            }\r\n\r\n            .alfinteencontre-popup-image {\r\n                max-height: 70vh;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .alfinteencontre-artwork-container {\r\n                padding: 20px 15px;\r\n            }\r\n\r\n            .alfinteencontre-preview-wrapper {\r\n                aspect-ratio: 4 \/ 3;\r\n            }\r\n\r\n            .alfinteencontre-artwork-title {\r\n                font-size: 24px;\r\n                margin-top: 20px;\r\n            }\r\n\r\n            .alfinteencontre-popup-overlay {\r\n                padding: 15px;\r\n                align-items: flex-start;\r\n                padding-top: 60px;\r\n            }\r\n\r\n            .alfinteencontre-popup-content {\r\n                gap: 20px;\r\n            }\r\n\r\n            .alfinteencontre-popup-image {\r\n                max-height: 55vh;\r\n            }\r\n\r\n            .alfinteencontre-magnifier {\r\n                width: 120px;\r\n                height: 120px;\r\n            }\r\n\r\n            .alfinteencontre-ficha-tecnica {\r\n                padding: 25px;\r\n                max-width: 100%;\r\n            }\r\n\r\n            .alfinteencontre-ficha-tecnica h3 {\r\n                font-size: 22px;\r\n                margin-bottom: 18px;\r\n            }\r\n\r\n            .alfinteencontre-ficha-label {\r\n                font-size: 12px;\r\n            }\r\n\r\n            .alfinteencontre-ficha-value {\r\n                font-size: 16px;\r\n            }\r\n\r\n            .alfinteencontre-close-btn {\r\n                top: -25px;\r\n                right: -25px;\r\n                width: 45px;\r\n                height: 45px;\r\n                font-size: 28px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .alfinteencontre-artwork-container {\r\n                padding: 15px 10px;\r\n            }\r\n\r\n            .alfinteencontre-preview-wrapper {\r\n                aspect-ratio: 3 \/ 2;\r\n            }\r\n\r\n            .alfinteencontre-artwork-title {\r\n                font-size: 20px;\r\n            }\r\n\r\n            .alfinteencontre-popup-overlay {\r\n                padding: 10px;\r\n            }\r\n\r\n            .alfinteencontre-popup-image {\r\n                max-height: 50vh;\r\n            }\r\n\r\n            .alfinteencontre-ficha-tecnica {\r\n                padding: 20px;\r\n            }\r\n\r\n            .alfinteencontre-ficha-tecnica h3 {\r\n                font-size: 20px;\r\n                margin-bottom: 15px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"alfinteencontre-artwork-container\">\r\n        <div class=\"alfinteencontre-preview-wrapper\" id=\"alfinteencontrePreviewWrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2026\/06\/05-PERCEPCION-scaled.webp\" \r\n                 alt=\"Percepci\u00f3n\" \r\n                 class=\"alfinteencontre-preview-image\">\r\n        <\/div>\r\n        <h2 class=\"alfinteencontre-artwork-title\">Percepci\u00f3n<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"alfinteencontre-popup-overlay\" id=\"alfinteencontrePopupOverlay\">\r\n        <div class=\"alfinteencontre-popup-content\" id=\"alfinteencontrePopupContent\">\r\n            <div class=\"alfinteencontre-popup-image-wrapper\">\r\n                <button class=\"alfinteencontre-close-btn\" id=\"alfinteencontreCloseBtn\" aria-label=\"Cerrar\">\u00d7<\/button>\r\n                <img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2026\/06\/05-PERCEPCION-scaled.webp\" \r\n                     alt=\"Percepci\u00f3n - Vista ampliada\" \r\n                     class=\"alfinteencontre-popup-image\"\r\n                     id=\"alfinteencontrePopupImage\">\r\n                <div class=\"alfinteencontre-magnifier\" id=\"alfinteencontreMagnifier\"><\/div>\r\n            <\/div>\r\n            <div class=\"alfinteencontre-ficha-tecnica\">\r\n                <h3>Ficha T\u00e9cnica<\/h3>\r\n                <div class=\"alfinteencontre-ficha-item\">\r\n                    <div class=\"alfinteencontre-ficha-label\">T\u00edtulo<\/div>\r\n                    <div class=\"alfinteencontre-ficha-value\">Percepci\u00f3n<\/div>\r\n                <\/div>\r\n                <div class=\"alfinteencontre-ficha-item\">\r\n                    <div class=\"alfinteencontre-ficha-label\">T\u00e9cnica<\/div>\r\n                    <div class=\"alfinteencontre-ficha-value\">Acr\u00edlico sobre lienzo<\/div>\r\n                <\/div>\r\n                <div class=\"alfinteencontre-ficha-item\">\r\n                    <div class=\"alfinteencontre-ficha-label\">Tama\u00f1o<\/div>\r\n                    <div class=\"alfinteencontre-ficha-value\">1.60 x 90 cms<\/div>\r\n                <\/div>\r\n                <div class=\"alfinteencontre-ficha-item\">\r\n                    <div class=\"alfinteencontre-ficha-label\">Fecha<\/div>\r\n                    <div class=\"alfinteencontre-ficha-value\">2026<\/div>\r\n                <\/div>\r\n                <div class=\"alfinteencontre-ficha-item\">\r\n                    <div class=\"alfinteencontre-ficha-label\">Firma<\/div>\r\n                    <div class=\"alfinteencontre-ficha-value\">Pilar Mainou<\/div>\r\n                <\/div>\r\n                <div class=\"alfinteencontre-ficha-item\">\r\n                    <div class=\"alfinteencontre-ficha-label\">Obra<\/div>\r\n                    <div class=\"alfinteencontre-ficha-value\">Obra \u00fanica<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    (function() {\r\n        'use strict';\r\n\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const previewWrapper = document.getElementById('alfinteencontrePreviewWrapper');\r\n            const popup = document.getElementById('alfinteencontrePopupOverlay');\r\n            const closeBtn = document.getElementById('alfinteencontreCloseBtn');\r\n            const popupImage = document.getElementById('alfinteencontrePopupImage');\r\n            const popupContent = document.getElementById('alfinteencontrePopupContent');\r\n            const magnifier = document.getElementById('alfinteencontreMagnifier');\r\n\r\n            if (!previewWrapper || !popup || !closeBtn || !popupImage || !popupContent || !magnifier) {\r\n                return;\r\n            }\r\n\r\n            let magnifierSize = window.innerWidth <= 768 ? 120 : 180;\r\n\r\n            function updateMagnifierSize() {\r\n                magnifierSize = window.innerWidth <= 768 ? 120 : 180;\r\n                magnifier.style.width = magnifierSize + 'px';\r\n                magnifier.style.height = magnifierSize + 'px';\r\n            }\r\n\r\n            window.addEventListener('resize', updateMagnifierSize);\r\n\r\n            magnifier.style.backgroundImage = `url('${popupImage.src}')`;\r\n\r\n            function openPopup() {\r\n                popup.classList.add('alfinteencontre-active');\r\n                document.body.style.overflow = 'hidden';\r\n            }\r\n\r\n            function closePopup() {\r\n                popup.classList.remove('alfinteencontre-active');\r\n                document.body.style.overflow = '';\r\n                magnifier.style.display = 'none';\r\n            }\r\n\r\n            previewWrapper.addEventListener('click', function(e) {\r\n                e.preventDefault();\r\n                openPopup();\r\n            });\r\n\r\n            closeBtn.addEventListener('click', function(e) {\r\n                e.stopPropagation();\r\n                closePopup();\r\n            });\r\n\r\n            popup.addEventListener('click', function(e) {\r\n                if (e.target === popup) {\r\n                    closePopup();\r\n                }\r\n            });\r\n\r\n            document.addEventListener('keydown', function(e) {\r\n                if (e.key === 'Escape' && popup.classList.contains('alfinteencontre-active')) {\r\n                    closePopup();\r\n                }\r\n            });\r\n\r\n            popupImage.addEventListener('mousemove', function(e) {\r\n                const rect = popupImage.getBoundingClientRect();\r\n                const x = e.clientX - rect.left;\r\n                const y = e.clientY - rect.top;\r\n\r\n                if (x < 0 || y < 0 || x > rect.width || y > rect.height) return;\r\n\r\n                magnifier.style.display = 'block';\r\n\r\n                const magnifierRadius = magnifierSize \/ 2;\r\n                magnifier.style.left = (x - magnifierRadius) + 'px';\r\n                magnifier.style.top = (y - magnifierRadius) + 'px';\r\n\r\n                const bgPosX = (x \/ rect.width) * 100;\r\n                const bgPosY = (y \/ rect.height) * 100;\r\n\r\n                magnifier.style.backgroundPosition = `${bgPosX}% ${bgPosY}%`;\r\n            });\r\n\r\n            popupImage.addEventListener('mouseleave', function() {\r\n                magnifier.style.display = 'none';\r\n            });\r\n\r\n            let touchTimeout;\r\n\r\n            function handleTouch(e) {\r\n                const touch = e.touches[0];\r\n                const rect = popupImage.getBoundingClientRect();\r\n                const x = touch.clientX - rect.left;\r\n                const y = touch.clientY - rect.top;\r\n\r\n                if (x < 0 || y < 0 || x > rect.width || y > rect.height) return;\r\n\r\n                magnifier.style.display = 'block';\r\n\r\n                const magnifierRadius = magnifierSize \/ 2;\r\n                magnifier.style.left = (x - magnifierRadius) + 'px';\r\n                magnifier.style.top = (y - magnifierRadius) + 'px';\r\n\r\n                const bgPosX = (x \/ rect.width) * 100;\r\n                const bgPosY = (y \/ rect.height) * 100;\r\n\r\n                magnifier.style.backgroundPosition = `${bgPosX}% ${bgPosY}%`;\r\n            }\r\n\r\n            popupImage.addEventListener('touchstart', function(e) {\r\n                e.preventDefault();\r\n                handleTouch(e);\r\n            });\r\n\r\n            popupImage.addEventListener('touchmove', function(e) {\r\n                e.preventDefault();\r\n                clearTimeout(touchTimeout);\r\n                handleTouch(e);\r\n            });\r\n\r\n            popupImage.addEventListener('touchend', function() {\r\n                touchTimeout = setTimeout(function() {\r\n                    magnifier.style.display = 'none';\r\n                }, 300);\r\n            });\r\n        });\r\n    })();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f6b3df9 elementor-widget elementor-widget-html\" data-id=\"f6b3df9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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>Nubes En El Horizonte - Visor de Obra<\/title>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <style>\r\n        .nubesenhorizonte-artwork-container {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            padding: 20px;\r\n            font-family: 'Neuton', serif;\r\n            font-weight: 300;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .nubesenhorizonte-artwork-container * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .nubesenhorizonte-preview-wrapper {\r\n            width: 100%;\r\n            position: relative;\r\n            cursor: pointer;\r\n            overflow: hidden;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .nubesenhorizonte-preview-wrapper:hover {\r\n            transform: scale(1.02);\r\n        }\r\n\r\n        .nubesenhorizonte-preview-image {\r\n            width: 100%;\r\n            height: auto;\r\n            display: block;\r\n        }\r\n\r\n        .nubesenhorizonte-artwork-title {\r\n            font-size: 32px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n            margin-top: 20px;\r\n            text-align: center;\r\n        }\r\n\r\n        .nubesenhorizonte-popup-overlay {\r\n            display: none;\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.9);\r\n            z-index: 999999;\r\n            justify-content: center;\r\n            align-items: center;\r\n            padding: 20px;\r\n            overflow-y: auto;\r\n            animation: nubesenhorizonteFadeIn 0.3s ease;\r\n        }\r\n\r\n        .nubesenhorizonte-popup-overlay.nubesenhorizonte-active {\r\n            display: flex;\r\n        }\r\n\r\n        @keyframes nubesenhorizonteFadeIn {\r\n            from { opacity: 0; }\r\n            to { opacity: 1; }\r\n        }\r\n\r\n        .nubesenhorizonte-popup-content {\r\n            position: relative;\r\n            max-width: 95%;\r\n            display: flex;\r\n            gap: 30px;\r\n            align-items: flex-start;\r\n            margin: auto;\r\n        }\r\n\r\n        .nubesenhorizonte-popup-image-wrapper {\r\n            position: relative;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .nubesenhorizonte-close-btn {\r\n            position: absolute;\r\n            top: -25px;\r\n            right: -25px;\r\n            width: 45px;\r\n            height: 45px;\r\n            border-radius: 50%;\r\n            background: white;\r\n            color: #442C39;\r\n            border: none;\r\n            font-size: 28px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            z-index: 1000000;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);\r\n            transition: all 0.3s ease;\r\n            font-family: Arial, sans-serif;\r\n            line-height: 1;\r\n        }\r\n\r\n        .nubesenhorizonte-close-btn:hover {\r\n            background: #1d7a7a;\r\n            color: white;\r\n            transform: scale(1.15);\r\n        }\r\n\r\n        .nubesenhorizonte-popup-image {\r\n            max-width: 900px;\r\n            max-height: 90vh;\r\n            width: auto;\r\n            height: auto;\r\n            display: block;\r\n            cursor: none;\r\n            position: relative;\r\n        }\r\n\r\n        .nubesenhorizonte-magnifier {\r\n            position: absolute;\r\n            width: 180px;\r\n            height: 180px;\r\n            border: 3px solid #1d7a7a;\r\n            border-radius: 50%;\r\n            pointer-events: none;\r\n            display: none;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\r\n            background-repeat: no-repeat;\r\n            background-size: 250%;\r\n            z-index: 1000001;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .nubesenhorizonte-magnifier::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 40px;\r\n            height: 40px;\r\n            opacity: 0.3;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%231d7a7a' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'\/%3E%3Cpath d='m21 21-4.35-4.35'\/%3E%3C\/svg%3E\");\r\n            background-size: contain;\r\n            background-repeat: no-repeat;\r\n        }\r\n\r\n        .nubesenhorizonte-ficha-tecnica {\r\n            background: white;\r\n            padding: 30px;\r\n            border-radius: 8px;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n            min-width: 280px;\r\n            max-width: 350px;\r\n            font-family: 'Neuton', serif;\r\n        }\r\n\r\n        .nubesenhorizonte-ficha-tecnica h3 {\r\n            font-size: 24px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n            margin-bottom: 20px;\r\n            padding-bottom: 15px;\r\n            border-bottom: 2px solid #1d7a7a;\r\n        }\r\n\r\n        .nubesenhorizonte-ficha-item {\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .nubesenhorizonte-ficha-item:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .nubesenhorizonte-ficha-label {\r\n            font-size: 16px;\r\n            color: #1d7a7a;\r\n            font-weight: 400;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .nubesenhorizonte-ficha-value {\r\n            font-size: 18px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .nubesenhorizonte-artwork-container { padding: 10px; }\r\n            .nubesenhorizonte-artwork-title { font-size: 24px; }\r\n            .nubesenhorizonte-popup-overlay { padding: 10px; }\r\n            .nubesenhorizonte-popup-content { flex-direction: column; align-items: center; max-height: none; }\r\n            .nubesenhorizonte-popup-overlay.nubesenhorizonte-active { align-items: flex-start; }\r\n            .nubesenhorizonte-popup-image { max-height: 50vh; }\r\n            .nubesenhorizonte-magnifier { width: 140px; height: 140px; }\r\n            .nubesenhorizonte-ficha-tecnica { width: 100%; padding: 20px; }\r\n            .nubesenhorizonte-close-btn { top: -20px; right: -20px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"nubesenhorizonte-artwork-container\">\r\n        <div class=\"nubesenhorizonte-preview-wrapper\" id=\"nubesenhorizontePreviewWrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2025\/12\/DSCF1806-scaled.webp\" \r\n                 alt=\"Hay Nubes En El Horizonte\" \r\n                 class=\"nubesenhorizonte-preview-image\">\r\n        <\/div>\r\n        <h2 class=\"nubesenhorizonte-artwork-title\">Hay Nubes En El Horizonte<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"nubesenhorizonte-popup-overlay\" id=\"nubesenhorizontePopupOverlay\">\r\n        <div class=\"nubesenhorizonte-popup-content\" id=\"nubesenhorizontePopupContent\">\r\n            <div class=\"nubesenhorizonte-popup-image-wrapper\">\r\n                <button class=\"nubesenhorizonte-close-btn\" id=\"nubesenhorizonteCloseBtn\" aria-label=\"Cerrar\">\u00d7<\/button>\r\n                <img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2025\/12\/DSCF1806-scaled.webp\" \r\n                     alt=\"Hay Nubes En El Horizonte - Vista ampliada\" \r\n                     class=\"nubesenhorizonte-popup-image\"\r\n                     id=\"nubesenhorizontePopupImage\">\r\n                <div class=\"nubesenhorizonte-magnifier\" id=\"nubesenhorizonteMagnifier\"><\/div>\r\n            <\/div>\r\n            <div class=\"nubesenhorizonte-ficha-tecnica\">\r\n                <h3>Ficha T\u00e9cnica<\/h3>\r\n                <div class=\"nubesenhorizonte-ficha-item\">\r\n                    <div class=\"nubesenhorizonte-ficha-label\">T\u00edtulo:<\/div>\r\n                    <div class=\"nubesenhorizonte-ficha-value\">Hay Nubes En El Horizonte<\/div>\r\n                <\/div>\r\n                <div class=\"nubesenhorizonte-ficha-item\">\r\n                    <div class=\"nubesenhorizonte-ficha-label\">T\u00e9cnica:<\/div>\r\n                    <div class=\"nubesenhorizonte-ficha-value\">Acr\u00edlico, \u00f3leo y gis en barra sobre lienzo<\/div>\r\n                <\/div>\r\n                <div class=\"nubesenhorizonte-ficha-item\">\r\n                    <div class=\"nubesenhorizonte-ficha-label\">Tama\u00f1o:<\/div>\r\n                    <div class=\"nubesenhorizonte-ficha-value\">120 x 120 cms<\/div>\r\n                <\/div>\r\n                <div class=\"nubesenhorizonte-ficha-item\">\r\n                    <div class=\"nubesenhorizonte-ficha-label\">Fecha:<\/div>\r\n                    <div class=\"nubesenhorizonte-ficha-value\">2025<\/div>\r\n                <\/div>\r\n                <div class=\"nubesenhorizonte-ficha-item\">\r\n                    <div class=\"nubesenhorizonte-ficha-label\">Firma:<\/div>\r\n                    <div class=\"nubesenhorizonte-ficha-value\">Pilar Mainou<\/div>\r\n                <\/div>\r\n                <div class=\"nubesenhorizonte-ficha-item\">\r\n                    <div class=\"nubesenhorizonte-ficha-label\">Obra:<\/div>\r\n                    <div class=\"nubesenhorizonte-ficha-value\">Obra \u00fanica<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    (function() {\r\n        'use strict';\r\n\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const previewWrapper = document.getElementById('nubesenhorizontePreviewWrapper');\r\n            const popup = document.getElementById('nubesenhorizontePopupOverlay');\r\n            const closeBtn = document.getElementById('nubesenhorizonteCloseBtn');\r\n            const popupImage = document.getElementById('nubesenhorizontePopupImage');\r\n            const popupContent = document.getElementById('nubesenhorizontePopupContent');\r\n            const magnifier = document.getElementById('nubesenhorizonteMagnifier');\r\n\r\n            if (!previewWrapper || !popup || !closeBtn || !popupImage || !popupContent || !magnifier) {\r\n                return;\r\n            }\r\n\r\n            let magnifierSize = window.innerWidth <= 768 ? 140 : 180;\r\n\r\n            function updateMagnifierSize() {\r\n                magnifierSize = window.innerWidth <= 768 ? 140 : 180;\r\n                magnifier.style.width = magnifierSize + 'px';\r\n                magnifier.style.height = magnifierSize + 'px';\r\n            }\r\n\r\n            window.addEventListener('resize', updateMagnifierSize);\r\n\r\n            magnifier.style.backgroundImage = `url('${popupImage.src}')`;\r\n\r\n            function openPopup() {\r\n                popup.classList.add('nubesenhorizonte-active');\r\n                document.body.style.overflow = 'hidden';\r\n            }\r\n\r\n            function closePopup() {\r\n                popup.classList.remove('nubesenhorizonte-active');\r\n                document.body.style.overflow = '';\r\n                magnifier.style.display = 'none';\r\n            }\r\n\r\n            previewWrapper.addEventListener('click', function(e) {\r\n                e.preventDefault();\r\n                openPopup();\r\n            });\r\n\r\n            closeBtn.addEventListener('click', function(e) {\r\n                e.stopPropagation();\r\n                closePopup();\r\n            });\r\n\r\n            popupContent.addEventListener('click', function(e) {\r\n                e.stopPropagation();\r\n            });\r\n\r\n            document.addEventListener('keydown', function(e) {\r\n                if (e.key === 'Escape' && popup.classList.contains('nubesenhorizonte-active')) {\r\n                    closePopup();\r\n                }\r\n            });\r\n\r\n            popupImage.addEventListener('mousemove', function(e) {\r\n                const rect = popupImage.getBoundingClientRect();\r\n                const x = e.clientX - rect.left;\r\n                const y = e.clientY - rect.top;\r\n\r\n                magnifier.style.display = 'block';\r\n\r\n                const magnifierRadius = 90;\r\n                magnifier.style.left = (x - magnifierRadius) + 'px';\r\n                magnifier.style.top = (y - magnifierRadius) + 'px';\r\n\r\n                const bgPosX = (x \/ rect.width) * 100;\r\n                const bgPosY = (y \/ rect.height) * 100;\r\n\r\n                magnifier.style.backgroundPosition = `${bgPosX}% ${bgPosY}%`;\r\n            });\r\n\r\n            popupImage.addEventListener('mouseleave', function() {\r\n                magnifier.style.display = 'none';\r\n            });\r\n\r\n            let touchTimeout;\r\n\r\n            function handleTouch(e) {\r\n                const touch = e.touches[0];\r\n                const rect = popupImage.getBoundingClientRect();\r\n                const x = touch.clientX - rect.left;\r\n                const y = touch.clientY - rect.top;\r\n\r\n                magnifier.style.display = 'block';\r\n\r\n                const magnifierRadius = 70;\r\n                magnifier.style.left = (x - magnifierRadius) + 'px';\r\n                magnifier.style.top = (y - magnifierRadius) + 'px';\r\n\r\n                const bgPosX = (x \/ rect.width) * 100;\r\n                const bgPosY = (y \/ rect.height) * 100;\r\n\r\n                magnifier.style.backgroundPosition = `${bgPosX}% ${bgPosY}%`;\r\n            }\r\n\r\n            popupImage.addEventListener('touchstart', function(e) {\r\n                e.preventDefault();\r\n                handleTouch(e);\r\n            });\r\n\r\n            popupImage.addEventListener('touchmove', function(e) {\r\n                e.preventDefault();\r\n                clearTimeout(touchTimeout);\r\n                handleTouch(e);\r\n            });\r\n\r\n            popupImage.addEventListener('touchend', function() {\r\n                touchTimeout = setTimeout(function() {\r\n                    magnifier.style.display = 'none';\r\n                }, 300);\r\n            });\r\n        });\r\n    })();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a4a8462 elementor-widget elementor-widget-html\" data-id=\"a4a8462\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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>Se Termin\u00f3 La Fiesta - Visor de Obra<\/title>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <style>\r\n        .seterminolafiesta-artwork-container {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            padding: 20px;\r\n            font-family: 'Neuton', serif;\r\n            font-weight: 300;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .seterminolafiesta-artwork-container * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .seterminolafiesta-preview-wrapper {\r\n            width: 100%;\r\n            position: relative;\r\n            cursor: pointer;\r\n            overflow: hidden;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .seterminolafiesta-preview-wrapper:hover {\r\n            transform: scale(1.02);\r\n        }\r\n\r\n        .seterminolafiesta-preview-image {\r\n            width: 100%;\r\n            height: auto;\r\n            display: block;\r\n        }\r\n\r\n        .seterminolafiesta-artwork-title {\r\n            font-size: 32px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n            margin-top: 20px;\r\n            text-align: center;\r\n        }\r\n\r\n        .seterminolafiesta-popup-overlay {\r\n            display: none;\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.9);\r\n            z-index: 999999;\r\n            justify-content: center;\r\n            align-items: center;\r\n            padding: 20px;\r\n            overflow-y: auto;\r\n            animation: seterminolafiestaFadeIn 0.3s ease;\r\n        }\r\n\r\n        .seterminolafiesta-popup-overlay.seterminolafiesta-active {\r\n            display: flex;\r\n        }\r\n\r\n        @keyframes seterminolafiestaFadeIn {\r\n            from { opacity: 0; }\r\n            to { opacity: 1; }\r\n        }\r\n\r\n        .seterminolafiesta-popup-content {\r\n            position: relative;\r\n            max-width: 95%;\r\n            display: flex;\r\n            gap: 30px;\r\n            align-items: flex-start;\r\n            margin: auto;\r\n        }\r\n\r\n        .seterminolafiesta-popup-image-wrapper {\r\n            position: relative;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .seterminolafiesta-close-btn {\r\n            position: absolute;\r\n            top: -25px;\r\n            right: -25px;\r\n            width: 45px;\r\n            height: 45px;\r\n            border-radius: 50%;\r\n            background: white;\r\n            color: #442C39;\r\n            border: none;\r\n            font-size: 28px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            z-index: 1000000;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);\r\n            transition: all 0.3s ease;\r\n            font-family: Arial, sans-serif;\r\n            line-height: 1;\r\n        }\r\n\r\n        .seterminolafiesta-close-btn:hover {\r\n            background: #1d7a7a;\r\n            color: white;\r\n            transform: scale(1.15);\r\n        }\r\n\r\n        .seterminolafiesta-popup-image {\r\n            max-width: 900px;\r\n            max-height: 90vh;\r\n            width: auto;\r\n            height: auto;\r\n            display: block;\r\n            cursor: none;\r\n            position: relative;\r\n        }\r\n\r\n        .seterminolafiesta-magnifier {\r\n            position: absolute;\r\n            width: 180px;\r\n            height: 180px;\r\n            border: 3px solid #1d7a7a;\r\n            border-radius: 50%;\r\n            pointer-events: none;\r\n            display: none;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\r\n            background-repeat: no-repeat;\r\n            background-size: 250%;\r\n            z-index: 1000001;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .seterminolafiesta-magnifier::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 40px;\r\n            height: 40px;\r\n            opacity: 0.3;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%231d7a7a' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'\/%3E%3Cpath d='m21 21-4.35-4.35'\/%3E%3C\/svg%3E\");\r\n            background-size: contain;\r\n            background-repeat: no-repeat;\r\n        }\r\n\r\n        .seterminolafiesta-ficha-tecnica {\r\n            background: white;\r\n            padding: 30px;\r\n            border-radius: 8px;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n            min-width: 280px;\r\n            max-width: 350px;\r\n            font-family: 'Neuton', serif;\r\n        }\r\n\r\n        .seterminolafiesta-ficha-tecnica h3 {\r\n            font-size: 24px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n            margin-bottom: 20px;\r\n            padding-bottom: 15px;\r\n            border-bottom: 2px solid #1d7a7a;\r\n        }\r\n\r\n        .seterminolafiesta-ficha-item {\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .seterminolafiesta-ficha-item:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .seterminolafiesta-ficha-label {\r\n            font-size: 16px;\r\n            color: #1d7a7a;\r\n            font-weight: 400;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .seterminolafiesta-ficha-value {\r\n            font-size: 18px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .seterminolafiesta-artwork-container { padding: 10px; }\r\n            .seterminolafiesta-artwork-title { font-size: 24px; }\r\n            .seterminolafiesta-popup-overlay { padding: 10px; }\r\n            .seterminolafiesta-popup-content { flex-direction: column; align-items: center; max-height: none; }\r\n            .seterminolafiesta-popup-overlay.seterminolafiesta-active { align-items: flex-start; }\r\n            .seterminolafiesta-popup-image { max-height: 50vh; }\r\n            .seterminolafiesta-magnifier { width: 140px; height: 140px; }\r\n            .seterminolafiesta-ficha-tecnica { width: 100%; padding: 20px; }\r\n            .seterminolafiesta-close-btn { top: -20px; right: -20px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"seterminolafiesta-artwork-container\">\r\n        <div class=\"seterminolafiesta-preview-wrapper\" id=\"seterminolafiestaPreviewWrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2025\/12\/Se-Termino-La-Fiesta.webp\" \r\n                 alt=\"Se Termin\u00f3 La Fiesta\" \r\n                 class=\"seterminolafiesta-preview-image\">\r\n        <\/div>\r\n        <h2 class=\"seterminolafiesta-artwork-title\">Se Termin\u00f3 La Fiesta<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"seterminolafiesta-popup-overlay\" id=\"seterminolafiestaPopupOverlay\">\r\n        <div class=\"seterminolafiesta-popup-content\" id=\"seterminolafiestaPopupContent\">\r\n            <div class=\"seterminolafiesta-popup-image-wrapper\">\r\n                <button class=\"seterminolafiesta-close-btn\" id=\"seterminolafiestaCloseBtn\" aria-label=\"Cerrar\">\u00d7<\/button>\r\n                <img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2025\/12\/Se-Termino-La-Fiesta.webp\" \r\n                     alt=\"Se Termin\u00f3 La Fiesta - Vista ampliada\" \r\n                     class=\"seterminolafiesta-popup-image\"\r\n                     id=\"seterminolafiestaPopupImage\">\r\n                <div class=\"seterminolafiesta-magnifier\" id=\"seterminolafiestaMagnifier\"><\/div>\r\n            <\/div>\r\n            <div class=\"seterminolafiesta-ficha-tecnica\">\r\n                <h3>Ficha T\u00e9cnica<\/h3>\r\n                <div class=\"seterminolafiesta-ficha-item\">\r\n                    <div class=\"seterminolafiesta-ficha-label\">T\u00edtulo:<\/div>\r\n                    <div class=\"seterminolafiesta-ficha-value\">Se Termin\u00f3 La Fiesta<\/div>\r\n                <\/div>\r\n                <div class=\"seterminolafiesta-ficha-item\">\r\n                    <div class=\"seterminolafiesta-ficha-label\">T\u00e9cnica:<\/div>\r\n                    <div class=\"seterminolafiesta-ficha-value\">Acr\u00edlico, \u00f3leo y gis en barra sobre lienzo<\/div>\r\n                <\/div>\r\n                <div class=\"seterminolafiesta-ficha-item\">\r\n                    <div class=\"seterminolafiesta-ficha-label\">Tama\u00f1o:<\/div>\r\n                    <div class=\"seterminolafiesta-ficha-value\">150 x 150 cms<\/div>\r\n                <\/div>\r\n                <div class=\"seterminolafiesta-ficha-item\">\r\n                    <div class=\"seterminolafiesta-ficha-label\">Fecha:<\/div>\r\n                    <div class=\"seterminolafiesta-ficha-value\">2025<\/div>\r\n                <\/div>\r\n                <div class=\"seterminolafiesta-ficha-item\">\r\n                    <div class=\"seterminolafiesta-ficha-label\">Firma:<\/div>\r\n                    <div class=\"seterminolafiesta-ficha-value\">Pilar Mainou<\/div>\r\n                <\/div>\r\n                <div class=\"seterminolafiesta-ficha-item\">\r\n                    <div class=\"seterminolafiesta-ficha-label\">Obra:<\/div>\r\n                    <div class=\"seterminolafiesta-ficha-value\">Obra \u00fanica<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    (function() {\r\n        'use strict';\r\n\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const previewWrapper = document.getElementById('seterminolafiestaPreviewWrapper');\r\n            const popup = document.getElementById('seterminolafiestaPopupOverlay');\r\n            const closeBtn = document.getElementById('seterminolafiestaCloseBtn');\r\n            const popupImage = document.getElementById('seterminolafiestaPopupImage');\r\n            const popupContent = document.getElementById('seterminolafiestaPopupContent');\r\n            const magnifier = document.getElementById('seterminolafiestaMagnifier');\r\n\r\n            if (!previewWrapper || !popup || !closeBtn || !popupImage || !popupContent || !magnifier) {\r\n                return;\r\n            }\r\n\r\n            let magnifierSize = window.innerWidth <= 768 ? 140 : 180;\r\n\r\n            function updateMagnifierSize() {\r\n                magnifierSize = window.innerWidth <= 768 ? 140 : 180;\r\n                magnifier.style.width = magnifierSize + 'px';\r\n                magnifier.style.height = magnifierSize + 'px';\r\n            }\r\n\r\n            window.addEventListener('resize', updateMagnifierSize);\r\n\r\n            magnifier.style.backgroundImage = `url('${popupImage.src}')`;\r\n\r\n            function openPopup() {\r\n                popup.classList.add('seterminolafiesta-active');\r\n                document.body.style.overflow = 'hidden';\r\n            }\r\n\r\n            function closePopup() {\r\n                popup.classList.remove('seterminolafiesta-active');\r\n                document.body.style.overflow = '';\r\n                magnifier.style.display = 'none';\r\n            }\r\n\r\n            previewWrapper.addEventListener('click', function(e) {\r\n                e.preventDefault();\r\n                openPopup();\r\n            });\r\n\r\n            closeBtn.addEventListener('click', function(e) {\r\n                e.stopPropagation();\r\n                closePopup();\r\n            });\r\n\r\n            popupContent.addEventListener('click', function(e) {\r\n                e.stopPropagation();\r\n            });\r\n\r\n            document.addEventListener('keydown', function(e) {\r\n                if (e.key === 'Escape' && popup.classList.contains('seterminolafiesta-active')) {\r\n                    closePopup();\r\n                }\r\n            });\r\n\r\n            popupImage.addEventListener('mousemove', function(e) {\r\n                const rect = popupImage.getBoundingClientRect();\r\n                const x = e.clientX - rect.left;\r\n                const y = e.clientY - rect.top;\r\n\r\n                magnifier.style.display = 'block';\r\n\r\n                const magnifierRadius = 90;\r\n                magnifier.style.left = (x - magnifierRadius) + 'px';\r\n                magnifier.style.top = (y - magnifierRadius) + 'px';\r\n\r\n                const bgPosX = (x \/ rect.width) * 100;\r\n                const bgPosY = (y \/ rect.height) * 100;\r\n\r\n                magnifier.style.backgroundPosition = `${bgPosX}% ${bgPosY}%`;\r\n            });\r\n\r\n            popupImage.addEventListener('mouseleave', function() {\r\n                magnifier.style.display = 'none';\r\n            });\r\n\r\n            let touchTimeout;\r\n\r\n            function handleTouch(e) {\r\n                const touch = e.touches[0];\r\n                const rect = popupImage.getBoundingClientRect();\r\n                const x = touch.clientX - rect.left;\r\n                const y = touch.clientY - rect.top;\r\n\r\n                magnifier.style.display = 'block';\r\n\r\n                const magnifierRadius = 70;\r\n                magnifier.style.left = (x - magnifierRadius) + 'px';\r\n                magnifier.style.top = (y - magnifierRadius) + 'px';\r\n\r\n                const bgPosX = (x \/ rect.width) * 100;\r\n                const bgPosY = (y \/ rect.height) * 100;\r\n\r\n                magnifier.style.backgroundPosition = `${bgPosX}% ${bgPosY}%`;\r\n            }\r\n\r\n            popupImage.addEventListener('touchstart', function(e) {\r\n                e.preventDefault();\r\n                handleTouch(e);\r\n            });\r\n\r\n            popupImage.addEventListener('touchmove', function(e) {\r\n                e.preventDefault();\r\n                clearTimeout(touchTimeout);\r\n                handleTouch(e);\r\n            });\r\n\r\n            popupImage.addEventListener('touchend', function() {\r\n                touchTimeout = setTimeout(function() {\r\n                    magnifier.style.display = 'none';\r\n                }, 300);\r\n            });\r\n        });\r\n    })();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4cea605 elementor-widget elementor-widget-html\" data-id=\"4cea605\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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>Girasol - Visor de Obra<\/title>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <style>\r\n        .girasol-artwork-container {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            padding: 20px;\r\n            font-family: 'Neuton', serif;\r\n            font-weight: 300;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .girasol-artwork-container * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .girasol-preview-wrapper {\r\n            width: 100%;\r\n            position: relative;\r\n            cursor: pointer;\r\n            overflow: hidden;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .girasol-preview-wrapper:hover {\r\n            transform: scale(1.02);\r\n        }\r\n\r\n        .girasol-preview-image {\r\n            width: 100%;\r\n            height: auto;\r\n            display: block;\r\n        }\r\n\r\n        .girasol-artwork-title {\r\n            font-size: 32px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n            margin-top: 20px;\r\n            text-align: center;\r\n        }\r\n\r\n        .girasol-popup-overlay {\r\n            display: none;\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.9);\r\n            z-index: 999999;\r\n            justify-content: center;\r\n            align-items: center;\r\n            padding: 20px;\r\n            overflow-y: auto;\r\n            animation: girasolFadeIn 0.3s ease;\r\n        }\r\n\r\n        .girasol-popup-overlay.girasol-active {\r\n            display: flex;\r\n        }\r\n\r\n        @keyframes girasolFadeIn {\r\n            from { opacity: 0; }\r\n            to { opacity: 1; }\r\n        }\r\n\r\n        .girasol-popup-content {\r\n            position: relative;\r\n            max-width: 95%;\r\n            display: flex;\r\n            gap: 30px;\r\n            align-items: flex-start;\r\n            margin: auto;\r\n        }\r\n\r\n        .girasol-popup-image-wrapper {\r\n            position: relative;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .girasol-close-btn {\r\n            position: absolute;\r\n            top: -25px;\r\n            right: -25px;\r\n            width: 45px;\r\n            height: 45px;\r\n            border-radius: 50%;\r\n            background: white;\r\n            color: #442C39;\r\n            border: none;\r\n            font-size: 28px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            z-index: 1000000;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);\r\n            transition: all 0.3s ease;\r\n            font-family: Arial, sans-serif;\r\n            line-height: 1;\r\n        }\r\n\r\n        .girasol-close-btn:hover {\r\n            background: #1d7a7a;\r\n            color: white;\r\n            transform: scale(1.15);\r\n        }\r\n\r\n        .girasol-popup-image {\r\n            max-width: 900px;\r\n            max-height: 90vh;\r\n            width: auto;\r\n            height: auto;\r\n            display: block;\r\n            cursor: none;\r\n            position: relative;\r\n        }\r\n\r\n        .girasol-magnifier {\r\n            position: absolute;\r\n            width: 180px;\r\n            height: 180px;\r\n            border: 3px solid #1d7a7a;\r\n            border-radius: 50%;\r\n            pointer-events: none;\r\n            display: none;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\r\n            background-repeat: no-repeat;\r\n            background-size: 250%;\r\n            z-index: 1000001;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .girasol-magnifier::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 40px;\r\n            height: 40px;\r\n            opacity: 0.3;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%231d7a7a' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'\/%3E%3Cpath d='m21 21-4.35-4.35'\/%3E%3C\/svg%3E\");\r\n            background-size: contain;\r\n            background-repeat: no-repeat;\r\n        }\r\n\r\n        .girasol-ficha-tecnica {\r\n            background: white;\r\n            padding: 30px;\r\n            border-radius: 8px;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n            min-width: 280px;\r\n            max-width: 350px;\r\n            font-family: 'Neuton', serif;\r\n        }\r\n\r\n        .girasol-ficha-tecnica h3 {\r\n            font-size: 24px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n            margin-bottom: 20px;\r\n            padding-bottom: 15px;\r\n            border-bottom: 2px solid #1d7a7a;\r\n        }\r\n\r\n        .girasol-ficha-item {\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .girasol-ficha-item:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .girasol-ficha-label {\r\n            font-size: 16px;\r\n            color: #1d7a7a;\r\n            font-weight: 400;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .girasol-ficha-value {\r\n            font-size: 18px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .girasol-artwork-container { padding: 10px; }\r\n            .girasol-artwork-title { font-size: 24px; }\r\n            .girasol-popup-overlay { padding: 10px; }\r\n            .girasol-popup-content { flex-direction: column; align-items: center; max-height: none; }\r\n            .girasol-popup-overlay.girasol-active { align-items: flex-start; }\r\n            .girasol-popup-image { max-height: 50vh; }\r\n            .girasol-magnifier { width: 140px; height: 140px; }\r\n            .girasol-ficha-tecnica { width: 100%; padding: 20px; }\r\n            .girasol-close-btn { top: -20px; right: -20px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"girasol-artwork-container\">\r\n        <div class=\"girasol-preview-wrapper\" id=\"girasolPreviewWrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2025\/11\/DSCF1711-scaled.webp\" \r\n                 alt=\"Girasol - Acr\u00edlico sobre lienzo\" \r\n                 class=\"girasol-preview-image\">\r\n        <\/div>\r\n        <h2 class=\"girasol-artwork-title\">Girasol<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"girasol-popup-overlay\" id=\"girasolPopupOverlay\">\r\n        <div class=\"girasol-popup-content\" id=\"girasolPopupContent\">\r\n            <div class=\"girasol-popup-image-wrapper\">\r\n                <button class=\"girasol-close-btn\" id=\"girasolCloseBtn\" aria-label=\"Cerrar\">\u00d7<\/button>\r\n                <img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2025\/11\/DSCF1711-scaled.webp\" \r\n                     alt=\"Girasol - Vista ampliada\" \r\n                     class=\"girasol-popup-image\"\r\n                     id=\"girasolPopupImage\">\r\n                <div class=\"girasol-magnifier\" id=\"girasolMagnifier\"><\/div>\r\n            <\/div>\r\n            <div class=\"girasol-ficha-tecnica\">\r\n                <h3>Ficha T\u00e9cnica<\/h3>\r\n                <div class=\"girasol-ficha-item\">\r\n                    <div class=\"girasol-ficha-label\">T\u00edtulo:<\/div>\r\n                    <div class=\"girasol-ficha-value\">Girasol<\/div>\r\n                <\/div>\r\n                <div class=\"girasol-ficha-item\">\r\n                    <div class=\"girasol-ficha-label\">T\u00e9cnica:<\/div>\r\n                    <div class=\"girasol-ficha-value\">Acr\u00edlico sobre lienzo<\/div>\r\n                <\/div>\r\n                <div class=\"girasol-ficha-item\">\r\n                    <div class=\"girasol-ficha-label\">Tama\u00f1o:<\/div>\r\n                    <div class=\"girasol-ficha-value\">150 x 150 cms<\/div>\r\n                <\/div>\r\n                <div class=\"girasol-ficha-item\">\r\n                    <div class=\"girasol-ficha-label\">Fecha:<\/div>\r\n                    <div class=\"girasol-ficha-value\">2025<\/div>\r\n                <\/div>\r\n                <div class=\"girasol-ficha-item\">\r\n                    <div class=\"girasol-ficha-label\">Firma:<\/div>\r\n                    <div class=\"girasol-ficha-value\">Pilar Mainou<\/div>\r\n                <\/div>\r\n                <div class=\"girasol-ficha-item\">\r\n                    <div class=\"girasol-ficha-label\">Obra:<\/div>\r\n                    <div class=\"girasol-ficha-value\">Obra \u00fanica<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    (function() {\r\n        'use strict';\r\n\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const previewWrapper = document.getElementById('girasolPreviewWrapper');\r\n            const popup = document.getElementById('girasolPopupOverlay');\r\n            const closeBtn = document.getElementById('girasolCloseBtn');\r\n            const popupImage = document.getElementById('girasolPopupImage');\r\n            const popupContent = document.getElementById('girasolPopupContent');\r\n            const magnifier = document.getElementById('girasolMagnifier');\r\n\r\n            if (!previewWrapper || !popup || !closeBtn || !popupImage || !popupContent || !magnifier) {\r\n                return;\r\n            }\r\n\r\n            let magnifierSize = window.innerWidth <= 768 ? 140 : 180;\r\n\r\n            function updateMagnifierSize() {\r\n                magnifierSize = window.innerWidth <= 768 ? 140 : 180;\r\n                magnifier.style.width = magnifierSize + 'px';\r\n                magnifier.style.height = magnifierSize + 'px';\r\n            }\r\n\r\n            window.addEventListener('resize', updateMagnifierSize);\r\n\r\n            magnifier.style.backgroundImage = `url('${popupImage.src}')`;\r\n\r\n            function openPopup() {\r\n                popup.classList.add('girasol-active');\r\n                document.body.style.overflow = 'hidden';\r\n            }\r\n\r\n            function closePopup() {\r\n                popup.classList.remove('girasol-active');\r\n                document.body.style.overflow = '';\r\n                magnifier.style.display = 'none';\r\n            }\r\n\r\n            previewWrapper.addEventListener('click', function(e) {\r\n                e.preventDefault();\r\n                openPopup();\r\n            });\r\n\r\n            closeBtn.addEventListener('click', function(e) {\r\n                e.stopPropagation();\r\n                closePopup();\r\n            });\r\n\r\n            popupContent.addEventListener('click', function(e) {\r\n                e.stopPropagation();\r\n            });\r\n\r\n            document.addEventListener('keydown', function(e) {\r\n                if (e.key === 'Escape' && popup.classList.contains('girasol-active')) {\r\n                    closePopup();\r\n                }\r\n            });\r\n\r\n            popupImage.addEventListener('mousemove', function(e) {\r\n                const rect = popupImage.getBoundingClientRect();\r\n                const x = e.clientX - rect.left;\r\n                const y = e.clientY - rect.top;\r\n\r\n                magnifier.style.display = 'block';\r\n\r\n                const magnifierRadius = 90;\r\n                magnifier.style.left = (x - magnifierRadius) + 'px';\r\n                magnifier.style.top = (y - magnifierRadius) + 'px';\r\n\r\n                const bgPosX = (x \/ rect.width) * 100;\r\n                const bgPosY = (y \/ rect.height) * 100;\r\n\r\n                magnifier.style.backgroundPosition = `${bgPosX}% ${bgPosY}%`;\r\n            });\r\n\r\n            popupImage.addEventListener('mouseleave', function() {\r\n                magnifier.style.display = 'none';\r\n            });\r\n\r\n            let touchTimeout;\r\n\r\n            function handleTouch(e) {\r\n                const touch = e.touches[0];\r\n                const rect = popupImage.getBoundingClientRect();\r\n                const x = touch.clientX - rect.left;\r\n                const y = touch.clientY - rect.top;\r\n\r\n                magnifier.style.display = 'block';\r\n\r\n                const magnifierRadius = 70;\r\n                magnifier.style.left = (x - magnifierRadius) + 'px';\r\n                magnifier.style.top = (y - magnifierRadius) + 'px';\r\n\r\n                const bgPosX = (x \/ rect.width) * 100;\r\n                const bgPosY = (y \/ rect.height) * 100;\r\n\r\n                magnifier.style.backgroundPosition = `${bgPosX}% ${bgPosY}%`;\r\n            }\r\n\r\n            popupImage.addEventListener('touchstart', function(e) {\r\n                e.preventDefault();\r\n                handleTouch(e);\r\n            });\r\n\r\n            popupImage.addEventListener('touchmove', function(e) {\r\n                e.preventDefault();\r\n                clearTimeout(touchTimeout);\r\n                handleTouch(e);\r\n            });\r\n\r\n            popupImage.addEventListener('touchend', function() {\r\n                touchTimeout = setTimeout(function() {\r\n                    magnifier.style.display = 'none';\r\n                }, 300);\r\n            });\r\n        });\r\n    })();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-664f89e elementor-widget elementor-widget-html\" data-id=\"664f89e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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>Vamos Juntos - Visor de Obra<\/title>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <style>\r\n        .vamosjuntos-artwork-container {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            padding: 20px;\r\n            font-family: 'Neuton', serif;\r\n            font-weight: 300;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .vamosjuntos-artwork-container * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .vamosjuntos-preview-wrapper {\r\n            width: 100%;\r\n            position: relative;\r\n            cursor: pointer;\r\n            overflow: hidden;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .vamosjuntos-preview-wrapper:hover {\r\n            transform: scale(1.02);\r\n        }\r\n\r\n        .vamosjuntos-preview-image {\r\n            width: 100%;\r\n            height: auto;\r\n            display: block;\r\n        }\r\n\r\n        .vamosjuntos-artwork-title {\r\n            font-size: 32px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n            margin-top: 20px;\r\n            text-align: center;\r\n        }\r\n\r\n        .vamosjuntos-popup-overlay {\r\n            display: none;\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.9);\r\n            z-index: 999999;\r\n            justify-content: center;\r\n            align-items: center;\r\n            padding: 20px;\r\n            overflow-y: auto;\r\n            animation: vamosjuntosFadeIn 0.3s ease;\r\n        }\r\n\r\n        .vamosjuntos-popup-overlay.vamosjuntos-active {\r\n            display: flex;\r\n        }\r\n\r\n        @keyframes vamosjuntosFadeIn {\r\n            from { opacity: 0; }\r\n            to { opacity: 1; }\r\n        }\r\n\r\n        .vamosjuntos-popup-content {\r\n            position: relative;\r\n            max-width: 95%;\r\n            display: flex;\r\n            gap: 30px;\r\n            align-items: flex-start;\r\n            margin: auto;\r\n        }\r\n\r\n        .vamosjuntos-popup-image-wrapper {\r\n            position: relative;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .vamosjuntos-close-btn {\r\n            position: absolute;\r\n            top: -25px;\r\n            right: -25px;\r\n            width: 45px;\r\n            height: 45px;\r\n            border-radius: 50%;\r\n            background: white;\r\n            color: #442C39;\r\n            border: none;\r\n            font-size: 28px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            z-index: 1000000;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);\r\n            transition: all 0.3s ease;\r\n            font-family: Arial, sans-serif;\r\n            line-height: 1;\r\n        }\r\n\r\n        .vamosjuntos-close-btn:hover {\r\n            background: #1d7a7a;\r\n            color: white;\r\n            transform: scale(1.15);\r\n        }\r\n\r\n        .vamosjuntos-popup-image {\r\n            max-width: 900px;\r\n            max-height: 90vh;\r\n            width: auto;\r\n            height: auto;\r\n            display: block;\r\n            cursor: none;\r\n            position: relative;\r\n        }\r\n\r\n        .vamosjuntos-magnifier {\r\n            position: absolute;\r\n            width: 180px;\r\n            height: 180px;\r\n            border: 3px solid #1d7a7a;\r\n            border-radius: 50%;\r\n            pointer-events: none;\r\n            display: none;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\r\n            background-repeat: no-repeat;\r\n            background-size: 250%;\r\n            z-index: 1000001;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .vamosjuntos-magnifier::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 40px;\r\n            height: 40px;\r\n            opacity: 0.3;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%231d7a7a' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'\/%3E%3Cpath d='m21 21-4.35-4.35'\/%3E%3C\/svg%3E\");\r\n            background-size: contain;\r\n            background-repeat: no-repeat;\r\n        }\r\n\r\n        .vamosjuntos-ficha-tecnica {\r\n            background: white;\r\n            padding: 30px;\r\n            border-radius: 8px;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n            min-width: 280px;\r\n            max-width: 350px;\r\n            font-family: 'Neuton', serif;\r\n        }\r\n\r\n        .vamosjuntos-ficha-tecnica h3 {\r\n            font-size: 24px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n            margin-bottom: 20px;\r\n            padding-bottom: 15px;\r\n            border-bottom: 2px solid #1d7a7a;\r\n        }\r\n\r\n        .vamosjuntos-ficha-item {\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .vamosjuntos-ficha-item:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .vamosjuntos-ficha-label {\r\n            font-size: 16px;\r\n            color: #1d7a7a;\r\n            font-weight: 400;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .vamosjuntos-ficha-value {\r\n            font-size: 18px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .vamosjuntos-artwork-container { padding: 10px; }\r\n            .vamosjuntos-artwork-title { font-size: 24px; }\r\n            .vamosjuntos-popup-overlay { padding: 10px; }\r\n            .vamosjuntos-popup-content { flex-direction: column; align-items: center; max-height: none; }\r\n            .vamosjuntos-popup-overlay.vamosjuntos-active { align-items: flex-start; }\r\n            .vamosjuntos-popup-image { max-height: 50vh; }\r\n            .vamosjuntos-magnifier { width: 140px; height: 140px; }\r\n            .vamosjuntos-ficha-tecnica { width: 100%; padding: 20px; }\r\n            .vamosjuntos-close-btn { top: -20px; right: -20px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"vamosjuntos-artwork-container\">\r\n        <div class=\"vamosjuntos-preview-wrapper\" id=\"vamosjuntosPreviewWrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2026\/03\/08-VAMOS-JUNTOS-scaled.webp\" \r\n                 alt=\"Vamos Juntos - Acr\u00edlico sobre lienzo\" \r\n                 class=\"vamosjuntos-preview-image\">\r\n        <\/div>\r\n        <h2 class=\"vamosjuntos-artwork-title\">Vamos Juntos<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"vamosjuntos-popup-overlay\" id=\"vamosjuntosPopupOverlay\">\r\n        <div class=\"vamosjuntos-popup-content\" id=\"vamosjuntosPopupContent\">\r\n            <div class=\"vamosjuntos-popup-image-wrapper\">\r\n                <button class=\"vamosjuntos-close-btn\" id=\"vamosjuntosCloseBtn\" aria-label=\"Cerrar\">\u00d7<\/button>\r\n                <img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2026\/03\/08-VAMOS-JUNTOS-scaled.webp\" \r\n                     alt=\"Vamos Juntos - Vista ampliada\" \r\n                     class=\"vamosjuntos-popup-image\"\r\n                     id=\"vamosjuntosPopupImage\">\r\n                <div class=\"vamosjuntos-magnifier\" id=\"vamosjuntosMagnifier\"><\/div>\r\n            <\/div>\r\n            <div class=\"vamosjuntos-ficha-tecnica\">\r\n                <h3>Ficha T\u00e9cnica<\/h3>\r\n                <div class=\"vamosjuntos-ficha-item\">\r\n                    <div class=\"vamosjuntos-ficha-label\">T\u00edtulo:<\/div>\r\n                    <div class=\"vamosjuntos-ficha-value\">Vamos Juntos<\/div>\r\n                <\/div>\r\n                <div class=\"vamosjuntos-ficha-item\">\r\n                    <div class=\"vamosjuntos-ficha-label\">T\u00e9cnica:<\/div>\r\n                    <div class=\"vamosjuntos-ficha-value\">Acr\u00edlico sobre lienzo<\/div>\r\n                <\/div>\r\n                <div class=\"vamosjuntos-ficha-item\">\r\n                    <div class=\"vamosjuntos-ficha-label\">Tama\u00f1o:<\/div>\r\n                    <div class=\"vamosjuntos-ficha-value\">115 x 115 cms<\/div>\r\n                <\/div>\r\n                <div class=\"vamosjuntos-ficha-item\">\r\n                    <div class=\"vamosjuntos-ficha-label\">Fecha:<\/div>\r\n                    <div class=\"vamosjuntos-ficha-value\">2025<\/div>\r\n                <\/div>\r\n                <div class=\"vamosjuntos-ficha-item\">\r\n                    <div class=\"vamosjuntos-ficha-label\">Firma:<\/div>\r\n                    <div class=\"vamosjuntos-ficha-value\">Pilar Mainou<\/div>\r\n                <\/div>\r\n                <div class=\"vamosjuntos-ficha-item\">\r\n                    <div class=\"vamosjuntos-ficha-label\">Obra:<\/div>\r\n                    <div class=\"vamosjuntos-ficha-value\">Obra \u00fanica<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    (function() {\r\n        'use strict';\r\n\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const previewWrapper = document.getElementById('vamosjuntosPreviewWrapper');\r\n            const popup = document.getElementById('vamosjuntosPopupOverlay');\r\n            const closeBtn = document.getElementById('vamosjuntosCloseBtn');\r\n            const popupImage = document.getElementById('vamosjuntosPopupImage');\r\n            const popupContent = document.getElementById('vamosjuntosPopupContent');\r\n            const magnifier = document.getElementById('vamosjuntosMagnifier');\r\n\r\n            if (!previewWrapper || !popup || !closeBtn || !popupImage || !popupContent || !magnifier) {\r\n                return;\r\n            }\r\n\r\n            let magnifierSize = window.innerWidth <= 768 ? 140 : 180;\r\n\r\n            function updateMagnifierSize() {\r\n                magnifierSize = window.innerWidth <= 768 ? 140 : 180;\r\n                magnifier.style.width = magnifierSize + 'px';\r\n                magnifier.style.height = magnifierSize + 'px';\r\n            }\r\n\r\n            window.addEventListener('resize', updateMagnifierSize);\r\n\r\n            magnifier.style.backgroundImage = `url('${popupImage.src}')`;\r\n\r\n            function openPopup() {\r\n                popup.classList.add('vamosjuntos-active');\r\n                document.body.style.overflow = 'hidden';\r\n            }\r\n\r\n            function closePopup() {\r\n                popup.classList.remove('vamosjuntos-active');\r\n                document.body.style.overflow = '';\r\n                magnifier.style.display = 'none';\r\n            }\r\n\r\n            previewWrapper.addEventListener('click', function(e) {\r\n                e.preventDefault();\r\n                openPopup();\r\n            });\r\n\r\n            closeBtn.addEventListener('click', function(e) {\r\n                e.stopPropagation();\r\n                closePopup();\r\n            });\r\n\r\n            popupContent.addEventListener('click', function(e) {\r\n                e.stopPropagation();\r\n            });\r\n\r\n            document.addEventListener('keydown', function(e) {\r\n                if (e.key === 'Escape' && popup.classList.contains('vamosjuntos-active')) {\r\n                    closePopup();\r\n                }\r\n            });\r\n\r\n            popupImage.addEventListener('mousemove', function(e) {\r\n                const rect = popupImage.getBoundingClientRect();\r\n                const x = e.clientX - rect.left;\r\n                const y = e.clientY - rect.top;\r\n\r\n                magnifier.style.display = 'block';\r\n\r\n                const magnifierRadius = 90;\r\n                magnifier.style.left = (x - magnifierRadius) + 'px';\r\n                magnifier.style.top = (y - magnifierRadius) + 'px';\r\n\r\n                const bgPosX = (x \/ rect.width) * 100;\r\n                const bgPosY = (y \/ rect.height) * 100;\r\n\r\n                magnifier.style.backgroundPosition = `${bgPosX}% ${bgPosY}%`;\r\n            });\r\n\r\n            popupImage.addEventListener('mouseleave', function() {\r\n                magnifier.style.display = 'none';\r\n            });\r\n\r\n            let touchTimeout;\r\n\r\n            function handleTouch(e) {\r\n                const touch = e.touches[0];\r\n                const rect = popupImage.getBoundingClientRect();\r\n                const x = touch.clientX - rect.left;\r\n                const y = touch.clientY - rect.top;\r\n\r\n                magnifier.style.display = 'block';\r\n\r\n                const magnifierRadius = 70;\r\n                magnifier.style.left = (x - magnifierRadius) + 'px';\r\n                magnifier.style.top = (y - magnifierRadius) + 'px';\r\n\r\n                const bgPosX = (x \/ rect.width) * 100;\r\n                const bgPosY = (y \/ rect.height) * 100;\r\n\r\n                magnifier.style.backgroundPosition = `${bgPosX}% ${bgPosY}%`;\r\n            }\r\n\r\n            popupImage.addEventListener('touchstart', function(e) {\r\n                e.preventDefault();\r\n                handleTouch(e);\r\n            });\r\n\r\n            popupImage.addEventListener('touchmove', function(e) {\r\n                e.preventDefault();\r\n                clearTimeout(touchTimeout);\r\n                handleTouch(e);\r\n            });\r\n\r\n            popupImage.addEventListener('touchend', function() {\r\n                touchTimeout = setTimeout(function() {\r\n                    magnifier.style.display = 'none';\r\n                }, 300);\r\n            });\r\n        });\r\n    })();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a4af467 elementor-widget elementor-widget-html\" data-id=\"a4af467\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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>Me Despert\u00e9 Con Hambre - Visor de Obra<\/title>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <style>\r\n        .medesperteconhambre-artwork-container {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            padding: 20px;\r\n            font-family: 'Neuton', serif;\r\n            font-weight: 300;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .medesperteconhambre-artwork-container * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .medesperteconhambre-preview-wrapper {\r\n            width: 100%;\r\n            position: relative;\r\n            cursor: pointer;\r\n            overflow: hidden;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .medesperteconhambre-preview-wrapper:hover {\r\n            transform: scale(1.02);\r\n        }\r\n\r\n        .medesperteconhambre-preview-image {\r\n            width: 100%;\r\n            height: auto;\r\n            display: block;\r\n        }\r\n\r\n        .medesperteconhambre-artwork-title {\r\n            font-size: 32px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n            margin-top: 20px;\r\n            text-align: center;\r\n        }\r\n\r\n        .medesperteconhambre-popup-overlay {\r\n            display: none;\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.9);\r\n            z-index: 999999;\r\n            justify-content: center;\r\n            align-items: center;\r\n            padding: 20px;\r\n            overflow-y: auto;\r\n            animation: medesperteconhambreFadeIn 0.3s ease;\r\n        }\r\n\r\n        .medesperteconhambre-popup-overlay.medesperteconhambre-active {\r\n            display: flex;\r\n        }\r\n\r\n        @keyframes medesperteconhambreFadeIn {\r\n            from { opacity: 0; }\r\n            to { opacity: 1; }\r\n        }\r\n\r\n        .medesperteconhambre-popup-content {\r\n            position: relative;\r\n            max-width: 95%;\r\n            display: flex;\r\n            gap: 30px;\r\n            align-items: flex-start;\r\n            margin: auto;\r\n        }\r\n\r\n        .medesperteconhambre-popup-image-wrapper {\r\n            position: relative;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .medesperteconhambre-close-btn {\r\n            position: absolute;\r\n            top: -25px;\r\n            right: -25px;\r\n            width: 45px;\r\n            height: 45px;\r\n            border-radius: 50%;\r\n            background: white;\r\n            color: #442C39;\r\n            border: none;\r\n            font-size: 28px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            z-index: 1000000;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);\r\n            transition: all 0.3s ease;\r\n            font-family: Arial, sans-serif;\r\n            line-height: 1;\r\n        }\r\n\r\n        .medesperteconhambre-close-btn:hover {\r\n            background: #1d7a7a;\r\n            color: white;\r\n            transform: scale(1.15);\r\n        }\r\n\r\n        .medesperteconhambre-popup-image {\r\n            max-width: 900px;\r\n            max-height: 90vh;\r\n            width: auto;\r\n            height: auto;\r\n            display: block;\r\n            cursor: none;\r\n            position: relative;\r\n        }\r\n\r\n        .medesperteconhambre-magnifier {\r\n            position: absolute;\r\n            width: 180px;\r\n            height: 180px;\r\n            border: 3px solid #1d7a7a;\r\n            border-radius: 50%;\r\n            pointer-events: none;\r\n            display: none;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\r\n            background-repeat: no-repeat;\r\n            background-size: 250%;\r\n            z-index: 1000001;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .medesperteconhambre-magnifier::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 40px;\r\n            height: 40px;\r\n            opacity: 0.3;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%231d7a7a' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'\/%3E%3Cpath d='m21 21-4.35-4.35'\/%3E%3C\/svg%3E\");\r\n            background-size: contain;\r\n            background-repeat: no-repeat;\r\n        }\r\n\r\n        .medesperteconhambre-ficha-tecnica {\r\n            background: white;\r\n            padding: 30px;\r\n            border-radius: 8px;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n            min-width: 280px;\r\n            max-width: 350px;\r\n            font-family: 'Neuton', serif;\r\n        }\r\n\r\n        .medesperteconhambre-ficha-tecnica h3 {\r\n            font-size: 24px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n            margin-bottom: 20px;\r\n            padding-bottom: 15px;\r\n            border-bottom: 2px solid #1d7a7a;\r\n        }\r\n\r\n        .medesperteconhambre-ficha-item {\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .medesperteconhambre-ficha-item:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .medesperteconhambre-ficha-label {\r\n            font-size: 16px;\r\n            color: #1d7a7a;\r\n            font-weight: 400;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .medesperteconhambre-ficha-value {\r\n            font-size: 18px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .medesperteconhambre-artwork-container { padding: 10px; }\r\n            .medesperteconhambre-artwork-title { font-size: 24px; }\r\n            .medesperteconhambre-popup-overlay { padding: 10px; }\r\n            .medesperteconhambre-popup-content { flex-direction: column; align-items: center; max-height: none; }\r\n            .medesperteconhambre-popup-overlay.medesperteconhambre-active { align-items: flex-start; }\r\n            .medesperteconhambre-popup-image { max-height: 50vh; }\r\n            .medesperteconhambre-magnifier { width: 140px; height: 140px; }\r\n            .medesperteconhambre-ficha-tecnica { width: 100%; padding: 20px; }\r\n            .medesperteconhambre-close-btn { top: -20px; right: -20px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"medesperteconhambre-artwork-container\">\r\n        <div class=\"medesperteconhambre-preview-wrapper\" id=\"medesperteconhambrePreviewWrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2025\/12\/DSCF1878.webp\" \r\n                 alt=\"Me Despert\u00e9 Con Hambre\" \r\n                 class=\"medesperteconhambre-preview-image\">\r\n        <\/div>\r\n        <h2 class=\"medesperteconhambre-artwork-title\">Me Despert\u00e9 Con Hambre<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"medesperteconhambre-popup-overlay\" id=\"medesperteconhambrePopupOverlay\">\r\n        <div class=\"medesperteconhambre-popup-content\" id=\"medesperteconhambrePopupContent\">\r\n            <div class=\"medesperteconhambre-popup-image-wrapper\">\r\n                <button class=\"medesperteconhambre-close-btn\" id=\"medesperteconhambreCloseBtn\" aria-label=\"Cerrar\">\u00d7<\/button>\r\n                <img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2025\/12\/DSCF1878.webp\" \r\n                     alt=\"Me Despert\u00e9 Con Hambre - Vista ampliada\" \r\n                     class=\"medesperteconhambre-popup-image\"\r\n                     id=\"medesperteconhambrePopupImage\">\r\n                <div class=\"medesperteconhambre-magnifier\" id=\"medesperteconhambreMagnifier\"><\/div>\r\n            <\/div>\r\n            <div class=\"medesperteconhambre-ficha-tecnica\">\r\n                <h3>Ficha T\u00e9cnica<\/h3>\r\n                <div class=\"medesperteconhambre-ficha-item\">\r\n                    <div class=\"medesperteconhambre-ficha-label\">T\u00edtulo:<\/div>\r\n                    <div class=\"medesperteconhambre-ficha-value\">Me Despert\u00e9 Con Hambre<\/div>\r\n                <\/div>\r\n                <div class=\"medesperteconhambre-ficha-item\">\r\n                    <div class=\"medesperteconhambre-ficha-label\">T\u00e9cnica:<\/div>\r\n                    <div class=\"medesperteconhambre-ficha-value\">Acr\u00edlico y gis en barra sobre lienzo<\/div>\r\n                <\/div>\r\n                <div class=\"medesperteconhambre-ficha-item\">\r\n                    <div class=\"medesperteconhambre-ficha-label\">Tama\u00f1o:<\/div>\r\n                    <div class=\"medesperteconhambre-ficha-value\">120 x 120 cms<\/div>\r\n                <\/div>\r\n                <div class=\"medesperteconhambre-ficha-item\">\r\n                    <div class=\"medesperteconhambre-ficha-label\">Fecha:<\/div>\r\n                    <div class=\"medesperteconhambre-ficha-value\">2025<\/div>\r\n                <\/div>\r\n                <div class=\"medesperteconhambre-ficha-item\">\r\n                    <div class=\"medesperteconhambre-ficha-label\">Firma:<\/div>\r\n                    <div class=\"medesperteconhambre-ficha-value\">Pilar Mainou<\/div>\r\n                <\/div>\r\n                <div class=\"medesperteconhambre-ficha-item\">\r\n                    <div class=\"medesperteconhambre-ficha-label\">Obra:<\/div>\r\n                    <div class=\"medesperteconhambre-ficha-value\">Obra \u00fanica<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    (function() {\r\n        'use strict';\r\n\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const previewWrapper = document.getElementById('medesperteconhambrePreviewWrapper');\r\n            const popup = document.getElementById('medesperteconhambrePopupOverlay');\r\n            const closeBtn = document.getElementById('medesperteconhambreCloseBtn');\r\n            const popupImage = document.getElementById('medesperteconhambrePopupImage');\r\n            const popupContent = document.getElementById('medesperteconhambrePopupContent');\r\n            const magnifier = document.getElementById('medesperteconhambreMagnifier');\r\n\r\n            if (!previewWrapper || !popup || !closeBtn || !popupImage || !popupContent || !magnifier) {\r\n                return;\r\n            }\r\n\r\n            let magnifierSize = window.innerWidth <= 768 ? 140 : 180;\r\n\r\n            function updateMagnifierSize() {\r\n                magnifierSize = window.innerWidth <= 768 ? 140 : 180;\r\n                magnifier.style.width = magnifierSize + 'px';\r\n                magnifier.style.height = magnifierSize + 'px';\r\n            }\r\n\r\n            window.addEventListener('resize', updateMagnifierSize);\r\n\r\n            magnifier.style.backgroundImage = `url('${popupImage.src}')`;\r\n\r\n            function openPopup() {\r\n                popup.classList.add('medesperteconhambre-active');\r\n                document.body.style.overflow = 'hidden';\r\n            }\r\n\r\n            function closePopup() {\r\n                popup.classList.remove('medesperteconhambre-active');\r\n                document.body.style.overflow = '';\r\n                magnifier.style.display = 'none';\r\n            }\r\n\r\n            previewWrapper.addEventListener('click', function(e) {\r\n                e.preventDefault();\r\n                openPopup();\r\n            });\r\n\r\n            closeBtn.addEventListener('click', function(e) {\r\n                e.stopPropagation();\r\n                closePopup();\r\n            });\r\n\r\n            popupContent.addEventListener('click', function(e) {\r\n                e.stopPropagation();\r\n            });\r\n\r\n            document.addEventListener('keydown', function(e) {\r\n                if (e.key === 'Escape' && popup.classList.contains('medesperteconhambre-active')) {\r\n                    closePopup();\r\n                }\r\n            });\r\n\r\n            popupImage.addEventListener('mousemove', function(e) {\r\n                const rect = popupImage.getBoundingClientRect();\r\n                const x = e.clientX - rect.left;\r\n                const y = e.clientY - rect.top;\r\n\r\n                magnifier.style.display = 'block';\r\n\r\n                const magnifierRadius = 90;\r\n                magnifier.style.left = (x - magnifierRadius) + 'px';\r\n                magnifier.style.top = (y - magnifierRadius) + 'px';\r\n\r\n                const bgPosX = (x \/ rect.width) * 100;\r\n                const bgPosY = (y \/ rect.height) * 100;\r\n\r\n                magnifier.style.backgroundPosition = `${bgPosX}% ${bgPosY}%`;\r\n            });\r\n\r\n            popupImage.addEventListener('mouseleave', function() {\r\n                magnifier.style.display = 'none';\r\n            });\r\n\r\n            let touchTimeout;\r\n\r\n            function handleTouch(e) {\r\n                const touch = e.touches[0];\r\n                const rect = popupImage.getBoundingClientRect();\r\n                const x = touch.clientX - rect.left;\r\n                const y = touch.clientY - rect.top;\r\n\r\n                magnifier.style.display = 'block';\r\n\r\n                const magnifierRadius = 70;\r\n                magnifier.style.left = (x - magnifierRadius) + 'px';\r\n                magnifier.style.top = (y - magnifierRadius) + 'px';\r\n\r\n                const bgPosX = (x \/ rect.width) * 100;\r\n                const bgPosY = (y \/ rect.height) * 100;\r\n\r\n                magnifier.style.backgroundPosition = `${bgPosX}% ${bgPosY}%`;\r\n            }\r\n\r\n            popupImage.addEventListener('touchstart', function(e) {\r\n                e.preventDefault();\r\n                handleTouch(e);\r\n            });\r\n\r\n            popupImage.addEventListener('touchmove', function(e) {\r\n                e.preventDefault();\r\n                clearTimeout(touchTimeout);\r\n                handleTouch(e);\r\n            });\r\n\r\n            popupImage.addEventListener('touchend', function() {\r\n                touchTimeout = setTimeout(function() {\r\n                    magnifier.style.display = 'none';\r\n                }, 300);\r\n            });\r\n        });\r\n    })();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2938027 elementor-widget elementor-widget-html\" data-id=\"2938027\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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>Ave del Para\u00edso - Visor de Obra<\/title>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <style>\r\n        .aveparaiso-artwork-container {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            padding: 20px;\r\n            font-family: 'Neuton', serif;\r\n            font-weight: 300;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .aveparaiso-artwork-container * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .aveparaiso-preview-wrapper {\r\n            width: 100%;\r\n            position: relative;\r\n            cursor: pointer;\r\n            overflow: hidden;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .aveparaiso-preview-wrapper:hover {\r\n            transform: scale(1.02);\r\n        }\r\n\r\n        .aveparaiso-preview-image {\r\n            width: 100%;\r\n            height: auto;\r\n            display: block;\r\n        }\r\n\r\n        .aveparaiso-artwork-title {\r\n            font-size: 32px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n            margin-top: 20px;\r\n            text-align: center;\r\n        }\r\n\r\n        .aveparaiso-popup-overlay {\r\n            display: none;\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.9);\r\n            z-index: 999999;\r\n            justify-content: center;\r\n            align-items: center;\r\n            padding: 20px;\r\n            overflow-y: auto;\r\n            animation: aveparaisoFadeIn 0.3s ease;\r\n        }\r\n\r\n        .aveparaiso-popup-overlay.aveparaiso-active {\r\n            display: flex;\r\n        }\r\n\r\n        @keyframes aveparaisoFadeIn {\r\n            from { opacity: 0; }\r\n            to { opacity: 1; }\r\n        }\r\n\r\n        .aveparaiso-popup-content {\r\n            position: relative;\r\n            max-width: 95%;\r\n            display: flex;\r\n            gap: 30px;\r\n            align-items: flex-start;\r\n            margin: auto;\r\n        }\r\n\r\n        .aveparaiso-popup-image-wrapper {\r\n            position: relative;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .aveparaiso-close-btn {\r\n            position: absolute;\r\n            top: -25px;\r\n            right: -25px;\r\n            width: 45px;\r\n            height: 45px;\r\n            border-radius: 50%;\r\n            background: white;\r\n            color: #442C39;\r\n            border: none;\r\n            font-size: 28px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            z-index: 1000000;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);\r\n            transition: all 0.3s ease;\r\n            font-family: Arial, sans-serif;\r\n            line-height: 1;\r\n        }\r\n\r\n        .aveparaiso-close-btn:hover {\r\n            background: #1d7a7a;\r\n            color: white;\r\n            transform: scale(1.15);\r\n        }\r\n\r\n        .aveparaiso-popup-image {\r\n            max-width: 900px;\r\n            max-height: 90vh;\r\n            width: auto;\r\n            height: auto;\r\n            display: block;\r\n            cursor: none;\r\n            position: relative;\r\n        }\r\n\r\n        .aveparaiso-magnifier {\r\n            position: absolute;\r\n            width: 180px;\r\n            height: 180px;\r\n            border: 3px solid #1d7a7a;\r\n            border-radius: 50%;\r\n            pointer-events: none;\r\n            display: none;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\r\n            background-repeat: no-repeat;\r\n            background-size: 250%;\r\n            z-index: 1000001;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .aveparaiso-magnifier::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 40px;\r\n            height: 40px;\r\n            opacity: 0.3;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%231d7a7a' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'\/%3E%3Cpath d='m21 21-4.35-4.35'\/%3E%3C\/svg%3E\");\r\n            background-size: contain;\r\n            background-repeat: no-repeat;\r\n        }\r\n\r\n        .aveparaiso-ficha-tecnica {\r\n            background: white;\r\n            padding: 30px;\r\n            border-radius: 8px;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n            min-width: 280px;\r\n            max-width: 350px;\r\n            font-family: 'Neuton', serif;\r\n        }\r\n\r\n        .aveparaiso-ficha-tecnica h3 {\r\n            font-size: 24px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n            margin-bottom: 20px;\r\n            padding-bottom: 15px;\r\n            border-bottom: 2px solid #1d7a7a;\r\n        }\r\n\r\n        .aveparaiso-ficha-item {\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .aveparaiso-ficha-item:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .aveparaiso-ficha-label {\r\n            font-size: 16px;\r\n            color: #1d7a7a;\r\n            font-weight: 400;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .aveparaiso-ficha-value {\r\n            font-size: 18px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .aveparaiso-artwork-container { padding: 10px; }\r\n            .aveparaiso-artwork-title { font-size: 24px; }\r\n            .aveparaiso-popup-overlay { padding: 10px; }\r\n            .aveparaiso-popup-content { flex-direction: column; align-items: center; max-height: none; }\r\n            .aveparaiso-popup-overlay.aveparaiso-active { align-items: flex-start; }\r\n            .aveparaiso-popup-image { max-height: 50vh; }\r\n            .aveparaiso-magnifier { width: 140px; height: 140px; }\r\n            .aveparaiso-ficha-tecnica { width: 100%; padding: 20px; }\r\n            .aveparaiso-close-btn { top: -20px; right: -20px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"aveparaiso-artwork-container\">\r\n        <div class=\"aveparaiso-preview-wrapper\" id=\"aveparaisoPreviewWrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2025\/11\/Ave-Del-Paraiso-scaled.webp\" \r\n                 alt=\"Ave del Para\u00edso - Acr\u00edlico sobre lienzo\" \r\n                 class=\"aveparaiso-preview-image\">\r\n        <\/div>\r\n        <h2 class=\"aveparaiso-artwork-title\">Ave del Para\u00edso<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"aveparaiso-popup-overlay\" id=\"aveparaisoPopupOverlay\">\r\n        <div class=\"aveparaiso-popup-content\" id=\"aveparaisoPopupContent\">\r\n            <div class=\"aveparaiso-popup-image-wrapper\">\r\n                <button class=\"aveparaiso-close-btn\" id=\"aveparaisoCloseBtn\" aria-label=\"Cerrar\">\u00d7<\/button>\r\n                <img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2025\/11\/Ave-Del-Paraiso-scaled.webp\" \r\n                     alt=\"Ave del Para\u00edso - Vista ampliada\" \r\n                     class=\"aveparaiso-popup-image\"\r\n                     id=\"aveparaisoPopupImage\">\r\n                <div class=\"aveparaiso-magnifier\" id=\"aveparaisoMagnifier\"><\/div>\r\n            <\/div>\r\n            <div class=\"aveparaiso-ficha-tecnica\">\r\n                <h3>Ficha T\u00e9cnica<\/h3>\r\n                <div class=\"aveparaiso-ficha-item\">\r\n                    <div class=\"aveparaiso-ficha-label\">T\u00edtulo:<\/div>\r\n                    <div class=\"aveparaiso-ficha-value\">Ave del Para\u00edso<\/div>\r\n                <\/div>\r\n                <div class=\"aveparaiso-ficha-item\">\r\n                    <div class=\"aveparaiso-ficha-label\">T\u00e9cnica:<\/div>\r\n                    <div class=\"aveparaiso-ficha-value\">Acr\u00edlico sobre lienzo<\/div>\r\n                <\/div>\r\n                <div class=\"aveparaiso-ficha-item\">\r\n                    <div class=\"aveparaiso-ficha-label\">Tama\u00f1o:<\/div>\r\n                    <div class=\"aveparaiso-ficha-value\">120 x 120 cms<\/div>\r\n                <\/div>\r\n                <div class=\"aveparaiso-ficha-item\">\r\n                    <div class=\"aveparaiso-ficha-label\">Fecha:<\/div>\r\n                    <div class=\"aveparaiso-ficha-value\">2025<\/div>\r\n                <\/div>\r\n                <div class=\"aveparaiso-ficha-item\">\r\n                    <div class=\"aveparaiso-ficha-label\">Firma:<\/div>\r\n                    <div class=\"aveparaiso-ficha-value\">Pilar Mainou<\/div>\r\n                <\/div>\r\n                <div class=\"aveparaiso-ficha-item\">\r\n                    <div class=\"aveparaiso-ficha-label\">Obra:<\/div>\r\n                    <div class=\"aveparaiso-ficha-value\">Obra \u00fanica<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    (function() {\r\n        'use strict';\r\n\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const previewWrapper = document.getElementById('aveparaisoPreviewWrapper');\r\n            const popup = document.getElementById('aveparaisoPopupOverlay');\r\n            const closeBtn = document.getElementById('aveparaisoCloseBtn');\r\n            const popupImage = document.getElementById('aveparaisoPopupImage');\r\n            const popupContent = document.getElementById('aveparaisoPopupContent');\r\n            const magnifier = document.getElementById('aveparaisoMagnifier');\r\n\r\n            if (!previewWrapper || !popup || !closeBtn || !popupImage || !popupContent || !magnifier) {\r\n                return;\r\n            }\r\n\r\n            let magnifierSize = window.innerWidth <= 768 ? 140 : 180;\r\n\r\n            function updateMagnifierSize() {\r\n                magnifierSize = window.innerWidth <= 768 ? 140 : 180;\r\n                magnifier.style.width = magnifierSize + 'px';\r\n                magnifier.style.height = magnifierSize + 'px';\r\n            }\r\n\r\n            window.addEventListener('resize', updateMagnifierSize);\r\n\r\n            magnifier.style.backgroundImage = `url('${popupImage.src}')`;\r\n\r\n            function openPopup() {\r\n                popup.classList.add('aveparaiso-active');\r\n                document.body.style.overflow = 'hidden';\r\n            }\r\n\r\n            function closePopup() {\r\n                popup.classList.remove('aveparaiso-active');\r\n                document.body.style.overflow = '';\r\n                magnifier.style.display = 'none';\r\n            }\r\n\r\n            previewWrapper.addEventListener('click', function(e) {\r\n                e.preventDefault();\r\n                openPopup();\r\n            });\r\n\r\n            closeBtn.addEventListener('click', function(e) {\r\n                e.stopPropagation();\r\n                closePopup();\r\n            });\r\n\r\n            popupContent.addEventListener('click', function(e) {\r\n                e.stopPropagation();\r\n            });\r\n\r\n            document.addEventListener('keydown', function(e) {\r\n                if (e.key === 'Escape' && popup.classList.contains('aveparaiso-active')) {\r\n                    closePopup();\r\n                }\r\n            });\r\n\r\n            popupImage.addEventListener('mousemove', function(e) {\r\n                const rect = popupImage.getBoundingClientRect();\r\n                const x = e.clientX - rect.left;\r\n                const y = e.clientY - rect.top;\r\n\r\n                magnifier.style.display = 'block';\r\n\r\n                const magnifierRadius = 90;\r\n                magnifier.style.left = (x - magnifierRadius) + 'px';\r\n                magnifier.style.top = (y - magnifierRadius) + 'px';\r\n\r\n                const bgPosX = (x \/ rect.width) * 100;\r\n                const bgPosY = (y \/ rect.height) * 100;\r\n\r\n                magnifier.style.backgroundPosition = `${bgPosX}% ${bgPosY}%`;\r\n            });\r\n\r\n            popupImage.addEventListener('mouseleave', function() {\r\n                magnifier.style.display = 'none';\r\n            });\r\n\r\n            let touchTimeout;\r\n\r\n            function handleTouch(e) {\r\n                const touch = e.touches[0];\r\n                const rect = popupImage.getBoundingClientRect();\r\n                const x = touch.clientX - rect.left;\r\n                const y = touch.clientY - rect.top;\r\n\r\n                magnifier.style.display = 'block';\r\n\r\n                const magnifierRadius = 70;\r\n                magnifier.style.left = (x - magnifierRadius) + 'px';\r\n                magnifier.style.top = (y - magnifierRadius) + 'px';\r\n\r\n                const bgPosX = (x \/ rect.width) * 100;\r\n                const bgPosY = (y \/ rect.height) * 100;\r\n\r\n                magnifier.style.backgroundPosition = `${bgPosX}% ${bgPosY}%`;\r\n            }\r\n\r\n            popupImage.addEventListener('touchstart', function(e) {\r\n                e.preventDefault();\r\n                handleTouch(e);\r\n            });\r\n\r\n            popupImage.addEventListener('touchmove', function(e) {\r\n                e.preventDefault();\r\n                clearTimeout(touchTimeout);\r\n                handleTouch(e);\r\n            });\r\n\r\n            popupImage.addEventListener('touchend', function() {\r\n                touchTimeout = setTimeout(function() {\r\n                    magnifier.style.display = 'none';\r\n                }, 300);\r\n            });\r\n        });\r\n    })();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e72560f elementor-widget elementor-widget-html\" data-id=\"e72560f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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>Las \u00c1nimas - Visor de Obra<\/title>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <style>\r\n        .lasanimas-artwork-container {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            padding: 20px;\r\n            font-family: 'Neuton', serif;\r\n            font-weight: 300;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .lasanimas-artwork-container * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .lasanimas-preview-wrapper {\r\n            width: 100%;\r\n            position: relative;\r\n            cursor: pointer;\r\n            overflow: hidden;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .lasanimas-preview-wrapper:hover {\r\n            transform: scale(1.02);\r\n        }\r\n\r\n        .lasanimas-preview-image {\r\n            width: 100%;\r\n            height: auto;\r\n            display: block;\r\n        }\r\n\r\n        .lasanimas-artwork-title {\r\n            font-size: 32px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n            margin-top: 20px;\r\n            text-align: center;\r\n        }\r\n\r\n        .lasanimas-popup-overlay {\r\n            display: none;\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.9);\r\n            z-index: 999999;\r\n            justify-content: center;\r\n            align-items: center;\r\n            padding: 20px;\r\n            overflow-y: auto;\r\n            animation: lasanimasFadeIn 0.3s ease;\r\n        }\r\n\r\n        .lasanimas-popup-overlay.lasanimas-active {\r\n            display: flex;\r\n        }\r\n\r\n        @keyframes lasanimasFadeIn {\r\n            from { opacity: 0; }\r\n            to { opacity: 1; }\r\n        }\r\n\r\n        .lasanimas-popup-content {\r\n            position: relative;\r\n            max-width: 95%;\r\n            display: flex;\r\n            gap: 30px;\r\n            align-items: flex-start;\r\n            margin: auto;\r\n        }\r\n\r\n        .lasanimas-popup-image-wrapper {\r\n            position: relative;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .lasanimas-close-btn {\r\n            position: absolute;\r\n            top: -25px;\r\n            right: -25px;\r\n            width: 45px;\r\n            height: 45px;\r\n            border-radius: 50%;\r\n            background: white;\r\n            color: #442C39;\r\n            border: none;\r\n            font-size: 28px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            z-index: 1000000;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);\r\n            transition: all 0.3s ease;\r\n            font-family: Arial, sans-serif;\r\n            line-height: 1;\r\n        }\r\n\r\n        .lasanimas-close-btn:hover {\r\n            background: #1d7a7a;\r\n            color: white;\r\n            transform: scale(1.15);\r\n        }\r\n\r\n        .lasanimas-popup-image {\r\n            max-width: 900px;\r\n            max-height: 90vh;\r\n            width: auto;\r\n            height: auto;\r\n            display: block;\r\n            cursor: none;\r\n            position: relative;\r\n        }\r\n\r\n        .lasanimas-magnifier {\r\n            position: absolute;\r\n            width: 180px;\r\n            height: 180px;\r\n            border: 3px solid #1d7a7a;\r\n            border-radius: 50%;\r\n            pointer-events: none;\r\n            display: none;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\r\n            background-repeat: no-repeat;\r\n            background-size: 250%;\r\n            z-index: 1000001;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .lasanimas-magnifier::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 40px;\r\n            height: 40px;\r\n            opacity: 0.3;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%231d7a7a' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'\/%3E%3Cpath d='m21 21-4.35-4.35'\/%3E%3C\/svg%3E\");\r\n            background-size: contain;\r\n            background-repeat: no-repeat;\r\n        }\r\n\r\n        .lasanimas-ficha-tecnica {\r\n            background: white;\r\n            padding: 30px;\r\n            border-radius: 8px;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n            min-width: 280px;\r\n            max-width: 350px;\r\n            font-family: 'Neuton', serif;\r\n        }\r\n\r\n        .lasanimas-ficha-tecnica h3 {\r\n            font-size: 24px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n            margin-bottom: 20px;\r\n            padding-bottom: 15px;\r\n            border-bottom: 2px solid #1d7a7a;\r\n        }\r\n\r\n        .lasanimas-ficha-item {\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .lasanimas-ficha-item:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .lasanimas-ficha-label {\r\n            font-size: 16px;\r\n            color: #1d7a7a;\r\n            font-weight: 400;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .lasanimas-ficha-value {\r\n            font-size: 18px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .lasanimas-artwork-container {\r\n                padding: 10px;\r\n            }\r\n\r\n            .lasanimas-artwork-title {\r\n                font-size: 24px;\r\n            }\r\n\r\n            .lasanimas-popup-overlay {\r\n                padding: 10px;\r\n            }\r\n\r\n            .lasanimas-popup-content {\r\n                flex-direction: column;\r\n                align-items: center;\r\n                max-height: none;\r\n            }\r\n\r\n            .lasanimas-popup-overlay.lasanimas-active {\r\n                align-items: flex-start;\r\n            }\r\n\r\n            .lasanimas-popup-image {\r\n                max-height: 50vh;\r\n            }\r\n\r\n            .lasanimas-magnifier {\r\n                width: 140px;\r\n                height: 140px;\r\n            }\r\n\r\n            .lasanimas-ficha-tecnica {\r\n                width: 100%;\r\n                padding: 20px;\r\n            }\r\n\r\n            .lasanimas-close-btn {\r\n                top: -20px;\r\n                right: -20px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"lasanimas-artwork-container\">\r\n        <div class=\"lasanimas-preview-wrapper\" id=\"lasanimasPreviewWrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2026\/03\/01-LAS-ANIMAS-scaled.webp\" \r\n                 alt=\"Las \u00c1nimas - Acr\u00edlico sobre lienzo\" \r\n                 class=\"lasanimas-preview-image\">\r\n        <\/div>\r\n        <h2 class=\"lasanimas-artwork-title\">Las \u00c1nimas<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"lasanimas-popup-overlay\" id=\"lasanimasPopupOverlay\">\r\n        <div class=\"lasanimas-popup-content\" id=\"lasanimasPopupContent\">\r\n            <div class=\"lasanimas-popup-image-wrapper\">\r\n                <button class=\"lasanimas-close-btn\" id=\"lasanimasCloseBtn\" aria-label=\"Cerrar\">\u00d7<\/button>\r\n                <img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2026\/03\/01-LAS-ANIMAS-scaled.webp\" \r\n                     alt=\"Las \u00c1nimas - Vista ampliada\" \r\n                     class=\"lasanimas-popup-image\"\r\n                     id=\"lasanimasPopupImage\">\r\n                <div class=\"lasanimas-magnifier\" id=\"lasanimasMagnifier\"><\/div>\r\n            <\/div>\r\n            <div class=\"lasanimas-ficha-tecnica\">\r\n                <h3>Ficha T\u00e9cnica<\/h3>\r\n                <div class=\"lasanimas-ficha-item\">\r\n                    <div class=\"lasanimas-ficha-label\">T\u00edtulo:<\/div>\r\n                    <div class=\"lasanimas-ficha-value\">Las \u00c1nimas<\/div>\r\n                <\/div>\r\n                <div class=\"lasanimas-ficha-item\">\r\n                    <div class=\"lasanimas-ficha-label\">T\u00e9cnica:<\/div>\r\n                    <div class=\"lasanimas-ficha-value\">Acr\u00edlico sobre lienzo<\/div>\r\n                <\/div>\r\n                <div class=\"lasanimas-ficha-item\">\r\n                    <div class=\"lasanimas-ficha-label\">Medidas:<\/div>\r\n                    <div class=\"lasanimas-ficha-value\">200 x 150 cm<\/div>\r\n                <\/div>\r\n                <div class=\"lasanimas-ficha-item\">\r\n                    <div class=\"lasanimas-ficha-label\">Fecha:<\/div>\r\n                    <div class=\"lasanimas-ficha-value\">2026<\/div>\r\n                <\/div>\r\n                <div class=\"lasanimas-ficha-item\">\r\n                    <div class=\"lasanimas-ficha-label\">Firma:<\/div>\r\n                    <div class=\"lasanimas-ficha-value\">Pilar Mainou<\/div>\r\n                <\/div>\r\n                <div class=\"lasanimas-ficha-item\">\r\n                    <div class=\"lasanimas-ficha-label\">Obra:<\/div>\r\n                    <div class=\"lasanimas-ficha-value\">Obra \u00fanica<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    (function() {\r\n        'use strict';\r\n\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const previewWrapper = document.getElementById('lasanimasPreviewWrapper');\r\n            const popup = document.getElementById('lasanimasPopupOverlay');\r\n            const closeBtn = document.getElementById('lasanimasCloseBtn');\r\n            const popupImage = document.getElementById('lasanimasPopupImage');\r\n            const popupContent = document.getElementById('lasanimasPopupContent');\r\n            const magnifier = document.getElementById('lasanimasMagnifier');\r\n\r\n            if (!previewWrapper || !popup || !closeBtn || !popupImage || !popupContent || !magnifier) {\r\n                console.error('Las \u00c1nimas: Elementos del visor no encontrados');\r\n                return;\r\n            }\r\n\r\n            console.log('Las \u00c1nimas: Visor inicializado correctamente');\r\n\r\n            let magnifierSize = window.innerWidth <= 768 ? 140 : 180;\r\n\r\n            function updateMagnifierSize() {\r\n                magnifierSize = window.innerWidth <= 768 ? 140 : 180;\r\n                magnifier.style.width = magnifierSize + 'px';\r\n                magnifier.style.height = magnifierSize + 'px';\r\n            }\r\n\r\n            window.addEventListener('resize', updateMagnifierSize);\r\n\r\n            magnifier.style.backgroundImage = `url('${popupImage.src}')`;\r\n\r\n            function openPopup() {\r\n                popup.classList.add('lasanimas-active');\r\n                document.body.style.overflow = 'hidden';\r\n                console.log('Las \u00c1nimas: Popup abierto');\r\n            }\r\n\r\n            function closePopup() {\r\n                popup.classList.remove('lasanimas-active');\r\n                document.body.style.overflow = '';\r\n                magnifier.style.display = 'none';\r\n                console.log('Las \u00c1nimas: Popup cerrado');\r\n            }\r\n\r\n            previewWrapper.addEventListener('click', function(e) {\r\n                e.preventDefault();\r\n                openPopup();\r\n            });\r\n\r\n            closeBtn.addEventListener('click', function(e) {\r\n                e.stopPropagation();\r\n                closePopup();\r\n            });\r\n\r\n            popupContent.addEventListener('click', function(e) {\r\n                e.stopPropagation();\r\n            });\r\n\r\n            document.addEventListener('keydown', function(e) {\r\n                if (e.key === 'Escape' && popup.classList.contains('lasanimas-active')) {\r\n                    closePopup();\r\n                }\r\n            });\r\n\r\n            popupImage.addEventListener('mousemove', function(e) {\r\n                const rect = popupImage.getBoundingClientRect();\r\n                const x = e.clientX - rect.left;\r\n                const y = e.clientY - rect.top;\r\n\r\n                magnifier.style.display = 'block';\r\n\r\n                const magnifierRadius = 90;\r\n                let magnifierX = x - magnifierRadius;\r\n                let magnifierY = y - magnifierRadius;\r\n\r\n                magnifier.style.left = magnifierX + 'px';\r\n                magnifier.style.top = magnifierY + 'px';\r\n\r\n                const bgPosX = (x \/ rect.width) * 100;\r\n                const bgPosY = (y \/ rect.height) * 100;\r\n\r\n                magnifier.style.backgroundPosition = `${bgPosX}% ${bgPosY}%`;\r\n            });\r\n\r\n            popupImage.addEventListener('mouseleave', function() {\r\n                magnifier.style.display = 'none';\r\n            });\r\n\r\n            let touchTimeout;\r\n            popupImage.addEventListener('touchstart', function(e) {\r\n                e.preventDefault();\r\n                handleTouch(e);\r\n            });\r\n\r\n            popupImage.addEventListener('touchmove', function(e) {\r\n                e.preventDefault();\r\n                clearTimeout(touchTimeout);\r\n                handleTouch(e);\r\n            });\r\n\r\n            popupImage.addEventListener('touchend', function() {\r\n                touchTimeout = setTimeout(function() {\r\n                    magnifier.style.display = 'none';\r\n                }, 300);\r\n            });\r\n\r\n            function handleTouch(e) {\r\n                const touch = e.touches[0];\r\n                const rect = popupImage.getBoundingClientRect();\r\n                const x = touch.clientX - rect.left;\r\n                const y = touch.clientY - rect.top;\r\n\r\n                magnifier.style.display = 'block';\r\n\r\n                const magnifierRadius = 70;\r\n                let magnifierX = x - magnifierRadius;\r\n                let magnifierY = y - magnifierRadius;\r\n\r\n                magnifier.style.left = magnifierX + 'px';\r\n                magnifier.style.top = magnifierY + 'px';\r\n\r\n                const bgPosX = (x \/ rect.width) * 100;\r\n                const bgPosY = (y \/ rect.height) * 100;\r\n\r\n                magnifier.style.backgroundPosition = `${bgPosX}% ${bgPosY}%`;\r\n            }\r\n        });\r\n    })();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f2d02ca elementor-widget elementor-widget-html\" data-id=\"f2d02ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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>La Disoluci\u00f3n de Las \u00c1nimas - Visor de Obra<\/title>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <style>\r\n        .ladisolucion-artwork-container {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            padding: 20px;\r\n            font-family: 'Neuton', serif;\r\n            font-weight: 300;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .ladisolucion-artwork-container * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .ladisolucion-preview-wrapper {\r\n            width: 100%;\r\n            position: relative;\r\n            cursor: pointer;\r\n            overflow: hidden;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .ladisolucion-preview-wrapper:hover {\r\n            transform: scale(1.02);\r\n        }\r\n\r\n        .ladisolucion-preview-image {\r\n            width: 100%;\r\n            height: auto;\r\n            display: block;\r\n        }\r\n\r\n        .ladisolucion-artwork-title {\r\n            font-size: 32px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n            margin-top: 20px;\r\n            text-align: center;\r\n        }\r\n\r\n        .ladisolucion-popup-overlay {\r\n            display: none;\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.9);\r\n            z-index: 999999;\r\n            justify-content: center;\r\n            align-items: center;\r\n            padding: 20px;\r\n            overflow-y: auto;\r\n            animation: ladisoFadeIn 0.3s ease;\r\n        }\r\n\r\n        .ladisolucion-popup-overlay.ladisolucion-active {\r\n            display: flex;\r\n        }\r\n\r\n        @keyframes ladisoFadeIn {\r\n            from { opacity: 0; }\r\n            to { opacity: 1; }\r\n        }\r\n\r\n        .ladisolucion-popup-content {\r\n            position: relative;\r\n            max-width: 95%;\r\n            display: flex;\r\n            gap: 30px;\r\n            align-items: flex-start;\r\n            margin: auto;\r\n        }\r\n\r\n        .ladisolucion-popup-image-wrapper {\r\n            position: relative;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .ladisolucion-close-btn {\r\n            position: absolute;\r\n            top: -25px;\r\n            right: -25px;\r\n            width: 45px;\r\n            height: 45px;\r\n            border-radius: 50%;\r\n            background: white;\r\n            color: #442C39;\r\n            border: none;\r\n            font-size: 28px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            z-index: 1000000;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);\r\n            transition: all 0.3s ease;\r\n            font-family: Arial, sans-serif;\r\n            line-height: 1;\r\n        }\r\n\r\n        .ladisolucion-close-btn:hover {\r\n            background: #1d7a7a;\r\n            color: white;\r\n            transform: scale(1.15);\r\n        }\r\n\r\n        .ladisolucion-popup-image {\r\n            max-width: 900px;\r\n            max-height: 90vh;\r\n            width: auto;\r\n            height: auto;\r\n            display: block;\r\n            cursor: none;\r\n            position: relative;\r\n        }\r\n\r\n        .ladisolucion-magnifier {\r\n            position: absolute;\r\n            width: 180px;\r\n            height: 180px;\r\n            border: 3px solid #1d7a7a;\r\n            border-radius: 50%;\r\n            pointer-events: none;\r\n            display: none;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\r\n            background-repeat: no-repeat;\r\n            background-size: 250%;\r\n            z-index: 1000001;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .ladisolucion-magnifier::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 40px;\r\n            height: 40px;\r\n            opacity: 0.3;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%231d7a7a' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'\/%3E%3Cpath d='m21 21-4.35-4.35'\/%3E%3C\/svg%3E\");\r\n            background-size: contain;\r\n            background-repeat: no-repeat;\r\n        }\r\n\r\n        .ladisolucion-ficha-tecnica {\r\n            background: white;\r\n            padding: 30px;\r\n            border-radius: 8px;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n            min-width: 280px;\r\n            max-width: 350px;\r\n            font-family: 'Neuton', serif;\r\n        }\r\n\r\n        .ladisolucion-ficha-tecnica h3 {\r\n            font-size: 24px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n            margin-bottom: 20px;\r\n            padding-bottom: 15px;\r\n            border-bottom: 2px solid #1d7a7a;\r\n        }\r\n\r\n        .ladisolucion-ficha-item {\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .ladisolucion-ficha-item:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .ladisolucion-ficha-label {\r\n            font-size: 16px;\r\n            color: #1d7a7a;\r\n            font-weight: 400;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .ladisolucion-ficha-value {\r\n            font-size: 18px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .ladisolucion-artwork-container {\r\n                padding: 10px;\r\n            }\r\n\r\n            .ladisolucion-artwork-title {\r\n                font-size: 24px;\r\n            }\r\n\r\n            .ladisolucion-popup-overlay {\r\n                padding: 10px;\r\n            }\r\n\r\n            .ladisolucion-popup-content {\r\n                flex-direction: column;\r\n                align-items: center;\r\n                max-height: none;\r\n            }\r\n\r\n            .ladisolucion-popup-overlay.ladisolucion-active {\r\n                align-items: flex-start;\r\n            }\r\n\r\n            .ladisolucion-popup-image {\r\n                max-height: 50vh;\r\n            }\r\n\r\n            .ladisolucion-magnifier {\r\n                width: 140px;\r\n                height: 140px;\r\n            }\r\n\r\n            .ladisolucion-ficha-tecnica {\r\n                width: 100%;\r\n                padding: 20px;\r\n            }\r\n\r\n            .ladisolucion-close-btn {\r\n                top: -20px;\r\n                right: -20px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"ladisolucion-artwork-container\">\r\n        <div class=\"ladisolucion-preview-wrapper\" id=\"ladisoPreviewWrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2026\/03\/02-LA-DISOLUCION-DE-LAS-ANIMAS-scaled.webp\" \r\n                 alt=\"La Disoluci\u00f3n de Las \u00c1nimas - Acr\u00edlico sobre lienzo\" \r\n                 class=\"ladisolucion-preview-image\">\r\n        <\/div>\r\n        <h2 class=\"ladisolucion-artwork-title\">La Disoluci\u00f3n de Las \u00c1nimas<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"ladisolucion-popup-overlay\" id=\"ladisoPopupOverlay\">\r\n        <div class=\"ladisolucion-popup-content\" id=\"ladisoPopupContent\">\r\n            <div class=\"ladisolucion-popup-image-wrapper\">\r\n                <button class=\"ladisolucion-close-btn\" id=\"ladisoCloseBtn\" aria-label=\"Cerrar\">\u00d7<\/button>\r\n                <img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2026\/03\/02-LA-DISOLUCION-DE-LAS-ANIMAS-scaled.webp\" \r\n                     alt=\"La Disoluci\u00f3n de Las \u00c1nimas - Vista ampliada\" \r\n                     class=\"ladisolucion-popup-image\"\r\n                     id=\"ladisoPopupImage\">\r\n                <div class=\"ladisolucion-magnifier\" id=\"ladisoMagnifier\"><\/div>\r\n            <\/div>\r\n            <div class=\"ladisolucion-ficha-tecnica\">\r\n                <h3>Ficha T\u00e9cnica<\/h3>\r\n                <div class=\"ladisolucion-ficha-item\">\r\n                    <div class=\"ladisolucion-ficha-label\">T\u00edtulo:<\/div>\r\n                    <div class=\"ladisolucion-ficha-value\">La Disoluci\u00f3n de Las \u00c1nimas<\/div>\r\n                <\/div>\r\n                <div class=\"ladisolucion-ficha-item\">\r\n                    <div class=\"ladisolucion-ficha-label\">T\u00e9cnica:<\/div>\r\n                    <div class=\"ladisolucion-ficha-value\">Acr\u00edlico sobre lienzo<\/div>\r\n                <\/div>\r\n                <div class=\"ladisolucion-ficha-item\">\r\n                    <div class=\"ladisolucion-ficha-label\">Medidas:<\/div>\r\n                    <div class=\"ladisolucion-ficha-value\">200 x 150 cm<\/div>\r\n                <\/div>\r\n                <div class=\"ladisolucion-ficha-item\">\r\n                    <div class=\"ladisolucion-ficha-label\">Fecha:<\/div>\r\n                    <div class=\"ladisolucion-ficha-value\">2026<\/div>\r\n                <\/div>\r\n                <div class=\"ladisolucion-ficha-item\">\r\n                    <div class=\"ladisolucion-ficha-label\">Firma:<\/div>\r\n                    <div class=\"ladisolucion-ficha-value\">Pilar Mainou<\/div>\r\n                <\/div>\r\n                <div class=\"ladisolucion-ficha-item\">\r\n                    <div class=\"ladisolucion-ficha-label\">Obra:<\/div>\r\n                    <div class=\"ladisolucion-ficha-value\">Obra \u00fanica<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    (function() {\r\n        'use strict';\r\n\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const previewWrapper = document.getElementById('ladisoPreviewWrapper');\r\n            const popup = document.getElementById('ladisoPopupOverlay');\r\n            const closeBtn = document.getElementById('ladisoCloseBtn');\r\n            const popupImage = document.getElementById('ladisoPopupImage');\r\n            const popupContent = document.getElementById('ladisoPopupContent');\r\n            const magnifier = document.getElementById('ladisoMagnifier');\r\n\r\n            if (!previewWrapper || !popup || !closeBtn || !popupImage || !popupContent || !magnifier) {\r\n                console.error('La Disoluci\u00f3n de Las \u00c1nimas: Elementos del visor no encontrados');\r\n                return;\r\n            }\r\n\r\n            console.log('La Disoluci\u00f3n de Las \u00c1nimas: Visor inicializado correctamente');\r\n\r\n            let magnifierSize = window.innerWidth <= 768 ? 140 : 180;\r\n\r\n            function updateMagnifierSize() {\r\n                magnifierSize = window.innerWidth <= 768 ? 140 : 180;\r\n                magnifier.style.width = magnifierSize + 'px';\r\n                magnifier.style.height = magnifierSize + 'px';\r\n            }\r\n\r\n            window.addEventListener('resize', updateMagnifierSize);\r\n\r\n            magnifier.style.backgroundImage = `url('${popupImage.src}')`;\r\n\r\n            function openPopup() {\r\n                popup.classList.add('ladisolucion-active');\r\n                document.body.style.overflow = 'hidden';\r\n                console.log('La Disoluci\u00f3n de Las \u00c1nimas: Popup abierto');\r\n            }\r\n\r\n            function closePopup() {\r\n                popup.classList.remove('ladisolucion-active');\r\n                document.body.style.overflow = '';\r\n                magnifier.style.display = 'none';\r\n                console.log('La Disoluci\u00f3n de Las \u00c1nimas: Popup cerrado');\r\n            }\r\n\r\n            previewWrapper.addEventListener('click', function(e) {\r\n                e.preventDefault();\r\n                openPopup();\r\n            });\r\n\r\n            closeBtn.addEventListener('click', function(e) {\r\n                e.stopPropagation();\r\n                closePopup();\r\n            });\r\n\r\n            popupContent.addEventListener('click', function(e) {\r\n                e.stopPropagation();\r\n            });\r\n\r\n            document.addEventListener('keydown', function(e) {\r\n                if (e.key === 'Escape' && popup.classList.contains('ladisolucion-active')) {\r\n                    closePopup();\r\n                }\r\n            });\r\n\r\n            popupImage.addEventListener('mousemove', function(e) {\r\n                const rect = popupImage.getBoundingClientRect();\r\n                const x = e.clientX - rect.left;\r\n                const y = e.clientY - rect.top;\r\n\r\n                magnifier.style.display = 'block';\r\n\r\n                const magnifierRadius = 90;\r\n                let magnifierX = x - magnifierRadius;\r\n                let magnifierY = y - magnifierRadius;\r\n\r\n                magnifier.style.left = magnifierX + 'px';\r\n                magnifier.style.top = magnifierY + 'px';\r\n\r\n                const bgPosX = (x \/ rect.width) * 100;\r\n                const bgPosY = (y \/ rect.height) * 100;\r\n\r\n                magnifier.style.backgroundPosition = `${bgPosX}% ${bgPosY}%`;\r\n            });\r\n\r\n            popupImage.addEventListener('mouseleave', function() {\r\n                magnifier.style.display = 'none';\r\n            });\r\n\r\n            let touchTimeout;\r\n            popupImage.addEventListener('touchstart', function(e) {\r\n                e.preventDefault();\r\n                handleTouch(e);\r\n            });\r\n\r\n            popupImage.addEventListener('touchmove', function(e) {\r\n                e.preventDefault();\r\n                clearTimeout(touchTimeout);\r\n                handleTouch(e);\r\n            });\r\n\r\n            popupImage.addEventListener('touchend', function() {\r\n                touchTimeout = setTimeout(function() {\r\n                    magnifier.style.display = 'none';\r\n                }, 300);\r\n            });\r\n\r\n            function handleTouch(e) {\r\n                const touch = e.touches[0];\r\n                const rect = popupImage.getBoundingClientRect();\r\n                const x = touch.clientX - rect.left;\r\n                const y = touch.clientY - rect.top;\r\n\r\n                magnifier.style.display = 'block';\r\n\r\n                const magnifierRadius = 70;\r\n                let magnifierX = x - magnifierRadius;\r\n                let magnifierY = y - magnifierRadius;\r\n\r\n                magnifier.style.left = magnifierX + 'px';\r\n                magnifier.style.top = magnifierY + 'px';\r\n\r\n                const bgPosX = (x \/ rect.width) * 100;\r\n                const bgPosY = (y \/ rect.height) * 100;\r\n\r\n                magnifier.style.backgroundPosition = `${bgPosX}% ${bgPosY}%`;\r\n            }\r\n        });\r\n    })();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a0a9211 elementor-widget elementor-widget-html\" data-id=\"a0a9211\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <style>\r\n        .eclipsesol-artwork-container {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            padding: 20px;\r\n            font-family: 'Neuton', serif;\r\n            font-weight: 300;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .eclipsesol-artwork-container * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .eclipsesol-preview-wrapper {\r\n            width: 100%;\r\n            position: relative;\r\n            cursor: pointer;\r\n            overflow: hidden;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .eclipsesol-preview-wrapper:hover {\r\n            transform: scale(1.02);\r\n        }\r\n\r\n        .eclipsesol-preview-image {\r\n            width: 100%;\r\n            height: auto;\r\n            display: block;\r\n        }\r\n\r\n        .eclipsesol-artwork-title {\r\n            font-size: 32px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n            margin-top: 20px;\r\n            text-align: center;\r\n        }\r\n\r\n        .eclipsesol-popup-overlay {\r\n            display: none;\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.9);\r\n            z-index: 999999;\r\n            justify-content: center;\r\n            align-items: center;\r\n            padding: 20px;\r\n            overflow-y: auto;\r\n            animation: eclipsesolFadeIn 0.3s ease;\r\n        }\r\n\r\n        .eclipsesol-popup-overlay.eclipsesol-active {\r\n            display: flex;\r\n        }\r\n\r\n        @keyframes eclipsesolFadeIn {\r\n            from { opacity: 0; }\r\n            to { opacity: 1; }\r\n        }\r\n\r\n        .eclipsesol-popup-content {\r\n            position: relative;\r\n            max-width: 95%;\r\n            display: flex;\r\n            gap: 30px;\r\n            align-items: flex-start;\r\n            margin: auto;\r\n        }\r\n\r\n        .eclipsesol-popup-image-wrapper {\r\n            position: relative;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .eclipsesol-close-btn {\r\n            position: absolute;\r\n            top: -25px;\r\n            right: -25px;\r\n            width: 45px;\r\n            height: 45px;\r\n            border-radius: 50%;\r\n            background: white;\r\n            color: #442C39;\r\n            border: none;\r\n            font-size: 28px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            z-index: 1000000;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);\r\n            transition: all 0.3s ease;\r\n            font-family: Arial, sans-serif;\r\n            line-height: 1;\r\n        }\r\n\r\n        .eclipsesol-close-btn:hover {\r\n            background: #1d7a7a;\r\n            color: white;\r\n            transform: scale(1.15);\r\n        }\r\n\r\n        .eclipsesol-popup-image {\r\n            max-width: 900px;\r\n            max-height: 90vh;\r\n            width: auto;\r\n            height: auto;\r\n            display: block;\r\n            cursor: none;\r\n            position: relative;\r\n        }\r\n\r\n        .eclipsesol-magnifier {\r\n            position: absolute;\r\n            width: 180px;\r\n            height: 180px;\r\n            border: 3px solid #1d7a7a;\r\n            border-radius: 50%;\r\n            pointer-events: none;\r\n            display: none;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\r\n            background-repeat: no-repeat;\r\n            background-size: 250%;\r\n            z-index: 1000001;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .eclipsesol-magnifier::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 40px;\r\n            height: 40px;\r\n            opacity: 0.3;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%231d7a7a' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'\/%3E%3Cpath d='m21 21-4.35-4.35'\/%3E%3C\/svg%3E\");\r\n            background-size: contain;\r\n            background-repeat: no-repeat;\r\n        }\r\n\r\n        .eclipsesol-ficha-tecnica {\r\n            background: white;\r\n            padding: 30px;\r\n            border-radius: 8px;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n            min-width: 280px;\r\n            max-width: 350px;\r\n            font-family: 'Neuton', serif;\r\n        }\r\n\r\n        .eclipsesol-ficha-tecnica h3 {\r\n            font-size: 24px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n            margin-bottom: 20px;\r\n            padding-bottom: 15px;\r\n            border-bottom: 2px solid #1d7a7a;\r\n        }\r\n\r\n        .eclipsesol-ficha-item {\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .eclipsesol-ficha-item:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .eclipsesol-ficha-label {\r\n            font-size: 16px;\r\n            color: #1d7a7a;\r\n            font-weight: 400;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .eclipsesol-ficha-value {\r\n            font-size: 18px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .eclipsesol-artwork-container { padding: 10px; }\r\n            .eclipsesol-artwork-title { font-size: 24px; }\r\n            .eclipsesol-popup-overlay { padding: 10px; }\r\n            .eclipsesol-popup-content { flex-direction: column; align-items: center; max-height: none; }\r\n            .eclipsesol-popup-overlay.eclipsesol-active { align-items: flex-start; }\r\n            .eclipsesol-popup-image { max-height: 50vh; }\r\n            .eclipsesol-magnifier { width: 140px; height: 140px; }\r\n            .eclipsesol-ficha-tecnica { width: 100%; padding: 20px; }\r\n            .eclipsesol-close-btn { top: -20px; right: -20px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"eclipsesol-artwork-container\">\r\n        <div class=\"eclipsesol-preview-wrapper\" id=\"eclipsesolPreviewWrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2026\/06\/01-ENTRE-LAS-OLAS-TURQUESA-scaled.webp\" \r\n                 alt=\"Eclipse de Sol - Acr\u00edlico sobre lino\" \r\n                 class=\"eclipsesol-preview-image\">\r\n        <\/div>\r\n        <h2 class=\"eclipsesol-artwork-title\">Entre las olas turquesa<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"eclipsesol-popup-overlay\" id=\"eclipsesolPopupOverlay\">\r\n        <div class=\"eclipsesol-popup-content\" id=\"eclipsesolPopupContent\">\r\n            <div class=\"eclipsesol-popup-image-wrapper\">\r\n                <button class=\"eclipsesol-close-btn\" id=\"eclipsesolCloseBtn\" aria-label=\"Cerrar\">\u00d7<\/button>\r\n                <img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2026\/06\/01-ENTRE-LAS-OLAS-TURQUESA-scaled.webp\" \r\n                     alt=\"Eclipse de Sol - Vista ampliada\" \r\n                     class=\"eclipsesol-popup-image\"\r\n                     id=\"eclipsesolPopupImage\">\r\n                <div class=\"eclipsesol-magnifier\" id=\"eclipsesolMagnifier\"><\/div>\r\n            <\/div>\r\n            <div class=\"eclipsesol-ficha-tecnica\">\r\n                <h3>Ficha T\u00e9cnica<\/h3>\r\n                <div class=\"eclipsesol-ficha-item\">\r\n                    <div class=\"eclipsesol-ficha-label\">T\u00edtulo:<\/div>\r\n                    <div class=\"eclipsesol-ficha-value\">Entre las olas turquesa<\/div>\r\n                <\/div>\r\n                <div class=\"eclipsesol-ficha-item\">\r\n                    <div class=\"eclipsesol-ficha-label\">T\u00e9cnica:<\/div>\r\n                    <div class=\"eclipsesol-ficha-value\">Acrilico y barra de oleo sobre lienzo<\/div>\r\n                <\/div>\r\n                <div class=\"eclipsesol-ficha-item\">\r\n                    <div class=\"eclipsesol-ficha-label\">Medidas:<\/div>\r\n                    <div class=\"eclipsesol-ficha-value\">90 x 70 cms<\/div>\r\n                <\/div>\r\n                <div class=\"eclipsesol-ficha-item\">\r\n                    <div class=\"eclipsesol-ficha-label\">Fecha:<\/div>\r\n                    <div class=\"eclipsesol-ficha-value\">2026<\/div>\r\n                <\/div>\r\n                <div class=\"eclipsesol-ficha-item\">\r\n                    <div class=\"eclipsesol-ficha-label\">Firma:<\/div>\r\n                    <div class=\"eclipsesol-ficha-value\">Pilar Mainou<\/div>\r\n                <\/div>\r\n                <div class=\"eclipsesol-ficha-item\">\r\n                    <div class=\"eclipsesol-ficha-label\">Obra:<\/div>\r\n                    <div class=\"eclipsesol-ficha-value\">Obra \u00fanica<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    (function() {\r\n        'use strict';\r\n\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const previewWrapper = document.getElementById('eclipsesolPreviewWrapper');\r\n            const popup = document.getElementById('eclipsesolPopupOverlay');\r\n            const closeBtn = document.getElementById('eclipsesolCloseBtn');\r\n            const popupImage = document.getElementById('eclipsesolPopupImage');\r\n            const popupContent = document.getElementById('eclipsesolPopupContent');\r\n            const magnifier = document.getElementById('eclipsesolMagnifier');\r\n\r\n            if (!previewWrapper || !popup || !closeBtn || !popupImage || !popupContent || !magnifier) {\r\n                return;\r\n            }\r\n\r\n            let magnifierSize = window.innerWidth <= 768 ? 140 : 180;\r\n\r\n            function updateMagnifierSize() {\r\n                magnifierSize = window.innerWidth <= 768 ? 140 : 180;\r\n                magnifier.style.width = magnifierSize + 'px';\r\n                magnifier.style.height = magnifierSize + 'px';\r\n            }\r\n\r\n            window.addEventListener('resize', updateMagnifierSize);\r\n\r\n            magnifier.style.backgroundImage = `url('${popupImage.src}')`;\r\n\r\n            function openPopup() {\r\n                popup.classList.add('eclipsesol-active');\r\n                document.body.style.overflow = 'hidden';\r\n            }\r\n\r\n            function closePopup() {\r\n                popup.classList.remove('eclipsesol-active');\r\n                document.body.style.overflow = '';\r\n                magnifier.style.display = 'none';\r\n            }\r\n\r\n            previewWrapper.addEventListener('click', function(e) {\r\n                e.preventDefault();\r\n                openPopup();\r\n            });\r\n\r\n            closeBtn.addEventListener('click', function(e) {\r\n                e.stopPropagation();\r\n                closePopup();\r\n            });\r\n\r\n            popupContent.addEventListener('click', function(e) {\r\n                e.stopPropagation();\r\n            });\r\n\r\n            document.addEventListener('keydown', function(e) {\r\n                if (e.key === 'Escape' && popup.classList.contains('eclipsesol-active')) {\r\n                    closePopup();\r\n                }\r\n            });\r\n\r\n            popupImage.addEventListener('mousemove', function(e) {\r\n                const rect = popupImage.getBoundingClientRect();\r\n                const x = e.clientX - rect.left;\r\n                const y = e.clientY - rect.top;\r\n\r\n                magnifier.style.display = 'block';\r\n\r\n                const magnifierRadius = 90;\r\n                magnifier.style.left = (x - magnifierRadius) + 'px';\r\n                magnifier.style.top = (y - magnifierRadius) + 'px';\r\n\r\n                const bgPosX = (x \/ rect.width) * 100;\r\n                const bgPosY = (y \/ rect.height) * 100;\r\n\r\n                magnifier.style.backgroundPosition = `${bgPosX}% ${bgPosY}%`;\r\n            });\r\n\r\n            popupImage.addEventListener('mouseleave', function() {\r\n                magnifier.style.display = 'none';\r\n            });\r\n\r\n            let touchTimeout;\r\n\r\n            function handleTouch(e) {\r\n                const touch = e.touches[0];\r\n                const rect = popupImage.getBoundingClientRect();\r\n                const x = touch.clientX - rect.left;\r\n                const y = touch.clientY - rect.top;\r\n\r\n                magnifier.style.display = 'block';\r\n\r\n                const magnifierRadius = 70;\r\n                magnifier.style.left = (x - magnifierRadius) + 'px';\r\n                magnifier.style.top = (y - magnifierRadius) + 'px';\r\n\r\n                const bgPosX = (x \/ rect.width) * 100;\r\n                const bgPosY = (y \/ rect.height) * 100;\r\n\r\n                magnifier.style.backgroundPosition = `${bgPosX}% ${bgPosY}%`;\r\n            }\r\n\r\n            popupImage.addEventListener('touchstart', function(e) {\r\n                e.preventDefault();\r\n                handleTouch(e);\r\n            });\r\n\r\n            popupImage.addEventListener('touchmove', function(e) {\r\n                e.preventDefault();\r\n                clearTimeout(touchTimeout);\r\n                handleTouch(e);\r\n            });\r\n\r\n            popupImage.addEventListener('touchend', function() {\r\n                touchTimeout = setTimeout(function() {\r\n                    magnifier.style.display = 'none';\r\n                }, 300);\r\n            });\r\n        });\r\n    })();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9efb38c elementor-widget elementor-widget-html\" data-id=\"9efb38c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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    <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=Neuton:wght@300;400&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        .vientollevo-artwork-container {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            padding: 20px;\r\n            font-family: 'Neuton', serif;\r\n            font-weight: 300;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .vientollevo-artwork-container * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .vientollevo-preview-wrapper {\r\n            width: 100%;\r\n            position: relative;\r\n            cursor: pointer;\r\n            overflow: hidden;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .vientollevo-preview-wrapper:hover {\r\n            transform: scale(1.02);\r\n        }\r\n\r\n        .vientollevo-preview-image {\r\n            width: 100%;\r\n            height: auto;\r\n            display: block;\r\n        }\r\n\r\n        .vientollevo-artwork-title {\r\n            font-size: 32px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n            margin-top: 20px;\r\n            text-align: center;\r\n        }\r\n\r\n        .vientollevo-popup-overlay {\r\n            display: none;\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.9);\r\n            z-index: 999999;\r\n            justify-content: center;\r\n            align-items: center;\r\n            padding: 20px;\r\n            overflow-y: auto;\r\n            animation: vientollevoFadeIn 0.3s ease;\r\n        }\r\n\r\n        .vientollevo-popup-overlay.vientollevo-active {\r\n            display: flex;\r\n        }\r\n\r\n        @keyframes vientollevoFadeIn {\r\n            from { opacity: 0; }\r\n            to { opacity: 1; }\r\n        }\r\n\r\n        .vientollevo-popup-content {\r\n            position: relative;\r\n            max-width: 95%;\r\n            display: flex;\r\n            gap: 30px;\r\n            align-items: flex-start;\r\n            margin: auto;\r\n        }\r\n\r\n        .vientollevo-popup-image-wrapper {\r\n            position: relative;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .vientollevo-close-btn {\r\n            position: absolute;\r\n            top: -25px;\r\n            right: -25px;\r\n            width: 45px;\r\n            height: 45px;\r\n            border-radius: 50%;\r\n            background: white;\r\n            color: #442C39;\r\n            border: none;\r\n            font-size: 28px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            z-index: 1000000;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);\r\n            transition: all 0.3s ease;\r\n            font-family: Arial, sans-serif;\r\n            line-height: 1;\r\n        }\r\n\r\n        .vientollevo-close-btn:hover {\r\n            background: #1d7a7a;\r\n            color: white;\r\n            transform: scale(1.15);\r\n        }\r\n\r\n        .vientollevo-popup-image {\r\n            max-width: 900px;\r\n            max-height: 90vh;\r\n            width: auto;\r\n            height: auto;\r\n            display: block;\r\n            cursor: none;\r\n            position: relative;\r\n        }\r\n\r\n        .vientollevo-magnifier {\r\n            position: absolute;\r\n            width: 180px;\r\n            height: 180px;\r\n            border: 3px solid #1d7a7a;\r\n            border-radius: 50%;\r\n            pointer-events: none;\r\n            display: none;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\r\n            background-repeat: no-repeat;\r\n            background-size: 250%;\r\n            z-index: 1000001;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .vientollevo-magnifier::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 40px;\r\n            height: 40px;\r\n            opacity: 0.3;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%231d7a7a' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'\/%3E%3Cpath d='m21 21-4.35-4.35'\/%3E%3C\/svg%3E\");\r\n            background-size: contain;\r\n            background-repeat: no-repeat;\r\n        }\r\n\r\n        .vientollevo-ficha-tecnica {\r\n            background: white;\r\n            padding: 30px;\r\n            border-radius: 8px;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n            min-width: 280px;\r\n            max-width: 350px;\r\n            font-family: 'Neuton', serif;\r\n        }\r\n\r\n        .vientollevo-ficha-tecnica h3 {\r\n            font-size: 24px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n            margin-bottom: 20px;\r\n            padding-bottom: 15px;\r\n            border-bottom: 2px solid #1d7a7a;\r\n        }\r\n\r\n        .vientollevo-ficha-item {\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .vientollevo-ficha-item:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .vientollevo-ficha-label {\r\n            font-size: 16px;\r\n            color: #1d7a7a;\r\n            font-weight: 400;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .vientollevo-ficha-value {\r\n            font-size: 18px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .vientollevo-artwork-container { padding: 10px; }\r\n            .vientollevo-artwork-title { font-size: 24px; }\r\n            .vientollevo-popup-overlay { padding: 10px; }\r\n            .vientollevo-popup-content { flex-direction: column; align-items: center; max-height: none; }\r\n            .vientollevo-popup-overlay.vientollevo-active { align-items: flex-start; }\r\n            .vientollevo-popup-image { max-height: 50vh; }\r\n            .vientollevo-magnifier { width: 140px; height: 140px; }\r\n            .vientollevo-ficha-tecnica { width: 100%; padding: 20px; }\r\n            .vientollevo-close-btn { top: -20px; right: -20px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"vientollevo-artwork-container\">\r\n        <div class=\"vientollevo-preview-wrapper\" id=\"vientollevoPreviewWrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2026\/06\/02-ENTRE-LAS-OLAS-AZU-scaled.webp\" \r\n                 alt=\"Lo Que El Viento Se Llev\u00f3 - Acr\u00edlico sobre lienzo\" \r\n                 class=\"vientollevo-preview-image\">\r\n        <\/div>\r\n        <h2 class=\"vientollevo-artwork-title\">Entre las olas azul<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"vientollevo-popup-overlay\" id=\"vientollevoPopupOverlay\">\r\n        <div class=\"vientollevo-popup-content\" id=\"vientollevoPopupContent\">\r\n            <div class=\"vientollevo-popup-image-wrapper\">\r\n                <button class=\"vientollevo-close-btn\" id=\"vientollevoCloseBtn\" aria-label=\"Cerrar\">\u00d7<\/button>\r\n                <img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2026\/06\/02-ENTRE-LAS-OLAS-AZU-scaled.webp\" \r\n                     alt=\"Lo Que El Viento Se Llev\u00f3 - Vista ampliada\" \r\n                     class=\"vientollevo-popup-image\"\r\n                     id=\"vientollevoPopupImage\">\r\n                <div class=\"vientollevo-magnifier\" id=\"vientollevoMagnifier\"><\/div>\r\n            <\/div>\r\n            <div class=\"vientollevo-ficha-tecnica\">\r\n                <h3>Ficha T\u00e9cnica<\/h3>\r\n                <div class=\"vientollevo-ficha-item\">\r\n                    <div class=\"vientollevo-ficha-label\">T\u00edtulo:<\/div>\r\n                    <div class=\"vientollevo-ficha-value\">Entre las olas azul<\/div>\r\n                <\/div>\r\n                <div class=\"vientollevo-ficha-item\">\r\n                    <div class=\"vientollevo-ficha-label\">T\u00e9cnica:<\/div>\r\n                    <div class=\"vientollevo-ficha-value\">Acrilico y barra de oleo sobre lienzo<\/div>\r\n                <\/div>\r\n                <div class=\"vientollevo-ficha-item\">\r\n                    <div class=\"vientollevo-ficha-label\">Medidas:<\/div>\r\n                    <div class=\"vientollevo-ficha-value\">80 x 80 cms\r\n<\/div>\r\n                <\/div>\r\n                <div class=\"vientollevo-ficha-item\">\r\n                    <div class=\"vientollevo-ficha-label\">Firma:<\/div>\r\n                    <div class=\"vientollevo-ficha-value\">Pilar Mainou<\/div>\r\n                <\/div>\r\n                <div class=\"vientollevo-ficha-item\">\r\n                    <div class=\"vientollevo-ficha-label\">Fecha:<\/div>\r\n                    <div class=\"vientollevo-ficha-value\">2026<\/div>\r\n                <\/div>\r\n                <div class=\"vientollevo-ficha-item\">\r\n                    <div class=\"vientollevo-ficha-label\">Obra:<\/div>\r\n                    <div class=\"vientollevo-ficha-value\">Obra \u00fanica<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    (function() {\r\n        'use strict';\r\n\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const previewWrapper = document.getElementById('vientollevoPreviewWrapper');\r\n            const popup = document.getElementById('vientollevoPopupOverlay');\r\n            const closeBtn = document.getElementById('vientollevoCloseBtn');\r\n            const popupImage = document.getElementById('vientollevoPopupImage');\r\n            const popupContent = document.getElementById('vientollevoPopupContent');\r\n            const magnifier = document.getElementById('vientollevoMagnifier');\r\n\r\n            if (!previewWrapper || !popup || !closeBtn || !popupImage || !popupContent || !magnifier) {\r\n                return;\r\n            }\r\n\r\n            let magnifierSize = window.innerWidth <= 768 ? 140 : 180;\r\n\r\n            function updateMagnifierSize() {\r\n                magnifierSize = window.innerWidth <= 768 ? 140 : 180;\r\n                magnifier.style.width = magnifierSize + 'px';\r\n                magnifier.style.height = magnifierSize + 'px';\r\n            }\r\n\r\n            window.addEventListener('resize', updateMagnifierSize);\r\n\r\n            magnifier.style.backgroundImage = `url('${popupImage.src}')`;\r\n\r\n            function openPopup() {\r\n                popup.classList.add('vientollevo-active');\r\n                document.body.style.overflow = 'hidden';\r\n            }\r\n\r\n            function closePopup() {\r\n                popup.classList.remove('vientollevo-active');\r\n                document.body.style.overflow = '';\r\n                magnifier.style.display = 'none';\r\n            }\r\n\r\n            previewWrapper.addEventListener('click', function(e) {\r\n                e.preventDefault();\r\n                openPopup();\r\n            });\r\n\r\n            closeBtn.addEventListener('click', function(e) {\r\n                e.stopPropagation();\r\n                closePopup();\r\n            });\r\n\r\n            popupContent.addEventListener('click', function(e) {\r\n                e.stopPropagation();\r\n            });\r\n\r\n            document.addEventListener('keydown', function(e) {\r\n                if (e.key === 'Escape' && popup.classList.contains('vientollevo-active')) {\r\n                    closePopup();\r\n                }\r\n            });\r\n\r\n            popupImage.addEventListener('mousemove', function(e) {\r\n                const rect = popupImage.getBoundingClientRect();\r\n                const x = e.clientX - rect.left;\r\n                const y = e.clientY - rect.top;\r\n\r\n                magnifier.style.display = 'block';\r\n\r\n                const magnifierRadius = 90;\r\n                magnifier.style.left = (x - magnifierRadius) + 'px';\r\n                magnifier.style.top = (y - magnifierRadius) + 'px';\r\n\r\n                const bgPosX = (x \/ rect.width) * 100;\r\n                const bgPosY = (y \/ rect.height) * 100;\r\n\r\n                magnifier.style.backgroundPosition = `${bgPosX}% ${bgPosY}%`;\r\n            });\r\n\r\n            popupImage.addEventListener('mouseleave', function() {\r\n                magnifier.style.display = 'none';\r\n            });\r\n\r\n            let touchTimeout;\r\n\r\n            function handleTouch(e) {\r\n                const touch = e.touches[0];\r\n                const rect = popupImage.getBoundingClientRect();\r\n                const x = touch.clientX - rect.left;\r\n                const y = touch.clientY - rect.top;\r\n\r\n                magnifier.style.display = 'block';\r\n\r\n                const magnifierRadius = 70;\r\n                magnifier.style.left = (x - magnifierRadius) + 'px';\r\n                magnifier.style.top = (y - magnifierRadius) + 'px';\r\n\r\n                const bgPosX = (x \/ rect.width) * 100;\r\n                const bgPosY = (y \/ rect.height) * 100;\r\n\r\n                magnifier.style.backgroundPosition = `${bgPosX}% ${bgPosY}%`;\r\n            }\r\n\r\n            popupImage.addEventListener('touchstart', function(e) {\r\n                e.preventDefault();\r\n                handleTouch(e);\r\n            });\r\n\r\n            popupImage.addEventListener('touchmove', function(e) {\r\n                e.preventDefault();\r\n                clearTimeout(touchTimeout);\r\n                handleTouch(e);\r\n            });\r\n\r\n            popupImage.addEventListener('touchend', function() {\r\n                touchTimeout = setTimeout(function() {\r\n                    magnifier.style.display = 'none';\r\n                }, 300);\r\n            });\r\n        });\r\n    })();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-18eb156 elementor-widget elementor-widget-html\" data-id=\"18eb156\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <style>\r\n        .listones1-artwork-container {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            padding: 20px;\r\n            font-family: 'Neuton', serif;\r\n            font-weight: 300;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .listones1-artwork-container * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .listones1-preview-wrapper {\r\n            width: 100%;\r\n            position: relative;\r\n            cursor: pointer;\r\n            overflow: hidden;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .listones1-preview-wrapper:hover {\r\n            transform: scale(1.02);\r\n        }\r\n\r\n        .listones1-preview-image {\r\n            width: 100%;\r\n            height: auto;\r\n            display: block;\r\n        }\r\n\r\n        .listones1-artwork-title {\r\n            font-size: 32px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n            margin-top: 20px;\r\n            text-align: center;\r\n        }\r\n\r\n        .listones1-popup-overlay {\r\n            display: none;\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.9);\r\n            z-index: 999999;\r\n            justify-content: center;\r\n            align-items: center;\r\n            padding: 20px;\r\n            overflow-y: auto;\r\n            animation: listones1FadeIn 0.3s ease;\r\n        }\r\n\r\n        .listones1-popup-overlay.listones1-active {\r\n            display: flex;\r\n        }\r\n\r\n        @keyframes listones1FadeIn {\r\n            from { opacity: 0; }\r\n            to { opacity: 1; }\r\n        }\r\n\r\n        .listones1-popup-content {\r\n            position: relative;\r\n            max-width: 95%;\r\n            display: flex;\r\n            gap: 30px;\r\n            align-items: flex-start;\r\n            margin: auto;\r\n        }\r\n\r\n        .listones1-popup-image-wrapper {\r\n            position: relative;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .listones1-close-btn {\r\n            position: absolute;\r\n            top: -25px;\r\n            right: -25px;\r\n            width: 45px;\r\n            height: 45px;\r\n            border-radius: 50%;\r\n            background: white;\r\n            color: #442C39;\r\n            border: none;\r\n            font-size: 28px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            z-index: 1000000;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);\r\n            transition: all 0.3s ease;\r\n            font-family: Arial, sans-serif;\r\n            line-height: 1;\r\n        }\r\n\r\n        .listones1-close-btn:hover {\r\n            background: #1d7a7a;\r\n            color: white;\r\n            transform: scale(1.15);\r\n        }\r\n\r\n        .listones1-popup-image {\r\n            max-width: 900px;\r\n            max-height: 90vh;\r\n            width: auto;\r\n            height: auto;\r\n            display: block;\r\n            cursor: none;\r\n            position: relative;\r\n        }\r\n\r\n        .listones1-magnifier {\r\n            position: absolute;\r\n            width: 180px;\r\n            height: 180px;\r\n            border: 3px solid #1d7a7a;\r\n            border-radius: 50%;\r\n            pointer-events: none;\r\n            display: none;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\r\n            background-repeat: no-repeat;\r\n            background-size: 250%;\r\n            z-index: 1000001;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .listones1-magnifier::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 40px;\r\n            height: 40px;\r\n            opacity: 0.3;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%231d7a7a' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'\/%3E%3Cpath d='m21 21-4.35-4.35'\/%3E%3C\/svg%3E\");\r\n            background-size: contain;\r\n            background-repeat: no-repeat;\r\n        }\r\n\r\n        .listones1-ficha-tecnica {\r\n            background: white;\r\n            padding: 30px;\r\n            border-radius: 8px;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n            min-width: 280px;\r\n            max-width: 350px;\r\n            font-family: 'Neuton', serif;\r\n        }\r\n\r\n        .listones1-ficha-tecnica h3 {\r\n            font-size: 24px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n            margin-bottom: 20px;\r\n            padding-bottom: 15px;\r\n            border-bottom: 2px solid #1d7a7a;\r\n        }\r\n\r\n        .listones1-ficha-item {\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .listones1-ficha-item:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .listones1-ficha-label {\r\n            font-size: 16px;\r\n            color: #1d7a7a;\r\n            font-weight: 400;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .listones1-ficha-value {\r\n            font-size: 18px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .listones1-artwork-container { padding: 10px; }\r\n            .listones1-artwork-title { font-size: 24px; }\r\n            .listones1-popup-overlay { padding: 10px; }\r\n            .listones1-popup-content { flex-direction: column; align-items: center; max-height: none; }\r\n            .listones1-popup-overlay.listones1-active { align-items: flex-start; }\r\n            .listones1-popup-image { max-height: 50vh; }\r\n            .listones1-magnifier { width: 140px; height: 140px; }\r\n            .listones1-ficha-tecnica { width: 100%; padding: 20px; }\r\n            .listones1-close-btn { top: -20px; right: -20px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"listones1-artwork-container\">\r\n        <div class=\"listones1-preview-wrapper\" id=\"listones1PreviewWrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2026\/06\/03-PAPEL-PICADO-1-scaled.webp\" \r\n                 alt=\"Listones 1 - Acr\u00edlico sobre lienzo\" \r\n                 class=\"listones1-preview-image\">\r\n        <\/div>\r\n        <h2 class=\"listones1-artwork-title\">Acrilico sobre lienzo<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"listones1-popup-overlay\" id=\"listones1PopupOverlay\">\r\n        <div class=\"listones1-popup-content\" id=\"listones1PopupContent\">\r\n            <div class=\"listones1-popup-image-wrapper\">\r\n                <button class=\"listones1-close-btn\" id=\"listones1CloseBtn\" aria-label=\"Cerrar\">\u00d7<\/button>\r\n                <img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2026\/06\/03-PAPEL-PICADO-1-scaled.webp\" \r\n                     alt=\"Listones 1 - Vista ampliada\" \r\n                     class=\"listones1-popup-image\"\r\n                     id=\"listones1PopupImage\">\r\n                <div class=\"listones1-magnifier\" id=\"listones1Magnifier\"><\/div>\r\n            <\/div>\r\n            <div class=\"listones1-ficha-tecnica\">\r\n                <h3>Ficha T\u00e9cnica<\/h3>\r\n                <div class=\"listones1-ficha-item\">\r\n                    <div class=\"listones1-ficha-label\">T\u00edtulo:<\/div>\r\n                    <div class=\"listones1-ficha-value\">Acrilico sobre lienzo<\/div>\r\n                <\/div>\r\n                <div class=\"listones1-ficha-item\">\r\n                    <div class=\"listones1-ficha-label\">T\u00e9cnica:<\/div>\r\n                    <div class=\"listones1-ficha-value\">Acr\u00edlico sobre lienzo<\/div>\r\n                <\/div>\r\n                <div class=\"listones1-ficha-item\">\r\n                    <div class=\"listones1-ficha-label\">Medidas:<\/div>\r\n                    <div class=\"listones1-ficha-value\">80 x 80 cms<\/div>\r\n                <\/div>\r\n                <div class=\"listones1-ficha-item\">\r\n                    <div class=\"listones1-ficha-label\">Fecha:<\/div>\r\n                    <div class=\"listones1-ficha-value\">2026<\/div>\r\n                <\/div>\r\n                <div class=\"listones1-ficha-item\">\r\n                    <div class=\"listones1-ficha-label\">Firma:<\/div>\r\n                    <div class=\"listones1-ficha-value\">Pilar Mainou<\/div>\r\n                <\/div>\r\n                <div class=\"listones1-ficha-item\">\r\n                    <div class=\"listones1-ficha-label\">Obra:<\/div>\r\n                    <div class=\"listones1-ficha-value\">D\u00edptico<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    (function() {\r\n        'use strict';\r\n\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const previewWrapper = document.getElementById('listones1PreviewWrapper');\r\n            const popup = document.getElementById('listones1PopupOverlay');\r\n            const closeBtn = document.getElementById('listones1CloseBtn');\r\n            const popupImage = document.getElementById('listones1PopupImage');\r\n            const popupContent = document.getElementById('listones1PopupContent');\r\n            const magnifier = document.getElementById('listones1Magnifier');\r\n\r\n            if (!previewWrapper || !popup || !closeBtn || !popupImage || !popupContent || !magnifier) {\r\n                return;\r\n            }\r\n\r\n            let magnifierSize = window.innerWidth <= 768 ? 140 : 180;\r\n\r\n            function updateMagnifierSize() {\r\n                magnifierSize = window.innerWidth <= 768 ? 140 : 180;\r\n                magnifier.style.width = magnifierSize + 'px';\r\n                magnifier.style.height = magnifierSize + 'px';\r\n            }\r\n\r\n            window.addEventListener('resize', updateMagnifierSize);\r\n\r\n            magnifier.style.backgroundImage = `url('${popupImage.src}')`;\r\n\r\n            function openPopup() {\r\n                popup.classList.add('listones1-active');\r\n                document.body.style.overflow = 'hidden';\r\n            }\r\n\r\n            function closePopup() {\r\n                popup.classList.remove('listones1-active');\r\n                document.body.style.overflow = '';\r\n                magnifier.style.display = 'none';\r\n            }\r\n\r\n            previewWrapper.addEventListener('click', function(e) {\r\n                e.preventDefault();\r\n                openPopup();\r\n            });\r\n\r\n            closeBtn.addEventListener('click', function(e) {\r\n                e.stopPropagation();\r\n                closePopup();\r\n            });\r\n\r\n            popupContent.addEventListener('click', function(e) {\r\n                e.stopPropagation();\r\n            });\r\n\r\n            document.addEventListener('keydown', function(e) {\r\n                if (e.key === 'Escape' && popup.classList.contains('listones1-active')) {\r\n                    closePopup();\r\n                }\r\n            });\r\n\r\n            popupImage.addEventListener('mousemove', function(e) {\r\n                const rect = popupImage.getBoundingClientRect();\r\n                const x = e.clientX - rect.left;\r\n                const y = e.clientY - rect.top;\r\n\r\n                magnifier.style.display = 'block';\r\n\r\n                const magnifierRadius = 90;\r\n                magnifier.style.left = (x - magnifierRadius) + 'px';\r\n                magnifier.style.top = (y - magnifierRadius) + 'px';\r\n\r\n                const bgPosX = (x \/ rect.width) * 100;\r\n                const bgPosY = (y \/ rect.height) * 100;\r\n\r\n                magnifier.style.backgroundPosition = `${bgPosX}% ${bgPosY}%`;\r\n            });\r\n\r\n            popupImage.addEventListener('mouseleave', function() {\r\n                magnifier.style.display = 'none';\r\n            });\r\n\r\n            let touchTimeout;\r\n\r\n            function handleTouch(e) {\r\n                const touch = e.touches[0];\r\n                const rect = popupImage.getBoundingClientRect();\r\n                const x = touch.clientX - rect.left;\r\n                const y = touch.clientY - rect.top;\r\n\r\n                magnifier.style.display = 'block';\r\n\r\n                const magnifierRadius = 70;\r\n                magnifier.style.left = (x - magnifierRadius) + 'px';\r\n                magnifier.style.top = (y - magnifierRadius) + 'px';\r\n\r\n                const bgPosX = (x \/ rect.width) * 100;\r\n                const bgPosY = (y \/ rect.height) * 100;\r\n\r\n                magnifier.style.backgroundPosition = `${bgPosX}% ${bgPosY}%`;\r\n            }\r\n\r\n            popupImage.addEventListener('touchstart', function(e) {\r\n                e.preventDefault();\r\n                handleTouch(e);\r\n            });\r\n\r\n            popupImage.addEventListener('touchmove', function(e) {\r\n                e.preventDefault();\r\n                clearTimeout(touchTimeout);\r\n                handleTouch(e);\r\n            });\r\n\r\n            popupImage.addEventListener('touchend', function() {\r\n                touchTimeout = setTimeout(function() {\r\n                    magnifier.style.display = 'none';\r\n                }, 300);\r\n            });\r\n        });\r\n    })();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8871c83 elementor-widget elementor-widget-html\" data-id=\"8871c83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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>Listones 2 - Visor de Obra<\/title>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <style>\r\n        .listones2-artwork-container {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            padding: 20px;\r\n            font-family: 'Neuton', serif;\r\n            font-weight: 300;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .listones2-artwork-container * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .listones2-preview-wrapper {\r\n            width: 100%;\r\n            position: relative;\r\n            cursor: pointer;\r\n            overflow: hidden;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .listones2-preview-wrapper:hover {\r\n            transform: scale(1.02);\r\n        }\r\n\r\n        .listones2-preview-image {\r\n            width: 100%;\r\n            height: auto;\r\n            display: block;\r\n        }\r\n\r\n        .listones2-artwork-title {\r\n            font-size: 32px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n            margin-top: 20px;\r\n            text-align: center;\r\n        }\r\n\r\n        .listones2-popup-overlay {\r\n            display: none;\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.9);\r\n            z-index: 999999;\r\n            justify-content: center;\r\n            align-items: center;\r\n            padding: 20px;\r\n            overflow-y: auto;\r\n            animation: listones2FadeIn 0.3s ease;\r\n        }\r\n\r\n        .listones2-popup-overlay.listones2-active {\r\n            display: flex;\r\n        }\r\n\r\n        @keyframes listones2FadeIn {\r\n            from { opacity: 0; }\r\n            to { opacity: 1; }\r\n        }\r\n\r\n        .listones2-popup-content {\r\n            position: relative;\r\n            max-width: 95%;\r\n            display: flex;\r\n            gap: 30px;\r\n            align-items: flex-start;\r\n            margin: auto;\r\n        }\r\n\r\n        .listones2-popup-image-wrapper {\r\n            position: relative;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .listones2-close-btn {\r\n            position: absolute;\r\n            top: -25px;\r\n            right: -25px;\r\n            width: 45px;\r\n            height: 45px;\r\n            border-radius: 50%;\r\n            background: white;\r\n            color: #442C39;\r\n            border: none;\r\n            font-size: 28px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            z-index: 1000000;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);\r\n            transition: all 0.3s ease;\r\n            font-family: Arial, sans-serif;\r\n            line-height: 1;\r\n        }\r\n\r\n        .listones2-close-btn:hover {\r\n            background: #1d7a7a;\r\n            color: white;\r\n            transform: scale(1.15);\r\n        }\r\n\r\n        .listones2-popup-image {\r\n            max-width: 900px;\r\n            max-height: 90vh;\r\n            width: auto;\r\n            height: auto;\r\n            display: block;\r\n            cursor: none;\r\n            position: relative;\r\n        }\r\n\r\n        .listones2-magnifier {\r\n            position: absolute;\r\n            width: 180px;\r\n            height: 180px;\r\n            border: 3px solid #1d7a7a;\r\n            border-radius: 50%;\r\n            pointer-events: none;\r\n            display: none;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\r\n            background-repeat: no-repeat;\r\n            background-size: 250%;\r\n            z-index: 1000001;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .listones2-magnifier::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 40px;\r\n            height: 40px;\r\n            opacity: 0.3;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%231d7a7a' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'\/%3E%3Cpath d='m21 21-4.35-4.35'\/%3E%3C\/svg%3E\");\r\n            background-size: contain;\r\n            background-repeat: no-repeat;\r\n        }\r\n\r\n        .listones2-ficha-tecnica {\r\n            background: white;\r\n            padding: 30px;\r\n            border-radius: 8px;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n            min-width: 280px;\r\n            max-width: 350px;\r\n            font-family: 'Neuton', serif;\r\n        }\r\n\r\n        .listones2-ficha-tecnica h3 {\r\n            font-size: 24px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n            margin-bottom: 20px;\r\n            padding-bottom: 15px;\r\n            border-bottom: 2px solid #1d7a7a;\r\n        }\r\n\r\n        .listones2-ficha-item {\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .listones2-ficha-item:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .listones2-ficha-label {\r\n            font-size: 16px;\r\n            color: #1d7a7a;\r\n            font-weight: 400;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .listones2-ficha-value {\r\n            font-size: 18px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .listones2-artwork-container { padding: 10px; }\r\n            .listones2-artwork-title { font-size: 24px; }\r\n            .listones2-popup-overlay { padding: 10px; }\r\n            .listones2-popup-content { flex-direction: column; align-items: center; max-height: none; }\r\n            .listones2-popup-overlay.listones2-active { align-items: flex-start; }\r\n            .listones2-popup-image { max-height: 50vh; }\r\n            .listones2-magnifier { width: 140px; height: 140px; }\r\n            .listones2-ficha-tecnica { width: 100%; padding: 20px; }\r\n            .listones2-close-btn { top: -20px; right: -20px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"listones2-artwork-container\">\r\n        <div class=\"listones2-preview-wrapper\" id=\"listones2PreviewWrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2026\/06\/04-PAPEL-PICADO-2-scaled.webp\" \r\n                 alt=\"Listones 2 - Acr\u00edlico sobre lienzo\" \r\n                 class=\"listones2-preview-image\">\r\n        <\/div>\r\n        <h2 class=\"listones2-artwork-title\">Papel Picado 2<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"listones2-popup-overlay\" id=\"listones2PopupOverlay\">\r\n        <div class=\"listones2-popup-content\" id=\"listones2PopupContent\">\r\n            <div class=\"listones2-popup-image-wrapper\">\r\n                <button class=\"listones2-close-btn\" id=\"listones2CloseBtn\" aria-label=\"Cerrar\">\u00d7<\/button>\r\n                <img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2026\/06\/04-PAPEL-PICADO-2-scaled.webp\" \r\n                     alt=\"Listones 2 - Vista ampliada\" \r\n                     class=\"listones2-popup-image\"\r\n                     id=\"listones2PopupImage\">\r\n                <div class=\"listones2-magnifier\" id=\"listones2Magnifier\"><\/div>\r\n            <\/div>\r\n            <div class=\"listones2-ficha-tecnica\">\r\n                <h3>Ficha T\u00e9cnica<\/h3>\r\n                <div class=\"listones2-ficha-item\">\r\n                    <div class=\"listones2-ficha-label\">T\u00edtulo:<\/div>\r\n                    <div class=\"listones2-ficha-value\">Papel Picado 2<\/div>\r\n                <\/div>\r\n                <div class=\"listones2-ficha-item\">\r\n                    <div class=\"listones2-ficha-label\">T\u00e9cnica:<\/div>\r\n                    <div class=\"listones2-ficha-value\">Acr\u00edlico sobre lienzo<\/div>\r\n                <\/div>\r\n                <div class=\"listones2-ficha-item\">\r\n                    <div class=\"listones2-ficha-label\">Medidas:<\/div>\r\n                    <div class=\"listones2-ficha-value\">80 x 80 cms<\/div>\r\n                <\/div>\r\n                <div class=\"listones2-ficha-item\">\r\n                    <div class=\"listones2-ficha-label\">Fecha:<\/div>\r\n                    <div class=\"listones2-ficha-value\">2026<\/div>\r\n                <\/div>\r\n                <div class=\"listones2-ficha-item\">\r\n                    <div class=\"listones2-ficha-label\">Firma:<\/div>\r\n                    <div class=\"listones2-ficha-value\">Pilar Mainou<\/div>\r\n                <\/div>\r\n                <div class=\"listones2-ficha-item\">\r\n                    <div class=\"listones2-ficha-label\">Obra:<\/div>\r\n                    <div class=\"listones2-ficha-value\">D\u00edptico<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    (function() {\r\n        'use strict';\r\n\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const previewWrapper = document.getElementById('listones2PreviewWrapper');\r\n            const popup = document.getElementById('listones2PopupOverlay');\r\n            const closeBtn = document.getElementById('listones2CloseBtn');\r\n            const popupImage = document.getElementById('listones2PopupImage');\r\n            const popupContent = document.getElementById('listones2PopupContent');\r\n            const magnifier = document.getElementById('listones2Magnifier');\r\n\r\n            if (!previewWrapper || !popup || !closeBtn || !popupImage || !popupContent || !magnifier) {\r\n                return;\r\n            }\r\n\r\n            let magnifierSize = window.innerWidth <= 768 ? 140 : 180;\r\n\r\n            function updateMagnifierSize() {\r\n                magnifierSize = window.innerWidth <= 768 ? 140 : 180;\r\n                magnifier.style.width = magnifierSize + 'px';\r\n                magnifier.style.height = magnifierSize + 'px';\r\n            }\r\n\r\n            window.addEventListener('resize', updateMagnifierSize);\r\n\r\n            magnifier.style.backgroundImage = `url('${popupImage.src}')`;\r\n\r\n            function openPopup() {\r\n                popup.classList.add('listones2-active');\r\n                document.body.style.overflow = 'hidden';\r\n            }\r\n\r\n            function closePopup() {\r\n                popup.classList.remove('listones2-active');\r\n                document.body.style.overflow = '';\r\n                magnifier.style.display = 'none';\r\n            }\r\n\r\n            previewWrapper.addEventListener('click', function(e) {\r\n                e.preventDefault();\r\n                openPopup();\r\n            });\r\n\r\n            closeBtn.addEventListener('click', function(e) {\r\n                e.stopPropagation();\r\n                closePopup();\r\n            });\r\n\r\n            popupContent.addEventListener('click', function(e) {\r\n                e.stopPropagation();\r\n            });\r\n\r\n            document.addEventListener('keydown', function(e) {\r\n                if (e.key === 'Escape' && popup.classList.contains('listones2-active')) {\r\n                    closePopup();\r\n                }\r\n            });\r\n\r\n            popupImage.addEventListener('mousemove', function(e) {\r\n                const rect = popupImage.getBoundingClientRect();\r\n                const x = e.clientX - rect.left;\r\n                const y = e.clientY - rect.top;\r\n\r\n                magnifier.style.display = 'block';\r\n\r\n                const magnifierRadius = 90;\r\n                magnifier.style.left = (x - magnifierRadius) + 'px';\r\n                magnifier.style.top = (y - magnifierRadius) + 'px';\r\n\r\n                const bgPosX = (x \/ rect.width) * 100;\r\n                const bgPosY = (y \/ rect.height) * 100;\r\n\r\n                magnifier.style.backgroundPosition = `${bgPosX}% ${bgPosY}%`;\r\n            });\r\n\r\n            popupImage.addEventListener('mouseleave', function() {\r\n                magnifier.style.display = 'none';\r\n            });\r\n\r\n            let touchTimeout;\r\n\r\n            function handleTouch(e) {\r\n                const touch = e.touches[0];\r\n                const rect = popupImage.getBoundingClientRect();\r\n                const x = touch.clientX - rect.left;\r\n                const y = touch.clientY - rect.top;\r\n\r\n                magnifier.style.display = 'block';\r\n\r\n                const magnifierRadius = 70;\r\n                magnifier.style.left = (x - magnifierRadius) + 'px';\r\n                magnifier.style.top = (y - magnifierRadius) + 'px';\r\n\r\n                const bgPosX = (x \/ rect.width) * 100;\r\n                const bgPosY = (y \/ rect.height) * 100;\r\n\r\n                magnifier.style.backgroundPosition = `${bgPosX}% ${bgPosY}%`;\r\n            }\r\n\r\n            popupImage.addEventListener('touchstart', function(e) {\r\n                e.preventDefault();\r\n                handleTouch(e);\r\n            });\r\n\r\n            popupImage.addEventListener('touchmove', function(e) {\r\n                e.preventDefault();\r\n                clearTimeout(touchTimeout);\r\n                handleTouch(e);\r\n            });\r\n\r\n            popupImage.addEventListener('touchend', function() {\r\n                touchTimeout = setTimeout(function() {\r\n                    magnifier.style.display = 'none';\r\n                }, 300);\r\n            });\r\n        });\r\n    })();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-74017d8 elementor-widget elementor-widget-html\" data-id=\"74017d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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    <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=Neuton:wght@300;400&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        .colapso-artwork-container {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            padding: 20px;\r\n            font-family: 'Neuton', serif;\r\n            font-weight: 300;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .colapso-artwork-container * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .colapso-preview-wrapper {\r\n            width: 100%;\r\n            position: relative;\r\n            cursor: pointer;\r\n            overflow: hidden;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .colapso-preview-wrapper:hover {\r\n            transform: scale(1.02);\r\n        }\r\n\r\n        .colapso-preview-image {\r\n            width: 100%;\r\n            height: auto;\r\n            display: block;\r\n        }\r\n\r\n        .colapso-artwork-title {\r\n            font-size: 32px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n            margin-top: 20px;\r\n            text-align: center;\r\n        }\r\n\r\n        .colapso-popup-overlay {\r\n            display: none;\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.9);\r\n            z-index: 999999;\r\n            justify-content: center;\r\n            align-items: center;\r\n            padding: 20px;\r\n            overflow-y: auto;\r\n            animation: colapsoFadeIn 0.3s ease;\r\n        }\r\n\r\n        .colapso-popup-overlay.colapso-active {\r\n            display: flex;\r\n        }\r\n\r\n        @keyframes colapsoFadeIn {\r\n            from { opacity: 0; }\r\n            to { opacity: 1; }\r\n        }\r\n\r\n        .colapso-popup-content {\r\n            position: relative;\r\n            max-width: 95%;\r\n            display: flex;\r\n            gap: 30px;\r\n            align-items: flex-start;\r\n            margin: auto;\r\n        }\r\n\r\n        .colapso-popup-image-wrapper {\r\n            position: relative;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .colapso-close-btn {\r\n            position: absolute;\r\n            top: -25px;\r\n            right: -25px;\r\n            width: 45px;\r\n            height: 45px;\r\n            border-radius: 50%;\r\n            background: white;\r\n            color: #442C39;\r\n            border: none;\r\n            font-size: 28px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            z-index: 1000000;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);\r\n            transition: all 0.3s ease;\r\n            font-family: Arial, sans-serif;\r\n            line-height: 1;\r\n        }\r\n\r\n        .colapso-close-btn:hover {\r\n            background: #1d7a7a;\r\n            color: white;\r\n            transform: scale(1.15);\r\n        }\r\n\r\n        .colapso-popup-image {\r\n            max-width: 900px;\r\n            max-height: 90vh;\r\n            width: auto;\r\n            height: auto;\r\n            display: block;\r\n            cursor: none;\r\n            position: relative;\r\n        }\r\n\r\n        .colapso-magnifier {\r\n            position: absolute;\r\n            width: 180px;\r\n            height: 180px;\r\n            border: 3px solid #1d7a7a;\r\n            border-radius: 50%;\r\n            pointer-events: none;\r\n            display: none;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\r\n            background-repeat: no-repeat;\r\n            background-size: 250%;\r\n            z-index: 1000001;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .colapso-magnifier::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 40px;\r\n            height: 40px;\r\n            opacity: 0.3;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%231d7a7a' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'\/%3E%3Cpath d='m21 21-4.35-4.35'\/%3E%3C\/svg%3E\");\r\n            background-size: contain;\r\n            background-repeat: no-repeat;\r\n        }\r\n\r\n        .colapso-ficha-tecnica {\r\n            background: white;\r\n            padding: 30px;\r\n            border-radius: 8px;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n            min-width: 280px;\r\n            max-width: 350px;\r\n            font-family: 'Neuton', serif;\r\n        }\r\n\r\n        .colapso-ficha-tecnica h3 {\r\n            font-size: 24px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n            margin-bottom: 20px;\r\n            padding-bottom: 15px;\r\n            border-bottom: 2px solid #1d7a7a;\r\n        }\r\n\r\n        .colapso-ficha-item {\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .colapso-ficha-item:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .colapso-ficha-label {\r\n            font-size: 16px;\r\n            color: #1d7a7a;\r\n            font-weight: 400;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .colapso-ficha-value {\r\n            font-size: 18px;\r\n            color: #442C39;\r\n            font-weight: 300;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .colapso-artwork-container { padding: 10px; }\r\n            .colapso-artwork-title { font-size: 24px; }\r\n            .colapso-popup-overlay { padding: 10px; }\r\n            .colapso-popup-content { flex-direction: column; align-items: center; max-height: none; }\r\n            .colapso-popup-overlay.colapso-active { align-items: flex-start; }\r\n            .colapso-popup-image { max-height: 50vh; }\r\n            .colapso-magnifier { width: 140px; height: 140px; }\r\n            .colapso-ficha-tecnica { width: 100%; padding: 20px; }\r\n            .colapso-close-btn { top: -20px; right: -20px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"colapso-artwork-container\">\r\n        <div class=\"colapso-preview-wrapper\" id=\"colapsoPreviewWrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2026\/06\/O7-COLAPSO-scaled.webp\" \r\n                 alt=\"Colapso - Acr\u00edlico sobre lienzo\" \r\n                 class=\"colapso-preview-image\">\r\n        <\/div>\r\n        <h2 class=\"colapso-artwork-title\">Colapso<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"colapso-popup-overlay\" id=\"colapsoPopupOverlay\">\r\n        <div class=\"colapso-popup-content\" id=\"colapsoPopupContent\">\r\n            <div class=\"colapso-popup-image-wrapper\">\r\n                <button class=\"colapso-close-btn\" id=\"colapsoCloseBtn\" aria-label=\"Cerrar\">\u00d7<\/button>\r\n                <img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2026\/06\/O7-COLAPSO-scaled.webp\" \r\n                     alt=\"Colapso - Vista ampliada\" \r\n                     class=\"colapso-popup-image\"\r\n                     id=\"colapsoPopupImage\">\r\n                <div class=\"colapso-magnifier\" id=\"colapsoMagnifier\"><\/div>\r\n            <\/div>\r\n            <div class=\"colapso-ficha-tecnica\">\r\n                <h3>Ficha T\u00e9cnica<\/h3>\r\n                <div class=\"colapso-ficha-item\">\r\n                    <div class=\"colapso-ficha-label\">T\u00edtulo:<\/div>\r\n                    <div class=\"colapso-ficha-value\">Colapso<\/div>\r\n                <\/div>\r\n                <div class=\"colapso-ficha-item\">\r\n                    <div class=\"colapso-ficha-label\">T\u00e9cnica:<\/div>\r\n                    <div class=\"colapso-ficha-value\">Acr\u00edlico sobre lienzo<\/div>\r\n                <\/div>\r\n                <div class=\"colapso-ficha-item\">\r\n                    <div class=\"colapso-ficha-label\">Medidas:<\/div>\r\n                    <div class=\"colapso-ficha-value\"><\/div>\r\n                <\/div>\r\n                <div class=\"colapso-ficha-item\">\r\n                    <div class=\"colapso-ficha-label\">Firma:<\/div>\r\n                    <div class=\"colapso-ficha-value\">Pilar Mainou<\/div>\r\n                <\/div>\r\n                <div class=\"colapso-ficha-item\">\r\n                    <div class=\"colapso-ficha-label\">Fecha:<\/div>\r\n                    <div class=\"colapso-ficha-value\">2026<\/div>\r\n                <\/div>\r\n                <div class=\"colapso-ficha-item\">\r\n                    <div class=\"colapso-ficha-label\">Obra:<\/div>\r\n                    <div class=\"colapso-ficha-value\">Obra \u00fanica<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    (function() {\r\n        'use strict';\r\n\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const previewWrapper = document.getElementById('colapsoPreviewWrapper');\r\n            const popup = document.getElementById('colapsoPopupOverlay');\r\n            const closeBtn = document.getElementById('colapsoCloseBtn');\r\n            const popupImage = document.getElementById('colapsoPopupImage');\r\n            const popupContent = document.getElementById('colapsoPopupContent');\r\n            const magnifier = document.getElementById('colapsoMagnifier');\r\n\r\n            if (!previewWrapper || !popup || !closeBtn || !popupImage || !popupContent || !magnifier) {\r\n                return;\r\n            }\r\n\r\n            let magnifierSize = window.innerWidth <= 768 ? 140 : 180;\r\n\r\n            function updateMagnifierSize() {\r\n                magnifierSize = window.innerWidth <= 768 ? 140 : 180;\r\n                magnifier.style.width = magnifierSize + 'px';\r\n                magnifier.style.height = magnifierSize + 'px';\r\n            }\r\n\r\n            window.addEventListener('resize', updateMagnifierSize);\r\n\r\n            magnifier.style.backgroundImage = `url('${popupImage.src}')`;\r\n\r\n            function openPopup() {\r\n                popup.classList.add('colapso-active');\r\n                document.body.style.overflow = 'hidden';\r\n            }\r\n\r\n            function closePopup() {\r\n                popup.classList.remove('colapso-active');\r\n                document.body.style.overflow = '';\r\n                magnifier.style.display = 'none';\r\n            }\r\n\r\n            previewWrapper.addEventListener('click', function(e) {\r\n                e.preventDefault();\r\n                openPopup();\r\n            });\r\n\r\n            closeBtn.addEventListener('click', function(e) {\r\n                e.stopPropagation();\r\n                closePopup();\r\n            });\r\n\r\n            popupContent.addEventListener('click', function(e) {\r\n                e.stopPropagation();\r\n            });\r\n\r\n            document.addEventListener('keydown', function(e) {\r\n                if (e.key === 'Escape' && popup.classList.contains('colapso-active')) {\r\n                    closePopup();\r\n                }\r\n            });\r\n\r\n            popupImage.addEventListener('mousemove', function(e) {\r\n                const rect = popupImage.getBoundingClientRect();\r\n                const x = e.clientX - rect.left;\r\n                const y = e.clientY - rect.top;\r\n\r\n                magnifier.style.display = 'block';\r\n\r\n                const magnifierRadius = 90;\r\n                magnifier.style.left = (x - magnifierRadius) + 'px';\r\n                magnifier.style.top = (y - magnifierRadius) + 'px';\r\n\r\n                const bgPosX = (x \/ rect.width) * 100;\r\n                const bgPosY = (y \/ rect.height) * 100;\r\n\r\n                magnifier.style.backgroundPosition = `${bgPosX}% ${bgPosY}%`;\r\n            });\r\n\r\n            popupImage.addEventListener('mouseleave', function() {\r\n                magnifier.style.display = 'none';\r\n            });\r\n\r\n            let touchTimeout;\r\n\r\n            function handleTouch(e) {\r\n                const touch = e.touches[0];\r\n                const rect = popupImage.getBoundingClientRect();\r\n                const x = touch.clientX - rect.left;\r\n                const y = touch.clientY - rect.top;\r\n\r\n                magnifier.style.display = 'block';\r\n\r\n                const magnifierRadius = 70;\r\n                magnifier.style.left = (x - magnifierRadius) + 'px';\r\n                magnifier.style.top = (y - magnifierRadius) + 'px';\r\n\r\n                const bgPosX = (x \/ rect.width) * 100;\r\n                const bgPosY = (y \/ rect.height) * 100;\r\n\r\n                magnifier.style.backgroundPosition = `${bgPosX}% ${bgPosY}%`;\r\n            }\r\n\r\n            popupImage.addEventListener('touchstart', function(e) {\r\n                e.preventDefault();\r\n                handleTouch(e);\r\n            });\r\n\r\n            popupImage.addEventListener('touchmove', function(e) {\r\n                e.preventDefault();\r\n                clearTimeout(touchTimeout);\r\n                handleTouch(e);\r\n            });\r\n\r\n            popupImage.addEventListener('touchend', function() {\r\n                touchTimeout = setTimeout(function() {\r\n                    magnifier.style.display = 'none';\r\n                }, 300);\r\n            });\r\n        });\r\n    })();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-471e465 elementor-widget elementor-widget-html\" data-id=\"471e465\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"semilla-mount\"><\/div>\r\n<script type=\"text\/javascript\">\r\nfunction initSemilla() {\r\n    var mount = document.getElementById('semilla-mount');\r\n    if (!mount) { setTimeout(initSemilla, 100); return; }\r\n\r\n    var ID = 'semilla';\r\n    var VENDIDA = false;\r\n\r\n    var styleTag = document.createElement('style');\r\n    styleTag.innerHTML = [\r\n        '.'+ID+'-artwork-container{max-width:900px;margin:0 auto;padding:20px;font-family:Neuton,serif;font-weight:300;box-sizing:border-box}',\r\n        '.'+ID+'-preview-wrapper{width:100%;position:relative;cursor:pointer;overflow:hidden;transition:transform 0.3s ease}',\r\n        '.'+ID+'-preview-wrapper:hover{transform:scale(1.02)}',\r\n        '.'+ID+'-preview-image{width:100%;height:auto;display:block}',\r\n        '.'+ID+'-artwork-title{font-size:32px;color:#442C39;font-weight:300;margin-top:20px;text-align:center}',\r\n        '.'+ID+'-vendida-badge{position:absolute;top:12px;right:12px;background:rgba(80,20,20,0.82);color:#f5e6e6;font-size:11px;font-weight:400;padding:5px 14px;letter-spacing:3px;text-transform:uppercase;pointer-events:none;z-index:10;font-family:Neuton,serif}',\r\n        '.'+ID+'-popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);z-index:999999;justify-content:center;align-items:center;padding:20px;overflow-y:auto}',\r\n        '.'+ID+'-popup-overlay.'+ID+'-active{display:flex}',\r\n        '.'+ID+'-popup-content{position:relative;max-width:95%;display:flex;gap:30px;align-items:flex-start;margin:auto}',\r\n        '.'+ID+'-popup-image-wrapper{position:relative;flex-shrink:0}',\r\n        '.'+ID+'-close-btn{position:absolute;top:-25px;right:-25px;width:45px;height:45px;border-radius:50%;background:white;color:#442C39;border:none;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000000;box-shadow:0 4px 15px rgba(0,0,0,0.5);transition:all 0.3s ease;font-family:Arial,sans-serif;line-height:1}',\r\n        '.'+ID+'-close-btn:hover{background:#1d7a7a;color:white;transform:scale(1.15)}',\r\n        '.'+ID+'-popup-image{max-width:700px;max-height:90vh;width:auto;height:auto;display:block;cursor:none;position:relative}',\r\n        '.'+ID+'-magnifier{position:absolute;width:180px;height:180px;border:3px solid #1d7a7a;border-radius:50%;pointer-events:none;display:none;box-shadow:0 4px 12px rgba(0,0,0,0.4);background-repeat:no-repeat;background-size:250%;z-index:1000001;overflow:hidden}',\r\n        '.'+ID+'-ficha-tecnica{background:white;padding:30px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.2);min-width:280px;max-width:350px;font-family:Neuton,serif}',\r\n        '.'+ID+'-ficha-tecnica h3{font-size:24px;color:#442C39;font-weight:300;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #1d7a7a}',\r\n        '.'+ID+'-ficha-item{margin-bottom:20px}',\r\n        '.'+ID+'-ficha-item:last-child{margin-bottom:0}',\r\n        '.'+ID+'-ficha-label{font-size:16px;color:#1d7a7a;font-weight:400;margin-bottom:5px}',\r\n        '.'+ID+'-ficha-value{font-size:18px;color:#442C39;font-weight:300}',\r\n        '@media(max-width:768px){.'+ID+'-popup-content{flex-direction:column;align-items:center}.'+ID+'-popup-image{max-height:50vh}.'+ID+'-ficha-tecnica{width:100%;padding:20px}.'+ID+'-vendida-badge{top:50%;left:50%;right:auto;transform:translate(-50%,-50%);font-size:10px;padding:4px 20px}.'+ID+'-close-btn{top:-20px;right:-20px}}'\r\n    ].join('');\r\n    document.head.appendChild(styleTag);\r\n\r\n    mount.innerHTML =\r\n        '<div class=\"'+ID+'-artwork-container\">' +\r\n            '<div class=\"'+ID+'-preview-wrapper\">' +\r\n                '<img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2026\/06\/03-SEMILLA-scaled.jpeg\" alt=\"Semilla\" class=\"'+ID+'-preview-image\">' +\r\n                (VENDIDA ? '<div class=\"'+ID+'-vendida-badge\">Vendida<\/div>' : '') +\r\n            '<\/div>' +\r\n            '<h2 class=\"'+ID+'-artwork-title\">Semilla<\/h2>' +\r\n        '<\/div>' +\r\n        '<div class=\"'+ID+'-popup-overlay\">' +\r\n            '<div class=\"'+ID+'-popup-content\">' +\r\n                '<div class=\"'+ID+'-popup-image-wrapper\">' +\r\n                    '<button class=\"'+ID+'-close-btn\">\u00d7<\/button>' +\r\n                    '<img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2026\/06\/03-SEMILLA-scaled.jpeg\" alt=\"Semilla ampliada\" class=\"'+ID+'-popup-image\">' +\r\n                    '<div class=\"'+ID+'-magnifier\"><\/div>' +\r\n                '<\/div>' +\r\n                '<div class=\"'+ID+'-ficha-tecnica\">' +\r\n                    '<h3>Ficha T\u00e9cnica<\/h3>' +\r\n                    '<div class=\"'+ID+'-ficha-item\"><div class=\"'+ID+'-ficha-label\">T\u00edtulo:<\/div><div class=\"'+ID+'-ficha-value\">Semilla<\/div><\/div>' +\r\n                    '<div class=\"'+ID+'-ficha-item\"><div class=\"'+ID+'-ficha-label\">T\u00e9cnica:<\/div><div class=\"'+ID+'-ficha-value\">Acr\u00edlico sobre lienzo<\/div><\/div>' +\r\n                    '<div class=\"'+ID+'-ficha-item\"><div class=\"'+ID+'-ficha-label\">Tama\u00f1o:<\/div><div class=\"'+ID+'-ficha-value\">160 x 80 cms<\/div><\/div>' +\r\n                    '<div class=\"'+ID+'-ficha-item\"><div class=\"'+ID+'-ficha-label\">Fecha:<\/div><div class=\"'+ID+'-ficha-value\">2026<\/div><\/div>' +\r\n                    '<div class=\"'+ID+'-ficha-item\"><div class=\"'+ID+'-ficha-label\">Firma:<\/div><div class=\"'+ID+'-ficha-value\">Pilar Mainou<\/div><\/div>' +\r\n                    '<div class=\"'+ID+'-ficha-item\"><div class=\"'+ID+'-ficha-label\">Obra:<\/div><div class=\"'+ID+'-ficha-value\">Obra \u00fanica<\/div><\/div>' +\r\n                '<\/div>' +\r\n            '<\/div>' +\r\n        '<\/div>';\r\n\r\n    var previewWrapper = mount.querySelector('.'+ID+'-preview-wrapper');\r\n    var popup          = mount.querySelector('.'+ID+'-popup-overlay');\r\n    var closeBtn       = mount.querySelector('.'+ID+'-close-btn');\r\n    var popupImage     = mount.querySelector('.'+ID+'-popup-image');\r\n    var popupContent   = mount.querySelector('.'+ID+'-popup-content');\r\n    var magnifier      = mount.querySelector('.'+ID+'-magnifier');\r\n\r\n    document.body.appendChild(popup);\r\n\r\n    var magnifierSize = window.innerWidth <= 768 ? 140 : 180;\r\n\r\n    magnifier.style.backgroundImage = 'url(\"' + popupImage.src + '\")';\r\n    popupImage.addEventListener('load', function() {\r\n        magnifier.style.backgroundImage = 'url(\"' + popupImage.src + '\")';\r\n    });\r\n\r\n    function openPopup()  { popup.classList.add(ID+'-active');    document.body.style.overflow = 'hidden'; }\r\n    function closePopup() { popup.classList.remove(ID+'-active'); document.body.style.overflow = ''; magnifier.style.display = 'none'; }\r\n\r\n    previewWrapper.addEventListener('click', function(e) { e.preventDefault(); if (!VENDIDA) { openPopup(); } });\r\n    closeBtn.addEventListener('click',       function(e) { e.stopPropagation(); closePopup(); });\r\n    popupContent.addEventListener('click',   function(e) { e.stopPropagation(); });\r\n    popup.addEventListener('click',          function()  { closePopup(); });\r\n    document.addEventListener('keydown',     function(e) { if (e.key === 'Escape') closePopup(); });\r\n\r\n    popupImage.addEventListener('mousemove', function(e) {\r\n        var rect = popupImage.getBoundingClientRect();\r\n        var x = e.clientX - rect.left;\r\n        var y = e.clientY - rect.top;\r\n        magnifier.style.display = 'block';\r\n        magnifier.style.left = (x - magnifierSize \/ 2) + 'px';\r\n        magnifier.style.top  = (y - magnifierSize \/ 2) + 'px';\r\n        magnifier.style.backgroundPosition = (x\/rect.width*100)+'% '+(y\/rect.height*100)+'%';\r\n    });\r\n    popupImage.addEventListener('mouseleave', function() { magnifier.style.display = 'none'; });\r\n\r\n    var touchTimeout;\r\n    popupImage.addEventListener('touchstart', function(e) { e.preventDefault(); moverLupa(e.touches[0]); });\r\n    popupImage.addEventListener('touchmove',  function(e) { e.preventDefault(); clearTimeout(touchTimeout); moverLupa(e.touches[0]); });\r\n    popupImage.addEventListener('touchend',   function()  { touchTimeout = setTimeout(function(){ magnifier.style.display='none'; }, 300); });\r\n\r\n    function moverLupa(touch) {\r\n        var rect = popupImage.getBoundingClientRect();\r\n        var x = touch.clientX - rect.left;\r\n        var y = touch.clientY - rect.top;\r\n        magnifier.style.display = 'block';\r\n        magnifier.style.left = (x - 70) + 'px';\r\n        magnifier.style.top  = (y - 70) + 'px';\r\n        magnifier.style.backgroundPosition = (x\/rect.width*100)+'% '+(y\/rect.height*100)+'%';\r\n    }\r\n}\r\n\r\ninitSemilla();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-86f5fad elementor-widget elementor-widget-html\" data-id=\"86f5fad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"cueva-mount\"><\/div>\r\n<script type=\"text\/javascript\">\r\nfunction initCueva() {\r\n    var mount = document.getElementById('cueva-mount');\r\n    if (!mount) { setTimeout(initCueva, 100); return; }\r\n    var ID = 'cueva';\r\n    var VENDIDA = true;\r\n    var styleTag = document.createElement('style');\r\n    styleTag.innerHTML = [\r\n        '.'+ID+'-artwork-container{max-width:900px;margin:0 auto;padding:20px;font-family:Neuton,serif;font-weight:300;box-sizing:border-box}',\r\n        '.'+ID+'-preview-wrapper{width:100%;position:relative;overflow:hidden}',\r\n        '.'+ID+'-preview-image{width:100%;height:auto;display:block}',\r\n        '.'+ID+'-artwork-title{font-size:32px;color:#442C39;font-weight:300;margin-top:20px;text-align:center}',\r\n        '.'+ID+'-vendida-badge{position:absolute;top:12px;right:12px;background:rgba(80,20,20,0.82);color:#f5e6e6;font-size:11px;font-weight:400;padding:5px 14px;letter-spacing:3px;text-transform:uppercase;pointer-events:none;z-index:10;font-family:Neuton,serif}',\r\n        '@media(max-width:768px){.'+ID+'-vendida-badge{top:50%;left:50%;right:auto;transform:translate(-50%,-50%);font-size:10px;padding:4px 20px}}'\r\n    ].join('');\r\n    document.head.appendChild(styleTag);\r\n    mount.innerHTML =\r\n        '<div class=\"'+ID+'-artwork-container\">' +\r\n            '<div class=\"'+ID+'-preview-wrapper\">' +\r\n                '<img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2025\/11\/DSCF1584-1-scaled.webp\" alt=\"La Cueva\" class=\"'+ID+'-preview-image\">' +\r\n                (VENDIDA ? '<div class=\"'+ID+'-vendida-badge\">Vendida<\/div>' : '') +\r\n            '<\/div>' +\r\n            '<h2 class=\"'+ID+'-artwork-title\">La Cueva<\/h2>' +\r\n        '<\/div>';\r\n}\r\ninitCueva();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ba637ee elementor-widget elementor-widget-html\" data-id=\"ba637ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"cielos-mount\"><\/div>\r\n<script type=\"text\/javascript\">\r\nfunction initCielos() {\r\n    var mount = document.getElementById('cielos-mount');\r\n    if (!mount) { setTimeout(initCielos, 100); return; }\r\n    var ID = 'cielos';\r\n    var VENDIDA = true;\r\n    var styleTag = document.createElement('style');\r\n    styleTag.innerHTML = [\r\n        '.'+ID+'-artwork-container{max-width:900px;margin:0 auto;padding:20px;font-family:Neuton,serif;font-weight:300;box-sizing:border-box}',\r\n        '.'+ID+'-preview-wrapper{width:100%;position:relative;overflow:hidden}',\r\n        '.'+ID+'-preview-image{width:100%;height:auto;display:block}',\r\n        '.'+ID+'-artwork-title{font-size:32px;color:#442C39;font-weight:300;margin-top:20px;text-align:center}',\r\n        '.'+ID+'-vendida-badge{position:absolute;top:12px;right:12px;background:rgba(80,20,20,0.82);color:#f5e6e6;font-size:11px;font-weight:400;padding:5px 14px;letter-spacing:3px;text-transform:uppercase;pointer-events:none;z-index:10;font-family:Neuton,serif}',\r\n        '@media(max-width:768px){.'+ID+'-vendida-badge{top:50%;left:50%;right:auto;transform:translate(-50%,-50%);font-size:10px;padding:4px 20px}}'\r\n    ].join('');\r\n    document.head.appendChild(styleTag);\r\n    mount.innerHTML =\r\n        '<div class=\"'+ID+'-artwork-container\">' +\r\n            '<div class=\"'+ID+'-preview-wrapper\">' +\r\n                '<img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2025\/12\/DSCF1833.webp\" alt=\"Se abren los cielos\" class=\"'+ID+'-preview-image\">' +\r\n                (VENDIDA ? '<div class=\"'+ID+'-vendida-badge\">Vendida<\/div>' : '') +\r\n            '<\/div>' +\r\n            '<h2 class=\"'+ID+'-artwork-title\">Se abren los cielos<\/h2>' +\r\n        '<\/div>';\r\n}\r\ninitCielos();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-576d2e1 elementor-widget elementor-widget-html\" data-id=\"576d2e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"viento-mount\"><\/div>\r\n<script type=\"text\/javascript\">\r\nfunction initViento() {\r\n    var mount = document.getElementById('viento-mount');\r\n    if (!mount) { setTimeout(initViento, 100); return; }\r\n    var ID = 'viento';\r\n    var VENDIDA = true;\r\n    var styleTag = document.createElement('style');\r\n    styleTag.innerHTML = [\r\n        '.'+ID+'-artwork-container{max-width:900px;margin:0 auto;padding:20px;font-family:Neuton,serif;font-weight:300;box-sizing:border-box}',\r\n        '.'+ID+'-preview-wrapper{width:100%;position:relative;overflow:hidden}',\r\n        '.'+ID+'-preview-image{width:100%;height:auto;display:block}',\r\n        '.'+ID+'-artwork-title{font-size:32px;color:#442C39;font-weight:300;margin-top:20px;text-align:center}',\r\n        '.'+ID+'-vendida-badge{position:absolute;top:12px;right:12px;background:rgba(80,20,20,0.82);color:#f5e6e6;font-size:11px;font-weight:400;padding:5px 14px;letter-spacing:3px;text-transform:uppercase;pointer-events:none;z-index:10;font-family:Neuton,serif}',\r\n        '@media(max-width:768px){.'+ID+'-vendida-badge{top:50%;left:50%;right:auto;transform:translate(-50%,-50%);font-size:10px;padding:4px 20px}}'\r\n    ].join('');\r\n    document.head.appendChild(styleTag);\r\n    mount.innerHTML =\r\n        '<div class=\"'+ID+'-artwork-container\">' +\r\n            '<div class=\"'+ID+'-preview-wrapper\">' +\r\n                '<img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2026\/03\/07-LO-QUE-EL-VIENTO-DEJO-scaled.webp\" alt=\"Lo que el viento dej\u00f3\" class=\"'+ID+'-preview-image\">' +\r\n                (VENDIDA ? '<div class=\"'+ID+'-vendida-badge\">Vendida<\/div>' : '') +\r\n            '<\/div>' +\r\n            '<h2 class=\"'+ID+'-artwork-title\">Lo que el viento dej\u00f3<\/h2>' +\r\n        '<\/div>';\r\n}\r\ninitViento();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-501c596 elementor-widget elementor-widget-html\" data-id=\"501c596\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"eclipse-mount\"><\/div>\r\n<script type=\"text\/javascript\">\r\nfunction initEclipse() {\r\n    var mount = document.getElementById('eclipse-mount');\r\n    if (!mount) { setTimeout(initEclipse, 100); return; }\r\n    var ID = 'eclipse';\r\n    var VENDIDA = true;\r\n    var styleTag = document.createElement('style');\r\n    styleTag.innerHTML = [\r\n        '.'+ID+'-artwork-container{max-width:900px;margin:0 auto;padding:20px;font-family:Neuton,serif;font-weight:300;box-sizing:border-box}',\r\n        '.'+ID+'-preview-wrapper{width:100%;position:relative;overflow:hidden}',\r\n        '.'+ID+'-preview-image{width:100%;height:auto;display:block}',\r\n        '.'+ID+'-artwork-title{font-size:32px;color:#442C39;font-weight:300;margin-top:20px;text-align:center}',\r\n        '.'+ID+'-vendida-badge{position:absolute;top:12px;right:12px;background:rgba(80,20,20,0.82);color:#f5e6e6;font-size:11px;font-weight:400;padding:5px 14px;letter-spacing:3px;text-transform:uppercase;pointer-events:none;z-index:10;font-family:Neuton,serif}',\r\n        '@media(max-width:768px){.'+ID+'-vendida-badge{top:50%;left:50%;right:auto;transform:translate(-50%,-50%);font-size:10px;padding:4px 20px}}'\r\n    ].join('');\r\n    document.head.appendChild(styleTag);\r\n    mount.innerHTML =\r\n        '<div class=\"'+ID+'-artwork-container\">' +\r\n            '<div class=\"'+ID+'-preview-wrapper\">' +\r\n                '<img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2026\/03\/06-ECLIPSE-DE-SOLpg-scaled.webp\" alt=\"Eclipse de sol\" class=\"'+ID+'-preview-image\">' +\r\n                (VENDIDA ? '<div class=\"'+ID+'-vendida-badge\">Vendida<\/div>' : '') +\r\n            '<\/div>' +\r\n            '<h2 class=\"'+ID+'-artwork-title\">Eclipse de sol<\/h2>' +\r\n        '<\/div>';\r\n}\r\ninitEclipse();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f05a006 elementor-widget elementor-widget-html\" data-id=\"f05a006\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"olas-mount\"><\/div>\r\n<script type=\"text\/javascript\">\r\nfunction initOlas() {\r\n    var mount = document.getElementById('olas-mount');\r\n    if (!mount) { setTimeout(initOlas, 100); return; }\r\n    var ID = 'olas';\r\n    var VENDIDA = true;\r\n    var styleTag = document.createElement('style');\r\n    styleTag.innerHTML = [\r\n        '.'+ID+'-artwork-container{max-width:900px;margin:0 auto;padding:20px;font-family:Neuton,serif;font-weight:300;box-sizing:border-box}',\r\n        '.'+ID+'-preview-wrapper{width:100%;position:relative;overflow:hidden}',\r\n        '.'+ID+'-preview-image{width:100%;height:auto;display:block}',\r\n        '.'+ID+'-artwork-title{font-size:32px;color:#442C39;font-weight:300;margin-top:20px;text-align:center}',\r\n        '.'+ID+'-vendida-badge{position:absolute;top:12px;right:12px;background:rgba(80,20,20,0.82);color:#f5e6e6;font-size:11px;font-weight:400;padding:5px 14px;letter-spacing:3px;text-transform:uppercase;pointer-events:none;z-index:10;font-family:Neuton,serif}',\r\n        '@media(max-width:768px){.'+ID+'-vendida-badge{top:50%;left:50%;right:auto;transform:translate(-50%,-50%);font-size:10px;padding:4px 20px}}'\r\n    ].join('');\r\n    document.head.appendChild(styleTag);\r\n    mount.innerHTML =\r\n        '<div class=\"'+ID+'-artwork-container\">' +\r\n            '<div class=\"'+ID+'-preview-wrapper\">' +\r\n                '<img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2026\/06\/01-ENTRE-LAS-OLAS-TURQUESA-scaled.webp\" alt=\"Entre las olas turquesa\" class=\"'+ID+'-preview-image\">' +\r\n                (VENDIDA ? '<div class=\"'+ID+'-vendida-badge\">Vendida<\/div>' : '') +\r\n            '<\/div>' +\r\n            '<h2 class=\"'+ID+'-artwork-title\">Entre las olas turquesa<\/h2>' +\r\n        '<\/div>';\r\n}\r\ninitOlas();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-98c285d elementor-widget elementor-widget-html\" data-id=\"98c285d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"listones1-mount\"><\/div>\r\n<script type=\"text\/javascript\">\r\nfunction initListones1() {\r\n    var mount = document.getElementById('listones1-mount');\r\n    if (!mount) { setTimeout(initListones1, 100); return; }\r\n    var ID = 'listones1';\r\n    var VENDIDA = true;\r\n    var styleTag = document.createElement('style');\r\n    styleTag.innerHTML = [\r\n        '.'+ID+'-artwork-container{max-width:900px;margin:0 auto;padding:20px;font-family:Neuton,serif;font-weight:300;box-sizing:border-box}',\r\n        '.'+ID+'-preview-wrapper{width:100%;position:relative;overflow:hidden}',\r\n        '.'+ID+'-preview-image{width:100%;height:auto;display:block}',\r\n        '.'+ID+'-artwork-title{font-size:32px;color:#442C39;font-weight:300;margin-top:20px;text-align:center}',\r\n        '.'+ID+'-vendida-badge{position:absolute;top:12px;right:12px;background:rgba(80,20,20,0.82);color:#f5e6e6;font-size:11px;font-weight:400;padding:5px 14px;letter-spacing:3px;text-transform:uppercase;pointer-events:none;z-index:10;font-family:Neuton,serif}',\r\n        '@media(max-width:768px){.'+ID+'-vendida-badge{top:50%;left:50%;right:auto;transform:translate(-50%,-50%);font-size:10px;padding:4px 20px}}'\r\n    ].join('');\r\n    document.head.appendChild(styleTag);\r\n    mount.innerHTML =\r\n        '<div class=\"'+ID+'-artwork-container\">' +\r\n            '<div class=\"'+ID+'-preview-wrapper\">' +\r\n                '<img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2026\/03\/DSCF5739-Ok-scaled.webp\" alt=\"Listones 1\" class=\"'+ID+'-preview-image\">' +\r\n                (VENDIDA ? '<div class=\"'+ID+'-vendida-badge\">Vendida<\/div>' : '') +\r\n            '<\/div>' +\r\n            '<h2 class=\"'+ID+'-artwork-title\">Listones 1<\/h2>' +\r\n        '<\/div>';\r\n}\r\ninitListones1();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ac7c042 elementor-widget elementor-widget-html\" data-id=\"ac7c042\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"listones2-mount\"><\/div>\r\n<script type=\"text\/javascript\">\r\nfunction initListones2() {\r\n    var mount = document.getElementById('listones2-mount');\r\n    if (!mount) { setTimeout(initListones2, 100); return; }\r\n    var ID = 'listones2';\r\n    var VENDIDA = true;\r\n    var styleTag = document.createElement('style');\r\n    styleTag.innerHTML = [\r\n        '.'+ID+'-artwork-container{max-width:900px;margin:0 auto;padding:20px;font-family:Neuton,serif;font-weight:300;box-sizing:border-box}',\r\n        '.'+ID+'-preview-wrapper{width:100%;position:relative;overflow:hidden}',\r\n        '.'+ID+'-preview-image{width:100%;height:auto;display:block}',\r\n        '.'+ID+'-artwork-title{font-size:32px;color:#442C39;font-weight:300;margin-top:20px;text-align:center}',\r\n        '.'+ID+'-vendida-badge{position:absolute;top:12px;right:12px;background:rgba(80,20,20,0.82);color:#f5e6e6;font-size:11px;font-weight:400;padding:5px 14px;letter-spacing:3px;text-transform:uppercase;pointer-events:none;z-index:10;font-family:Neuton,serif}',\r\n        '@media(max-width:768px){.'+ID+'-vendida-badge{top:50%;left:50%;right:auto;transform:translate(-50%,-50%);font-size:10px;padding:4px 20px}}'\r\n    ].join('');\r\n    document.head.appendChild(styleTag);\r\n    mount.innerHTML =\r\n        '<div class=\"'+ID+'-artwork-container\">' +\r\n            '<div class=\"'+ID+'-preview-wrapper\">' +\r\n                '<img decoding=\"async\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2026\/03\/DSCF5742-Ok-scaled.webp\" alt=\"Listones 2\" class=\"'+ID+'-preview-image\">' +\r\n                (VENDIDA ? '<div class=\"'+ID+'-vendida-badge\">Vendida<\/div>' : '') +\r\n            '<\/div>' +\r\n            '<h2 class=\"'+ID+'-artwork-title\">Listones 2<\/h2>' +\r\n        '<\/div>';\r\n}\r\ninitListones2();\r\n<\/script>\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-f562f64 e-con-full e-flex e-con e-child\" data-id=\"f562f64\" 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-6399756 elementor-widget elementor-widget-menu-anchor\" data-id=\"6399756\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"mitrayectoria\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1b71664 elementor-widget elementor-widget-html\" data-id=\"1b71664\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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>Mi Trayectoria - Neon Caron<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;600&family=Neuton:wght@300&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Inter', sans-serif;\r\n        }\r\n\r\n        .timeline-wrapper {\r\n            background: #f5ede3;\r\n            max-width: 100%;\r\n            width: 100%;\r\n            margin: 0 auto;\r\n            padding: 60px 20px;\r\n        }\r\n\r\n        .timeline-main-title {\r\n            text-align: center;\r\n            font-family: 'Neuton', serif;\r\n            font-size: 3rem;\r\n            font-weight: 300;\r\n            color: #442c39;\r\n            margin-bottom: 100px;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .timeline-vertical {\r\n            position: relative;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            padding: 0 20px;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* L\u00ednea vertical central *\/\r\n        .timeline-vertical::before {\r\n            content: '';\r\n            position: absolute;\r\n            left: 50%;\r\n            top: 0;\r\n            bottom: 0;\r\n            width: 2px;\r\n            background: #9db4c4;\r\n            transform: translateX(-50%);\r\n            z-index: 1;\r\n        }\r\n\r\n        .timeline-item {\r\n            width: 100%;\r\n            margin-bottom: 120px;\r\n            position: relative;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        .timeline-item:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        \/* Items impares - texto a la izquierda *\/\r\n        .timeline-item:nth-child(odd) {\r\n            justify-content: flex-start;\r\n        }\r\n\r\n        .timeline-item:nth-child(odd) .timeline-content {\r\n            width: 48%;\r\n            text-align: right;\r\n            padding-right: 50px;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .timeline-item:nth-child(odd) .timeline-dot {\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        \/* Items pares - texto a la derecha *\/\r\n        .timeline-item:nth-child(even) {\r\n            justify-content: flex-end;\r\n        }\r\n\r\n        .timeline-item:nth-child(even) .timeline-content {\r\n            width: 48%;\r\n            text-align: left;\r\n            padding-left: 50px;\r\n            margin-left: auto;\r\n        }\r\n\r\n        .timeline-item:nth-child(even) .timeline-dot {\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .timeline-dot {\r\n            position: absolute;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 60px;\r\n            height: 60px;\r\n            background: rgba(157, 180, 196, 0.25);\r\n            border: 5px solid #9db4c4;\r\n            border-radius: 50%;\r\n            z-index: 10;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: all 0.3s ease;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        \/* Punto interno en el c\u00edrculo *\/\r\n        .timeline-dot::after {\r\n            content: '';\r\n            width: 20px;\r\n            height: 20px;\r\n            background: #9db4c4;\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .timeline-item:nth-child(odd) .timeline-dot {\r\n            background: rgba(232, 168, 40, 0.25);\r\n            border-color: #e8a828;\r\n        }\r\n\r\n        .timeline-item:nth-child(odd) .timeline-dot::after {\r\n            background: #e8a828;\r\n        }\r\n\r\n        .timeline-item:nth-child(even) .timeline-dot {\r\n            background: rgba(49, 159, 188, 0.25);\r\n            border-color: #319fbc;\r\n        }\r\n\r\n        .timeline-item:nth-child(even) .timeline-dot::after {\r\n            background: #319fbc;\r\n        }\r\n\r\n        .timeline-dot:hover {\r\n            transform: translateX(-50%) scale(1.15);\r\n        }\r\n\r\n        .timeline-title {\r\n            font-family: 'Neuton', serif;\r\n            font-size: 1.8rem;\r\n            font-weight: 300;\r\n            color: #6b395c;\r\n            margin-bottom: 12px;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .timeline-description {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 1rem;\r\n            font-weight: 300;\r\n            color: #6b395c;\r\n            line-height: 1.7;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        .timeline-quote {\r\n            text-align: center;\r\n            font-family: 'Neuton', serif;\r\n            font-size: 1.2rem;\r\n            font-weight: 300;\r\n            color: #6b395c;\r\n            font-style: italic;\r\n            margin-top: 100px;\r\n            padding: 0 20px;\r\n            opacity: 0.85;\r\n            line-height: 1.8;\r\n        }\r\n\r\n        \/* Media queries - Tablet *\/\r\n        @media (max-width: 900px) {\r\n            .timeline-main-title {\r\n                font-size: 2.5rem;\r\n                margin-bottom: 80px;\r\n            }\r\n\r\n            .timeline-item:nth-child(odd) .timeline-content,\r\n            .timeline-item:nth-child(even) .timeline-content {\r\n                width: 50%;\r\n            }\r\n\r\n            .timeline-title {\r\n                font-size: 1.7rem;\r\n            }\r\n        }\r\n\r\n        \/* Media queries - Mobile - MANTIENE DISE\u00d1O ESCRITORIO *\/\r\n        @media (max-width: 768px) {\r\n            .timeline-wrapper {\r\n                padding: 40px 15px;\r\n            }\r\n\r\n            .timeline-main-title {\r\n                font-size: 2rem;\r\n                margin-bottom: 60px;\r\n            }\r\n\r\n            .timeline-vertical {\r\n                padding: 0 10px;\r\n            }\r\n\r\n            .timeline-item {\r\n                margin-bottom: 80px;\r\n            }\r\n\r\n            .timeline-item:nth-child(odd) .timeline-content,\r\n            .timeline-item:nth-child(even) .timeline-content {\r\n                width: 45%;\r\n                padding-left: 20px !important;\r\n                padding-right: 20px !important;\r\n            }\r\n\r\n            .timeline-dot {\r\n                width: 50px;\r\n                height: 50px;\r\n                border-width: 4px;\r\n            }\r\n\r\n            .timeline-dot::after {\r\n                width: 15px;\r\n                height: 15px;\r\n            }\r\n\r\n            .timeline-title {\r\n                font-size: 1.3rem;\r\n                margin-bottom: 10px;\r\n            }\r\n\r\n            .timeline-description {\r\n                font-size: 0.85rem;\r\n                line-height: 1.6;\r\n            }\r\n\r\n            .timeline-quote {\r\n                font-size: 0.95rem;\r\n                margin-top: 60px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .timeline-wrapper {\r\n                padding: 30px 12px;\r\n            }\r\n\r\n            .timeline-main-title {\r\n                font-size: 1.6rem;\r\n                margin-bottom: 50px;\r\n            }\r\n\r\n            .timeline-item {\r\n                margin-bottom: 70px;\r\n            }\r\n\r\n            .timeline-item:nth-child(odd) .timeline-content,\r\n            .timeline-item:nth-child(even) .timeline-content {\r\n                width: 44%;\r\n                padding: 15px !important;\r\n            }\r\n\r\n            .timeline-dot {\r\n                width: 45px;\r\n                height: 45px;\r\n                border-width: 4px;\r\n            }\r\n\r\n            .timeline-dot::after {\r\n                width: 13px;\r\n                height: 13px;\r\n            }\r\n\r\n            .timeline-title {\r\n                font-size: 1.1rem;\r\n            }\r\n\r\n            .timeline-description {\r\n                font-size: 0.8rem;\r\n            }\r\n\r\n            .timeline-quote {\r\n                font-size: 0.9rem;\r\n                padding: 0 10px;\r\n                margin-top: 50px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"timeline-wrapper\">\r\n        <h1 class=\"timeline-main-title\" id=\"titulo-principal\">Mi Trayectoria<\/h1>\r\n        \r\n        <div class=\"timeline-vertical\">\r\n            <!-- Item 1: Los Inicios - Izquierda -->\r\n            <div class=\"timeline-item\" id=\"item-1\">\r\n                <div class=\"timeline-content\">\r\n                    <h2 class=\"timeline-title\" id=\"titulo-1\">Los Inicios<\/h2>\r\n                    <p class=\"timeline-description\" id=\"desc-1\">Desde muy joven sent\u00ed una profunda fascinaci\u00f3n por la belleza, por las formas que comunican sin palabras, y los colores que parecen tener vida propia. Mi camino comenz\u00f3 en el mundo del dise\u00f1o y la creaci\u00f3n de joyer\u00eda, donde aprend\u00ed a transformar los metales m\u00e1s nobles en piezas llenas de emoci\u00f3n.<\/p>\r\n                <\/div>\r\n                <div class=\"timeline-dot\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Item 2: La Expansi\u00f3n - Derecha -->\r\n            <div class=\"timeline-item\" id=\"item-2\">\r\n                <div class=\"timeline-dot\"><\/div>\r\n                <div class=\"timeline-content\">\r\n                    <h2 class=\"timeline-title\" id=\"titulo-2\">La Expansi\u00f3n<\/h2>\r\n                    <p class=\"timeline-description\" id=\"desc-2\">Con el tiempo sent\u00ed que esa misma sensibilidad pod\u00eda expandirse m\u00e1s all\u00e1 del metal y las gemas, hacia un lienzo, donde el color y la textura me ofrec\u00edan una nueva forma de expresi\u00f3n.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Item 3: Nace Mainou - Izquierda -->\r\n            <div class=\"timeline-item\" id=\"item-3\">\r\n                <div class=\"timeline-content\">\r\n                    <h2 class=\"timeline-title\" id=\"titulo-3\">Nace Mainou<\/h2>\r\n                    <p class=\"timeline-description\" id=\"desc-3\">As\u00ed naci\u00f3 Mainou, como una extensi\u00f3n natural de mi historia creativa. Cada obra es el reflejo de una b\u00fasqueda constante: transformar lo que siento en movimiento, energ\u00eda y luz.<\/p>\r\n                <\/div>\r\n                <div class=\"timeline-dot\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Item 4: Espacio de Libertad - Derecha -->\r\n            <div class=\"timeline-item\" id=\"item-4\">\r\n                <div class=\"timeline-dot\"><\/div>\r\n                <div class=\"timeline-content\">\r\n                    <h2 class=\"timeline-title\" id=\"titulo-4\">Espacio de Libertad<\/h2>\r\n                    <p class=\"timeline-description\" id=\"desc-4\">La pintura se ha convertido en mi espacio de libertad, donde convergen mi pasi\u00f3n por el detalle, mi amor por la est\u00e9tica y mi deseo de conectar con los dem\u00e1s a trav\u00e9s de la emoci\u00f3n.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Item 5: Evoluci\u00f3n Continua - Izquierda -->\r\n            <div class=\"timeline-item\" id=\"item-5\">\r\n                <div class=\"timeline-content\">\r\n                    <h2 class=\"timeline-title\" id=\"titulo-5\">Evoluci\u00f3n Continua<\/h2>\r\n                    <p class=\"timeline-description\" id=\"desc-5\">Hoy mi trabajo sigue evolucionando, hacia un lenguaje m\u00e1s libre, m\u00e1s intuitivo, donde cada trazo es una conversaci\u00f3n entre lo que soy y lo que descubro en el proceso de crear.<\/p>\r\n                <\/div>\r\n                <div class=\"timeline-dot\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <p class=\"timeline-quote\" id=\"quote-final\">\"Cada trazo es una conversaci\u00f3n entre lo que soy y lo que descubro en el proceso de crear\"<\/p>\r\n    <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5beea74 e-con-full e-flex e-con e-child\" data-id=\"5beea74\" 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-e3abc8d e-con-full e-flex e-con e-child\" data-id=\"e3abc8d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-38238aa elementor-widget elementor-widget-menu-anchor\" data-id=\"38238aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"proximosproyectos\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b9121a elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"6b9121a\" 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\">Pr\u00f3ximos Eventos.<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-079e931 e-con-full e-flex e-con e-child\" data-id=\"079e931\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-04065f3 elementor-widget elementor-widget-softlite_dynamic_card_box\" data-id=\"04065f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"softlite_dynamic_card_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <article class=\"softlite-dynamic-card-box iwexv5rs\"><div class=\"t04nr2lu\"><div class=\"lhnsbtjo\"><span class=\"akv9quuo softlite-dynamic-card-box-text-1 softlite-dynamic-card-box-background-color-1\">EXPOSICI\u00d3N<\/span><h3 class=\"bzkasxqb softlite-dynamic-card-box-text-2\">Primera Exposici\u00f3n Completa<\/h3><p class=\"oovqnxzn softlite-dynamic-card-box-text-3\"><\/p><\/div><\/div><p class=\"ic5an855 softlite-dynamic-card-box-text-4\">Una invitaci\u00f3n a mirar con tiempo, a recorrer proceso, emoci\u00f3n y materia.Te espero este 14 de marzo en Tonal\u00e1 97, Colonia Roma Norte, Alcald\u00eda Cuauht\u00e9moc, CDMX.<\/p><\/article> \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-668ed1f elementor-widget elementor-widget-html\" data-id=\"668ed1f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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>Ver detalles del evento<\/title>\r\n    <style>\r\n        .explorar-link {\r\n            color: #309DBB !important;\r\n            text-decoration: none !important;\r\n            display: inline-block;\r\n        }\r\n\r\n        .explorar-link:hover {\r\n            text-decoration: underline !important;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <a href=\"https:\/\/www.instagram.com\/p\/DVtS8yCAACZ\/?igsh=MWpybHJuMHg4MWZreQ%3D%3D\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"explorar-link\">\r\n        Ver detalles  \u2192\r\n    <\/a>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-877b819 elementor-widget elementor-widget-softlite_dynamic_card_box\" data-id=\"877b819\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"softlite_dynamic_card_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <article class=\"softlite-dynamic-card-box iwexv5rs\"><div class=\"t04nr2lu\"><div class=\"lhnsbtjo\"><span class=\"akv9quuo softlite-dynamic-card-box-text-1 softlite-dynamic-card-box-background-color-1\">EXPOSICI\u00d3N<\/span><h3 class=\"bzkasxqb softlite-dynamic-card-box-text-2\">The Holy Art Gallery.<\/h3><p class=\"oovqnxzn softlite-dynamic-card-box-text-3\"><\/p><\/div><\/div><p class=\"ic5an855 softlite-dynamic-card-box-text-4\">Una de las piezas de Mainou Art sale del estudio para integrarse a una exposici\u00f3n en Holy Art Gallery, Roma Norte, invitando al espectador a un encuentro directo con la obra.<\/p><\/article> \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8f130b6 elementor-widget elementor-widget-html\" data-id=\"8f130b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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>Ver detalles del evento<\/title>\r\n    <style>\r\n        .explorar-link {\r\n            color: #309DBB !important;\r\n            text-decoration: none !important;\r\n            display: inline-block;\r\n        }\r\n\r\n        .explorar-link:hover {\r\n            text-decoration: underline !important;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <a href=\"https:\/\/www.instagram.com\/p\/DTlZuLPEXas\/?img_index=1\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"explorar-link\">\r\n        Ver detalles del evento  \u2192\r\n    <\/a>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-83d2e11 elementor-widget elementor-widget-softlite_dynamic_card_box\" data-id=\"83d2e11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"softlite_dynamic_card_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <article class=\"softlite-dynamic-card-box iwexv5rs\"><div class=\"t04nr2lu\"><div class=\"lhnsbtjo\"><span class=\"akv9quuo softlite-dynamic-card-box-text-1 softlite-dynamic-card-box-background-color-1\">ACTUALMETE<\/span><h3 class=\"bzkasxqb softlite-dynamic-card-box-text-2\">Plataforma Internacional Artsy<\/h3><p class=\"oovqnxzn softlite-dynamic-card-box-text-3\"><\/p><\/div><\/div><p class=\"ic5an855 softlite-dynamic-card-box-text-4\"> Explora la colecci\u00f3n disponible en Artsy y descubre las obras creadas para<br>             inspirar, emocionar y transformar espacios.<\/p><\/article> \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-673f08e elementor-widget elementor-widget-html\" data-id=\"673f08e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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>Explorar Colecci\u00f3n<\/title>\r\n    <style>\r\n        .explorar-link {\r\n            color: #309DBB !important;\r\n            text-decoration: none !important;\r\n            display: inline-block;\r\n        }\r\n\r\n        .explorar-link:hover {\r\n            text-decoration: underline !important;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <a href=\"https:\/\/www.artsy.net\/artist\/mainou-1?utm_content=artwork-share\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"explorar-link\">\r\n        Explorar colecci\u00f3n \u2192\r\n    <\/a>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a539c57 elementor-widget elementor-widget-softlite_dynamic_card_box\" data-id=\"a539c57\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"softlite_dynamic_card_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <article class=\"softlite-dynamic-card-box iwexv5rs\"><div class=\"t04nr2lu\"><div class=\"lhnsbtjo\"><span class=\"akv9quuo softlite-dynamic-card-box-text-1 softlite-dynamic-card-box-background-color-1\">Exhibici\u00f3n <\/span><h3 class=\"bzkasxqb softlite-dynamic-card-box-text-2\"> Mombo Artsy Gallery Magazine<\/h3><p class=\"oovqnxzn softlite-dynamic-card-box-text-3\">15 al 20 de noviembre de 2025<\/p><\/div><\/div><p class=\"ic5an855 softlite-dynamic-card-box-text-4\">La galer\u00eda  de Arte Contempor\u00e1neo fomenta la apreciaci\u00f3n cultural y conecta a creadores, coleccionistas y amantes del arte con las propuestas m\u00e1s relevantes de la escena actual.<\/p><\/article> \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6375ab3 elementor-widget elementor-widget-softlite_dynamic_card_box\" data-id=\"6375ab3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"softlite_dynamic_card_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <article class=\"softlite-dynamic-card-box tdv050jj\"><div class=\"j9jxochz\"><div class=\"l2c9thio\"><span class=\"il009ou5 softlite-dynamic-card-box-text-1 softlite-dynamic-card-box-background-color-1\">Evento<\/span><h3 class=\"f07b3ycs softlite-dynamic-card-box-text-2\">1819 Art Gallery \u2013 Christmas Special Edition | Publicaci\u00f3n Internacional (2025)<\/h3><p class=\"xuwj8crp softlite-dynamic-card-box-text-3\"><\/p><\/div><\/div><p class=\"vt0sy313 softlite-dynamic-card-box-text-4\">Artista publicada en la edici\u00f3n especial de Navidad de la revista digital internacional de 1819 Art Gallery, dedicada al cierre de a\u00f1o y a una curadur\u00eda tem\u00e1tica de artistas\u00a0contempor\u00e1neos.<\/p><\/article> \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b0489f elementor-widget elementor-widget-softlite_dynamic_card_box\" data-id=\"6b0489f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"softlite_dynamic_card_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <article class=\"softlite-dynamic-card-box tdv050jj\"><div class=\"j9jxochz\"><div class=\"l2c9thio\"><span class=\"il009ou5 softlite-dynamic-card-box-text-1 softlite-dynamic-card-box-background-color-1\">Evento<\/span><h3 class=\"f07b3ycs softlite-dynamic-card-box-text-2\">Nueva curadur\u00eda de Antonio S\u00e1nchez sobre mi trabajo<\/h3><p class=\"xuwj8crp softlite-dynamic-card-box-text-3\"><\/p><\/div><\/div><p class=\"vt0sy313 softlite-dynamic-card-box-text-4\">Una selecci\u00f3n reciente de obras en lienzo reunidas bajo la mirada curatorial de Antonio S\u00e1nchez, quien destaca nuevas lecturas, procesos y matices dentro de mi pr\u00e1ctica pict\u00f3rica.<\/p><\/article> \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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e49728d e-con-full e-flex e-con e-child\" data-id=\"e49728d\" 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-6611b61 e-con-full e-flex e-con e-child\" data-id=\"6611b61\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e84997b elementor-widget elementor-widget-menu-anchor\" data-id=\"e84997b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"videos\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4879179 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"4879179\" 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\">Videos<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-633a409 e-con-full e-flex e-con e-child\" data-id=\"633a409\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd0550e elementor-widget elementor-widget-video\" data-id=\"fd0550e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2025\/12\/El-arte-no-termina-cuando-se-seca.Cada-trazo-cambia-conmigo-cambia-contigo.MAINOU-es-la-emocion.mp4\" controls=\"\" preload=\"metadata\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf3d0d7 elementor-widget elementor-widget-video\" data-id=\"cf3d0d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2025\/12\/mainou-video-2.mp4\" controls=\"\" preload=\"metadata\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-361c28d elementor-widget elementor-widget-video\" data-id=\"361c28d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2025\/12\/mainou-3.mp4\" controls=\"\" preload=\"metadata\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\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-7d14a22 elementor-widget elementor-widget-softlite_dynamic_card_box\" data-id=\"7d14a22\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"softlite_dynamic_card_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <div class=\"softlite-dynamic-card-box iy90azhf\"><p class=\"debr1fj3 softlite-dynamic-card-box-text-1\"><\/p><a href=\"#\" class=\"lojwdtyb softlite-dynamic-card-box-button softlite-dynamic-card-box-button-text\"><\/a><\/div> \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-aff1794 e-con-full e-flex e-con e-child\" data-id=\"aff1794\" 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-bde480d e-con-full e-flex e-con e-child\" data-id=\"bde480d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f24940c elementor-widget elementor-widget-menu-anchor\" data-id=\"f24940c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"estudiomn\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cab261b elementor-widget elementor-widget-softlite_dynamic_card_box\" data-id=\"cab261b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"softlite_dynamic_card_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <div class=\"softlite-dynamic-card-box vqa3er2b\"><h2 class=\"qqv5q14h softlite-dynamic-card-box-text-1\">Estudio y Proceso<\/h2><p class=\"ht3jsdri softlite-dynamic-card-box-text-2\">Un vistazo al espacio donde nacen las obras: el taller, los materiales y el proceso creativo que da vida a cada pieza.<\/p><\/div> \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3283c88 e-con-full e-flex e-con e-child\" data-id=\"3283c88\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8fa624e elementor-widget elementor-widget-softlite_dynamic_card_box\" data-id=\"8fa624e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"softlite_dynamic_card_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t \n\t\t\t\t<article class=\"softlite-dynamic-card-box h0y0bju1\"><div class=\"a6hhv1d4\"><img decoding=\"async\" class=\"pvx2a57o softlite-dynamic-icon\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2025\/11\/maino-1.webp\" \/><\/div><h3 class=\"tw16t5dg softlite-dynamic-card-box-text-1\"><\/h3><\/article> \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f1fa609 elementor-widget elementor-widget-softlite_dynamic_card_box\" data-id=\"f1fa609\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"softlite_dynamic_card_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t \n\t\t\t\t<article class=\"softlite-dynamic-card-box x1ivp0qi\"><div class=\"qe75twj1\"><img decoding=\"async\" class=\"p2ciyvmu softlite-dynamic-icon\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2025\/12\/becker.webp\" \/><\/div><h3 class=\"of1vmitt softlite-dynamic-card-box-text-1\"><\/h3><\/article> \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-99068dc elementor-widget elementor-widget-softlite_dynamic_card_box\" data-id=\"99068dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"softlite_dynamic_card_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t \n\t\t\t\t<article class=\"softlite-dynamic-card-box hgdw5ml4\"><div class=\"yfrnl8ek\"><img decoding=\"async\" class=\"kfal9ls2 softlite-dynamic-icon\" src=\"https:\/\/mainou.art\/wp-content\/uploads\/2025\/12\/becker-2.webp\" \/><\/div><h3 class=\"ioz63saj softlite-dynamic-card-box-text-1\"><\/h3><\/article> \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a45faf9 elementor-widget elementor-widget-softlite_dynamic_card_box\" data-id=\"a45faf9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"softlite_dynamic_card_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <div class=\"softlite-dynamic-card-box aqntfv5e\"><div class=\"wbid1y2u softlite-dynamic-card-box-background-color-1\"><h3 class=\"pfltzy1i softlite-dynamic-card-box-text-1\">El Proceso<\/h3><div class=\"rjlu3k0u\"><p class=\"bteczoxp softlite-dynamic-card-box-text-2\">Mi proceso creativo es un di\u00e1logo entre la intuici\u00f3n y la materia. Cada obra comienza con una emoci\u00f3n que luego plasmo a trav\u00e9s del color y movimiento. Trabajo principalmente con acr\u00edlicos de alta viscosidad, tintas fluidas, \u00f3leo y pigmentos, combinando cap\u00e1z que se superponen como memorias y resonancias.<\/p><p class=\"ocbi15v3 softlite-dynamic-card-box-text-3\">En mi estudio, el proceso se convierte casi en un ritual, preparo el lienzo con libertad, dejo que el color fluya y luego contengo con gestos, m\u00e1s precisos, buscando equilibrio y profundidad. Escucho m\u00fasica, observo la luz y permito que las emociones y en el ritmo de cada trazo. <\/p><p class=\"softlite-dynamic-card-box-text-4 ocbi15v3\">Cada pintura nace de un instante de conexi\u00f3n conmigo, con la belleza, con lo invisible y se convierte en una expresi\u00f3n tangible de energ\u00eda\u00a0y\u00a0presencia.<\/p><\/div><\/div><\/div> \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-3d42a38 e-con-full e-flex e-con e-child\" data-id=\"3d42a38\" 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-a57538e elementor-widget elementor-widget-menu-anchor\" data-id=\"a57538e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"anclamn\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6cf8745 elementor-widget elementor-widget-heading\" data-id=\"6cf8745\" 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\">Ponte en contacto<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-55601ad elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"55601ad\" 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>\u00bfTe interesa saber algo m\u00e1s de mis obras ? Me encantar\u00eda saber de ti.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d70baf7 e-grid e-con-boxed e-con e-child\" data-id=\"d70baf7\" 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-c60f907 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"c60f907\" 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\" href=\"https:\/\/api.whatsapp.com\/send?phone=525537319770&#038;text=hola%20que%20tal%20%C2%BFMe%20gustaria%20saber%20mas%20acerca%20de%20tus%20obras%3F\" target=\"_blank\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-whatsapp\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\"><\/path><\/svg>\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-13ce064 elementor-align-left elementor-mobile-align-center elementor-button-info elementor-widget elementor-widget-button\" data-id=\"13ce064\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"mailto:Pilar.becker@me.com%20\" target=\"_blank\">\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\">Enviar correo electronico <\/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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-40d7e8f elementor-widget elementor-widget-spacer\" data-id=\"40d7e8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\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-3a71a0c e-con-full e-flex e-con e-child\" data-id=\"3a71a0c\" 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-1005dda e-con-full e-flex e-con e-child\" data-id=\"1005dda\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-82f43b5 e-con-full e-flex e-con e-child\" data-id=\"82f43b5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2895717 e-con-full e-flex e-con e-child\" data-id=\"2895717\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3523bb3 e-con-full e-flex e-con e-child\" data-id=\"3523bb3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-14526e1 elementor-widget elementor-widget-softlite_image\" data-id=\"14526e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"softlite_image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-image\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/artist-canvas-site.lovable.app\/assets\/mainou-icon-white-Dk3g3jRB.png\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-487d62d elementor-widget elementor-widget-softlite_image\" data-id=\"487d62d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"softlite_image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-image\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/artist-canvas-site.lovable.app\/assets\/mainou-logo-white-wojGfdaZ.png\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\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 class=\"elementor-element elementor-element-a2039e4 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"a2039e4\" 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>Contemporary Painter<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c3fd31f elementor-shape-rounded elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons\" data-id=\"c3fd31f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-397381c\" href=\"https:\/\/www.instagram.com\/mainou.art\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-instagram\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\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-2f43256 e-con-full e-flex e-con e-child\" data-id=\"2f43256\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b9c505 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"3b9c505\" 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>\u00a9 2026 Mainou. All rights reserved.<\/p>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ObrasSobre M\u00edTrayectoriaExposicionesVideosEstudioContacto Pilar Mainou La Artista Pilar es una artista abstracta mexicana, cuya obra explora la emoci\u00f3n, la luz y el movimiento como lenguaje. Con una amplia formaci\u00f3n en Diseno y creaci\u00f3n de Joyeria y una sensibilidad profundamente est\u00e9tica. Pilar transforma el color y la textura en experiencias visuales, que evocan, equilibrio,energ\u00eda y conexi\u00f3n. Su [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/mainou.art\/es\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mainou.art\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mainou.art\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mainou.art\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mainou.art\/es\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":712,"href":"https:\/\/mainou.art\/es\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":1077,"href":"https:\/\/mainou.art\/es\/wp-json\/wp\/v2\/pages\/6\/revisions\/1077"}],"wp:attachment":[{"href":"https:\/\/mainou.art\/es\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}