{"id":4267,"date":"2026-07-04T21:20:52","date_gmt":"2026-07-04T21:20:52","guid":{"rendered":"https:\/\/www.online8020.com\/?page_id=4267"},"modified":"2026-07-06T19:46:47","modified_gmt":"2026-07-06T19:46:47","slug":"social","status":"publish","type":"page","link":"https:\/\/www.online8020.com\/es\/social\/","title":{"rendered":"Compromiso social"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"500\" src=\"https:\/\/www.online8020.com\/wp-content\/uploads\/2026\/07\/Social-1024x500.png\" alt=\"\" class=\"wp-image-4293\" srcset=\"https:\/\/www.online8020.com\/wp-content\/uploads\/2026\/07\/Social-1024x500.png 1024w, https:\/\/www.online8020.com\/wp-content\/uploads\/2026\/07\/Social-300x146.png 300w, https:\/\/www.online8020.com\/wp-content\/uploads\/2026\/07\/Social-768x375.png 768w, https:\/\/www.online8020.com\/wp-content\/uploads\/2026\/07\/Social-18x9.png 18w, https:\/\/www.online8020.com\/wp-content\/uploads\/2026\/07\/Social.png 1408w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<!-- ============================================\n  P\u00c1GINA: Compromiso Social \u2014 online8020.com\n  INSTRUCCIONES: Pega TODO este c\u00f3digo dentro de\n  un bloque \"HTML personalizado\" en WordPress.\n  ============================================ -->\n\n<style>\n  :root{\n    --arena:#FDFBF7;\n    --blanco:#FFFFFF;\n    --azul:#3A6073;\n    --azul-oscuro:#2C4A5A;\n    --oliva:#8E9A76;\n    --oliva-suave:#EEF1E7;\n    --azul-suave:#E9EFF2;\n    --tinta:#33414A;\n    --tinta-suave:#5C6B74;\n    --radio:18px;\n    --sombra:0 8px 30px rgba(58,96,115,.08);\n  }\n  *{margin:0;padding:0;box-sizing:border-box}\n  html{scroll-behavior:smooth}\n  @media (prefers-reduced-motion: reduce){\n    html{scroll-behavior:auto}\n    *,*::before,*::after{animation:none!important;transition:none!important}\n  }\n  body{\n    font-family:'Inter',system-ui,-apple-system,sans-serif;\n    background:var(--arena);\n    color:var(--tinta);\n    line-height:1.8;\n    font-size:17px;\n    -webkit-font-smoothing:antialiased;\n  }\n  a{color:var(--azul)}\n  .contenedor{max-width:1120px;margin:0 auto;padding:0 24px}\n\n  \/* ---------- Navegaci\u00f3n ---------- *\/\n  nav{\n    position:sticky;top:0;z-index:50;\n    background:rgba(253,251,247,.92);\n    backdrop-filter:blur(10px);\n    border-bottom:1px solid rgba(58,96,115,.1);\n  }\n  .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;max-width:1120px;margin:0 auto}\n  .logo{font-weight:800;font-size:1.15rem;color:var(--azul);text-decoration:none;letter-spacing:-.02em}\n  .logo span{color:var(--oliva)}\n  .nav-links{display:flex;gap:28px;align-items:center}\n  .nav-links a{text-decoration:none;color:var(--tinta-suave);font-weight:500;font-size:.95rem;transition:color .2s}\n  .nav-links a:hover{color:var(--azul)}\n  .nav-links a:focus-visible,.btn:focus-visible,input:focus-visible,textarea:focus-visible{\n    outline:3px solid var(--oliva);outline-offset:3px;border-radius:4px;\n  }\n  @media(max-width:720px){.nav-links a:not(.btn-nav){display:none}}\n  .btn-nav{\n    background:var(--azul);color:#fff!important;padding:10px 20px;border-radius:100px;\n    font-weight:600;font-size:.9rem;transition:background .2s;\n  }\n  .btn-nav:hover{background:var(--azul-oscuro)}\n\n  \/* ---------- H\u00e9roe ---------- *\/\n  header.heroe{\n    position:relative;overflow:hidden;\n    padding:110px 0 130px;\n    background:\n      radial-gradient(ellipse 900px 500px at 15% 10%, rgba(142,154,118,.18), transparent 60%),\n      radial-gradient(ellipse 800px 600px at 90% 90%, rgba(58,96,115,.14), transparent 55%),\n      linear-gradient(180deg, #FFFFFF 0%, var(--arena) 100%);\n  }\n  \/* C\u00edrculos de di\u00e1logo \u2014 imagen abstracta difuminada de encuentro comunitario *\/\n  .circulo{position:absolute;border-radius:50%;filter:blur(2px);opacity:.55}\n  .c1{width:220px;height:220px;border:3px dashed rgba(58,96,115,.25);top:-60px;right:8%}\n  .c2{width:140px;height:140px;background:rgba(142,154,118,.15);bottom:40px;left:5%}\n  .c3{width:90px;height:90px;border:3px solid rgba(142,154,118,.3);top:30%;right:22%}\n  .heroe-contenido{position:relative;max-width:780px}\n  .etiqueta{\n    display:inline-flex;align-items:center;gap:10px;\n    background:var(--oliva-suave);color:#5F6B48;\n    padding:8px 18px;border-radius:100px;font-weight:600;font-size:.85rem;\n    letter-spacing:.04em;text-transform:uppercase;margin-bottom:28px;\n  }\n  .etiqueta::before{content:\"\";width:8px;height:8px;border-radius:50%;background:var(--oliva)}\n  h1{\n    font-size:clamp(2.1rem,5vw,3.4rem);\n    font-weight:800;line-height:1.18;letter-spacing:-.025em;\n    color:var(--azul-oscuro);margin-bottom:24px;\n  }\n  h1 em{font-style:normal;color:var(--oliva);position:relative;white-space:nowrap}\n  h1 em::after{\n    content:\"\";position:absolute;left:0;right:0;bottom:4px;height:10px;\n    background:rgba(142,154,118,.25);z-index:-1;border-radius:4px;\n  }\n  .subtitulo{font-size:1.2rem;color:var(--tinta-suave);max-width:640px;margin-bottom:40px;line-height:1.85}\n  .btn{\n    display:inline-block;background:var(--azul);color:#fff;text-decoration:none;\n    padding:17px 38px;border-radius:100px;font-weight:700;font-size:1.05rem;\n    box-shadow:0 10px 25px rgba(58,96,115,.28);\n    transition:transform .2s,box-shadow .2s,background .2s;border:none;cursor:pointer;\n    font-family:inherit;\n  }\n  .btn:hover{background:var(--azul-oscuro);transform:translateY(-2px);box-shadow:0 14px 30px rgba(58,96,115,.32)}\n  .heroe-nota{margin-top:18px;font-size:.9rem;color:var(--tinta-suave)}\n\n  \/* ---------- Manifiesto ---------- *\/\n  .manifiesto{padding:110px 0;background:var(--blanco)}\n  .manifiesto-inner{max-width:820px;margin:0 auto;text-align:center}\n  .eyebrow{\n    font-size:.82rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;\n    color:var(--oliva);margin-bottom:18px;\n  }\n  h2{\n    font-size:clamp(1.7rem,3.5vw,2.4rem);font-weight:800;letter-spacing:-.02em;\n    color:var(--azul-oscuro);line-height:1.3;margin-bottom:28px;\n  }\n  .cita{\n    font-size:clamp(1.15rem,2.2vw,1.35rem);line-height:2;color:var(--tinta);\n    position:relative;padding:0 12px;\n  }\n  .cita strong{color:var(--azul);font-weight:700}\n  .cita-marca{\n    display:block;font-size:4.5rem;line-height:1;color:var(--oliva);\n    font-weight:800;height:44px;margin-bottom:6px;\n  }\n  .firma{\n    margin-top:36px;display:inline-flex;flex-direction:column;align-items:center;gap:4px;\n  }\n  .firma-linea{width:56px;height:3px;background:var(--oliva);border-radius:2px;margin-bottom:10px}\n  .firma b{color:var(--azul-oscuro);font-size:1rem}\n  .firma span{color:var(--tinta-suave);font-size:.88rem}\n\n  \/* ---------- Tarjetas ---------- *\/\n  .apoyo{padding:110px 0}\n  .apoyo-cabecera{max-width:640px;margin-bottom:60px}\n  .apoyo-cabecera p{color:var(--tinta-suave);font-size:1.08rem}\n  .tarjetas{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}\n  @media(max-width:820px){.tarjetas{grid-template-columns:1fr}}\n  .tarjeta{\n    background:var(--blanco);border-radius:var(--radio);padding:38px 34px;\n    border:1px solid rgba(58,96,115,.08);box-shadow:var(--sombra);\n    transition:transform .25s,box-shadow .25s,border-color .25s;\n    display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden;\n  }\n  .tarjeta::before{\n    content:\"\";position:absolute;top:0;left:0;width:100%;height:5px;\n    background:linear-gradient(90deg,var(--azul),var(--oliva));\n    opacity:0;transition:opacity .25s;\n  }\n  .tarjeta:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(58,96,115,.14);border-color:rgba(58,96,115,.18)}\n  .tarjeta:hover::before{opacity:1}\n  .icono{\n    width:58px;height:58px;border-radius:16px;display:grid;place-items:center;flex-shrink:0;\n  }\n  .icono svg{width:28px;height:28px}\n  .ico-azul{background:var(--azul-suave)}\n  .ico-oliva{background:var(--oliva-suave)}\n  .tarjeta h3{font-size:1.25rem;font-weight:700;color:var(--azul-oscuro);letter-spacing:-.01em}\n  .tarjeta p{color:var(--tinta-suave);font-size:1rem;line-height:1.85}\n  .tarjeta-pie{margin-top:auto;padding-top:8px}\n  .tarjeta-pie a{\n    font-weight:600;font-size:.95rem;text-decoration:none;color:var(--azul);\n    display:inline-flex;align-items:center;gap:6px;\n  }\n  .tarjeta-pie a:hover{text-decoration:underline}\n\n  \/* ---------- Formulario ---------- *\/\n  .escucha{padding:110px 0 130px;background:\n    linear-gradient(180deg,var(--arena) 0%, var(--azul-suave) 100%);\n  }\n  .escucha-caja{\n    max-width:760px;margin:0 auto;background:var(--blanco);\n    border-radius:26px;box-shadow:0 24px 60px rgba(58,96,115,.14);\n    padding:64px 60px;border:1px solid rgba(58,96,115,.08);\n  }\n  @media(max-width:640px){.escucha-caja{padding:44px 26px}}\n  .escucha-caja h2{text-align:center}\n  .escucha-intro{\n    text-align:center;color:var(--tinta-suave);max-width:580px;margin:0 auto 20px;\n  }\n  .confidencial{\n    display:flex;align-items:flex-start;gap:12px;background:var(--oliva-suave);\n    border-radius:14px;padding:16px 20px;margin:28px 0 40px;\n    font-size:.92rem;color:#5F6B48;line-height:1.7;\n  }\n  .confidencial svg{width:22px;height:22px;flex-shrink:0;margin-top:2px}\n  .campo{margin-bottom:26px}\n  label{display:block;font-weight:600;color:var(--azul-oscuro);margin-bottom:10px;font-size:.98rem}\n  label small{display:block;font-weight:400;color:var(--tinta-suave);font-size:.85rem;margin-top:2px}\n  input,textarea{\n    width:100%;font-family:inherit;font-size:1rem;color:var(--tinta);\n    background:var(--arena);border:1.5px solid rgba(58,96,115,.18);\n    border-radius:14px;padding:16px 18px;transition:border-color .2s,background .2s;\n    line-height:1.7;\n  }\n  input:focus,textarea:focus{border-color:var(--azul);background:#fff;outline:none}\n  input:focus-visible,textarea:focus-visible{outline:3px solid rgba(142,154,118,.5);outline-offset:2px}\n  textarea{min-height:170px;resize:vertical}\n  .fila{display:grid;grid-template-columns:1fr 1fr;gap:20px}\n  @media(max-width:640px){.fila{grid-template-columns:1fr}}\n  .btn-enviar{width:100%;text-align:center;margin-top:8px}\n  .form-pie{text-align:center;font-size:.88rem;color:var(--tinta-suave);margin-top:20px}\n\n  \/* ---------- Pie de p\u00e1gina ---------- *\/\n  footer{background:var(--azul-oscuro);color:rgba(255,255,255,.85);padding:56px 0}\n  .pie-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}\n  .pie-logo{font-weight:800;font-size:1.1rem;color:#fff}\n  .pie-logo span{color:var(--oliva)}\n  footer p{font-size:.9rem}\n  footer a{color:#fff;text-decoration:none;font-size:.9rem}\n  footer a:hover{text-decoration:underline}\n\n  \/* Animaci\u00f3n de entrada suave *\/\n  .aparece{animation:subir .8s ease both}\n  @keyframes subir{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n\n  \/* ---------- Estilos para Contact Form 7 ---------- *\/\n  .escucha-caja .wpcf7 label{display:block;font-weight:600;color:var(--azul-oscuro);margin-bottom:10px;font-size:.98rem}\n  .escucha-caja .wpcf7 label small{display:block;font-weight:400;color:var(--tinta-suave);font-size:.85rem;margin-top:2px}\n  .escucha-caja .wpcf7 p{margin-bottom:26px}\n  .escucha-caja .wpcf7 input[type=\"text\"],\n  .escucha-caja .wpcf7 input[type=\"email\"],\n  .escucha-caja .wpcf7 input[type=\"tel\"],\n  .escucha-caja .wpcf7 textarea{\n    width:100%;font-family:inherit;font-size:1rem;color:var(--tinta);\n    background:var(--arena);border:1.5px solid rgba(58,96,115,.18);\n    border-radius:14px;padding:16px 18px;transition:border-color .2s,background .2s;\n    line-height:1.7;\n  }\n  .escucha-caja .wpcf7 input:focus,\n  .escucha-caja .wpcf7 textarea:focus{border-color:var(--azul);background:#fff;outline:none}\n  .escucha-caja .wpcf7 textarea{min-height:170px;resize:vertical}\n  .escucha-caja .wpcf7 input[type=\"submit\"]{\n    display:block;width:100%;background:var(--azul);color:#fff;\n    padding:17px 38px;border-radius:100px;font-weight:700;font-size:1.05rem;\n    box-shadow:0 10px 25px rgba(58,96,115,.28);border:none;cursor:pointer;\n    font-family:inherit;transition:background .2s,transform .2s;margin-top:8px;text-align:center;\n  }\n  .escucha-caja .wpcf7 input[type=\"submit\"]:hover{background:var(--azul-oscuro);transform:translateY(-2px)}\n  .escucha-caja .wpcf7 .wpcf7-not-valid-tip{color:#B4553F;font-size:.85rem;margin-top:6px}\n  .escucha-caja .wpcf7 .wpcf7-response-output{\n    border:none;border-radius:14px;padding:16px 20px;margin:20px 0 0;\n    background:var(--oliva-suave);color:#5F6B48;font-size:.95rem;\n  }\n<\/style>\n\n<!-- 1 \u00b7 Cabecera principal -->\n<header class=\"heroe\">\n  <div class=\"circulo c1\" aria-hidden=\"true\"><\/div>\n  <div class=\"circulo c2\" aria-hidden=\"true\"><\/div>\n  <div class=\"circulo c3\" aria-hidden=\"true\"><\/div>\n  <div class=\"contenedor\">\n    <div class=\"heroe-contenido aparece\">\n      <span class=\"etiqueta\">Espacio sociocomunitario<\/span>\n      <h1>Compromiso Social y Comunitario: transformando realidades <em>desde la base<\/em>.<\/h1>\n      <p class=\"subtitulo\">Un espacio humano de escucha activa, orientaci\u00f3n t\u00e9cnica y acompa\u00f1amiento para las familias, j\u00f3venes y entornos que m\u00e1s lo necesitan.<\/p>\n      <a class=\"btn\" href=\"#escucha\">Solicitar orientaci\u00f3n directa<\/a>\n      <p class=\"heroe-nota\">Sin costo \u00b7 Confidencial \u00b7 Con m\u00e1s de 30 a\u00f1os de trayectoria en gesti\u00f3n social<\/p>\n    <\/div>\n  <\/div>\n<\/header>\n\n<!-- 2 \u00b7 Manifiesto -->\n<section class=\"manifiesto\" id=\"manifiesto\">\n  <div class=\"contenedor\">\n    <div class=\"manifiesto-inner\">\n      <p class=\"eyebrow\">El manifiesto<\/p>\n      <h2>Vocaci\u00f3n y enfoque de derechos<\/h2>\n      <p class=\"cita\">\n        <span class=\"cita-marca\" aria-hidden=\"true\">&ldquo;<\/span>\n        Entendemos la Gesti\u00f3n Social como un <strong>puente inquebrantable de servicio humano<\/strong>. Mi trayectoria de m\u00e1s de 30 a\u00f1os no busca comercializar soluciones, sino poner a disposici\u00f3n de la comunidad herramientas t\u00e9cnicas y psicosociales orientadas a garantizar la <strong>equidad<\/strong>, la <strong>inclusi\u00f3n real<\/strong> y la <strong>dignidad humana<\/strong> en cada territorio.\n      <\/p>\n      <div class=\"firma\">\n        <div class=\"firma-linea\" aria-hidden=\"true\"><\/div>\n        <b>Gesti\u00f3n Social \u00b7 online8020.com<\/b>\n        <span>Trabajo comunitario con enfoque de derechos<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- 3 \u00b7 Ventanas de apoyo directo -->\n<section class=\"apoyo\" id=\"apoyo\">\n  <div class=\"contenedor\">\n    <div class=\"apoyo-cabecera\">\n      <p class=\"eyebrow\">Ventanas de apoyo directo<\/p>\n      <h2>\u00c1reas de acci\u00f3n social<\/h2>\n      <p>Identifica r\u00e1pidamente el acompa\u00f1amiento que tu familia o comunidad necesita. Cada ventana es una puerta abierta.<\/p>\n    <\/div>\n\n    <div class=\"tarjetas\">\n      <article class=\"tarjeta\">\n        <div class=\"icono ico-azul\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3A6073\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21s-7-4.5-9.5-9C.9 8.5 2.5 5 6 5c2 0 3.5 1.2 4 2 .5-.8 2-2 4-2 3.5 0 5.1 3.5 3.5 7-2.5 4.5-9.5 9-9.5 9z\"\/><\/svg>\n        <\/div>\n        <h3>Acompa\u00f1amiento familiar y resiliencia<\/h3>\n        <p>Espacio de escucha y asesoramiento psicosocial para familias en situaciones de crisis o transiciones complejas derivadas de procesos migratorios.<\/p>\n        <div class=\"tarjeta-pie\"><a href=\"#escucha\">Solicitar este acompa\u00f1amiento \u2192<\/a><\/div>\n      <\/article>\n\n      <article class=\"tarjeta\">\n        <div class=\"icono ico-oliva\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6E7A56\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"7\" r=\"3\"\/><circle cx=\"17\" cy=\"9\" r=\"2.4\"\/><path d=\"M3 20c0-3.3 2.7-6 6-6s6 2.7 6 6\"\/><path d=\"M15.5 14.4c2.6.4 4.5 2.3 4.5 5.6\"\/><\/svg>\n        <\/div>\n        <h3>Inclusi\u00f3n y diversidad funcional<\/h3>\n        <p>Dise\u00f1o y ejecuci\u00f3n de protocolos de acompa\u00f1amiento para la inserci\u00f3n sociolaboral y talleres de sensibilizaci\u00f3n comunitaria enfocados en derribar mitos sobre el S\u00edndrome de Down.<\/p>\n        <div class=\"tarjeta-pie\"><a href=\"#escucha\">Solicitar este acompa\u00f1amiento \u2192<\/a><\/div>\n      <\/article>\n\n      <article class=\"tarjeta\">\n        <div class=\"icono ico-oliva\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6E7A56\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3a7 7 0 0 1 7 7c0 2.4-1.2 4-2.5 5.5-.8.9-1 2-1 3.5h-7c0-1.5-.2-2.6-1-3.5C6.2 14 5 12.4 5 10a7 7 0 0 1 7-7z\"\/><path d=\"M9.5 22h5\"\/><\/svg>\n        <\/div>\n        <h3>Herramientas para la salud mental<\/h3>\n        <p>Facilitaci\u00f3n de talleres pr\u00e1cticos y din\u00e1micas de grupo enfocadas en el autocuidado, el manejo del estr\u00e9s familiar y el fortalecimiento de la toma de decisiones.<\/p>\n        <div class=\"tarjeta-pie\"><a href=\"#escucha\">Solicitar este acompa\u00f1amiento \u2192<\/a><\/div>\n      <\/article>\n\n      <article class=\"tarjeta\">\n        <div class=\"icono ico-azul\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3A6073\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"10\" width=\"4\" height=\"10\" rx=\"1\"\/><rect x=\"10\" y=\"6\" width=\"4\" height=\"14\" rx=\"1\"\/><rect x=\"17\" y=\"3\" width=\"4\" height=\"17\" rx=\"1\"\/><\/svg>\n        <\/div>\n        <h3>Articulaci\u00f3n y diagn\u00f3stico comunitario<\/h3>\n        <p>Realizaci\u00f3n de estudios socioecon\u00f3micos situacionales y censos participativos directamente en las barriadas y escuelas para visibilizar las necesidades reales ante las instituciones pertinentes.<\/p>\n        <div class=\"tarjeta-pie\"><a href=\"#escucha\">Solicitar este acompa\u00f1amiento \u2192<\/a><\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- 4 \u00b7 Formulario de escucha activa -->\n<section class=\"escucha\" id=\"escucha\">\n  <div class=\"contenedor\">\n    <div class=\"escucha-caja\">\n      <p class=\"eyebrow\" style=\"text-align:center\">Canal de ayuda directa<\/p>\n      <h2>Queremos escucharte. Cu\u00e9ntanos tu situaci\u00f3n.<\/h2>\n      <p class=\"escucha-intro\">Si eres miembro de una comunidad organizada, l\u00edder social, o una familia que requiere orientaci\u00f3n, utiliza este canal directo.<\/p>\n\n      <div class=\"confidencial\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6E7A56\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"4\" y=\"10\" width=\"16\" height=\"10\" rx=\"2\"\/><path d=\"M8 10V7a4 4 0 0 1 8 0v3\"\/><\/svg>\n        <span>Toda la informaci\u00f3n suministrada se maneja bajo <strong>estricto secreto profesional<\/strong> y respeto humano.<\/span>\n      <\/div>\n\n      \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f4273-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"4273\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/es\/wp-json\/wp\/v2\/pages\/4267#wpcf7-f4273-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"4273\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f4273-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"fila\">\n\t<p><label>Tu nombre \/ nombre de la organizaci\u00f3n<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Ej.: Mar\u00eda P\u00e9rez \u00b7 Comunidad El Roble\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span><\/label>\n\t<\/p>\n\t<p><label>\u00bfD\u00f3nde te encuentras? <small>Ciudad \/ sector<\/small><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-location\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Ej.: Guacara, sector El Sam\u00e1n\" value=\"\" type=\"text\" name=\"your-location\" \/><\/span><\/label>\n\t<\/p>\n<\/div>\n<p><label>Correo electr\u00f3nico o tel\u00e9fono de contacto<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-contact\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Ej.: nombre@correo.com \u00b7 +58 000 000 0000\" value=\"\" type=\"text\" name=\"your-contact\" \/><\/span><\/label>\n<\/p>\n<p><label>Descr\u00edbenos brevemente la realidad de tu comunidad o la orientaci\u00f3n que necesitas<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Escribe con confianza. No hay respuestas incorrectas: solo queremos entender c\u00f3mo acompa\u00f1arte.\" name=\"your-message\"><\/textarea><\/span><\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Enviar mensaje con confianza\" \/>\n<\/p>\n<p class=\"form-pie\">Responderemos personalmente cada mensaje. Tu historia importa.\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Espacio sociocomunitario Compromiso Social y Comunitario: transformando realidades desde la base. Un espacio humano de escucha activa, orientaci\u00f3n t\u00e9cnica y acompa\u00f1amiento para las familias, j\u00f3venes y entornos que m\u00e1s lo necesitan. Solicitar orientaci\u00f3n directa Sin costo \u00b7 Confidencial \u00b7 Con m\u00e1s de 30 a\u00f1os de trayectoria en gesti\u00f3n social El manifiesto Vocaci\u00f3n y enfoque de\u2026<\/p>","protected":false},"author":1,"featured_media":4293,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-4267","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"uagb_featured_image_src":{"full":["https:\/\/www.online8020.com\/wp-content\/uploads\/2026\/07\/Social.png",1408,687,false],"thumbnail":["https:\/\/www.online8020.com\/wp-content\/uploads\/2026\/07\/Social-150x150.png",150,150,true],"medium":["https:\/\/www.online8020.com\/wp-content\/uploads\/2026\/07\/Social-300x146.png",300,146,true],"medium_large":["https:\/\/www.online8020.com\/wp-content\/uploads\/2026\/07\/Social-768x375.png",768,375,true],"large":["https:\/\/www.online8020.com\/wp-content\/uploads\/2026\/07\/Social-1024x500.png",1024,500,true],"1536x1536":["https:\/\/www.online8020.com\/wp-content\/uploads\/2026\/07\/Social.png",1408,687,false],"2048x2048":["https:\/\/www.online8020.com\/wp-content\/uploads\/2026\/07\/Social.png",1408,687,false],"trp-custom-language-flag":["https:\/\/www.online8020.com\/wp-content\/uploads\/2026\/07\/Social-18x9.png",18,9,true]},"uagb_author_info":{"display_name":"info@online8020.com","author_link":"https:\/\/www.online8020.com\/es\/author\/infoonline8020-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Espacio sociocomunitario Compromiso Social y Comunitario: transformando realidades desde la base. Un espacio humano de escucha activa, orientaci\u00f3n t\u00e9cnica y acompa\u00f1amiento para las familias, j\u00f3venes y entornos que m\u00e1s lo necesitan. Solicitar orientaci\u00f3n directa Sin costo \u00b7 Confidencial \u00b7 Con m\u00e1s de 30 a\u00f1os de trayectoria en gesti\u00f3n social El manifiesto Vocaci\u00f3n y enfoque de\u2026","_links":{"self":[{"href":"https:\/\/www.online8020.com\/es\/wp-json\/wp\/v2\/pages\/4267","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.online8020.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.online8020.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.online8020.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.online8020.com\/es\/wp-json\/wp\/v2\/comments?post=4267"}],"version-history":[{"count":4,"href":"https:\/\/www.online8020.com\/es\/wp-json\/wp\/v2\/pages\/4267\/revisions"}],"predecessor-version":[{"id":4295,"href":"https:\/\/www.online8020.com\/es\/wp-json\/wp\/v2\/pages\/4267\/revisions\/4295"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.online8020.com\/es\/wp-json\/wp\/v2\/media\/4293"}],"wp:attachment":[{"href":"https:\/\/www.online8020.com\/es\/wp-json\/wp\/v2\/media?parent=4267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}