{"id":6072,"date":"2023-02-14T13:27:56","date_gmt":"2023-02-14T16:27:56","guid":{"rendered":"https:\/\/des-tuc.infd.edu.ar\/sitio\/?page_id=6072"},"modified":"2023-03-08T10:06:59","modified_gmt":"2023-03-08T13:06:59","slug":"eje-problemas-sociales-contemporaneos","status":"publish","type":"page","link":"https:\/\/des-tuc.infd.edu.ar\/sitio\/eje-problemas-sociales-contemporaneos\/","title":{"rendered":"EJE: Problemas Sociales Contempor\u00e1neos"},"content":{"rendered":"\n<div class=\"conteiner\">\n<!-- \n <div id=\"conteiner-charge\">\n            <div id=\"charge\"><\/div>\n            <div id=\"charge2\"><\/div>\n        <\/div>\n-->\n        <section class=\"banner\">\n            <img decoding=\"async\" src=\"https:\/\/des-tuc.infd.edu.ar\/sitio\/wp-content\/uploads\/2023\/02\/boton-largo-curso-introductorio-problema-sociales.jpg\" alt=\"banner\">\n            \n        <\/section>\n\n        <section class=\"section1\">\n           <h2>MATERIAL DE SUGERENCIA <\/br> Eje: Problem\u00e1ticas Sociales Contempor\u00e1neas<\/h2>\n           <p>El presente eje aborda cinco problem\u00e1ticas sociales contempor\u00e1neas desde diversas propuestas audiovisuales: la violencia en algunas de sus facetas <strong>diversidad cultural (identidad marr\u00f3n), medio ambiente, educaci\u00f3n sexual integral (ESI), fake news (noticias falsas) y violencias (violencia en el noviazgo y pobreza).<\/strong> La selecci\u00f3n es un recorte parcial guiado por el criterio de su car\u00e1cter de ineludibles y urgentes. Como ciudadanas\/os no podemos desconocer la importancia de discutir y reflexionar sobre temas que nos interpelan en las calles, en las aulas, en las casas. En este sentido, poner en el centro del debate algunas de las problem\u00e1ticas sociales contempor\u00e1neas promueve la participaci\u00f3n ciudadana activa de las\/os estudiantes y fortalece su posici\u00f3n como garantes de derechos. Por \u00faltimo, consideramos que, por su relevancia, el tratamiento de este material puede hacerse extensivo a toda la comunidad educativa.<\/p>\n        <\/section>\n         <div class=\"title\">\n            <h2>TEMAS<\/h2>\n        <\/div>\n\n        <div id=\"menu\">\n        <ul>\n            <li><a href=\"https:\/\/des-tuc.infd.edu.ar\/sitio\/diversidad-cultural-curso-introductorio-2023\/\">\n                <p>Diversidad Cultural<\/p>\n                <div id=\"diversidad\"><\/div>\n            <\/a>    \n            <\/li>\n            <li><a href=\"https:\/\/des-tuc.infd.edu.ar\/sitio\/medio-ambiente-curso-introductorio-2023\/\">\n                    <p>Medio Ambiente<\/p>\n                    <div id=\"ambiente\"><\/div>\n                <\/a>    \n            <\/li>\n            <li><a href=\"https:\/\/des-tuc.infd.edu.ar\/sitio\/esi-curso-introductorio-2023\/\">\n                    <p>Educaci\u00f3n Sexual Integral (ESI)<\/p>\n                    <div id=\"esi\"><\/div>\n                <\/a>    \n            <\/li>\n            <li><a href=\"https:\/\/des-tuc.infd.edu.ar\/sitio\/fake-news-curso-introductorio-2023\/\">\n                    <p>Fake News<\/p>\n                    <div id=\"fake\"><\/div>\n                <\/a>    \n            <\/li>\n            \n            \n            <li><a href=\"https:\/\/des-tuc.infd.edu.ar\/sitio\/violencias-curso-introductorio-2023\/\">\n                <p>Violencias<\/p>\n                <div id=\"violencias\"><\/div>\n            <\/a>    \n            <\/li>\n        <\/ul>\n        <\/div>\n       \n        <section class=\"footer\">\n            <a href=\"https:\/\/des-tuc.infd.edu.ar\/sitio\/\">\n                <h3>https:\/\/des-tuc.infd.edu.ar\/sitio\/<\/h3>\n            <\/a>\n        <\/section>\n    <\/div>\n\n\n\n<style>\n* {\n    padding: 0px;\n    margin: 0px;\n    font-family:Arial, Helvetica, sans-serif;\n}\n\n\/* En este documento voy a trabajar con las propiedades del grid para maquetar la pagina *\/\n\n.conteiner {\n    max-width: 1000px;\n    min-width: 400px;\n    display: flex;\n    flex-direction: column;\n    \/* margin: 10px; *\/\n    justify-content: center;\n    background-color: #29FFD5;\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='100%25' height='100%25' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%233bf4ff'\/%3E%3Cstop offset='1' stop-color='%233bf4ff' stop-opacity='0'\/%3E%3C\/radialGradient%3E%3CradialGradient id='b' cx='1200' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2363c5ff'\/%3E%3Cstop offset='1' stop-color='%2363c5ff' stop-opacity='0'\/%3E%3C\/radialGradient%3E%3CradialGradient id='c' cx='600' cy='0' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2376a9ff'\/%3E%3Cstop offset='1' stop-color='%2376a9ff' stop-opacity='0'\/%3E%3C\/radialGradient%3E%3CradialGradient id='d' cx='600' cy='800' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2329FFD5'\/%3E%3Cstop offset='1' stop-color='%2329FFD5' stop-opacity='0'\/%3E%3C\/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%234DC8FF'\/%3E%3Cstop offset='1' stop-color='%234DC8FF' stop-opacity='0'\/%3E%3C\/radialGradient%3E%3CradialGradient id='f' cx='1200' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%239EA4FF'\/%3E%3Cstop offset='1' stop-color='%239EA4FF' stop-opacity='0'\/%3E%3C\/radialGradient%3E%3C\/defs%3E%3Crect fill='url(%23a)' width='1200' height='800'\/%3E%3Crect fill='url(%23b)' width='1200' height='800'\/%3E%3Crect fill='url(%23c)' width='1200' height='800'\/%3E%3Crect fill='url(%23d)' width='1200' height='800'\/%3E%3Crect fill='url(%23e)' width='1200' height='800'\/%3E%3Crect fill='url(%23f)' width='1200' height='800'\/%3E%3C\/svg%3E\");\n    background-attachment: fixed;\n    background-size: cover;\n}\n\n.banner img {\n    width: 100%;\n}\n\n.section1 {\n    padding: 10px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    background-color: #49CEF9;\n}\n\n.section1 {\n    margin-top: -8px;\n}\n\n.section1 h2,\n.section1 p {\n    text-align: center;\n}\n\n.section1 h2 {\n    padding-top: 1em;\n}\n\n#menu {\n    \/* background-color: brown; *\/\n    width: 50%;\n    margin: auto;\n    margin-bottom: 1.2rem;\n}\n\n#menu ul li{\n    list-style: none;\n    height: 2.5em;\n    display: flex;\n    align-items: center;\n}\n\n#menu ul li a div {\n    width: 25px;\n    height: 25px;\n    border-radius: 50%;\n    background-color: black;\n    transition: transform 300ms;\n}\n    #menu #violencias {\n        background-color: #8C52FF;\n    }\n       #menu #fake {\n            background-color: rgb(243, 212, 40);\n        }\n           #menu #ambiente {\n                background-color: #0d8c1e;\n            }\n               #menu #esi {\n                    background-color: #FF914C;\n                }\n                   #menu #diversidad {\n                        background-color: rgb(205, 66, 39);\n                    }\n                        #violencias,\n                        #fake,\n                        #ambiente,\n                        #esi,\n                        #diversidad {\n                            position: absolute;\n                        }\n#menu ul li a {\n    text-decoration: none;\n    margin: 0.5em;\n    display: flex;\n    align-items: center;\n    transition: all 200ms;\n}\n\n#menu p {\n    color: black;\n    font-size: 1.2em;\n    transition: transform 200ms;\n    margin-left: 1.5em;\n    margin-bottom: 0px;\n    width: 20rem;\n    flex-wrap: nowrap;\n}\n    #menu p:hover {\n        transform: scale(1.1);\n        transform: translateX(0.5em);\n        font-weight: bold;   \n    }\n        #menu p:hover ~ div {\n            transform: scale(1.2);\n            transform: translateX(0.2em);\n            height: 12.5px;\n        }\n\n.title {\n    margin: auto;\n    margin-top: 1.5em;\n    margin-bottom: 0em;\n}\n\n\n.footer {\n    margin: 0px;\n    grid-column: 1 \/ 3;\n    display: flex;\n    height: 5rem;\n    align-items: center;\n    background-color: #49CEF9;\n}\n    .footer a {\n        margin: auto;\n    }\n       .footer h3 {\n            margin: auto;\n            color: aliceblue;\n            font-size: 1.3em;\n       }\n\/*Ac\u00e1 se coloca este content, porque wordpress genera un margen por defecto.*\/\n#content { padding: 0px; }\n\n@media screen and (max-width: 750px){\n   \n    #menu ul li {\n        width: 20rem;\n    }\n    #menu {\n        margin-left: 1em;\n        width: 100%;\n    }\n    .section1 p {\n        font-size: 0.9em;\n    }\n    .title h2 {\n        margin-bottom: 0.2em;\n        font-size: 1.8em;\n    }\n    .title {\n        margin-bottom: 0.4em;\n    }\n    \n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>MATERIAL DE SUGERENCIA Eje: Problem\u00e1ticas Sociales Contempor\u00e1neas El presente eje aborda cinco problem\u00e1ticas sociales contempor\u00e1neas desde diversas propuestas audiovisuales: la violencia en algunas de sus facetas diversidad cultural (identidad marr\u00f3n), medio ambiente, educaci\u00f3n sexual integral (ESI), fake news (noticias falsas) y violencias (violencia en el noviazgo y pobreza). La selecci\u00f3n es un recorte parcial guiado &#8230; <a title=\"EJE: Problemas Sociales Contempor\u00e1neos\" class=\"read-more\" href=\"https:\/\/des-tuc.infd.edu.ar\/sitio\/eje-problemas-sociales-contemporaneos\/\" aria-label=\"More on EJE: Problemas Sociales Contempor\u00e1neos\">[+]<\/a><\/p>\n","protected":false},"author":408,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/des-tuc.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/6072"}],"collection":[{"href":"https:\/\/des-tuc.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/des-tuc.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/des-tuc.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/users\/408"}],"replies":[{"embeddable":true,"href":"https:\/\/des-tuc.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/comments?post=6072"}],"version-history":[{"count":54,"href":"https:\/\/des-tuc.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/6072\/revisions"}],"predecessor-version":[{"id":7079,"href":"https:\/\/des-tuc.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/6072\/revisions\/7079"}],"wp:attachment":[{"href":"https:\/\/des-tuc.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/media?parent=6072"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}