Laura Montes de Oca | 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 --- *\/\r\n .artist-hero {\r\n display: flex;\r\n flex-direction: column;\r\n height: auto;\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: 60px 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: 160px; 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: 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 { width: 100%; height: 70vh; overflow: hidden; position: relative; }\r\n .hero-img { width: 100%; height: 100%; object-fit: cover; object-position: center; 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(300px, 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: 20px; 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-expanded { width: 100%; margin-top: 0; }\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 .gallery-img-half { width: 50%; height: 70vh; object-fit: cover; display: block; padding: 0 5px; }\r\n\r\n @media (max-width: 900px) {\r\n .artist-name { font-size: 3rem; }\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, .gallery-img-half { height: 50vh; width: 100%; padding: 0; }\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\">ARTISTA TEXTIL<\/span>\r\n <h1 class=\"artist-name\">LAURA<br>MONTES DE OCA<\/h1>\r\n <h2 class=\"artist-subtitle\">RENOVACI\u00d3N DE LA PERCEPCI\u00d3N<\/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\/img27-1.jpg\" alt=\"Laura Montes de Oca\" 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>Laura Montes de Oca es una artista textil mexicana cuya pr\u00e1ctica se desarrolla a partir del trabajo manual con hilo y nudo. Su obra transforma el tejido en una experiencia \u00edntima y espacial, donde el tiempo, el cuerpo y la memoria se entrelazan en una estructura viva.<\/p>\r\n <p>Como madre y creadora, su obra nace de una relaci\u00f3n profunda con la familia; los nudos representan conexiones espirituales donde cada hilo es una experiencia compartida.<\/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 obra no se ofrece para ser consumida visualmente; exige presencia, tiempo y atenci\u00f3n sostenida.\"<\/p>\r\n <div class=\"mc-grid\">\r\n <div class=\"concept-card\">\r\n <span class=\"concept-header\">RENOVACI\u00d3N PERCEPTIVA<\/span>\r\n <div class=\"concept-body\">La obra desplaza al espectador hacia una experiencia corporal. No busca el impacto visual inmediato, sino una percepci\u00f3n duracional donde el tiempo es el componente esencial.<\/div>\r\n <\/div>\r\n <div class=\"concept-card\">\r\n <span class=\"concept-header\">EL NUDO ESTRUCTURAL<\/span>\r\n <div class=\"concept-body\">El nudo es la unidad m\u00ednima de sentido. No es un adorno, sino la figura material del v\u00ednculo. La obra se sostiene mediante tensiones distribuidas.<\/div>\r\n <\/div>\r\n <div class=\"concept-card highlight-card\">\r\n <span class=\"concept-header\">ESPACIO COMO EXPERIENCIA<\/span>\r\n <div class=\"concept-body\">Las piezas modulan el entorno actuando como umbrales blandos que transforman el lugar en un campo sensible.<\/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-laura-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\"><img decoding=\"async\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/img36.jpg\" class=\"gallery-img-full\" alt=\"Detalle Textura\"><\/div>\r\n <div class=\"gallery-row\">\r\n <img decoding=\"async\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/img37-1.jpg\" class=\"gallery-img-half\" alt=\"Columna Textil\">\r\n <img decoding=\"async\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/img39.jpg\" class=\"gallery-img-half\" alt=\"Estructura Colgante\">\r\n <\/div>\r\n <div class=\"gallery-row\"><img decoding=\"async\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/img40.jpg\" class=\"gallery-img-full\" alt=\"Instalaci\u00f3n\"><\/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\">Percepci\u00f3n duracional<\/span><p class=\"glossary-def\">Forma de percepci\u00f3n que reconoce el tiempo como componente esencial.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Escultura blanda<\/span><p class=\"glossary-def\">Obra tridimensional realizada con materiales flexibles.<\/p><\/div>\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 initLaura() {\r\n const ARTISTA_OBJETIVO = \"LAURA MONTES DE OCA\";\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-laura-dinamico');\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 initLaura();\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>Laura Montes de Oca | UMBRA|ES ARTISTA TEXTIL LAURAMONTES DE OCA RENOVACI\u00d3N DE LA PERCEPCI\u00d3N BIOGRAF\u00cdA Laura Montes de Oca es una artista textil mexicana cuya pr\u00e1ctica se desarrolla a partir del trabajo manual con hilo y nudo. Su obra transforma el tejido en una experiencia \u00edntima y espacial, donde el tiempo, el cuerpo y […]<\/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-134","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/posts\/134","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=134"}],"version-history":[{"count":19,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/posts\/134\/revisions"}],"predecessor-version":[{"id":1835,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/posts\/134\/revisions\/1835"}],"wp:attachment":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/media?parent=134"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/categories?post=134"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/tags?post=134"}],"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\nLaura Montes de Oca | 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 --- *\/\r\n .artist-hero {\r\n display: flex;\r\n flex-direction: column;\r\n height: auto;\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: 60px 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: 160px; 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: 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 { width: 100%; height: 70vh; overflow: hidden; position: relative; }\r\n .hero-img { width: 100%; height: 100%; object-fit: cover; object-position: center; 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(300px, 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: 20px; 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-expanded { width: 100%; margin-top: 0; }\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 .gallery-img-half { width: 50%; height: 70vh; object-fit: cover; display: block; padding: 0 5px; }\r\n\r\n @media (max-width: 900px) {\r\n .artist-name { font-size: 3rem; }\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, .gallery-img-half { height: 50vh; width: 100%; padding: 0; }\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\">ARTISTA TEXTIL<\/span>\r\n <h1 class=\"artist-name\">LAURA<br>MONTES DE OCA<\/h1>\r\n <h2 class=\"artist-subtitle\">RENOVACI\u00d3N DE LA PERCEPCI\u00d3N<\/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\/img27-1.jpg\" alt=\"Laura Montes de Oca\" 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>Laura Montes de Oca es una artista textil mexicana cuya pr\u00e1ctica se desarrolla a partir del trabajo manual con hilo y nudo. Su obra transforma el tejido en una experiencia \u00edntima y espacial, donde el tiempo, el cuerpo y la memoria se entrelazan en una estructura viva.<\/p>\r\n <p>Como madre y creadora, su obra nace de una relaci\u00f3n profunda con la familia; los nudos representan conexiones espirituales donde cada hilo es una experiencia compartida.<\/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 obra no se ofrece para ser consumida visualmente; exige presencia, tiempo y atenci\u00f3n sostenida.\"<\/p>\r\n <div class=\"mc-grid\">\r\n <div class=\"concept-card\">\r\n <span class=\"concept-header\">RENOVACI\u00d3N PERCEPTIVA<\/span>\r\n <div class=\"concept-body\">La obra desplaza al espectador hacia una experiencia corporal. No busca el impacto visual inmediato, sino una percepci\u00f3n duracional donde el tiempo es el componente esencial.<\/div>\r\n <\/div>\r\n <div class=\"concept-card\">\r\n <span class=\"concept-header\">EL NUDO ESTRUCTURAL<\/span>\r\n <div class=\"concept-body\">El nudo es la unidad m\u00ednima de sentido. No es un adorno, sino la figura material del v\u00ednculo. La obra se sostiene mediante tensiones distribuidas.<\/div>\r\n <\/div>\r\n <div class=\"concept-card highlight-card\">\r\n <span class=\"concept-header\">ESPACIO COMO EXPERIENCIA<\/span>\r\n <div class=\"concept-body\">Las piezas modulan el entorno actuando como umbrales blandos que transforman el lugar en un campo sensible.<\/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-laura-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\"><img decoding=\"async\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/img36.jpg\" class=\"gallery-img-full\" alt=\"Detalle Textura\"><\/div>\r\n <div class=\"gallery-row\">\r\n <img decoding=\"async\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/img37-1.jpg\" class=\"gallery-img-half\" alt=\"Columna Textil\">\r\n <img decoding=\"async\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/img39.jpg\" class=\"gallery-img-half\" alt=\"Estructura Colgante\">\r\n <\/div>\r\n <div class=\"gallery-row\"><img decoding=\"async\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/img40.jpg\" class=\"gallery-img-full\" alt=\"Instalaci\u00f3n\"><\/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\">Percepci\u00f3n duracional<\/span><p class=\"glossary-def\">Forma de percepci\u00f3n que reconoce el tiempo como componente esencial.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Escultura blanda<\/span><p class=\"glossary-def\">Obra tridimensional realizada con materiales flexibles.<\/p><\/div>\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 initLaura() {\r\n const ARTISTA_OBJETIVO = \"LAURA MONTES DE OCA\";\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-laura-dinamico');\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 initLaura();\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>Laura Montes de Oca | UMBRA|ES ARTISTA TEXTIL LAURAMONTES DE OCA RENOVACI\u00d3N DE LA PERCEPCI\u00d3N BIOGRAF\u00cdA Laura Montes de Oca es una artista textil mexicana cuya pr\u00e1ctica se desarrolla a partir del trabajo manual con hilo y nudo. Su obra transforma el tejido en una experiencia \u00edntima y espacial, donde el tiempo, el cuerpo y […]<\/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-134","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/posts\/134","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=134"}],"version-history":[{"count":19,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/posts\/134\/revisions"}],"predecessor-version":[{"id":1835,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/posts\/134\/revisions\/1835"}],"wp:attachment":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/media?parent=134"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/categories?post=134"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/tags?post=134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}