{"id":108,"date":"2025-09-29T16:11:12","date_gmt":"2025-09-29T16:11:12","guid":{"rendered":"https:\/\/agustreitt.cl\/?page_id=108"},"modified":"2025-09-30T00:30:41","modified_gmt":"2025-09-30T00:30:41","slug":"proceso-creativo","status":"publish","type":"page","link":"https:\/\/agustreitt.cl\/?page_id=108","title":{"rendered":"proceso creativo"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Proceso Creativo \u2014 Agustina Streitt<\/title>\n\n <!-- Courier Prime -->\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Courier+Prime:wght@400;700&display=swap\" rel=\"stylesheet\">\n\n <style>\n :root{\n --maxw: 960px; \/* ancho total del contenido *\/\n --padX: 24px; \/* margen lateral *\/\n --textW: 540px; \/* ancho fijo de la columna de texto (alineaci\u00f3n id\u00e9ntica) *\/\n --artW: 240px; \/* ancho columna de dibujos (m\u00e1s ancho p\/ que no se corten) *\/\n --gapX: 8px; \/* distancia texto\u2013dibujo (corta) *\/\n }\n *{box-sizing:border-box}\n\n html,body{\n margin:0;padding:0;background:#fff;color:#111;\n font-family:'Courier Prime',monospace;\n line-height:1.45;\n font-size:9px; \/* \u2190 textos a 9 px *\/\n }\n\n .wrap{\n max-width:var(--maxw);\n margin:0 auto;\n padding:128px var(--padX) 56px; \/* t\u00edtulo cerca del 1er bloque *\/\n position:relative;\n }\n\n \/* T\u00edtulo *\/\n h1{\n margin:0 0 10px 0;\n font-size:28px; letter-spacing:2px; line-height:1.1;\n text-align:left;\n }\n\n \/* Men\u00fa *\/\n nav{\n position:absolute; top:20px; right:var(--padX);\n text-align:right; font-size:12px; letter-spacing:1px; z-index:1000;\n }\n .hamb{display:flex; flex-direction:column; gap:6px; width:26px; background:none; border:0; padding:0; cursor:pointer}\n .hamb .bar{height:2px; width:100%; background:#111; border-radius:2px}\n nav ul{list-style:none; margin:10px 0 0 0; padding:8px 10px; display:none; background:#fff}\n nav.open ul{display:block}\n nav li{margin:4px 0}\n nav a{text-decoration:none; color:#111}\n nav li.active a{font-weight:700} \/* PROCESO CREATIVO en negrita *\/\n\n \/* ===== Pasos: 3 columnas fijas -> [arte izq | TEXTO | arte der] ===== *\/\n .step{\n display:grid;\n grid-template-columns: var(--artW) var(--textW) var(--artW);\n column-gap: var(--gapX);\n align-items:center;\n padding:8px 0;\n }\n .step + .step{ margin-top:14px; }\n\n \/* Columnas de arte *\/\n .art{display:flex; align-items:center; height:100%;}\n .art-left{ justify-content:flex-end; }\n .art-right{ justify-content:flex-start; }\n\n .art img{\n max-width:100%;\n height:auto;\n display:block;\n object-fit:contain; \/* nunca recorta *\/\n }\n\n \/* Hacer clic en toda la imagen (enlaces sin decoraci\u00f3n) *\/\n .art a{ display:block; text-decoration:none; }\n\n \/* Texto: misma columna centrada; alineado a la izquierda *\/\n .text{\n width:var(--textW);\n justify-self:center;\n text-align:left;\n }\n .text h3{\n margin:0 0 6px 0;\n font-weight:700;\n font-size:9px; \/* t\u00edtulos tambi\u00e9n a 9 px *\/\n letter-spacing:.2px;\n }\n .text p{margin:0; white-space:pre-line}\n\n \/* Responsive *\/\n @media (max-width:820px){\n :root{ --textW: 92vw; --artW: 180px; }\n .wrap{padding-top:150px}\n .step{grid-template-columns:1fr; row-gap:8px}\n .art{justify-content:flex-start}\n .art img{max-width:180px}\n h1{font-size:24px;margin-bottom:10px}\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"wrap\">\n\n <!-- T\u00edtulo -->\n <h1>PROCESO CREATIVO<\/h1>\n\n <!-- Navegaci\u00f3n -->\n <nav id=\"menu\" aria-label=\"principal\">\n <button class=\"hamb\" id=\"hamb\" aria-label=\"Abrir\/cerrar men\u00fa\" aria-expanded=\"false\" aria-controls=\"menu-list\">\n <span class=\"bar\"><\/span>\n <span class=\"bar\"><\/span>\n <span class=\"bar\"><\/span>\n <\/button>\n <ul id=\"menu-list\" role=\"menu\">\n <li role=\"none\"><a role=\"menuitem\" href=\"https:\/\/agustreitt.cl\/\">SOBRE MI<\/a><\/li>\n <li role=\"none\"><a role=\"menuitem\" href=\"https:\/\/agustreitt.cl\/?page_id=71\">PROYECTOS<\/a><\/li>\n <li role=\"none\"><a role=\"menuitem\" href=\"https:\/\/agustreitt.cl\/?page_id=108\">PROCESO CREATIVO<\/a><\/li>\n <li role=\"none\"><a role=\"menuitem\" href=\"https:\/\/agustreitt.cl\/?page_id=119\">CONTACTO<\/a><\/li>\n <li role=\"none\"><a role=\"menuitem\" href=\"https:\/\/agustreitt.cl\/?page_id=113\">CV<\/a><\/li>\n <\/ul>\n <\/nav>\n <!-- Paso 1: dibujo IZQ \u2192 Sobre m\u00ed -->\n <section class=\"step\">\n <div class=\"art art-left\">\n <a href=\"http:\/\/portafolio-agustina.local\/sobre-mi\">\n <img decoding=\"async\" src=\"https:\/\/agustreitt.cl\/wp-content\/uploads\/2025\/09\/21.png\" alt=\"Investigaci\u00f3n\">\n <\/a>\n <\/div>\n <div class=\"text\">\n <h3>Investigaci\u00f3n y descubrimiento<\/h3>\n <p>Exploro el contexto del proyecto,\nel p\u00fablico y referencias visuales.<\/p>\n <\/div>\n <div class=\"art art-right\"><\/div>\n <\/section>\n\n <!-- Paso 2: dibujo IZQ \u2192 Proyectos -->\n <section class=\"step\">\n <div class=\"art art-left\">\n <a href=\"http:\/\/portafolio-agustina.local\/proyectos\">\n <img decoding=\"async\" src=\"https:\/\/agustreitt.cl\/wp-content\/uploads\/2025\/09\/22.png\" alt=\"Conceptualizaci\u00f3n\">\n <\/a>\n <\/div>\n <div class=\"text\">\n <h3>Conceptualizaci\u00f3n y brainstorming<\/h3>\n <p>Parto creando ideas y bocetos iniciales,\nhasta definir la direcci\u00f3n creativa.<\/p>\n <\/div>\n <div class=\"art art-right\"><\/div>\n <\/section>\n\n <!-- Paso 3: dibujo IZQ \u2192 Proceso creativo -->\n <section class=\"step\">\n <div class=\"art art-left\">\n <a href=\"http:\/\/portafolio-agustina.local\/proceso-creativo\">\n <img decoding=\"async\" src=\"https:\/\/agustreitt.cl\/wp-content\/uploads\/2025\/09\/24.png\" alt=\"Experimentaci\u00f3n\">\n <\/a>\n <\/div>\n <div class=\"text\">\n <h3>Desarrollo y experimentaci\u00f3n<\/h3>\n <p>Arreglo los bocetos en propuestas digitales,\nexperimentando con color, tipograf\u00eda y diagramaci\u00f3n.<\/p>\n <\/div>\n <div class=\"art art-right\"><\/div>\n <\/section>\n\n <!-- Paso 4: dibujo IZQ \u2192 Contacto -->\n <section class=\"step\">\n <div class=\"art art-left\">\n <a href=\"http:\/\/portafolio-agustina.local\/contacto\">\n <img decoding=\"async\" src=\"https:\/\/agustreitt.cl\/wp-content\/uploads\/2025\/09\/23.png\" alt=\"Entrega\">\n <\/a>\n <\/div>\n <div class=\"text\">\n <h3>Ajustar y entrega<\/h3>\n <p>Ajusto los detalles finales\ny preparo el proyecto para su entrega.<\/p>\n <\/div>\n <div class=\"art art-right\"><\/div>\n <\/section>\n\n <\/div>\n\n <!-- Toggle men\u00fa -->\n <script>\n (function(){\n const nav = document.getElementById('menu');\n const btn = document.getElementById('hamb');\n btn.addEventListener('click', function(){\n const open = nav.classList.toggle('open');\n btn.setAttribute('aria-expanded', open ? 'true' : 'false');\n });\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Proceso Creativo \u2014 Agustina Streitt PROCESO CREATIVO SOBRE MI PROYECTOS PROCESO CREATIVO CONTACTO CV Investigaci\u00f3n y descubrimiento Exploro el contexto del proyecto, el p\u00fablico y referencias visuales. Conceptualizaci\u00f3n y brainstorming Parto creando ideas y bocetos iniciales, hasta definir la direcci\u00f3n creativa. Desarrollo y experimentaci\u00f3n Arreglo los bocetos en propuestas digitales, experimentando con color, tipograf\u00eda y […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-108","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/agustreitt.cl\/index.php?rest_route=\/wp\/v2\/pages\/108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agustreitt.cl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agustreitt.cl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agustreitt.cl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agustreitt.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=108"}],"version-history":[{"count":7,"href":"https:\/\/agustreitt.cl\/index.php?rest_route=\/wp\/v2\/pages\/108\/revisions"}],"predecessor-version":[{"id":144,"href":"https:\/\/agustreitt.cl\/index.php?rest_route=\/wp\/v2\/pages\/108\/revisions\/144"}],"wp:attachment":[{"href":"https:\/\/agustreitt.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}