{"id":136,"date":"2026-01-30T17:04:30","date_gmt":"2026-01-30T17:04:30","guid":{"rendered":"https:\/\/easarte.com\/?p=136"},"modified":"2026-02-11T01:21:49","modified_gmt":"2026-02-11T01:21:49","slug":"le-ser-deluz","status":"publish","type":"post","link":"https:\/\/easarte.com\/en\/le-ser-deluz\/","title":{"rendered":"TO BE LIGHT"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"136\" class=\"elementor elementor-136\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-00e95e8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"00e95e8\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-679a18b\" data-id=\"679a18b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4454b65 elementor-widget elementor-widget-html\" data-id=\"4454b65\" 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>Le Ser Deluz | UMBRA|ES<\/title>\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=DM+Sans:opsz,wght@9..40,300;400;500;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* --- 1. ESTILOS BASE UMBRA|ES --- *\/\r\n    :root {\r\n        --u-black: #000;\r\n        --u-grey: #555;\r\n        --bg-color: #fff;\r\n    }\r\n\r\n    @font-face {\r\n        font-family: 'CODE';\r\n        src: local('CODE Bold'), local('CODE-Bold'), url('https:\/\/fonts.cdnfonts.com\/s\/14352\/Code-Bold.woff') format('woff');\r\n        font-weight: bold;\r\n    }\r\n\r\n    h1, h2, h3, h4, .brand-font, .concept-header, .work-header, .glossary-term, .valor-final, .status-tag {\r\n        font-family: 'CODE', 'Helvetica', sans-serif !important;\r\n        text-transform: uppercase;\r\n        font-weight: bold !important; \r\n        letter-spacing: 2px;\r\n    }\r\n\r\n    body, p, .concept-body, li, .glossary-def, .reading-list, .ficha-tecnica-obra {\r\n        font-family: 'DM Sans', sans-serif !important;\r\n        color: #111;\r\n        font-size: 1rem; \r\n        line-height: 1.6;\r\n        text-align: justify;\r\n    }\r\n\r\n    body { margin: 0; padding: 0; background: var(--bg-color); overflow-x: hidden; }\r\n    .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }\r\n\r\n    \/* --- 2. HERO \/ PORTADA (30% TXT - 70% IMG) --- *\/\r\n    .artist-hero {\r\n        display: flex;\r\n        height: 95vh;\r\n        border-bottom: 2px solid var(--u-black);\r\n        overflow: hidden;\r\n    }\r\n    .hero-info { flex: 0.8; padding: 40px; display: flex; flex-direction: column; justify-content: center; background: #fff; z-index: 2; border-right: 1px solid #eee; }\r\n    .hero-logo { width: 160px; margin-bottom: 50px; display: block; }\r\n    .hero-label { font-size: 0.85rem; letter-spacing: 3px; color: #666; margin-bottom: 20px; display: block; border-left: 3px solid var(--u-black); padding-left: 15px; font-weight: bold; }\r\n    .artist-name { font-size: 4rem; line-height: 0.9; margin: 0 0 20px 0; color: var(--u-black); }\r\n    .artist-subtitle { font-size: 1.2rem; color: #444; margin: 0; }\r\n    .hero-image-container { flex: 2; height: 100%; overflow: hidden; position: relative; }\r\n    .hero-img { width: 100%; height: 100%; object-fit: cover; object-position: center; filter: grayscale(100%); transition: filter 0.5s ease; }\r\n    .hero-image-container:hover .hero-img { filter: grayscale(0%); }\r\n\r\n    \/* --- 3. BIOGRAF\u00cdA --- *\/\r\n    .bio-section { padding: 100px 0; max-width: 900px; margin: 0 auto; }\r\n    .section-title { font-size: 3rem; margin-bottom: 60px; text-align: center; }\r\n    .bio-text p { margin-bottom: 25px; color: #333; }\r\n\r\n    \/* --- 4. MARCO CONCEPTUAL --- *\/\r\n    .mc-section { background-color: #fff; padding: 100px 0; border-top: 1px solid #eee; }\r\n    .mc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 50px; margin-top: 60px; }\r\n    .concept-card { background: #fff; padding: 40px; border: 1px solid #eee; transition: all 0.3s; height: 100%; display: flex; flex-direction: column; }\r\n    .concept-card:hover { border-color: var(--u-black); box-shadow: 0 10px 30px rgba(0,0,0,0.05); }\r\n    .concept-header { font-size: 1.1rem; margin-bottom: 20px; border-bottom: 2px solid #000; display: inline-block; padding-bottom: 15px; }\r\n    .highlight-card { grid-column: 1 \/ -1; background: #000; color: #fff; text-align: center; border: none; }\r\n    .highlight-card .concept-header { border-bottom-color: #fff; }\r\n    .highlight-card .concept-body { color: #ccc; max-width: 800px; margin: 0 auto; text-align: center; }\r\n\r\n    \/* --- 5. CAT\u00c1LOGO DIN\u00c1MICO EDITORIAL --- *\/\r\n    .works-section { padding: 80px 0; border-top: 2px solid var(--u-black); }\r\n    .grid-obras { display: grid; grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)); gap: 0; border-top: 1px solid #eee; }\r\n    .obra-card { padding: 60px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; display: flex; flex-direction: column; transition: background 0.3s ease; }\r\n    .obra-card:hover { background: #fafafa; }\r\n    .img-wrapper { width: 100%; aspect-ratio: 1\/1; margin-bottom: 40px; display: flex; align-items: center; justify-content: center; background: #fff; }\r\n    .img-wrapper img { max-width: 100%; max-height: 100%; object-fit: contain; }\r\n    .obra-info h2 { font-size: 1.8rem; margin: 0 0 10px 0; letter-spacing: -1px; }\r\n    .obra-autor-tag { font-weight: 700; font-size: 0.9rem; text-transform: uppercase; margin-bottom: 20px; display: block; border-left: 3px solid var(--u-black); padding-left: 10px; }\r\n    .ficha-tecnica-obra { font-size: 1rem; line-height: 1.8; color: var(--u-grey); margin-bottom: 30px; flex-grow: 1; text-align: left; }\r\n    .precio-container { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid var(--u-black); padding-top: 25px; }\r\n    .valor-final { font-size: 1.6rem; }\r\n    .status-tag { font-size: 0.75rem; padding: 6px 15px; border: 1px solid var(--u-black); }\r\n    .vendida { background: var(--u-black); color: #fff; }\r\n\r\n    \/* --- 6. GLOSARIO & BIBLIOGRAF\u00cdA --- *\/\r\n    .glossary-section { padding: 80px 0; background: #fff; border-top: 1px solid #eee; }\r\n    .glossary-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }\r\n    .glossary-item { padding: 20px; border-bottom: 1px solid #f0f0f0; }\r\n    .reading-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; margin-top: 40px; }\r\n    .reading-category h3 { font-size: 1.1rem; border-bottom: 1px solid #000; padding-bottom: 10px; margin-bottom: 20px; }\r\n    .reading-list { list-style: none; padding: 0; margin: 0; }\r\n    .reading-list li { margin-bottom: 15px; font-size: 0.95rem; text-align: left; }\r\n    .reading-list strong { display: block; color: #000; }\r\n\r\n    \/* --- 7. GALER\u00cdA --- *\/\r\n    .gallery-row { display: flex; width: 100%; margin-bottom: 10px; }\r\n    .gallery-img-full { width: 100%; height: 85vh; object-fit: cover; display: block; }\r\n\r\n    @media (max-width: 900px) {\r\n        .artist-hero { flex-direction: column-reverse; height: auto; }\r\n        .hero-info { width: 100%; padding: 40px 20px; text-align: center; }\r\n        .artist-name { font-size: 3.5rem; }\r\n        .grid-obras { grid-template-columns: 1fr; }\r\n        .obra-card { padding: 40px 20px; }\r\n    }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"artist-hero\">\r\n        <div class=\"hero-info\">\r\n            <img decoding=\"async\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/LogoUMBRALES.png\" alt=\"Umbrales Logo\" class=\"hero-logo\">\r\n            <span class=\"hero-label\">ARTE & CONCIENCIA<\/span>\r\n            <h1 class=\"artist-name\">LE SER<br>DELUZ<\/h1>\r\n            <h2 class=\"artist-subtitle\">TECNOLOG\u00cdA DE CONCIENCIA<\/h2>\r\n        <\/div>\r\n        <div class=\"hero-image-container\">\r\n            <img decoding=\"async\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/LE-SER-DELUZ.png\" alt=\"Le Ser Deluz - Obra\" class=\"hero-img\">\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"container bio-section\">\r\n        <h2 class=\"section-title\">BIOGRAF\u00cdA<\/h2>\r\n        <div class=\"bio-text\">\r\n            <p>Le Ser Deluz (H\u00e9ctor Tiburcio) es un artista, creador y emprendedor cultural mexicano cuya pr\u00e1ctica se desarrolla en la intersecci\u00f3n entre arte, conciencia y experiencia. Su trabajo concibe el arte como un sistema vivo que se activa en relaci\u00f3n con el cuerpo, el espacio y la comunidad, desplazando el \u00e9nfasis del objeto hacia la vivencia compartida.<\/p>\r\n            <p>Es fundador de DELUZ 33, un proyecto desde el cual articula esculturas, instalaciones, performances y experiencias sensoriales. Su producci\u00f3n se expande m\u00e1s all\u00e1 de los formatos expositivos tradicionales hacia contextos h\u00edbridos como jardines, domos geod\u00e9sicos y espacios colectivos.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"mc-section\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title\">MARCO CONCEPTUAL<\/h2>\r\n            <p style=\"text-align: center; max-width: 800px; margin: 0 auto 50px auto; font-size: 1.1rem; color: #666;\">\"El arte no es representaci\u00f3n, sino un dispositivo de activaci\u00f3n sensible que desplaza la experiencia del objeto al estado.\"<\/p>\r\n            <div class=\"mc-grid\">\r\n                <div class=\"concept-card\">\r\n                    <span class=\"concept-header\">TECNOLOG\u00cdA DE CONCIENCIA<\/span>\r\n                    <div class=\"concept-body\">El arte se entiende como un sistema dise\u00f1ado para modificar la percepci\u00f3n y producir estados de atenci\u00f3n expandida. La obra funciona como una herramienta funcional que activa la intuici\u00f3n.<\/div>\r\n                <\/div>\r\n                <div class=\"concept-card highlight-card\">\r\n                    <span class=\"concept-header\">RITUAL CONTEMPOR\u00c1NEO<\/span>\r\n                    <div class=\"concept-body\">La pr\u00e1ctica recupera estructuras rituales orientadas a la transformaci\u00f3n colectiva. Se genera un campo de experiencia donde afectos y s\u00edmbolos se cruzan.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"works-section\">\r\n        <div class=\"container\"><h2 class=\"section-title\">CAT\u00c1LOGO DISPONIBLE<\/h2><\/div>\r\n        <div id=\"grid-leserdeluz-dinamico\" class=\"grid-obras\">\r\n            <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gallery-expanded\">\r\n        <h2 class=\"section-title\" style=\"padding-top: 80px;\">REGISTRO DE OBRA<\/h2>\r\n        <div class=\"gallery-row\">\r\n            <img decoding=\"async\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/LE-SER-DELUZ.png\" class=\"gallery-img-full\" alt=\"Registro\">\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"glossary-section\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title\">GLOSARIO CONCEPTUAL<\/h2>\r\n            <div class=\"glossary-grid\">\r\n                <div class=\"glossary-item\"><span class=\"glossary-term\">Activaci\u00f3n<\/span><p class=\"glossary-def\">Momento en el que la obra deja de ser una forma est\u00e1tica para convertirse en una experiencia vivida.<\/p><\/div>\r\n                <div class=\"glossary-item\"><span class=\"glossary-term\">T\u00f3tem Contempor\u00e1neo<\/span><p class=\"glossary-def\">Figuras escult\u00f3ricas concebidas como portales simb\u00f3licos dise\u00f1ados para invitar a la reconexi\u00f3n.<\/p><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\n    const normalizeName = (str) => str ? str.normalize(\"NFD\").replace(\/[\\u0300-\\u036f]\/g, \"\").trim().toUpperCase() : \"\";\r\n\r\n    async function initLeSer() {\r\n        const ARTISTA_OBJETIVO = \"LE SER DELUZ\";\r\n        const url = 'https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vTJwx_xoNFNjz_7Y7c0SwuxjeAV9sIjYkEXE4ZB47mLjJ0xvkMIHPSA3gWcpj3SKw\/pub?output=csv';\r\n        \r\n        try {\r\n            const resp = await fetch(url + '&nocache=' + new Date().getTime());\r\n            const data = await resp.text();\r\n            const filas = data.split(\/\\r?\\n\/).slice(6);\r\n            \r\n            const obras = filas.map(f => {\r\n                const c = f.split(\/,(?=(?:(?:[^\"]*\"){2})*[^\"]*$)\/);\r\n                if(c.length < 11 || !c[2]) return null;\r\n                return {\r\n                    titulo: c[2].replace(\/\"\/g, \"\").trim(),\r\n                    autor: c[3].replace(\/\"\/g, \"\").trim(),\r\n                    tecnica: c[4].replace(\/\"\/g, \"\").trim(),\r\n                    medidas: c[5].replace(\/\"\/g, \"\").trim(),\r\n                    a\u00f1o: c[6].replace(\/\"\/g, \"\").trim(),\r\n                    valor: c[7].replace(\/\"\/g, \"\").trim(),\r\n                    moneda: c[8].replace(\/\"\/g, \"\").trim(),\r\n                    base: c[9]?.replace(\/\"\/g, \"\").trim() || \"Recibo, Factura y\/o Certificado\",\r\n                    img: c[10].trim(),\r\n                    estatus: (c[11] || \"DISPONIBLE\").toUpperCase()\r\n                };\r\n            }).filter(o => o && normalizeName(o.autor).includes(ARTISTA_OBJETIVO));\r\n\r\n            const grid = document.getElementById('grid-leserdeluz-dinamico');\r\n            \r\n            if (obras.length === 0) {\r\n                grid.innerHTML = \"<p style='padding: 60px; text-align: center; font-family: CODE; width: 100%;'>No se encontraron obras vinculadas.<\/p>\";\r\n                return;\r\n            }\r\n\r\n            grid.innerHTML = obras.map(o => {\r\n                const esV = o.estatus.includes(\"VENDIDA\");\r\n                return `\r\n                    <div class=\"obra-card\" style=\"opacity: ${esV ? '0.4' : '1'}\">\r\n                        <div class=\"img-wrapper\"><img decoding=\"async\" src=\"${o.img}\" alt=\"${o.titulo}\" loading=\"lazy\"><\/div>\r\n                        <div class=\"obra-info\">\r\n                            <h2>${o.titulo}<\/h2>\r\n                            <span class=\"obra-autor-tag\">${o.autor}<\/span>\r\n                            <div class=\"ficha-tecnica-obra\">\r\n                                <strong>T\u00e9cnica:<\/strong> ${o.tecnica}<br>\r\n                                <strong>Medidas:<\/strong> ${o.medidas}<br>\r\n                                <strong>A\u00f1o:<\/strong> ${o.a\u00f1o}\r\n                            <\/div>\r\n                            <div class=\"precio-container\">\r\n                                <div class=\"valor-final\">${o.valor} ${o.moneda}<\/div>\r\n                                <span class=\"status-tag ${esV ? 'vendida' : ''}\">${esV ? 'VENDIDA' : 'DISPONIBLE'}<\/span>\r\n                            <\/div>\r\n                            <div style=\"font-size: 0.7rem; color: #999; margin-top: 15px;\">INCLUYE: ${o.base}<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                `;\r\n            }).join('');\r\n        } catch (e) { console.error(\"Error:\", e); }\r\n    }\r\n    initLeSer();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Le Ser Deluz | UMBRA|ES ARTE &#038; CONCIENCIA LE SERDELUZ TECNOLOG\u00cdA DE CONCIENCIA BIOGRAF\u00cdA Le Ser Deluz (H\u00e9ctor Tiburcio) es un artista, creador y emprendedor cultural mexicano cuya pr\u00e1ctica se desarrolla en la intersecci\u00f3n entre arte, conciencia y experiencia. Su trabajo concibe el arte como un sistema vivo que se activa en relaci\u00f3n con el [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-136","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/posts\/136","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/comments?post=136"}],"version-history":[{"count":19,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/posts\/136\/revisions"}],"predecessor-version":[{"id":1832,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/posts\/136\/revisions\/1832"}],"wp:attachment":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/media?parent=136"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/categories?post=136"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/tags?post=136"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}