{"id":21,"date":"2025-10-08T00:33:51","date_gmt":"2025-10-08T00:33:51","guid":{"rendered":"https:\/\/elprofebernardo.cl\/?page_id=21"},"modified":"2026-07-07T22:47:49","modified_gmt":"2026-07-07T22:47:49","slug":"inclusion-y-convivencia","status":"publish","type":"page","link":"https:\/\/elprofebernardo.cl\/?page_id=21","title":{"rendered":"Inclusi\u00f3n y convivencia"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Flyer: Microtaller Humanismo<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;900&display=swap');\n\n        :root {\n            --primary-blue: #007BFF; \n            --secondary-purple: #5B2C6F; \n            --accent-green: #28A745; \n            --accent-yellow: #FFC107; \n            --white: #ffffff;\n        }\n\n        body {\n            margin: 0;\n            padding: 20px;\n            background-color: #1a1a1a;\n            display: flex;\n            justify-content: center;\n            font-family: 'Montserrat', sans-serif;\n        }\n\n        .flyer-container {\n            width: 100%;\n            max-width: 800px;\n            position: relative;\n            background-color: var(--secondary-purple);\n            border-radius: 15px;\n            overflow: hidden;\n            box-shadow: 0 15px 35px rgba(0,0,0,0.5);\n            color: var(--white);\n        }\n\n        \/* Fondo difuminado de personas *\/\n        .flyer-bg {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-image: url('https:\/\/images.unsplash.com\/photo-1521737604893-d14cc237f11d?q=80&w=1200&auto=format&fit=crop');\n            background-size: cover;\n            background-position: center;\n            filter: blur(4px);\n            z-index: 1;\n        }\n\n        \/* Capa de color para legibilidad *\/\n        .flyer-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(135deg, rgba(91, 44, 111, 0.9) 0%, rgba(0, 123, 255, 0.8) 100%);\n            z-index: 2;\n        }\n\n        .flyer-content {\n            position: relative;\n            z-index: 3;\n            padding: 40px;\n            display: flex;\n            flex-direction: column;\n            gap: 25px;\n        }\n\n        .header {\n            text-align: center;\n            border-bottom: 3px solid var(--accent-yellow);\n            padding-bottom: 20px;\n        }\n\n        .header h1 {\n            color: var(--accent-yellow);\n            font-size: 2.2rem;\n            font-weight: 900;\n            text-transform: uppercase;\n            margin: 0 0 10px 0;\n            line-height: 1.2;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);\n        }\n\n        .header p {\n            font-size: 1.2rem;\n            font-style: italic;\n            margin: 0;\n            font-weight: 700;\n        }\n\n        .grid-layout {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 20px;\n        }\n\n        .box {\n            background: rgba(255, 255, 255, 0.1);\n            border-left: 4px solid var(--accent-yellow);\n            padding: 20px;\n            border-radius: 0 8px 8px 0;\n            backdrop-filter: blur(5px);\n        }\n\n        .box-green { border-color: var(--accent-green); }\n\n        .box h3 {\n            margin-top: 0;\n            color: var(--accent-yellow);\n            font-size: 1.2rem;\n            margin-bottom: 12px;\n        }\n\n        .box-green h3 { color: #82e89d; }\n\n        .box ul {\n            margin: 0;\n            padding-left: 20px;\n            font-size: 0.9rem;\n            line-height: 1.5;\n        }\n\n        .box li { margin-bottom: 8px; }\n        .box p { font-size: 0.9rem; line-height: 1.5; margin: 0 0 10px 0; }\n\n        .pricing-section {\n            background: var(--white);\n            color: var(--text-dark);\n            padding: 20px;\n            border-radius: 10px;\n            text-align: center;\n        }\n\n        .pricing-section h3 {\n            color: var(--secondary-purple);\n            margin: 0 0 15px 0;\n            font-size: 1.4rem;\n        }\n\n        .prices-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 15px;\n            text-align: left;\n        }\n\n        .price-card {\n            background: var(--bg-light);\n            border: 1px solid #dee2e6;\n            padding: 15px;\n            border-radius: 8px;\n        }\n\n        .price-card h4 {\n            color: var(--primary-blue);\n            margin: 0 0 10px 0;\n        }\n\n        .price-tag {\n            font-size: 1.3rem;\n            font-weight: 900;\n            color: var(--accent-green);\n            display: block;\n            margin: 10px 0;\n        }\n\n        .footer {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            background: rgba(0, 0, 0, 0.4);\n            padding: 20px;\n            border-radius: 10px;\n            margin-top: 10px;\n        }\n\n        .contact-info {\n            display: flex;\n            flex-direction: column;\n            gap: 12px;\n        }\n\n        .contact-item {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            font-size: 1.1rem;\n            font-weight: bold;\n        }\n\n        .icon-wsp { color: #25D366; font-size: 1.4em; }\n        .icon-mail { color: var(--accent-yellow); font-size: 1.3em; }\n        .logo-web { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; background: white; padding: 2px; }\n\n        .qr-container {\n            text-align: center;\n            background: white;\n            padding: 10px;\n            border-radius: 8px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            min-width: 120px;\n        }\n\n        .qr-container img {\n            width: 100px;\n            height: 100px;\n            display: block;\n            margin: 0 auto;\n        }\n\n        .qr-container p {\n            color: var(--text-dark);\n            margin: 8px 0 0 0;\n            font-size: 0.8rem;\n            font-weight: bold;\n            text-align: center;\n            letter-spacing: 0.5px;\n        }\n\n        @media (max-width: 650px) {\n            .grid-layout, .prices-grid { grid-template-columns: 1fr; }\n            .header h1 { font-size: 1.8rem; }\n            .footer { flex-direction: column; gap: 20px; text-align: center; }\n            .contact-info { align-items: flex-start; margin: 0 auto; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"flyer-container\">\n    <div class=\"flyer-bg\"><\/div>\n    <div class=\"flyer-overlay\"><\/div>\n    \n    <div class=\"flyer-content\">\n        <div class=\"header\">\n            <h1>Microtaller: Falta de presencia, simulacro y humanismo<\/h1>\n            <p>\u00abEducando en la diferencia, creando ciudadanos capaces de acuerdos\u00bb<\/p>\n        <\/div>\n\n        <div class=\"grid-layout\">\n            <div class=\"box\">\n                <h3>Ideas Fuerza y Principios<\/h3>\n                <ul>\n                    <li><strong>Alfabetismo Cr\u00edtico:<\/strong> Leer y cuestionar la estructura algor\u00edtmica de la informaci\u00f3n.<\/li>\n                    <li><strong>Presencia Cr\u00edtica:<\/strong> Restaurar la autenticidad del sujeto ante las narrativas IA.<\/li>\n                    <li><strong>Pensamiento Rizom\u00e1tico:<\/strong> Fomentar conexiones creativas, divergentes y plurales.<\/li>\n                    <li><strong>Educaci\u00f3n en la Diferencia:<\/strong> Construir ciudadan\u00eda democr\u00e1tica valorando la alteridad.<\/li>\n                <\/ul>\n            <\/div>\n\n            <div class=\"box box-green\">\n                <h3>Marco Te\u00f3rico y Alcance<\/h3>\n                <p>Respuesta a la infodemia y despersonalizaci\u00f3n digital, bajo las directrices del MBE y MBD.<\/p>\n                <strong>Niveles de Aplicaci\u00f3n:<\/strong>\n                <ul>\n                    <li>Iniciales (P\u00e1rvulos a 4\u00b0 B\u00e1sico)<\/li>\n                    <li>Superiores (5\u00b0 a 8\u00b0 B\u00e1sico)<\/li>\n                    <li>Ense\u00f1anza Media (1\u00b0 a 4\u00b0 Medio)<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <div class=\"pricing-section\">\n            <h3>Adquisici\u00f3n y V\u00edas de Financiamiento<\/h3>\n            <p style=\"color: #666; font-size: 0.9rem; margin-bottom: 15px;\">Gesti\u00f3n Institucional v\u00eda Ley SEP, PIE y FAEP.<\/p>\n            \n            <div class=\"prices-grid\">\n                <div class=\"price-card\">\n                    <h4>Inducci\u00f3n Online (Individual B2C)<\/h4>\n                    <p style=\"font-size: 0.85rem; color: #555; margin: 0;\">Para docentes y profesionales independientes.<\/p>\n                    <span class=\"price-tag\">$90.000 CLP<\/span>\n                    <a href=\"https:\/\/wa.me\/56936224509\" style=\"display:inline-block; background: var(--accent-yellow); color: var(--secondary-purple); padding: 5px 15px; border-radius: 5px; text-decoration: none; font-weight: bold; font-size: 0.9rem;\">\u00a1Inscr\u00edbete aqu\u00ed!<\/a>\n                <\/div>\n                <div class=\"price-card\">\n                    <h4>Programa Institucional<\/h4>\n                    <p style=\"font-size: 0.85rem; color: #555; margin: 0;\">Presupuesto referencial (Equipos de 20 personas)<\/p>\n                    <ul style=\"padding-left: 15px; font-size: 0.8rem; color: #444; margin-top: 10px;\">\n                        <li><strong>$80.000 CLP<\/strong> (por profesional): Inducci\u00f3n presencial, manual y sesiones.<\/li>\n                        <li><strong>Coffee Break:<\/strong> Seg\u00fan requerimiento (3 opciones).<\/li>\n                        <li><strong>Incluido:<\/strong> Evaluaci\u00f3n online y plenaria final.<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"footer\">\n            <div class=\"contact-info\">\n                <div class=\"contact-item\">\n                    <i class=\"fa-brands fa-whatsapp icon-wsp\"><\/i> +56 9 3622 4509\n                <\/div>\n                <div class=\"contact-item\">\n                    <i class=\"fa-solid fa-envelope icon-mail\"><\/i> contacto@elprofebernardo.cl\n                <\/div>\n                <div class=\"contact-item\">\n                    <img decoding=\"async\" src=\"https:\/\/s2.googleusercontent.com\/s2\/favicons?domain=elprofebernardo.cl&#038;sz=64\" alt=\"Logo Bernardo\" class=\"logo-web\"> \n                    elprofebernardo.cl\n                <\/div>\n            <\/div>\n            \n            <div class=\"qr-container\">\n                <img decoding=\"async\" src=\"https:\/\/api.qrserver.com\/v1\/create-qr-code\/?size=150x150&#038;data=https:\/\/elprofebernardo.cl\" alt=\"QR Code\">\n                <p>M\u00c1S INFO<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Flyer: Microtaller Humanismo Microtaller: Falta de presencia, simulacro y humanismo \u00abEducando en la diferencia, creando ciudadanos capaces de acuerdos\u00bb Ideas Fuerza y Principios Alfabetismo Cr\u00edtico: Leer y cuestionar la estructura algor\u00edtmica de la informaci\u00f3n. Presencia Cr\u00edtica: Restaurar la autenticidad del sujeto ante las narrativas IA. Pensamiento Rizom\u00e1tico: Fomentar conexiones creativas, divergentes y plurales. Educaci\u00f3n en la Diferencia: Construir ciudadan\u00eda democr\u00e1tica [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":60,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-21","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/elprofebernardo.cl\/index.php?rest_route=\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elprofebernardo.cl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elprofebernardo.cl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elprofebernardo.cl\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elprofebernardo.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=21"}],"version-history":[{"count":9,"href":"https:\/\/elprofebernardo.cl\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":1115,"href":"https:\/\/elprofebernardo.cl\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions\/1115"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elprofebernardo.cl\/index.php?rest_route=\/wp\/v2\/media\/60"}],"wp:attachment":[{"href":"https:\/\/elprofebernardo.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}