Nicol\u00e1s Guzm\u00e1n | 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 CENTRADA --- *\/\r\n .artist-hero {\r\n display: flex;\r\n flex-direction: column;\r\n min-height: 100vh;\r\n border-bottom: 2px solid var(--u-black);\r\n overflow: hidden;\r\n }\r\n .hero-info {\r\n width: 100%;\r\n padding: 80px 20px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n background: #fff;\r\n z-index: 2;\r\n border-bottom: 1px solid #eee;\r\n text-align: center;\r\n }\r\n .hero-logo { width: 140px; margin-bottom: 40px; display: block; }\r\n .hero-label { font-size: 0.85rem; letter-spacing: 3px; color: #666; margin-bottom: 20px; display: block; border-bottom: 3px solid var(--u-black); padding-bottom: 5px; font-weight: bold; }\r\n .artist-name { font-size: 5rem; line-height: 0.9; margin: 0 0 20px 0; color: var(--u-black); }\r\n .artist-subtitle { font-size: 1.3rem; color: #444; margin: 0; }\r\n .hero-image-container { width: 100%; height: 70vh; overflow: hidden; position: relative; }\r\n .hero-img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(100%); transition: 0.5s; }\r\n .hero-image-container:hover .hero-img { filter: grayscale(0%); }\r\n\r\n \/* --- 3. SECCIONES DE TEXTO --- *\/\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(250px, 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-name { font-size: 3.5rem; }\r\n .hero-image-container { height: 450px; }\r\n .grid-obras { grid-template-columns: 1fr; }\r\n .obra-card { padding: 40px 20px; }\r\n .gallery-img-full { height: 50vh; }\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=\"Logo\" class=\"hero-logo\">\r\n <span class=\"hero-label\">ARTISTA VISUAL<\/span>\r\n <h1 class=\"artist-name\">NICOL\u00c1S GUZM\u00c1N<\/h1>\r\n <h2 class=\"artist-subtitle\">PINTURA PROGRESIVA<\/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\/NG-0058-scaled.jpg\" alt=\"Nicol\u00e1s Guzm\u00e1n\" 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>Nicol\u00e1s Guzm\u00e1n (Xalapa, Veracruz) es un artista visual cuya pr\u00e1ctica aborda la pintura como experiencia perceptiva y campo de investigaci\u00f3n material. Guzm\u00e1n concibe la pintura como un \"organismo vivo\", un cuerpo visual no clausurado que evoluciona en el tiempo.<\/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;\">\"La pintura no es la representaci\u00f3n de un objeto, sino la instauraci\u00f3n de un sistema de fuerzas.\"<\/p>\r\n <div class=\"mc-grid\">\r\n <div class=\"concept-card\">\r\n <span class=\"concept-header\">SILENCIO ACTIVO<\/span>\r\n <div class=\"concept-body\">El silencio no es vac\u00edo, sino una condici\u00f3n est\u00e9tica que suspende la clausura del sentido. Organiza la complejidad visual impidiendo que se convierta en ruido.<\/div>\r\n <\/div>\r\n <div class=\"concept-card\">\r\n <span class=\"concept-header\">PINTURA PROGRESIVA<\/span>\r\n <div class=\"concept-body\">Hip\u00f3tesis compositiva donde los motivos visuales se repiten, deforman y reconfiguran continuamente. Al igual que en la m\u00fasica progresiva, la obra reh\u00faye la forma definitiva.<\/div>\r\n <\/div>\r\n <div class=\"concept-card highlight-card\">\r\n <span class=\"concept-header\">SISTEMA ABIERTO<\/span>\r\n <div class=\"concept-body\">Arquitectura inestable que no se habita, sino que se atraviesa. Cada obra se configura como una topolog\u00eda de la impermanencia, un aparato vivo que organiza energ\u00eda.<\/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 DE OBRA<\/h2><\/div>\r\n <div id=\"grid-nicolas-dinamico\" class=\"grid-obras\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"gallery-expanded\">\r\n <div class=\"gallery-row\">\r\n <img decoding=\"async\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/NG-059-scaled.jpg\" class=\"gallery-img-full\" alt=\"Detalle de Obra\">\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\">Devenir<\/span><p class=\"glossary-def\">Condici\u00f3n de transformaci\u00f3n constante de la forma dentro de la obra.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Umbral<\/span><p class=\"glossary-def\">Espacio intermedio y zona de tr\u00e1nsito perceptivo.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Suspensi\u00f3n perceptiva<\/span><p class=\"glossary-def\">Estado en el que la mirada debe habitar la inestabilidad.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"container bio-section\">\r\n <h2 class=\"section-title\">FURTHER READING<\/h2>\r\n <div class=\"reading-grid\">\r\n <div class=\"reading-category\">\r\n <h3>EST\u00c9TICA & PERCEPCI\u00d3N<\/h3>\r\n <ul class=\"reading-list\">\r\n <li><strong>John Dewey<\/strong><em>El arte como experiencia<\/em><\/li>\r\n <li><strong>Maurice Merleau-Ponty<\/strong><em>El ojo y el esp\u00edritu<\/em><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"reading-category\">\r\n <h3>PENSAMIENTO & DEVENIR<\/h3>\r\n <ul class=\"reading-list\">\r\n <li><strong>Gilles Deleuze<\/strong><em>Pintura. El concepto de diagrama<\/em><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<script>\r\n const normalizeStr = (str) => str ? str.normalize(\"NFD\").replace(\/[\\u0300-\\u036f]\/g, \"\").trim().toUpperCase() : \"\";\r\n\r\n async function initNicolas() {\r\n const ARTISTA_OBJETIVO = \"NICOLAS GUZMAN\"; \/\/ Normalizado para b\u00fasqueda\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 && normalizeStr(o.autor).includes(ARTISTA_OBJETIVO));\r\n\r\n const grid = document.getElementById('grid-nicolas-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 cargando el cat\u00e1logo:\", e); }\r\n }\r\n initNicolas();\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>Nicol\u00e1s Guzm\u00e1n | UMBRA|ES ARTISTA VISUAL NICOL\u00c1S GUZM\u00c1N PINTURA PROGRESIVA BIOGRAF\u00cdA Nicol\u00e1s Guzm\u00e1n (Xalapa, Veracruz) es un artista visual cuya pr\u00e1ctica aborda la pintura como experiencia perceptiva y campo de investigaci\u00f3n material. Guzm\u00e1n concibe la pintura como un “organismo vivo”, un cuerpo visual no clausurado que evoluciona en el tiempo. MARCO CONCEPTUAL “La pintura no […]<\/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-138","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/posts\/138","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=138"}],"version-history":[{"count":22,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/posts\/138\/revisions"}],"predecessor-version":[{"id":1829,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/posts\/138\/revisions\/1829"}],"wp:attachment":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/media?parent=138"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/categories?post=138"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/tags?post=138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nNicol\u00e1s Guzm\u00e1n | 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 CENTRADA --- *\/\r\n .artist-hero {\r\n display: flex;\r\n flex-direction: column;\r\n min-height: 100vh;\r\n border-bottom: 2px solid var(--u-black);\r\n overflow: hidden;\r\n }\r\n .hero-info {\r\n width: 100%;\r\n padding: 80px 20px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n background: #fff;\r\n z-index: 2;\r\n border-bottom: 1px solid #eee;\r\n text-align: center;\r\n }\r\n .hero-logo { width: 140px; margin-bottom: 40px; display: block; }\r\n .hero-label { font-size: 0.85rem; letter-spacing: 3px; color: #666; margin-bottom: 20px; display: block; border-bottom: 3px solid var(--u-black); padding-bottom: 5px; font-weight: bold; }\r\n .artist-name { font-size: 5rem; line-height: 0.9; margin: 0 0 20px 0; color: var(--u-black); }\r\n .artist-subtitle { font-size: 1.3rem; color: #444; margin: 0; }\r\n .hero-image-container { width: 100%; height: 70vh; overflow: hidden; position: relative; }\r\n .hero-img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(100%); transition: 0.5s; }\r\n .hero-image-container:hover .hero-img { filter: grayscale(0%); }\r\n\r\n \/* --- 3. SECCIONES DE TEXTO --- *\/\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(250px, 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-name { font-size: 3.5rem; }\r\n .hero-image-container { height: 450px; }\r\n .grid-obras { grid-template-columns: 1fr; }\r\n .obra-card { padding: 40px 20px; }\r\n .gallery-img-full { height: 50vh; }\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=\"Logo\" class=\"hero-logo\">\r\n <span class=\"hero-label\">ARTISTA VISUAL<\/span>\r\n <h1 class=\"artist-name\">NICOL\u00c1S GUZM\u00c1N<\/h1>\r\n <h2 class=\"artist-subtitle\">PINTURA PROGRESIVA<\/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\/NG-0058-scaled.jpg\" alt=\"Nicol\u00e1s Guzm\u00e1n\" 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>Nicol\u00e1s Guzm\u00e1n (Xalapa, Veracruz) es un artista visual cuya pr\u00e1ctica aborda la pintura como experiencia perceptiva y campo de investigaci\u00f3n material. Guzm\u00e1n concibe la pintura como un \"organismo vivo\", un cuerpo visual no clausurado que evoluciona en el tiempo.<\/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;\">\"La pintura no es la representaci\u00f3n de un objeto, sino la instauraci\u00f3n de un sistema de fuerzas.\"<\/p>\r\n <div class=\"mc-grid\">\r\n <div class=\"concept-card\">\r\n <span class=\"concept-header\">SILENCIO ACTIVO<\/span>\r\n <div class=\"concept-body\">El silencio no es vac\u00edo, sino una condici\u00f3n est\u00e9tica que suspende la clausura del sentido. Organiza la complejidad visual impidiendo que se convierta en ruido.<\/div>\r\n <\/div>\r\n <div class=\"concept-card\">\r\n <span class=\"concept-header\">PINTURA PROGRESIVA<\/span>\r\n <div class=\"concept-body\">Hip\u00f3tesis compositiva donde los motivos visuales se repiten, deforman y reconfiguran continuamente. Al igual que en la m\u00fasica progresiva, la obra reh\u00faye la forma definitiva.<\/div>\r\n <\/div>\r\n <div class=\"concept-card highlight-card\">\r\n <span class=\"concept-header\">SISTEMA ABIERTO<\/span>\r\n <div class=\"concept-body\">Arquitectura inestable que no se habita, sino que se atraviesa. Cada obra se configura como una topolog\u00eda de la impermanencia, un aparato vivo que organiza energ\u00eda.<\/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 DE OBRA<\/h2><\/div>\r\n <div id=\"grid-nicolas-dinamico\" class=\"grid-obras\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"gallery-expanded\">\r\n <div class=\"gallery-row\">\r\n <img decoding=\"async\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/NG-059-scaled.jpg\" class=\"gallery-img-full\" alt=\"Detalle de Obra\">\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\">Devenir<\/span><p class=\"glossary-def\">Condici\u00f3n de transformaci\u00f3n constante de la forma dentro de la obra.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Umbral<\/span><p class=\"glossary-def\">Espacio intermedio y zona de tr\u00e1nsito perceptivo.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Suspensi\u00f3n perceptiva<\/span><p class=\"glossary-def\">Estado en el que la mirada debe habitar la inestabilidad.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"container bio-section\">\r\n <h2 class=\"section-title\">FURTHER READING<\/h2>\r\n <div class=\"reading-grid\">\r\n <div class=\"reading-category\">\r\n <h3>EST\u00c9TICA & PERCEPCI\u00d3N<\/h3>\r\n <ul class=\"reading-list\">\r\n <li><strong>John Dewey<\/strong><em>El arte como experiencia<\/em><\/li>\r\n <li><strong>Maurice Merleau-Ponty<\/strong><em>El ojo y el esp\u00edritu<\/em><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"reading-category\">\r\n <h3>PENSAMIENTO & DEVENIR<\/h3>\r\n <ul class=\"reading-list\">\r\n <li><strong>Gilles Deleuze<\/strong><em>Pintura. El concepto de diagrama<\/em><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<script>\r\n const normalizeStr = (str) => str ? str.normalize(\"NFD\").replace(\/[\\u0300-\\u036f]\/g, \"\").trim().toUpperCase() : \"\";\r\n\r\n async function initNicolas() {\r\n const ARTISTA_OBJETIVO = \"NICOLAS GUZMAN\"; \/\/ Normalizado para b\u00fasqueda\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 && normalizeStr(o.autor).includes(ARTISTA_OBJETIVO));\r\n\r\n const grid = document.getElementById('grid-nicolas-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 cargando el cat\u00e1logo:\", e); }\r\n }\r\n initNicolas();\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>Nicol\u00e1s Guzm\u00e1n | UMBRA|ES ARTISTA VISUAL NICOL\u00c1S GUZM\u00c1N PINTURA PROGRESIVA BIOGRAF\u00cdA Nicol\u00e1s Guzm\u00e1n (Xalapa, Veracruz) es un artista visual cuya pr\u00e1ctica aborda la pintura como experiencia perceptiva y campo de investigaci\u00f3n material. Guzm\u00e1n concibe la pintura como un “organismo vivo”, un cuerpo visual no clausurado que evoluciona en el tiempo. MARCO CONCEPTUAL “La pintura no […]<\/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-138","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/posts\/138","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=138"}],"version-history":[{"count":22,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/posts\/138\/revisions"}],"predecessor-version":[{"id":1829,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/posts\/138\/revisions\/1829"}],"wp:attachment":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/media?parent=138"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/categories?post=138"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/tags?post=138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}