Imagen Autoresponsive y Centrada<\/title>\r\n <style>\r\n \/* Contenedor para centrar la imagen *\/\r\n .image-container {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 10vh; \/* Ajusta la altura seg\u00fan el contenido que tengas *\/\r\n }\r\n\r\n \/* Estilo para hacer la imagen autoresponsive *\/\r\n img {\r\n max-width: 100%;\r\n height: auto;\r\n display: block; \/* Asegura que la imagen se centre correctamente *\/\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/www.vocesdebarro.org.ar\/wordpress\/wp-content\/uploads\/2024\/09\/FestivalEsi-1124x843.png\" alt=\"Descripci\u00f3n de la imagen\">\r\n <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-480382d e-flex e-con-boxed e-con e-parent\" data-id=\"480382d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9426e4e elementor-widget elementor-widget-html\" data-id=\"9426e4e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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>Cuadro de Texto Centrado y Autoresponsive<\/title>\r\n <style>\r\n \/* Contenedor para centrar el cuadro de texto *\/\r\n .text-container {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 10vh;\r\n padding: 20px; \/* A\u00f1ade algo de espacio alrededor *\/\r\n }\r\n\r\n \/* Cuadro de texto *\/\r\n .responsive-text-box {\r\n width: 100%;\r\n max-width: 1300px; \/* El ancho m\u00e1ximo que puede tener el cuadro *\/\r\n padding: 20px;\r\n border: 2px solid #ccc;\r\n border-radius: 8px;\r\n background-color: #f9f9f9;\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n font-size: 16px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <h1 style=\"text-align: center;\">Nuestra Historia<\/h1>\r\n\r\n <div class=\"text-container\">\r\n <div class=\"responsive-text-box\">\r\n <p>Voces de Barro tiene sus or\u00edgenes en uno de los barrios populares m\u00e1s grandes de la Ciudad de Buenos Aires, el Barrio Mugica, en el a\u00f1o 2006 como instancia y espacio a partir de escuchar las voces de los habitantes del barrio que demandaban espacios educativos para ni\u00f1os y adolescentes.<br>\r\n La necesidad de fortalecernos como Organizaci\u00f3n nos llev\u00f3, en el a\u00f1o 2009, a estructurarnos como \u201cVoces de Barro para la Inclusi\u00f3n Social\u201d, con reconocimiento jur\u00eddico para funcionar como una Asociaci\u00f3n Civil legalmente constituida.\r\n Hoy desarrollamos distintos Programas y Proyectos, siempre con eje en la Educaci\u00f3n, Formaci\u00f3n y la Participaci\u00f3n ciudadana, propiciando espacios de pertenencia de ni\u00f1os, j\u00f3venes, adultos, en el marco de la construcci\u00f3n colectiva de la acci\u00f3n para el cambio social.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5a6bb72 e-flex e-con-boxed e-con e-parent\" data-id=\"5a6bb72\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33a6585 elementor-widget elementor-widget-html\" data-id=\"33a6585\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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>Cuadro de Texto Centrado y Autoresponsive<\/title>\r\n <style>\r\n \/* Contenedor para centrar el cuadro de texto *\/\r\n .text-container {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 10vh;\r\n padding: 20px; \/* A\u00f1ade algo de espacio alrededor *\/\r\n }\r\n\r\n \/* Cuadro de texto *\/\r\n .responsive-text-box {\r\n width: 100%;\r\n max-width: 1300px; \/* El ancho m\u00e1ximo que puede tener el cuadro *\/\r\n padding: 20px;\r\n border: 2px solid #ccc;\r\n border-radius: 8px;\r\n background-color: #f9f9f9;\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n font-size: 16px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <h1 style=\"text-align: center;\">Nuestra Misi\u00f3n<\/h1>\r\n\r\n <div class=\"text-container\">\r\n <div class=\"responsive-text-box\">\r\n <p>\r\n Generar y acompa\u00f1ar espacios de participaci\u00f3n, desarrollo y formaci\u00f3n para la inclusi\u00f3n y la integraci\u00f3n social. a trav\u00e9s de la educaci\u00f3n, brindando herramientas para la construcci\u00f3n y fortalecimiento de las personas en situaci\u00f3n de vulnerabilidad como sujetos de derechos en el marco de la construcci\u00f3n colectiva de la acci\u00f3n para el cambio social.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-db2db20 e-flex e-con-boxed e-con e-parent\" data-id=\"db2db20\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b23a33 elementor-widget elementor-widget-html\" data-id=\"8b23a33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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 <style>\r\n h1 {\r\n font-size: 2.5rem;\r\n margin: 20px 0;\r\n }\r\n\r\n .valores-container {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n padding: 20px;\r\n }\r\n\r\n .valor {\r\n background-color: #fff;\r\n border-radius: 10px;\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n margin: 15px;\r\n max-width: 400px;\r\n text-align: center;\r\n padding: 20px;\r\n flex: 1 1 300px;\r\n }\r\n\r\n .valor img {\r\n width: 100%;\r\n border-radius: 10px 10px 0 0;\r\n height: auto;\r\n }\r\n\r\n .valor h2 {\r\n font-size: 1.5rem;\r\n color: #000;\r\n margin: 15px 0;\r\n }\r\n\r\n .valor p {\r\n font-size: 1rem;\r\n color: #333;\r\n padding: 0 10px;\r\n text-align: left;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n h1 {\r\n font-size: 2rem;\r\n }\r\n\r\n .valor {\r\n max-width: 90%;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .valores-container {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .valor {\r\n max-width: 100%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <h1 style=\"text-align: center;\">Nuestros Valores<\/h1>\r\n\r\n <div class=\"valores-container\">\r\n <div class=\"valor\">\r\n <img decoding=\"async\" src=\"http:\/\/www.vocesdebarro.org.ar\/wordpress\/wp-content\/uploads\/2024\/09\/msedge_8PisLgd0Ov.png\" alt=\"Compromiso\">\r\n <h2>Compromiso<\/h2>\r\n <p>Construimos espacios de pertenencia para ni\u00f1os\/as, adolescentes, j\u00f3venes y adultos\/as en situaci\u00f3n de vulnerabilidad que promuevan cambios sociales desde una perspectiva de derechos.<\/p>\r\n <\/div>\r\n\r\n <div class=\"valor\">\r\n <img decoding=\"async\" src=\"http:\/\/www.vocesdebarro.org.ar\/wordpress\/wp-content\/uploads\/2024\/09\/msedge_9wB7rdf355.png\" alt=\"Participaci\u00f3n\">\r\n <h2>Participaci\u00f3n<\/h2>\r\n <p>Creemos en la participaci\u00f3n activa y significativa de las comunidades. Promovemos la voz de todos los miembros de la organizaci\u00f3n y de la sociedad.<\/p>\r\n <\/div>\r\n\r\n <div class=\"valor\">\r\n <img decoding=\"async\" src=\"http:\/\/www.vocesdebarro.org.ar\/wordpress\/wp-content\/uploads\/2024\/09\/vdb.png\" alt=\"Justicia Social\">\r\n <h2>Justicia Social<\/h2>\r\n <p>Trabajamos para que todas las personas tengan igualdad de oportunidades, derechos y recursos, generando herramientas que derriben barreras y desigualdades estructurales.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-34beeea e-flex e-con-boxed e-con e-parent\" data-id=\"34beeea\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63448a4 elementor-widget elementor-widget-html\" data-id=\"63448a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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 <style>\r\n \/* Contenedor para centrar el cuadro de texto *\/\r\n .text-container {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 10vh;\r\n padding: 2px; \/* A\u00f1ade algo de espacio alrededor *\/\r\n }\r\n\r\n \/* Cuadro de texto *\/\r\n .responsive-text-box {\r\n width: 100%;\r\n max-width: 1300px; \/* El ancho m\u00e1ximo que puede tener el cuadro *\/\r\n padding: 20px;\r\n border: 2px solid #ccc;\r\n border-radius: 8px;\r\n background-color: #f9f9f9;\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n font-size: 16px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <h1 style=\"text-align: center;\">Nuestros Proyectos<\/h1>\r\n\r\n <div class=\"text-container\">\r\n <div class=\"responsive-text-box\">\r\n <p>\r\n <b>Alfabetizaci\u00f3n y apoyo escolar para ni\u00f1os y ni\u00f1as desde jard\u00edn hasta nivel secundario:<\/b> Funciona como un espacio de acompa\u00f1amiento y aprendizaje acad\u00e9mico, pero tambi\u00e9n de referencia y contenci\u00f3n para las ni\u00f1eces, adolescencias y las familias del barrio.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"text-container\">\r\n <div class=\"responsive-text-box\">\r\n <p>\r\n <b>Espacio Adolescentes:<\/b> Desde hace casi 10 a\u00f1os, estos encuentros acompa\u00f1an a las adolescencias, debatiendo en conjunto sobre las diversas tem\u00e1ticas que las atraviesan a partir de encuentros quincenales.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"text-container\">\r\n <div class=\"responsive-text-box\">\r\n <p>\r\n <b>Espacio Mujeres y Disidencias:<\/b> Espacio quincenal de reflexi\u00f3n, construcci\u00f3n y fortalecimiento de redes de mujeres, trabajando en el desarrollo de herramientas para detectar, prevenir y abordar situaciones de desigualdad y violencia de g\u00e9nero. \r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"text-container\">\r\n <div class=\"responsive-text-box\">\r\n <p>\r\n <b>Espacio Masculinidades:<\/b> Espacio quincenal que busca ser un lugar de construcci\u00f3n y reflexi\u00f3n sobre la masculinidad y la desigualdad de g\u00e9nero existente; entendiendo a los varones como actores cr\u00edticos en la construcci\u00f3n en una sociedad m\u00e1s justa y sin violencia.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"text-container\">\r\n <div class=\"responsive-text-box\">\r\n <p>\r\n <b>Comunidad Wichi:<\/b> Tiene como prop\u00f3sito cooperar con la mejora de la calidad de vida de las familias de la Comunidad Wich\u00ed de Salta, en armon\u00eda con su identidad cultural y la defensa de sus derechos como Pueblos Originarios.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"text-container\">\r\n <div class=\"responsive-text-box\">\r\n <p>\r\n <b>Taller de Arte:<\/b> Este espacio fue creado con el objetivo de conformarse como un punto de encuentro, di\u00e1logo e integraci\u00f3n entre pares con la consigna de explorar el mundo y a nosotros mismos a trav\u00e9s del arte. Desafiar nuestras maneras de percibir la realidad a trav\u00e9s de los sentidos, empezando desde nosotros mismos, nuestros cuerpos, los cuerpos de los dem\u00e1s y continuando con los espacios que habitamos como el barrio, la plaza, nuestra casa. \r\n Con la finalizaci\u00f3n del taller de danza y taller literario, se\r\n piensa este taller como la continuaci\u00f3n de un espacio que brinde\r\n contenci\u00f3n y seguridad en el cual los ni\u00f1os y ni\u00f1as de 8 a 12 a\u00f1os,\r\n puedan libremente ser curiosos, creativos, expresarse, pensar,\r\n reflexionar, investigar, preguntar y aprender. Las tem\u00e1ticas que se\r\n abordar\u00e1n a lo largo del taller como eje transversal son: identidad,\r\n corporalidad, g\u00e9nero, ambiente, h\u00e1bitat, creatividad. \r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-95fa3c3 e-flex e-con-boxed e-con e-parent\" data-id=\"95fa3c3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca82a03 elementor-widget elementor-widget-html\" data-id=\"ca82a03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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 <style>\r\n \/* Estilos del footer *\/\r\n footer {\r\n padding: 1px 0;\r\n }\r\n\r\n \/* Contenedor del footer *\/\r\n .footer-container {\r\n display: flex;\r\n justify-content: space-around;\r\n flex-wrap: wrap;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Iconos o im\u00e1genes dentro del footer *\/\r\n .footer-column a {\r\n display: inline-block;\r\n margin: 10px;\r\n transition: transform 0.3s;\r\n }\r\n\r\n .footer-column a img {\r\n width: 100px; \/* Ajusta el tama\u00f1o de la imagen *\/\r\n height: auto;\r\n }\r\n\r\n .footer-column a:hover {\r\n transform: scale(1.1); \/* Efecto de zoom al pasar el rat\u00f3n *\/\r\n }\r\n\r\n \/* Responsividad para pantallas peque\u00f1as *\/\r\n @media (max-width: 768px) {\r\n .footer-container {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .footer-column {\r\n margin-bottom: 20px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <footer>\r\n <div class=\"footer-container\">\r\n \r\n <div class=\"footer-column\">\r\n <a href=\"https:\/\/www.facebook.com\/VocesDeBarro\/\" target=\"_blank\" aria-label=\"Facebook\">\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/5\/51\/Facebook_f_logo_%282019%29.svg\" alt=\"Facebook\">\r\n <\/a>\r\n <a href=\"https:\/\/donaronline.org\/asociacion-civil-voces-de-barro\/programa-de-padrinazgo\" target=\"_blank\" aria-label=\"Instagram\">\r\n <img decoding=\"async\" src=\"http:\/\/www.vocesdebarro.org.ar\/wordpress\/wp-content\/uploads\/2024\/09\/mercadologo-2.png\" alt=\"MercadoPago\">\r\n <\/a>\r\n <a href=\"https:\/\/www.instagram.com\/vocesdebarro\/\" target=\"_blank\" aria-label=\"Instagram\">\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/a\/a5\/Instagram_icon.png\" alt=\"Instagram\">\r\n <\/a>\r\n \r\n <\/div>\r\n <\/footer>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\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>Imagen Autoresponsive y Centrada Cuadro de Texto Centrado y Autoresponsive Nuestra Historia Voces de Barro tiene sus or\u00edgenes en uno de los barrios populares m\u00e1s grandes de la Ciudad de Buenos Aires, el Barrio Mugica, en el a\u00f1o 2006 como instancia y espacio a partir de escuchar las voces de los habitantes del barrio que […]<\/p>\n","protected":false},"author":12,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1709","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.vocesdebarro.org.ar\/wordpress\/index.php?rest_route=\/wp\/v2\/pages\/1709","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vocesdebarro.org.ar\/wordpress\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.vocesdebarro.org.ar\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.vocesdebarro.org.ar\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vocesdebarro.org.ar\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1709"}],"version-history":[{"count":138,"href":"https:\/\/www.vocesdebarro.org.ar\/wordpress\/index.php?rest_route=\/wp\/v2\/pages\/1709\/revisions"}],"predecessor-version":[{"id":1940,"href":"https:\/\/www.vocesdebarro.org.ar\/wordpress\/index.php?rest_route=\/wp\/v2\/pages\/1709\/revisions\/1940"}],"wp:attachment":[{"href":"https:\/\/www.vocesdebarro.org.ar\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1709"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

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

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Imagen Autoresponsive y Centrada<\/title>\r\n <style>\r\n \/* Contenedor para centrar la imagen *\/\r\n .image-container {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 10vh; \/* Ajusta la altura seg\u00fan el contenido que tengas *\/\r\n }\r\n\r\n \/* Estilo para hacer la imagen autoresponsive *\/\r\n img {\r\n max-width: 100%;\r\n height: auto;\r\n display: block; \/* Asegura que la imagen se centre correctamente *\/\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/www.vocesdebarro.org.ar\/wordpress\/wp-content\/uploads\/2024\/09\/FestivalEsi-1124x843.png\" alt=\"Descripci\u00f3n de la imagen\">\r\n <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-480382d e-flex e-con-boxed e-con e-parent\" data-id=\"480382d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9426e4e elementor-widget elementor-widget-html\" data-id=\"9426e4e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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>Cuadro de Texto Centrado y Autoresponsive<\/title>\r\n <style>\r\n \/* Contenedor para centrar el cuadro de texto *\/\r\n .text-container {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 10vh;\r\n padding: 20px; \/* A\u00f1ade algo de espacio alrededor *\/\r\n }\r\n\r\n \/* Cuadro de texto *\/\r\n .responsive-text-box {\r\n width: 100%;\r\n max-width: 1300px; \/* El ancho m\u00e1ximo que puede tener el cuadro *\/\r\n padding: 20px;\r\n border: 2px solid #ccc;\r\n border-radius: 8px;\r\n background-color: #f9f9f9;\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n font-size: 16px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <h1 style=\"text-align: center;\">Nuestra Historia<\/h1>\r\n\r\n <div class=\"text-container\">\r\n <div class=\"responsive-text-box\">\r\n <p>Voces de Barro tiene sus or\u00edgenes en uno de los barrios populares m\u00e1s grandes de la Ciudad de Buenos Aires, el Barrio Mugica, en el a\u00f1o 2006 como instancia y espacio a partir de escuchar las voces de los habitantes del barrio que demandaban espacios educativos para ni\u00f1os y adolescentes.<br>\r\n La necesidad de fortalecernos como Organizaci\u00f3n nos llev\u00f3, en el a\u00f1o 2009, a estructurarnos como \u201cVoces de Barro para la Inclusi\u00f3n Social\u201d, con reconocimiento jur\u00eddico para funcionar como una Asociaci\u00f3n Civil legalmente constituida.\r\n Hoy desarrollamos distintos Programas y Proyectos, siempre con eje en la Educaci\u00f3n, Formaci\u00f3n y la Participaci\u00f3n ciudadana, propiciando espacios de pertenencia de ni\u00f1os, j\u00f3venes, adultos, en el marco de la construcci\u00f3n colectiva de la acci\u00f3n para el cambio social.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5a6bb72 e-flex e-con-boxed e-con e-parent\" data-id=\"5a6bb72\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33a6585 elementor-widget elementor-widget-html\" data-id=\"33a6585\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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>Cuadro de Texto Centrado y Autoresponsive<\/title>\r\n <style>\r\n \/* Contenedor para centrar el cuadro de texto *\/\r\n .text-container {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 10vh;\r\n padding: 20px; \/* A\u00f1ade algo de espacio alrededor *\/\r\n }\r\n\r\n \/* Cuadro de texto *\/\r\n .responsive-text-box {\r\n width: 100%;\r\n max-width: 1300px; \/* El ancho m\u00e1ximo que puede tener el cuadro *\/\r\n padding: 20px;\r\n border: 2px solid #ccc;\r\n border-radius: 8px;\r\n background-color: #f9f9f9;\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n font-size: 16px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <h1 style=\"text-align: center;\">Nuestra Misi\u00f3n<\/h1>\r\n\r\n <div class=\"text-container\">\r\n <div class=\"responsive-text-box\">\r\n <p>\r\n Generar y acompa\u00f1ar espacios de participaci\u00f3n, desarrollo y formaci\u00f3n para la inclusi\u00f3n y la integraci\u00f3n social. a trav\u00e9s de la educaci\u00f3n, brindando herramientas para la construcci\u00f3n y fortalecimiento de las personas en situaci\u00f3n de vulnerabilidad como sujetos de derechos en el marco de la construcci\u00f3n colectiva de la acci\u00f3n para el cambio social.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-db2db20 e-flex e-con-boxed e-con e-parent\" data-id=\"db2db20\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b23a33 elementor-widget elementor-widget-html\" data-id=\"8b23a33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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 <style>\r\n h1 {\r\n font-size: 2.5rem;\r\n margin: 20px 0;\r\n }\r\n\r\n .valores-container {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n padding: 20px;\r\n }\r\n\r\n .valor {\r\n background-color: #fff;\r\n border-radius: 10px;\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n margin: 15px;\r\n max-width: 400px;\r\n text-align: center;\r\n padding: 20px;\r\n flex: 1 1 300px;\r\n }\r\n\r\n .valor img {\r\n width: 100%;\r\n border-radius: 10px 10px 0 0;\r\n height: auto;\r\n }\r\n\r\n .valor h2 {\r\n font-size: 1.5rem;\r\n color: #000;\r\n margin: 15px 0;\r\n }\r\n\r\n .valor p {\r\n font-size: 1rem;\r\n color: #333;\r\n padding: 0 10px;\r\n text-align: left;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n h1 {\r\n font-size: 2rem;\r\n }\r\n\r\n .valor {\r\n max-width: 90%;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .valores-container {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .valor {\r\n max-width: 100%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <h1 style=\"text-align: center;\">Nuestros Valores<\/h1>\r\n\r\n <div class=\"valores-container\">\r\n <div class=\"valor\">\r\n <img decoding=\"async\" src=\"http:\/\/www.vocesdebarro.org.ar\/wordpress\/wp-content\/uploads\/2024\/09\/msedge_8PisLgd0Ov.png\" alt=\"Compromiso\">\r\n <h2>Compromiso<\/h2>\r\n <p>Construimos espacios de pertenencia para ni\u00f1os\/as, adolescentes, j\u00f3venes y adultos\/as en situaci\u00f3n de vulnerabilidad que promuevan cambios sociales desde una perspectiva de derechos.<\/p>\r\n <\/div>\r\n\r\n <div class=\"valor\">\r\n <img decoding=\"async\" src=\"http:\/\/www.vocesdebarro.org.ar\/wordpress\/wp-content\/uploads\/2024\/09\/msedge_9wB7rdf355.png\" alt=\"Participaci\u00f3n\">\r\n <h2>Participaci\u00f3n<\/h2>\r\n <p>Creemos en la participaci\u00f3n activa y significativa de las comunidades. Promovemos la voz de todos los miembros de la organizaci\u00f3n y de la sociedad.<\/p>\r\n <\/div>\r\n\r\n <div class=\"valor\">\r\n <img decoding=\"async\" src=\"http:\/\/www.vocesdebarro.org.ar\/wordpress\/wp-content\/uploads\/2024\/09\/vdb.png\" alt=\"Justicia Social\">\r\n <h2>Justicia Social<\/h2>\r\n <p>Trabajamos para que todas las personas tengan igualdad de oportunidades, derechos y recursos, generando herramientas que derriben barreras y desigualdades estructurales.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-34beeea e-flex e-con-boxed e-con e-parent\" data-id=\"34beeea\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63448a4 elementor-widget elementor-widget-html\" data-id=\"63448a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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 <style>\r\n \/* Contenedor para centrar el cuadro de texto *\/\r\n .text-container {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 10vh;\r\n padding: 2px; \/* A\u00f1ade algo de espacio alrededor *\/\r\n }\r\n\r\n \/* Cuadro de texto *\/\r\n .responsive-text-box {\r\n width: 100%;\r\n max-width: 1300px; \/* El ancho m\u00e1ximo que puede tener el cuadro *\/\r\n padding: 20px;\r\n border: 2px solid #ccc;\r\n border-radius: 8px;\r\n background-color: #f9f9f9;\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n font-size: 16px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <h1 style=\"text-align: center;\">Nuestros Proyectos<\/h1>\r\n\r\n <div class=\"text-container\">\r\n <div class=\"responsive-text-box\">\r\n <p>\r\n <b>Alfabetizaci\u00f3n y apoyo escolar para ni\u00f1os y ni\u00f1as desde jard\u00edn hasta nivel secundario:<\/b> Funciona como un espacio de acompa\u00f1amiento y aprendizaje acad\u00e9mico, pero tambi\u00e9n de referencia y contenci\u00f3n para las ni\u00f1eces, adolescencias y las familias del barrio.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"text-container\">\r\n <div class=\"responsive-text-box\">\r\n <p>\r\n <b>Espacio Adolescentes:<\/b> Desde hace casi 10 a\u00f1os, estos encuentros acompa\u00f1an a las adolescencias, debatiendo en conjunto sobre las diversas tem\u00e1ticas que las atraviesan a partir de encuentros quincenales.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"text-container\">\r\n <div class=\"responsive-text-box\">\r\n <p>\r\n <b>Espacio Mujeres y Disidencias:<\/b> Espacio quincenal de reflexi\u00f3n, construcci\u00f3n y fortalecimiento de redes de mujeres, trabajando en el desarrollo de herramientas para detectar, prevenir y abordar situaciones de desigualdad y violencia de g\u00e9nero. \r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"text-container\">\r\n <div class=\"responsive-text-box\">\r\n <p>\r\n <b>Espacio Masculinidades:<\/b> Espacio quincenal que busca ser un lugar de construcci\u00f3n y reflexi\u00f3n sobre la masculinidad y la desigualdad de g\u00e9nero existente; entendiendo a los varones como actores cr\u00edticos en la construcci\u00f3n en una sociedad m\u00e1s justa y sin violencia.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"text-container\">\r\n <div class=\"responsive-text-box\">\r\n <p>\r\n <b>Comunidad Wichi:<\/b> Tiene como prop\u00f3sito cooperar con la mejora de la calidad de vida de las familias de la Comunidad Wich\u00ed de Salta, en armon\u00eda con su identidad cultural y la defensa de sus derechos como Pueblos Originarios.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"text-container\">\r\n <div class=\"responsive-text-box\">\r\n <p>\r\n <b>Taller de Arte:<\/b> Este espacio fue creado con el objetivo de conformarse como un punto de encuentro, di\u00e1logo e integraci\u00f3n entre pares con la consigna de explorar el mundo y a nosotros mismos a trav\u00e9s del arte. Desafiar nuestras maneras de percibir la realidad a trav\u00e9s de los sentidos, empezando desde nosotros mismos, nuestros cuerpos, los cuerpos de los dem\u00e1s y continuando con los espacios que habitamos como el barrio, la plaza, nuestra casa. \r\n Con la finalizaci\u00f3n del taller de danza y taller literario, se\r\n piensa este taller como la continuaci\u00f3n de un espacio que brinde\r\n contenci\u00f3n y seguridad en el cual los ni\u00f1os y ni\u00f1as de 8 a 12 a\u00f1os,\r\n puedan libremente ser curiosos, creativos, expresarse, pensar,\r\n reflexionar, investigar, preguntar y aprender. Las tem\u00e1ticas que se\r\n abordar\u00e1n a lo largo del taller como eje transversal son: identidad,\r\n corporalidad, g\u00e9nero, ambiente, h\u00e1bitat, creatividad. \r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-95fa3c3 e-flex e-con-boxed e-con e-parent\" data-id=\"95fa3c3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca82a03 elementor-widget elementor-widget-html\" data-id=\"ca82a03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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 <style>\r\n \/* Estilos del footer *\/\r\n footer {\r\n padding: 1px 0;\r\n }\r\n\r\n \/* Contenedor del footer *\/\r\n .footer-container {\r\n display: flex;\r\n justify-content: space-around;\r\n flex-wrap: wrap;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Iconos o im\u00e1genes dentro del footer *\/\r\n .footer-column a {\r\n display: inline-block;\r\n margin: 10px;\r\n transition: transform 0.3s;\r\n }\r\n\r\n .footer-column a img {\r\n width: 100px; \/* Ajusta el tama\u00f1o de la imagen *\/\r\n height: auto;\r\n }\r\n\r\n .footer-column a:hover {\r\n transform: scale(1.1); \/* Efecto de zoom al pasar el rat\u00f3n *\/\r\n }\r\n\r\n \/* Responsividad para pantallas peque\u00f1as *\/\r\n @media (max-width: 768px) {\r\n .footer-container {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .footer-column {\r\n margin-bottom: 20px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <footer>\r\n <div class=\"footer-container\">\r\n \r\n <div class=\"footer-column\">\r\n <a href=\"https:\/\/www.facebook.com\/VocesDeBarro\/\" target=\"_blank\" aria-label=\"Facebook\">\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/5\/51\/Facebook_f_logo_%282019%29.svg\" alt=\"Facebook\">\r\n <\/a>\r\n <a href=\"https:\/\/donaronline.org\/asociacion-civil-voces-de-barro\/programa-de-padrinazgo\" target=\"_blank\" aria-label=\"Instagram\">\r\n <img decoding=\"async\" src=\"http:\/\/www.vocesdebarro.org.ar\/wordpress\/wp-content\/uploads\/2024\/09\/mercadologo-2.png\" alt=\"MercadoPago\">\r\n <\/a>\r\n <a href=\"https:\/\/www.instagram.com\/vocesdebarro\/\" target=\"_blank\" aria-label=\"Instagram\">\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/a\/a5\/Instagram_icon.png\" alt=\"Instagram\">\r\n <\/a>\r\n \r\n <\/div>\r\n <\/footer>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\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>Imagen Autoresponsive y Centrada Cuadro de Texto Centrado y Autoresponsive Nuestra Historia Voces de Barro tiene sus or\u00edgenes en uno de los barrios populares m\u00e1s grandes de la Ciudad de Buenos Aires, el Barrio Mugica, en el a\u00f1o 2006 como instancia y espacio a partir de escuchar las voces de los habitantes del barrio que […]<\/p>\n","protected":false},"author":12,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1709","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.vocesdebarro.org.ar\/wordpress\/index.php?rest_route=\/wp\/v2\/pages\/1709","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vocesdebarro.org.ar\/wordpress\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.vocesdebarro.org.ar\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.vocesdebarro.org.ar\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vocesdebarro.org.ar\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1709"}],"version-history":[{"count":138,"href":"https:\/\/www.vocesdebarro.org.ar\/wordpress\/index.php?rest_route=\/wp\/v2\/pages\/1709\/revisions"}],"predecessor-version":[{"id":1940,"href":"https:\/\/www.vocesdebarro.org.ar\/wordpress\/index.php?rest_route=\/wp\/v2\/pages\/1709\/revisions\/1940"}],"wp:attachment":[{"href":"https:\/\/www.vocesdebarro.org.ar\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1709"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}