Cargando

Tabla interactiva sobre necesidades y satisfactores

6 min read 1.042 words 18 views
<div class="contenedor-matriz">
    <div class="encabezado-matriz">
        <h3>Matriz de Necesidades y Satisfactores (Teoría de Max-Neef)</h3>
        <p>Aplicada al análisis de la gestión pública en Costa Rica y la propuesta de Democracia Participativa en ARO.RED</p>
    </div>
    
    <div class="tabla-responsiva">
        <table class="tabla-maxneef">
            <thead>
                <tr>
                    <th>Categoría Axiológica (La Necesidad)</th>
                    <th>SER (Atributos personales o colectivos)</th>
                    <th>TENER (Instituciones, leyes, herramientas)</th>
                    <th>HACER (Acciones, praxis disciplinar)</th>
                    <th>ESTAR (Espacios, entornos de interacción)</th>
                </tr>
            </thead>
            <tbody>
                <tr class="fila-critica">
                    <td class="col-necesidad"><strong>PARTICIPACIÓN</strong><br><small class="eje-ponencia">Eje central ARO.RED</small></td>
                    <td>Conciencia crítica, corresponsabilidad, solidaridad, autonomía ciudadana.</td>
                    <td><strong>Artículo 9 Constitucional</strong>, Ley 8364, Cartas Iberoamericanas, Órgano Colegiado.</td>
                    <td>Cocrear el PNDIP, cooperar, deliberar, votar de forma directa y vinculante.</td>
                    <td><strong>Mesas locales</strong>, sistemas deliberativos digitales, presupuestos participativos.</td>
                </tr>
                <tr>
                    <td class="col-necesidad"><strong>SUBSISTENCIA</strong></td>
                    <td>Salud física, adaptabilidad, cordura, resiliencia comunitaria.</td>
                    <td>Sistemas de producción local, salarios justos, seguridad social estable.</td>
                    <td>Alimentar, procrear, trabajar, contrarrestar seudo-satisfactores económicos.</td>
                    <td>Entorno vital, comedores escolares dotados, ferias locales de comercio.</td>
                </tr>
                <tr>
                    <td class="col-necesidad"><strong>PROTECCIÓN</strong></td>
                    <td>Cuidado, capacidad de previsión, autonomía ante la violencia.</td>
                    <td>Sistemas de seguridad social, salud pública descomprometida, redes de cuido.</td>
                    <td>Prevenir, vigilar, auditar fondos públicos, cooperar en seguridad comunal.</td>
                    <td>Contorno social seguro, barrios integrados, espacios públicos iluminados.</td>
                </tr>
                <tr>
                    <td class="col-necesidad"><strong>ENTENDIMIENTO</strong></td>
                    <td>Conciencia crítica, curiosidad, intuición, disciplina investigativa.</td>
                    <td>Educación superior pública (<strong>UCR</strong>), centros culturales, literatura.</td>
                    <td>Investigar, deconstrucir a Maslow, estudiar competencias estatales.</td>
                    <td>Aulas universitarias críticas, foros abiertos, redes de saber colectivo.</td>
                </tr>
                <tr>
                    <td class="col-necesidad"><strong>AFECTO</strong></td>
                    <td>Autoestima, generosidad, empatía, respeto a la diversidad.</td>
                    <td>Familias, redes de apoyo mutuo, organizaciones comunitarias horizontales.</td>
                    <td>Compartir, cuidar, expresar disenso constructivo, valorar al otro.</td>
                    <td>Hogar, espacios asociativos libres, contornos comunitarios protectores.</td>
                </tr>
                <tr>
                    <td class="col-necesidad"><strong>OCIO</strong></td>
                    <td>Curiosidad, receptividad, imaginación, tranquilidad.</td>
                    <td>Juegos, espectáculos públicos gratuitos, áreas verdes, agenda cultural.</td>
                    <td>Soñar, divagar, recrearse, desconectarse de la burocracia estatal.</td>
                    <td>Espacios de encuentro, plazas públicas libres de privatización mercantil.</td>
                </tr>
                <tr>
                    <td class="col-necesidad"><strong>CREACIÓN</strong></td>
                    <td>Imaginación, inventiva, racionalidad no instrumental, audacia.</td>
                    <td>Métodos pedagógicos, talleres, software libre, herramientas de innovación.</td>
                    <td>Diseñar el Órgano Colegiado, proponer soluciones sinérgicas, componer.</td>
                    <td>Laboratorios ciudadanos, colectivos artísticos, redes de Estado Abierto.</td>
                </tr>
                <tr>
                    <td class="col-necesidad"><strong>IDENTIDAD</strong></td>
                    <td>Pertenencia, consistencia, valores compartidos, respeto étnico.</td>
                    <td>Símbolos, lenguas propias, territorios indígenas autónomos, memoria histórica.</td>
                    <td>Integrarse, reconocerse como sujeto político, defender el tejido social.</td>
                    <td>Lugares de pertenencia, comunas, espacios de manifestación ciudadana.</td>
                </tr>
                <tr>
                    <td class="col-necesidad"><strong>LIBERTAD</strong></td>
                    <td>Autonomía, autodeterminación, rebeldía crítica, apertura.</td>
                    <td>Derechos humanos fundamentales, <strong>Artículo 21 DUDH</strong>, garantías sociales.</td>
                    <td>Discrepar, elegir, autogestionar el presupuesto, manifestarse pacíficamente.</td>
                    <td>Espacio público pleno, plataformas libres de censura algorítmica.</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

<style>
/* Estilos CSS Avanzados para WordPress */
.contenedor-matriz {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    margin: 20px 0;
    padding: 15px;
    background: #f8fafc;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}
.encabezado-matriz {
    margin-bottom: 20px;
    border-left: 5px solid #0284c7;
    padding-left: 15px;
}
.encabezado-matriz h3 {
    margin: 0 0 5px 0;
    color: #0f172a;
    font-size: 1.4rem;
}
.encabezado-matriz p {
    margin: 0;
    color: #64748b;
    font-size: 0.95rem;
}
.tabla-responsiva {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}
.tabla-maxneef {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-size: 0.9rem;
    min-width: 800px; /* Asegura legibilidad en móviles con scroll horizontal en el contenedor */
}
.tabla-maxneef th {
    background-color: #0f172a;
    color: #ffffff;
    padding: 12px 15px;
    font-weight: 600;
}
.tabla-maxneef td {
    padding: 12px 15px;
    border-bottom: 1px solid #e2e8f0;
    color: #334155;
    vertical-align: top;
    line-height: 1.4;
}
.tabla-maxneef tr:nth-child(even) {
    background-color: #ffffff;
}
.tabla-maxneef tr:nth-child(odd) {
    background-color: #f1f5f9;
}
.col-necesidad {
    background-color: #e2e8f0 !important;
    color: #0f172a !important;
    font-size: 0.95rem;
}
.eje-ponencia {
    color: #0284c7;
    font-weight: 600;
}
/* Resaltado de la fila de Participación como eje ético-político */
.fila-critica td {
    background-color: #e0f2fe !important;
    border-bottom: 2px solid #bae6fd;
}
.fila-critica .col-necesidad {
    background-color: #bae6fd !important;
}
</style>


Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *