{"id":171,"date":"2025-11-09T02:41:10","date_gmt":"2025-11-09T02:41:10","guid":{"rendered":"https:\/\/avat.uprrp.edu\/cocreacion\/?page_id=171"},"modified":"2025-11-09T05:01:25","modified_gmt":"2025-11-09T05:01:25","slug":"laboratorio","status":"publish","type":"page","link":"https:\/\/avat.uprrp.edu\/cocreacion\/museo-del-color\/laboratorio\/","title":{"rendered":"Laboratorio"},"content":{"rendered":"<p><!-- =========================================================\n LABORATORIO DEL PROYECTO \u2014 Museo del Color\n URL: \/cocreacion\/museo-del-color\/laboratorio\/\n Estructura completa (modular, autogenerada con Query Loop)\n========================================================= --><\/p>\n<section class=\"lab-wrap\">\n<p>  <!-- \ud83d\udfe6 BLOQUE 1 \u2014 HERO \/ ENCABEZADO --><\/p>\n<header class=\"lab-hero\">\n<h1>Laboratorio del Color<\/h1>\n<p class=\"lead\">\n      Espacio de co-creaci\u00f3n con los <strong>aportes m\u00e1s recientes<\/strong> del proyecto<br \/>\n      <em>Museo del Color<\/em>. Publica tu entrada con la etiqueta<br \/>\n      <code>museo-del-color<\/code> (y una tem\u00e1tica) para que aparezca aqu\u00ed de forma<br \/>\n      autom\u00e1tica. Esta secci\u00f3n es el coraz\u00f3n del trabajo en proceso.\n    <\/p>\n<div class=\"lab-cta\">\n      <a class=\"btn\" href=\"\/cocreacion\/museo-del-color\/\">\u2190 Volver al Museo del Color<\/a><br \/>\n      <a class=\"btn secondary\" href=\"\/cocreacion\/museo-del-color\/bitacora\/\">Abrir Bit\u00e1cora<\/a><br \/>\n      <a class=\"btn outline\" href=\"\/cocreacion\/museo-del-color\/recursos\/\">Gu\u00edas y recursos<\/a>\n    <\/div>\n<\/header>\n<p>  <!-- \ud83d\udfe8 BLOQUE 2 \u2014 CHIPS DE NAVEGACI\u00d3N (opcional) --><\/p>\n<nav class=\"chips\" aria-label=\"Temas del laboratorio\">\n    <span>Filtrar por tema:<\/span><br \/>\n    <a class=\"chip\" href=\"\/cocreacion\/tag\/museo-del-color\/\">#Proyecto<\/a><br \/>\n    <a class=\"chip\" href=\"\/cocreacion\/tag\/prehistoria\/\">#Prehistoria<\/a><br \/>\n    <a class=\"chip\" href=\"\/cocreacion\/tag\/egipto\/\">#Egipto<\/a><br \/>\n    <a class=\"chip\" href=\"\/cocreacion\/tag\/tintes\/\">#Tintes<\/a><br \/>\n    <a class=\"chip\" href=\"\/cocreacion\/tag\/anilina\/\">#Anilina<\/a><br \/>\n    <a class=\"chip\" href=\"\/cocreacion\/tag\/indigo\/\">#\u00cdndigo<\/a><br \/>\n    <a class=\"chip\" href=\"\/cocreacion\/tag\/color-digital\/\">#ColorDigital<\/a><br \/>\n  <\/nav>\n<p>  <!-- \ud83d\udfe9 BLOQUE 3 \u2014 FEED AUTOM\u00c1TICO (QUERY LOOP) --><\/p>\n<section class=\"lab-feed\">\n<h2>Aportes recientes<\/h2>\n<p>    <!-- \u2705 Inserta aqu\u00ed un BLOQUE QUERY LOOP y config\u00faralo as\u00ed:\n         - Inherit query: OFF\n         - Post type: Post\n         - Filter \u2192 Tags: museo-del-color  (y opcionalmente laboratorio-del-color)\n         - Order by: Date (DESC)\n         - Items per page: 9\n         - Template de item: Featured Image (16:9, cover) + Title + Date\/Author (opcional) + Excerpt + Read More\n         \n         \ud83c\udfaf Para aplicar los estilos:\n         - Selecciona el Group que ENVUELVE el Query Loop \u2192 \"Clase CSS adicional\":  cards grid-3\n         - Selecciona el \"Post Template\" (cada \u00edtem) \u2192 \"Clase CSS adicional\":  card\n    --><\/p>\n<p>    <!-- Fallback demostrativo (b\u00f3rralo cuando insertes el Query Loop) --><\/p>\n<div class=\"cards grid-3\">\n<article class=\"card\">\n<div class=\"thumb\" aria-hidden=\"true\"><\/div>\n<h3>Boceto: Azul Egipcio \u00b7 granulometr\u00eda<\/h3>\n<p class=\"excerpt\">Prueba de cocci\u00f3n y tama\u00f1o de part\u00edcula con notas de brillo y saturaci\u00f3n en luz rasante\u2026<\/p>\n<p>        <a class=\"more\" href=\"#\">Ver aporte \u2192<\/a><br \/>\n      <\/article>\n<article class=\"card\">\n<div class=\"thumb\" aria-hidden=\"true\"><\/div>\n<h3>Storyboard: Tintes vivos (\u00edndigo \/ cochinilla)<\/h3>\n<p class=\"excerpt\">Secuencia con voz en off y transiciones; contraste crom\u00e1tico y tipograf\u00eda legible\u2026<\/p>\n<p>        <a class=\"more\" href=\"#\">Ver aporte \u2192<\/a><br \/>\n      <\/article>\n<article class=\"card\">\n<div class=\"thumb\" aria-hidden=\"true\"><\/div>\n<h3>Prompt IA: transici\u00f3n pigmento \u2192 p\u00edxel<\/h3>\n<p class=\"excerpt\">Versi\u00f3n 1.3 del prompt que conecta mesa de pigmentos con pantalla RGB\u2026<\/p>\n<p>        <a class=\"more\" href=\"#\">Ver aporte \u2192<\/a><br \/>\n      <\/article>\n<\/p><\/div>\n<p>    <!-- (Opcional) Activa paginaci\u00f3n del Query Loop si esperas muchos aportes --><br \/>\n  <\/section>\n<p>  <!-- \ud83d\udfea BLOQUE 4 \u2014 NOTA DE USO \/ INSTRUCCIONES PARA ESTUDIANTES --><\/p>\n<section class=\"lab-note card\" aria-labelledby=\"como-aparecer\">\n<h2 id=\"como-aparecer\">\u00bfC\u00f3mo aparecer aqu\u00ed?<\/h2>\n<ol>\n<li>Crea una <strong>Entrada<\/strong> (rol \u201cColaborador\u201d est\u00e1 bien: queda \u201cPendiente de revisi\u00f3n\u201d).<\/li>\n<li>Agrega <strong>Imagen destacada<\/strong> (horizontal 16:9) y un p\u00e1rrafo breve de contexto.<\/li>\n<li>Etiqueta con <code>museo-del-color<\/code> + una tem\u00e1tica (<code>egipto<\/code>, <code>indigo<\/code>, <code>color-digital<\/code>\u2026).<\/li>\n<li>Si es iteraci\u00f3n, indica <strong>versi\u00f3n<\/strong> (ej.: <em>v1.2 \u2013 correcci\u00f3n de contraste<\/em>).<\/li>\n<li>Publica (o env\u00eda a revisi\u00f3n). Al aprobarse, el aporte aparecer\u00e1 autom\u00e1ticamente arriba.<\/li>\n<\/ol>\n<p class=\"muted\">Sugerencia: a\u00f1ade transcripci\u00f3n breve si usas audio\/video.<\/p>\n<\/section>\n<p>  <!-- \ud83d\udfeb BLOQUE 5 \u2014 ACCESOS R\u00c1PIDOS --><\/p>\n<section class=\"lab-links\">\n<h2>Accesos r\u00e1pidos<\/h2>\n<div class=\"links grid-3\">\n      <a class=\"link-card\" href=\"\/cocreacion\/museo-del-color\/\">\ud83c\udfdb\ufe0f P\u00e1gina del proyecto<\/a><br \/>\n      <a class=\"link-card\" href=\"\/cocreacion\/museo-del-color\/salas\/\">\ud83d\uddfa\ufe0f Salas y actividades<\/a><br \/>\n      <a class=\"link-card\" href=\"\/cocreacion\/museo-del-color\/bitacora\/\">\ud83d\udcd6 Bit\u00e1cora<\/a><br \/>\n      <a class=\"link-card\" href=\"\/cocreacion\/museo-del-color\/recursos\/\">\ud83e\uddf0 Recursos<\/a><br \/>\n      <a class=\"link-card\" href=\"\/cocreacion\/museo-del-color\/historial-versiones\/\">\ud83d\udd52 Historial de versiones<\/a><br \/>\n      <a class=\"link-card\" href=\"\/cocreacion\/proyectos\/\">\u2190 Ver todos los proyectos<\/a>\n    <\/div>\n<\/section>\n<p>  <!-- \ud83d\udfe7 BLOQUE 6 \u2014 PIE \/ REGRESO --><\/p>\n<footer class=\"lab-footer\">\n    <a class=\"btn\" href=\"\/cocreacion\/museo-del-color\/\">\u2190 Volver al Museo del Color<\/a><br \/>\n  <\/footer>\n<\/section>\n<p><!-- =========================\n      ESTILOS (inline)\n========================== --><\/p>\n<style>\n  \/* Layout base *\/\n  .lab-wrap{max-width:1100px;margin:0 auto;padding:18px}\n  .lab-hero h1{font-size:clamp(28px,4vw,44px);margin:.2em 0 .2em}\n  .lead{font-size:1.08em;line-height:1.7;max-width:900px}\n  .lab-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}<\/p>\n<p>  \/* Botones *\/\n  .btn{background:#6e5bd6;color:#fff;padding:.6em 1.1em;border-radius:10px;text-decoration:none;font-weight:700}\n  .btn.secondary{background:#2facb5}\n  .btn.outline{background:transparent;color:#6e5bd6;border:2px solid #6e5bd6}<\/p>\n<p>  \/* Chips *\/\n  .chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0 8px}\n  .chips span{color:#555;font-weight:600}\n  .chip{padding:.35em .7em;border-radius:999px;background:#f2eefc;color:#2a235c;text-decoration:none;font-weight:600;font-size:.95em}\n  .chip:hover{background:#e6defa}<\/p>\n<p>  \/* Cards \/ rejilla para el feed *\/\n  .cards{display:grid;gap:16px}\n  .grid-3{grid-template-columns:1fr}\n  @media(min-width:860px){.grid-3{grid-template-columns:repeat(3,1fr)}}<\/p>\n<p>  .card{background:#fff;border-radius:16px;box-shadow:0 8px 22px rgba(0,0,0,.08);padding:16px;transition:transform .18s ease, box-shadow .18s ease}\n  .card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.12)}\n  .thumb{background:#e9e7f8;height:180px;border-radius:12px;margin-bottom:10px}\n  .excerpt{color:#333}\n  .more{display:inline-block;margin-top:6px;color:#6e5bd6;font-weight:700;text-decoration:none}<\/p>\n<p>  \/* Bloques informativos *\/\n  .card.lab-note{margin-top:18px}\n  .muted{color:#666}<\/p>\n<p>  \/* Accesos r\u00e1pidos *\/\n  .lab-links h2{margin:24px 0 10px}\n  .links{display:grid;gap:12px}\n  .link-card{display:block;background:#fff;border-radius:12px;padding:14px 16px;text-decoration:none;color:#222;\n             box-shadow:0 6px 18px rgba(0,0,0,.06);font-weight:700}\n  .link-card:hover{box-shadow:0 10px 24px rgba(0,0,0,.1)}<\/p>\n<p>  \/* Footer *\/\n  .lab-footer{margin:22px 0 10px}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Laboratorio del Color Espacio de co-creaci\u00f3n con los aportes m\u00e1s recientes del proyecto Museo del Color. Publica tu entrada con [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":161,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-171","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/avat.uprrp.edu\/cocreacion\/wp-json\/wp\/v2\/pages\/171","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/avat.uprrp.edu\/cocreacion\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/avat.uprrp.edu\/cocreacion\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/avat.uprrp.edu\/cocreacion\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/avat.uprrp.edu\/cocreacion\/wp-json\/wp\/v2\/comments?post=171"}],"version-history":[{"count":3,"href":"https:\/\/avat.uprrp.edu\/cocreacion\/wp-json\/wp\/v2\/pages\/171\/revisions"}],"predecessor-version":[{"id":183,"href":"https:\/\/avat.uprrp.edu\/cocreacion\/wp-json\/wp\/v2\/pages\/171\/revisions\/183"}],"up":[{"embeddable":true,"href":"https:\/\/avat.uprrp.edu\/cocreacion\/wp-json\/wp\/v2\/pages\/161"}],"wp:attachment":[{"href":"https:\/\/avat.uprrp.edu\/cocreacion\/wp-json\/wp\/v2\/media?parent=171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}