{"id":6761,"date":"2023-03-08T02:22:11","date_gmt":"2023-03-08T05:22:11","guid":{"rendered":"https:\/\/des-tuc.infd.edu.ar\/sitio\/?page_id=6761"},"modified":"2023-03-10T11:56:24","modified_gmt":"2023-03-10T14:56:24","slug":"esi-curso-introductorio-2023","status":"publish","type":"page","link":"https:\/\/des-tuc.infd.edu.ar\/sitio\/esi-curso-introductorio-2023\/","title":{"rendered":"ESI \/ Curso Introductorio 2023"},"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        <div class=\"title\">\n            <h2>EDUCACION SEXUAL INTEGRAL (ESI)<\/h2>\n        <\/div>\n       \n        <section class=\"section1\">\n\n        <div class=\"title2\"> \n              <h3>MATERIAL DE TRABAJO<\/h3>\n        <\/div>           \n\n            <div class=\"video1\">\n                <iframe src=\"https:\/\/www.youtube.com\/embed\/joAb83GTpbM\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n                <p><strong>Cocodrilo<\/strong> \u2013 Cortometraje (2021)<\/p>\n            <\/div>\n\n            <div class=\"video2\">              \n                <iframe src=\"https:\/\/www.youtube.com\/embed\/FCrCr_98Gk8\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n                <p><strong>D\u00eda del Orgullo: la revuelta de Stonewall, el movimiento LGBTIQ+ en Argentina y M\u00c1S<\/strong> \u2013 Filo.explica<\/p>\n            <\/div>\n            <div class=\"pdf1\">\n                <iframe src=\"https:\/\/www.argentina.gob.ar\/sites\/default\/files\/esi_es_parte_de_la_vida.pdf\" frameborder=\"0\" allowfullscreen=\"\"><\/iframe>\n                \n                <p>Material de apoyo sobre educaci\u00f3n sexual integral y discapacidad para compartir en familia<\/p>\n            <\/div>\n        \n          <div class=\"title4\"> \n              <h3>ACTIVIDADES<\/h3>\n          <\/div>    \n           <div class=\"pdf3\">\n                \n                <iframe src=\"https:\/\/des-tuc.infd.edu.ar\/sitio\/wp-content\/uploads\/2023\/02\/Curso-Introductorio-Problematicas-Sociales-ESI-Identidad.pdf\" frameborder=\"0\" allowfullscreen=\"\"><\/iframe>\n            <\/div>\n            <div class=\"pdf6\">\n                \n                <iframe src=\"https:\/\/des-tuc.infd.edu.ar\/sitio\/wp-content\/uploads\/2023\/02\/Curso-introductorio-Problematicas-Sociales-ESI.pdf\" frameborder=\"0\" allowfullscreen=\"\"><\/iframe>\n            <\/div>\n        <\/section>\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: 350px;\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    display: grid;\n    grid-template-columns: 50% 50%;\n    \/*place-items: center;*\/\n}\n\n.title {\n    grid-column: 1 \/ span 2;\n    grid-row: 1 \/ 2;\n    background-color: #FF914C;\n    display: flex;\n    height: 10rem;\n    width: 100%;\n    margin: -10px 0px 20px 0px;\n    justify-content: center;\n    border-bottom: 2px solid black;\n    border-top: 2px solid black;\n}\n     .title h2 {\n        text-align: center;\n        margin: auto;\n        padding: 1.5rem;\n        color: white;\n        font-size: 3rem;\n     }\n\n.title2 {\n    grid-column: 1 \/ span 2;\n    grid-row: 1 \/ 2;\n}\n     .title2 h3 {\n        text-align: center;\n        padding: 1rem;\n     }\n\n.video1 {\n     grid-column: 1 \/ span 2;\n     grid-row: 2 \/ span 1;\n     display: flex;\n     flex-direction: column;\n     justify-content: center;\n     margin: 0px 0px 10px 0px;\n}\n     .video1 iframe {\n          width: 80%;\n          height: 100%;\n          aspect-ratio: 16 \/ 9;\n          margin: auto;\n     }\n           .video1 p {\n               text-align: center;\n               padding: 0.8rem;\n               font-weight: bold;\n           }\n\n.pdf1 {\n     grid-column: 1 \/ span 2;\n     grid-row: 4 \/ span 1;\n     display: flex;\n     flex-direction: column;\n     justify-content: center;\n     \n}\n      .pdf1 iframe {\n            width: 70%;\n            margin: auto;\n            height: 46em;\n      }\n            .pdf1 p {\n                 width: 70%;\n                 text-align: center;\n                 margin: auto;\n                 padding: 0.8em;\n            }\n\n\n.title3 {\n     grid-column: 1 \/ span 2;\n     grid-row: 5 \/ span 1;\n     margin: 3rem 0px 1rem 0px;\n}\n     .title3 h3 {\n          text-align: center;\n     }\n\n.video2 {\n     grid-column: 1 \/ span 2;\n     grid-row: 3 \/ span 1;\n     width: 100%;\n     \/*height: 30rem;*\/\n     display: flex;\n     flex-direction: column;\n     justify-content: center;\n     \n}\n      .video2 iframe {\n          width: 80%;\n          height: 90%;\n          margin: auto;\n          aspect-ratio: 16 \/ 9;\n      }\n            .video2 p {\n                 text-align: center;\n                 width: 80%;\n                 margin: auto;\n                 margin-top: 1em;\n                 margin-bottom: 2em;\n            }\n\n.title4 {\n    grid-column: 1 \/ span 2;\n    grid-row: 8 \/ span 1;\n    margin-top: 2rem;\n}\n     .title4 {\n         text-align: center;\n     }\n\n.pdf6 {\n      grid-column: 1 \/ span 1;\n      grid-row: 9 \/ 10;\n      height: 42rem;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      margin-top: -2rem;\n}\n       .pdf6 iframe {\n            width: 90%;\n            height: 90%;\n            margin: auto;\n       }\n               .pdf6 h2 {\n                    text-align: center;\n               }\n.pdf3 {\n      grid-column: 2 \/ span 1;\n      grid-row: 9 \/ 10;\n      height: 42rem;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      margin-top: -2rem;\n}\n       .pdf3 iframe {\n            width: 90%;\n            height: 90%;\n            margin: auto;\n       }\n               .pdf3 h2 {\n                    text-align: center;\n               }\n\n.footer {\n      grid-column: 2 \/ span 1;\n      grid-row: 8 \/ span 1;\n      \/*border: 2px solid white;*\/\n      padding: 1.4em;\n      background-color: #49CEF9;\n}\n      .footer h3{\n           text-align: center;\n           margin: auto;\n           font-size: 1.3em;\n           color: black;\n      }\n             .footer h3:hover {\n                   color: white;\n             }\n\n@media screen and (max-width: 750px){\n       #content {\n           padding: 0px;\n       }\n\n       .title h2 {\n            font-size: 2.2rem;\n       }\n       \n       .title2 h3,\n       .title3 h3 {\n            font-size: 1.5em;\n       }\n\n       .video1 iframe {\n            width: 90%;\n            height: 100%;\n       }\n\n       .pdf1 iframe {\n            width: 85%;\n            \/*border: 2px solid black;*\/ \n            height: 18rem;\n       }\n\n       .video2 {\n            grid-column: 1 \/ span 2;\n            grid-row: 3 \/ 4;\n            margin-bottom: 1.2rem;\n       }\n              .video2 iframe {\n                    width: 90%;\n                    padding-bottom: 0px;\n               }\n                      .video2 p {\n                          margin-top: 1em;\n                      }\n       \n       .pdf3 {\n            grid-column: 1 \/ span 2;\n            grid-row: 9 \/ 10;\n            height: 20rem;\n            margin-bottom: 2em;\n       }\n             .pdf3 iframe {\n                  width: 85%;\n                  \/*border: 2px solid black;*\/\n                  height: 18rem;\n             }\n       .pdf6 {\n            grid-column: 1 \/ span 2;\n            grid-row: 10 \/ 11;\n            height: 20rem;\n            margin-bottom: 1em;\n            \/*border: 2px solid red;*\/\n       }\n             .pdf6 iframe {\n                  width: 85%;\n                  \/*border: 2px solid black;*\/\n                  height: 18rem;\n             }\n\n\n       .footer {\n            grid-row: 9 \/ 10;\n       }\n\n{\n\n\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>EDUCACION SEXUAL INTEGRAL (ESI) MATERIAL DE TRABAJO Cocodrilo \u2013 Cortometraje (2021) D\u00eda del Orgullo: la revuelta de Stonewall, el movimiento LGBTIQ+ en Argentina y M\u00c1S \u2013 Filo.explica Material de apoyo sobre educaci\u00f3n sexual integral y discapacidad para compartir en familia ACTIVIDADES https:\/\/des-tuc.infd.edu.ar\/sitio\/<\/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\/6761"}],"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=6761"}],"version-history":[{"count":30,"href":"https:\/\/des-tuc.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/6761\/revisions"}],"predecessor-version":[{"id":7095,"href":"https:\/\/des-tuc.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/6761\/revisions\/7095"}],"wp:attachment":[{"href":"https:\/\/des-tuc.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/media?parent=6761"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}