<style>
    .title{
       font-size: 34px !important;
    }
    .thumbnail:hover{
      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16) !important;
    }
    .thumbnail .overlay span{
        padding: 16px !important;
        font-size: 14px !important;
        color: #fff !important;
    }
    .thumbnail:hover .shadow {
      background-color: #fff !important;
      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16) !important;
    }
    .thumbnail a .underline {
        border-bottom: none !important;
    }
    .subtitle-portada{
       font-family: 'Roboto', sans-serif;
       font-weight:400;
       font-size:16px;  
       color:#ffffff !important;   
    }
    .title-portada{
        font-family: 'Roboto', sans-serif;
        font-weight:400;
        font-size:24px;
        color:#fff !important;
    }
    .titlePagePrincipal{
        font-family: 'Roboto', sans-serif;
        font-weight:400;
        font-size:34px;
    }
    .js-clamp{
        font-family: 'Roboto', sans-serif;
        font-weight:500;
        font-size:20px !important;
        color:#262626 !important;   
    }


    
</style>

<!DOCTYPE html>
<html lang="es">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="">
        <meta name="author" content="educ.ar devteam">

        <meta property="og:title" content="Educ.ar" />
<meta property="og:description" content="El portal educativo del estado argentino" />
<meta property="og:url" content="https://www.educ.ar" />
<meta property="og:site_name" content="https://www.educ.ar" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.educ.ar/img/logo-ar.png" />

        <meta name="twitter:site" content="@educarportal" />
<meta name="twitter:title" content="Educ.ar" />
<meta name="twitter:description" content="El portal educativo del estado argentino" />
<meta name="twitter:url" content="https://www.educ.ar" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@educarportal" />
<meta name="twitter:domain" content="https://www.educ.ar" />

        <link rel="icon" href="/img/favicon.ico" type="image/x-icon">
        <title>Inicio - Educ.ar</title>
        <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet"> 
        <link rel="stylesheet" href="/build/css/frontend/main-55ba2e622c.css">
        <link rel="stylesheet" href="/build/css/frontend/app-b4fbec0b09.css">

                    <!-- Hotjar Tracking Code for www.educ.ar -->
<script>
    (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid:976029,hjsv:6};
        a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>            </head>
    <body class="">
                    <header id="main-header" class="header-flat" style="">

    <div id="header-container">

        <div id="toggle-menu" onclick="openResponsiveMenu()">
            <div id="toggle-btn"></div>
        </div>

        <a id="header-logo" href="https://www.educ.ar"></a>

        <div id="right-container">
            <div id="search-toggle" onclick="toggleSearchInput()"></div>
            <form id="search-container" action="https://www.educ.ar/recursos/buscar">
                <div id="search-control">
                    <label for="search-input"></label>
                    <input name="q" onfocus="toggleSearchFocus()" onblur="toggleSearchFocus()" id="search-input" placeholder="Buscar..." autocomplete="off">
                </div>
            </form>

                        <a id="user-container" href="https://www.educ.ar/login">
                <div id="user-login">
                    <span>INGRESAR</span>
                </div>
            </a>
                    </div>

        <nav id="responsive-menu" class="">

            <div id="logo-container">
                <a id="menu-logo" href="https://www.educ.ar"></a>
            </div>

            <div id="options-container">
                                                            <a class="js-trackingAction " href="https://www.educ.ar/recursos" data-eventCategory="Inicio" data-eventAction="button" data-eventLabel="Recursos">Recursos</a>
                                                                <a class="js-trackingAction " href="https://www.educ.ar/noticias" data-eventCategory="Inicio" data-eventAction="button" data-eventLabel="Novedades">Novedades</a>
                                                                <a class="js-trackingAction " href="https://www.educ.ar/cursos" data-eventCategory="Inicio" data-eventAction="button" data-eventLabel="Formaci&oacute;n">Formaci&oacute;n</a>
                                                                <a class="js-trackingAction " href="https://www.educ.ar/recursos/150033/especiales" data-eventCategory="Inicio" data-eventAction="button" data-eventLabel="Especiales">Especiales</a>
                                                        </div>
        </nav>

    </div>
</header>

<style>
    @media  screen and (min-width: 540px) {
        .myPaginator{
            top: 75px;
        }
    }
    @media  screen and (max-width: 539px) {
        .myPaginator {
            top: 56px;
        }
    }
</style>
<script>
    const toggleSearchFocus = () => {
        $("#search-container").toggleClass("active");
    }

    const showChildrenMenu = (e) => {
        var li = $(e).parent()
        li.toggleClass("active");
    }

    const openResponsiveMenu = () => {
        var e = $("#responsive-menu");
        if (!e.hasClass("active"))
        {
            closeProfileDropdown();
            hideSearchInput();
            e.addClass("active");
        }
    }

    const toggleResponsiveMenuByKey = (event, key) => {
        if (event.which === key && event.ctrlKey && event.shiftKey)
            if (!$("#responsive-menu").hasClass("active"))
                openResponsiveMenu();
            else
                closeResponsiveMenu();
    }

    const closeResponsiveMenu = () => {
        var e = $("#responsive-menu");
        e.removeClass("active");
    }

    const closeResponsiveMenuByArea = (area) => {
        var container = $("#responsive-menu.active");
        if (!container.is(area.target) && container.has(area.target).length === 0)
            closeResponsiveMenu();
    }

    const closeResponsiveMenuByKey = (key) => {
        var e = $("#responsive-menu");
        if (e.hasClass("active") && key.which === 27)
            closeResponsiveMenu();
    }

    const showSearchInput = () => {
        $("#search-toggle").addClass("active");
        $(".header-flat").addClass("search-active");
        $("#search-input").focus();
        closeProfileDropdown();
        closeResponsiveMenu();
    }

    const hideSearchInput = () => {
        $("#search-toggle").removeClass("active");
        $(".header-flat").removeClass("search-active");
        $("#search-input").blur();
    }

    const hideSearchInputByKey = (key) => {
        if (key.which === 27)
        {
            $("#search-toggle").removeClass("active");
            $(".header-flat").removeClass("search-active");
            $("#search-input").blur();
        }
    }
    
    const toggleSearchInput = () => {
        if ($(".header-flat").hasClass("search-active"))
            hideSearchInput();
        else
            showSearchInput();
    }

    const closeProfileDropdown = () => {
        $("#user-profile").removeClass("active");
        $("#user-dropdown").removeClass("active");
    }

    const closeProfileDropdownByKey = (key) => {
        if (key.which === 27)
            closeProfileDropdown();
    }

    const closeProfileDropdownByArea = (area) => {
        var container = $("#user-dropdown.active");
        if (!container.is(area.target) && container.has(area.target).length === 0)
            closeProfileDropdown();
    }

    const closeProfileDropdownIfActive = () => {
        var container = $("#user-dropdown");
        if (container.hasClass("active"))
            closeProfileDropdown();
    }

    const alignProfileDropdown = () => {
        var data = {
            screen: window.innerWidth,
            position: $("#user-profile").position().left - 11,
            profile: $("#user-profile").width(),
            dropdown: $("#user-dropdown").width(),
        };

        data.difference = Math.abs((data.dropdown - data.profile) / 2);

        if (data.profile < data.dropdown)
            data.position -= data.difference;
        else
            data.position += data.difference;

        if ((data.screen - data.position) < data.dropdown)
            data.position -= (data.dropdown - (data.screen - data.position)) + 51;

        return data.position + "px";
    }

    const openProfileDropdown = () => {
        $("#user-dropdown").css("left", alignProfileDropdown());
        $("#user-dropdown").addClass("active");
        $("#user-profile").addClass("active");
    }

    const toggleProfileDropdown = () => {
        if ($("#user-dropdown").hasClass("active"))
            closeProfileDropdown();
        else
        {
            openProfileDropdown();
            closeResponsiveMenu();
            hideSearchInput();
        }
    }

    window.onmouseup = (area) => {
        closeResponsiveMenuByArea(area);
        closeProfileDropdownByArea(area);
    }

    window.onkeyup = (key) => {
        closeResponsiveMenuByKey(key);
        hideSearchInputByKey(key);
        closeProfileDropdownByKey(key);
        toggleResponsiveMenuByKey(key, 32); // ctrl + shift + space
    }
</script>

<style>
  .header-flat {
    z-index: 1030;
    width: 100%;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
    position: fixed;
    top: 0;
    left: 0;
    cursor: default;
  }
  @media  screen and (min-width: 600px) {
    .header-flat {
      border-top: 4px solid #0072bc;
      height: 76px;
    }
  }
  .header-flat:not(.header-flat.search-active) {
    height: 56px;
  }
  .header-flat #header-container {
    max-width: 796px;
    margin: 0 auto;
  }
  @media  screen and (min-width: 992px) {
    .header-flat #header-container {
      max-width: 990px;
    }
  }
  @media  screen and (min-width: 1300px) {
    .header-flat #header-container {
      max-width: 1194px;
    }
  }
  .header-flat #toggle-menu {
    float: left;
    width: 36px;
    height: 36px;
    margin: 10px 16px;
    cursor: pointer;
  }
  @media  screen and (min-width: 600px) {
    .header-flat #toggle-menu {
      margin: 18px 20px;
    }
  }
  @media  screen and (min-width: 768px) {
    .header-flat #toggle-menu {
      margin: 18px 36px;
    }
  }
  @media  screen and (min-width: 992px) {
    .header-flat #toggle-menu {
      display: none;
    }
  }
  .header-flat #toggle-menu #toggle-btn {
    width: 25px;
    height: 22px;
    margin: 7px auto;
    background-image: url(http://www.educ.ar/img/hamburger.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
  }
  .header-flat #header-logo {
    height: 28px;
    width: 90.91px;
    background-image: url(http://www.educ.ar/img/logo-educar.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 center;
    box-sizing: border-box;
    margin: 14px 0 14px 20px;
    float: left;
  }
  @media  screen and (min-width: 600px) {
    .header-flat #header-logo {
      height: 42px;
      margin: 15px 0 15px 10px;
    }
  }
  @media  screen and (min-width: 992px) {
    .header-flat #header-logo {
      margin: 15px 32px 15px 28px;
    }
  }
  .header-flat #right-container {
    float: right;
  }
  .header-flat #right-container #search-toggle, .header-flat #right-container #user-container {
    float: left;
    margin: 10px 16px;
  }
  .header-flat #right-container #search-toggle, .header-flat #right-container #user-login {
    width: 36px;
  }
  .header-flat #right-container #search-toggle, .header-flat #right-container #user-login, .header-flat #right-container #user-profile {
    display: block;
    height: 36px;
    border-radius: 18px;
    background-size: 26px auto;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
  }
  .header-flat #right-container #search-toggle:active, .header-flat #right-container #user-login:active, .header-flat #right-container #user-profile:active, .header-flat #right-container #search-toggle:hover, .header-flat #right-container #user-login:hover, .header-flat #right-container #user-profile:hover, .header-flat #right-container #search-toggle.active, .header-flat #right-container #user-login.active, .header-flat #right-container #user-profile.active {
    background-color: #f5f5f5;
  }
  @media  screen and (min-width: 600px) {
    .header-flat #right-container #user-profile {
      padding: 0 10px 0 0;
      box-sizing: border-box;
      background-color: #f5f5f5;
    }
  }
  .header-flat #right-container #user-profile #user-photo {
    height: 36px;
    width: 36px;
    border-radius: 18px;
    float: left;
    background-size: 24px auto;
    background-repeat: no-repeat;
    background-position: center;
  }
  .header-flat #right-container #user-profile #user-name {
    display: none;
  }
  @media  screen and (min-width: 600px) {
    .header-flat #right-container #user-profile #user-name {
      display: block;
      line-height: 36px;
      width: auto;
      float: left;
      font-family: Roboto, sans-serif;
      font-size: 14px;
      font-weight: 500;
      color: #707070;
    }
  }
  @media  screen and (min-width: 600px) {
    .header-flat #right-container #user-login:active, .header-flat #right-container #user-login:hover {
      background-color: #58a0ef;
    }
  }
  .header-flat #right-container #search-toggle {
    background-image: url(http://www.educ.ar/img/search.svg);
  }
  @media  screen and (min-width: 600px) {
    .header-flat #right-container #search-toggle {
      display: none;
    }
  }
  .header-flat #right-container #user-login {
    background-image: url(http://www.educ.ar/img/profile-dark.svg);
  }
  @media  screen and (min-width: 600px) {
    .header-flat #right-container #user-login {
      display: inline-block;
      background-image: url(http://www.educ.ar/img/profile-light.png);
      background-color: #0072bc;
      background-position: 12px center;
      background-size: 24px auto;
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
      border-radius: 4px;
      width: auto;
    }
  }
  .header-flat #right-container #user-login span {
    display: none;
    color: #fff;
  }
  @media  screen and (min-width: 600px) {
    .header-flat #right-container #user-login span {
      display: inline-block;
      line-height: 36px;
      padding: 0 16px 0 calc(36px + 8px);
      box-sizing: border-box;
      font-family: Roboto, sans-serif;
      font-weight: 500;
      font-size: 14px;
    }
  }
  @media  screen and (min-width: 600px) {
    .header-flat #right-container #user-container {
      margin: 18px 16px;
    }
  }
  @media  screen and (min-width: 768px) {
    .header-flat #right-container #user-container {
      margin: 18px 36px 18px 20px;
    }
  }
  @media  screen and (min-width: 992px) {
    .header-flat #right-container #user-container {
      margin: 18px 25px;
    }
  }
  .header-flat #right-container #user-container #user-dropdown {
    display: none;
    position: absolute;
    right: 0;
    background: #fff;
    margin: 18px 14px;
    border-radius: 4px;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.20);
    min-width: 139px;
    width: auto;
  }
  @media  screen and (min-width: 600px) {
    .header-flat #right-container #user-container #user-dropdown {
      margin: 10px 16px;
      right: unset;
    }
  }
  .header-flat #right-container #user-container #user-dropdown.active {
    display: block;
  }
  .header-flat #right-container #user-container #user-dropdown ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .header-flat #right-container #user-container #user-dropdown ul li a, .header-flat #right-container #user-container #user-dropdown ul li a:active {
    display: block;
    width: 100%;
    font-family: Roboto, sans-serif;
    color: #707070;
    text-decoration: none;
    line-height: 36px;
    font-weight: 500;
    font-size: 14px;
    padding: 0 16px;
    box-sizing: border-box;
    user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
  }
  .header-flat #right-container #user-container #user-dropdown ul li a:hover, .header-flat #right-container #user-container #user-dropdown ul li a:active:hover {
    background: #f5f5f5;
  }
  .header-flat #search-container {
    display: none;
  }
  .header-flat #search-container.active {
    box-shadow: 0 0 0 1px #0072bc;
  }
  @media  screen and (min-width: 600px) {
    .header-flat #search-container {
      display: block;
      float: left;
      border-radius: 4px;
      background: #f5f5f5;
      height: 36px;
      width: 100%;
      max-width: 203px;
      margin: 18px 4px;
    }
  }
  @media  screen and (min-width: 768px) {
    .header-flat #search-container {
      max-width: unset;
      width: 266px;
    }
  }
  @media  screen and (min-width: 992px) {
    .header-flat #search-container {
      width: 222px;
    }
  }
  @media  screen and (min-width: 600px) {
    .header-flat #search-container #search-control label {
      display: inline-block;
      background-image: url(http://www.educ.ar/img/search.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100%;
      height: 20px;
      width: 22px;
      margin: 8px 0 8px 12px;
      float: left;
      cursor: text;
    }
  }
  @media  screen and (min-width: 600px) {
    .header-flat #search-container #search-control #search-input {
      background: none;
      border: none;
      outline: none;
      display: inline-block;
      font-size: 14px;
      font-family: Roboto, sans-serif;
      line-height: 34px;
      float: left;
      padding: 2px 16px 0 8px;
      box-sizing: border-box;
      width: calc(100% - 36px);
    }
  }
  @media  screen and (max-width: 599px) {
    .header-flat.search-active {
      height: calc(56px + 48px);
    }
  }
  @media  screen and (max-width: 599px) {
    .header-flat.search-active #search-container {
      display: block;
      background: #f5f5f5;
      border-radius: 4px;
      position: absolute;
      top: 62px;
      left: 16px;
      width: calc(100% - 32px);
    }
  }
  @media  screen and (max-width: 599px) {
    .header-flat.search-active #search-container #search-control {
      height: 36px;
      background: none;
    }
  }
  @media  screen and (max-width: 599px) {
    .header-flat.search-active #search-container #search-control label, .header-flat.search-active #search-container #search-control #search-input {
      background: none;
      outline: none;
      border: 0;
      cursor: text;
      float: left;
    }
  }
  @media  screen and (max-width: 599px) {
    .header-flat.search-active #search-container #search-control label {
      display: none;
      background-image: url(http://www.educ.ar/img/search.svg);
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-position: center;
      height: 36px;
      width: 26px;
      margin: 0 -6px 0 8px;
    }
  }
  @media  screen and (max-width: 599px) {
    .header-flat.search-active #search-container #search-control #search-input {
      width: 100%;
      padding: 8px 12px;
    }
  }
  .header-flat nav#responsive-menu {
    position: fixed;
    top: 0;
    user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    width: 235px;
    height: 100%;
    background: #fafafa;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .28);
    transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
  }
  @media  screen and (min-width: 992px) {
    .header-flat nav#responsive-menu {
      transition-duration: 0s;
    }
  }
  .header-flat nav#responsive-menu:not(.active) {
    left: -251px;
  }
  @media  screen and (min-width: 992px) {
    .header-flat nav#responsive-menu:not(.active) {
      left: unset;
    }
  }
  .header-flat nav#responsive-menu.active {
    left: 0;
  }
  @media  screen and (min-width: 992px) {
    .header-flat nav#responsive-menu {
      position: relative;
      left: unset;
      top: unset;
      background: none;
      box-shadow: unset;
      width: auto;
      float: left;
    }
  }
  .header-flat nav#responsive-menu #logo-container {
    background: #fff;
    padding: 0 24px;
    box-sizing: border-box;
  }
  @media  screen and (min-width: 992px) {
    .header-flat nav#responsive-menu #logo-container {
      display: none;
    }
  }
  .header-flat nav#responsive-menu #logo-container #menu-logo {
    display: block;
    height: 76px;
    width: 90.91px;
    background-image: url(http://www.educ.ar/img/logo-educar.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 0 center;
    box-sizing: border-box;
  }
  .header-flat nav#responsive-menu #options-container {
    padding: 18px 16px;
    box-sizing: border-box;
    /* height: calc(100% - 56px); */
    overflow-x: hidden;
    overflow-y: auto;
  }
  @media  screen and (min-width: 992px) {
    .header-flat nav#responsive-menu #options-container {
      padding: unset;
    }
  }
  .header-flat nav#responsive-menu #options-container a {
    display: block;
    text-decoration: none;
    box-sizing: border-box;
    padding: 0 8px;
    line-height: 44px;
    border-radius: 4px;
    color: #262626;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    margin-bottom: 12px;
    cursor: pointer;
  }
  .header-flat nav#responsive-menu #options-container a .menu-down {
    display: inline-block;
    position: relative;
    top: 2px;
    left: 5px;
    width: 10px;
    height: 10px;
    background-image: url(http://www.educ.ar/img/chevron-down.png);
    background-size: 10px 20px;
    background-repeat: no-repeat;
  }
  @media  screen and (min-width: 992px) {
    .header-flat nav#responsive-menu #options-container a {
      display: inline-block;
      border-radius: unset;
      margin: unset;
      line-height: 72px;
      color: #707070;
    }
  }
  .header-flat nav#responsive-menu #options-container a:hover, .header-flat nav#responsive-menu #options-container a.active {
    color: #0072bc;
    background: #c4def0;
  }
  .header-flat nav#responsive-menu #options-container a:hover .menu-down, .header-flat nav#responsive-menu #options-container a.active .menu-down {
    background-position: 0 -10px;
  }
  @media  screen and (min-width: 992px) {
    .header-flat nav#responsive-menu #options-container a:hover, .header-flat nav#responsive-menu #options-container a.active {
      background: #f5f5f5;
      color: #0072bc;
    }
  }
  @media  screen and (min-width: 992px) {
    .header-flat nav#responsive-menu #options-container li {
      display: none;
      margin: unset;
    }
  }
  .header-flat nav#responsive-menu #options-container li a span {
    font-size: 10px;
  }
  .header-flat nav#responsive-menu #options-container li, .header-flat nav#responsive-menu #options-container li > ul > li {
    list-style: none;
  }
  .header-flat nav#responsive-menu #options-container li ul {
    display: none;
    padding-left: 20px;
  }
  .header-flat nav#responsive-menu #options-container li.active ul {
    display: block;
  }
</style>        
        
    <div class="main-wrapper container">
        <div class="row" >
            <div class="col-md-12 col-lg-12 shadow">
                <div class="row"></div>
                <div class="row">
                    <div class="col-md-12 col-xs-12" style=" padding-left: 0px;">
                        <article class="thumbnail thumbnailPrincipal
     main no-border-top-xs no-border-bottom-xs ">
    <div class="img-wrapper">
        <div class="loading-cnt loading js-loading">
        <img src="/img/placeholder/placeholder-main.png" alt="Educl&aacute;sicos" class="img-responsive js-img-responsive loading"
             data-src-md="https://www.educ.ar/img/main-md/uploads/resources/images/Lecturas/mar-de-lecturas-banner-home_20200213161645.png"
             data-src-xs="https://www.educ.ar/img/main-xs/uploads/resources/images/Lecturas/mar-de-lecturas-banner-home_20200213161645.png" />
</div>
    </div>
    <a class="js-trackingAction action h5" data-eventCategory="Inicio" data-eventAction="link" data-eventLabel="Mar de Lecturas"href="https://www.educ.ar/recursos/150858/mar-de-lecturas">
     <div class="caption pointer" style="padding: 16px 16px 24px 16px; height: unset;">
              <h4>
                  <a class="js-trackingAction action h5 redirectClick" data-eventCategory="Inicio" data-eventAction="link" data-eventLabel="Mar de Lecturas"href="https://www.educ.ar/recursos/150858/mar-de-lecturas" style="">
                      <span class=" clamp "  data-lines="1"   data-mobile-lines="1" >Mar de Lecturas</span>
             </h4>
        </a>
        <a class="js-trackingAction subtitle1 subcolor" data-eventCategory="" data-eventAction="link" data-eventLabel="Presentamos itinerarios multimedia para sumergirnos en la literatura. Algunos conducen a la obra de grandes autores; otros, a un tema o a un g&eacute;nero literario y, entre las olas, una propuesta l&uacute;dica combina poes&iacute;a y programaci&oacute;n."href="https://www.educ.ar/recursos/150858/mar-de-lecturas">
           <h5 class="subtitle-portada"> Presentamos itinerarios multimedia para sumergirnos en la literatura. Algunos conducen a la obra de grandes autores; otros, a un tema o a un género literario y, entre las olas, una propuesta lúdica combina poesía y programación. </h5>
        </a>
     </div>
     </a>
</article>
<style>
    p{
       margin: 0 0 8px !important;
       color: #fff !important;
       font-size: 16px !important;
    }
    .action{
        color: #fff !important;
        font-size: 24px !important;
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.16) !important;
    }
    .action:hover{
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16) !important;
    }
    
    .subcolor{
       color: #fff !important;       
    }
    
    .action-font{
        font-size: 20px !important;
        text-decoration: none !important;
    } 
    .thumbnail:hover{
      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16) !important;
    }
    .thumbnail .overlay span{
        padding: 16px !important;
        font-size: 14px !important;
        color: #fff !important;
    }
    .thumbnail:hover .shadow {
      background-color: #fff !important;
      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16) !important;
    }
    .thumbnail a .underline {
        border-bottom: none !important;
    }
    
    .pointer {
       cursor: pointer;
    }

    .thumbnailPrincipal{
        cursor:pointer;   
    }
    .thumbnailPrincipal:hover {
      background-color: #fff !important;
      box-shadow:0px 2px 4px #444 !important;
    }
    
    .clamp{
        font-family: 'Roboto', sans-serif;
        font-weight:400 !important;
        font-size:24px !important;
        color:#ffffff !important;  
    }
</style>
                    </div>
                </div>
                <div class="row" style="margin-top:16px;margin-bottom:8px;">
                    <div class="col-md-12 col-xs-12" style="padding-left: 0px; padding-right: 16px;">
                        <h2 class="pageTitle title primary titlePagePrincipal">Recursos</h2>
                    </div>
                </div>
                <div class="row">
                                        <div class="col-sm-4 col-md-4 col-xs-12" style="padding-left: 0px; padding-right: 16px;">
                            <article style="border-radius:4px;" class="thumbnail   no-margin-bottom-xs fixed-height-desktop ">
    <div class="img-wrapper">
        <div class="loading-cnt loading js-loading">
        <img src="/img/placeholder/placeholder-thumbnail.png" alt="NAP" class="img-responsive js-img-responsive loading"
             data-src-md="https://www.educ.ar/img/thumbnail-md/uploads/images/46_20200213163049.jpeg"
             data-src-xs="https://www.educ.ar/img/thumbnail-xs/uploads/images/46_20200213163049.jpeg" />
</div>
        <div class="overlay">
            <span class=" js-clamp js-descriptionHeight subtitle2 "   data-lines="4"  >
                Compartimos una colecci&oacute;n de im&aacute;genes digitales de obras nacionales provistas por el Museo Nacional de Bellas Artes.
            </span>
        </div>
    </div>
    <div class="caption shadow" style="padding: 16px 16px 24px 16px; height: unset;">
        <a class="js-trackingAction primary action-font h6" data-eventCategory="Inicio" data-eventAction="link" data-eventLabel="Obras Nacionales del Museo Nacional de bellas Artes" href="https://www.educ.ar/recursos/150433/galeria-de-obras-nacionales-museo-nacional-de-bellas-artes">
            <h2>
                <span class=" js-clamp  "  data-lines="2"   data-mobile-lines="2" >Obras Nacionales del Museo Nacional de bellas Artes</span>
            </h2>
        </a>
        
    </div>
</article>
<style>
    .action-font{
        font-size: 20px !important;
        text-decoration: none !important;
    } 
    .thumbnail:hover{
      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16) !important;
    }
    .thumbnail .overlay span{
        padding: 16px !important;
        font-size: 14px !important;
        color: #fff !important;
    }
    .thumbnail:hover .shadow {
      background-color: #fff !important;
      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16) !important;
    }
    .thumbnail a .underline {
        border-bottom: none !important;
    }

</style>
                        </div>
                                        <div class="col-sm-4 col-md-4 col-xs-12" style="padding-left: 0px; padding-right: 16px;">
                            <article style="border-radius:4px;" class="thumbnail  no-border-top-xs no-margin-bottom-xs fixed-height-desktop ">
    <div class="img-wrapper">
        <div class="loading-cnt loading js-loading">
        <img src="/img/placeholder/placeholder-thumbnail.png" alt="Mujeres programadoras" class="img-responsive js-img-responsive loading"
             data-src-md="https://www.educ.ar/img/thumbnail-md/uploads/images/mujeres_20171023102433.jpg"
             data-src-xs="https://www.educ.ar/img/thumbnail-xs/uploads/images/mujeres_20171023102433.jpg" />
</div>
        <div class="overlay">
            <span class=" js-clamp js-descriptionHeight subtitle2 "   data-lines="4"  >
                Desde la aparici&oacute;n de las primeras computadoras, las mujeres tuvieron un papel fundamental en la programaci&oacute;n. Les proponemos recordar a algunas de ellas. 
            </span>
        </div>
    </div>
    <div class="caption shadow" style="padding: 16px 16px 24px 16px; height: unset;">
        <a class="js-trackingAction primary action-font h6" data-eventCategory="Inicio" data-eventAction="link" data-eventLabel="Ni&ntilde;as curiosas que se convirtieron en grandes programadoras" href="https://www.educ.ar/recursos/132179/ninas-curiosas-que-se-convirtieron-en-grandes-programadoras">
            <h2>
                <span class=" js-clamp  "  data-lines="2"   data-mobile-lines="2" >Ni&ntilde;as curiosas que se convirtieron en grandes programadoras</span>
            </h2>
        </a>
        
    </div>
</article>
<style>
    .action-font{
        font-size: 20px !important;
        text-decoration: none !important;
    } 
    .thumbnail:hover{
      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16) !important;
    }
    .thumbnail .overlay span{
        padding: 16px !important;
        font-size: 14px !important;
        color: #fff !important;
    }
    .thumbnail:hover .shadow {
      background-color: #fff !important;
      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16) !important;
    }
    .thumbnail a .underline {
        border-bottom: none !important;
    }

</style>
                        </div>
                                        <div class="col-sm-4 col-md-4 col-xs-12" style="padding-left: 0px; padding-right: 16px;">
                            <article style="border-radius:4px;" class="thumbnail  no-border-top-xs  fixed-height-desktop ">
    <div class="img-wrapper">
        <div class="loading-cnt loading js-loading">
        <img src="/img/placeholder/placeholder-thumbnail.png" alt="Imagen del edificio escolar en el continente ant&aacute;rtico" class="img-responsive js-img-responsive loading"
             data-src-md="https://www.educ.ar/img/thumbnail-md/uploads/images/antrtida-escuela_20200218113101.jpg"
             data-src-xs="https://www.educ.ar/img/thumbnail-xs/uploads/images/antrtida-escuela_20200218113101.jpg" />
</div>
        <div class="overlay">
            <span class=" js-clamp js-descriptionHeight subtitle2 "   data-lines="4"  >
                Entrevista: &iquest;C&oacute;mo es ense&ntilde;ar y aprender en la escuela m&aacute;s austral del mundo?
            </span>
        </div>
    </div>
    <div class="caption shadow" style="padding: 16px 16px 24px 16px; height: unset;">
        <a class="js-trackingAction primary action-font h6" data-eventCategory="Inicio" data-eventAction="link" data-eventLabel="22 de febrero: D&iacute;a de la Ant&aacute;rtida Argentina" href="https://www.educ.ar/recursos/123836/antartida-la-escuela-como-centro-educativo-cultural-y-ludico">
            <h2>
                <span class=" js-clamp  "  data-lines="2"   data-mobile-lines="2" >22 de febrero: D&iacute;a de la Ant&aacute;rtida Argentina</span>
            </h2>
        </a>
        
    </div>
</article>
<style>
    .action-font{
        font-size: 20px !important;
        text-decoration: none !important;
    } 
    .thumbnail:hover{
      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16) !important;
    }
    .thumbnail .overlay span{
        padding: 16px !important;
        font-size: 14px !important;
        color: #fff !important;
    }
    .thumbnail:hover .shadow {
      background-color: #fff !important;
      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16) !important;
    }
    .thumbnail a .underline {
        border-bottom: none !important;
    }

</style>
                        </div>
                                    </div>

                <div class="row">
                    <div class="col-md-12 col-xs-12" style="padding-left: 0px; padding-right: 16px;">
                        <h2 class="pageTitle title primary h4">Educ.ar en las redes</h2>
                    </div>
                </div>
                <div class="row flex-align-stretch flex-reset-stretch-xs">
                    <div class="col-sm-4 col-md-4 col-xs-12" style="padding-left: 0px; padding-right: 16px;">
                        <div class="overflow-hidden">
                            <div id="fb-root"></div>
                        <script>(function(d, s, id) {
                        var js, fjs = d.getElementsByTagName(s)[0];
                        if (d.getElementById(id)) return;
                        js = d.createElement(s); js.id = id;
                        js.src = "//connect.facebook.net/es_LA/sdk.js#xfbml=1&version=v2.8";
                        fjs.parentNode.insertBefore(js, fjs);
                        }(document, "script", "facebook-jssdk"));</script>
                        <div class="fb-page" data-href="https://www.facebook.com/portaleducar/" data-tabs="timeline" data-width="500" data-height="500" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/portaleducar/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/portaleducar/">educ.ar</a></blockquote></div>
                        </div>
                    </div>

                    <div class="col-sm-4 col-md-4 col-xs-12" style="padding-left: 0px; padding-right: 16px;">
                        <div class="overflow-hidden">
                            <a class="twitter-timeline"  data-height="500" href="https://twitter.com/educarportal" data-widget-id="570658519528259584">Tweets por el @portaleducar.</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?"http":"https";if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
                        </div>
                    </div>

                    <div class="col-sm-4 col-md-4 col-xs-12" style="padding-left: 0px; padding-right: 16px;">
                        <article class="thumbnail thumbnailPrincipal
     no-border-top-xs no-margin-bottom-xs large ">
    <div class="img-wrapper">
        <div class="loading-cnt loading js-loading">
        <img src="/img/placeholder/placeholder-thumbnail.png" alt="El PLANIED incluye todas las iniciativas pedag&oacute;gicas y proyectos vinculados con las TIC" class="img-responsive js-img-responsive loading"
             data-src-md="https://www.educ.ar/img/thumbnail-md/uploads/images/ac-400x300celeste_20180613164223.jpg"
             data-src-xs="https://www.educ.ar/img/thumbnail-xs/uploads/images/ac-400x300celeste_20180613164223.jpg" />
</div>
    </div>
    <a class="js-trackingAction action h5" data-eventCategory="Inicio" data-eventAction="link" data-eventLabel="Aprender Conectados: educaci&oacute;n digital, programaci&oacute;n y rob&oacute;tica"href="https://www.argentina.gob.ar/educacion/aprender-conectados">
     <div class="caption pointer" style="padding: 16px 16px 24px 16px; height: unset;">
              <h4>
                  <a class="js-trackingAction action h5 redirectClick" data-eventCategory="Inicio" data-eventAction="link" data-eventLabel="Aprender Conectados: educaci&oacute;n digital, programaci&oacute;n y rob&oacute;tica"href="https://www.argentina.gob.ar/educacion/aprender-conectados" style="">
                      <span class=" clamp "  data-lines="2"   data-mobile-lines="2" >Aprender Conectados: educaci&oacute;n digital, programaci&oacute;n y rob&oacute;tica</span>
             </h4>
        </a>
        <a class="js-trackingAction subtitle1 subcolor" data-eventCategory="" data-eventAction="link" data-eventLabel="Aprender Conectados es una pol&iacute;tica integral de innovaci&oacute;n educativa, que busca garantizar la alfabetizaci&oacute;n digital para el aprendizaje de competencias y saberes necesarios para la integraci&oacute;n en la cultura digital y la sociedad del futuro."href="https://www.argentina.gob.ar/educacion/aprender-conectados">
           <h5 class="subtitle-portada"> Aprender Conectados es una política integral de innovación educativa, que busca garantizar la alfabetización digital para el aprendizaje de competencias y saberes necesarios para la integración en la cultura digital y la sociedad del futuro. </h5>
        </a>
     </div>
     </a>
</article>
<style>
    p{
       margin: 0 0 8px !important;
       color: #fff !important;
       font-size: 16px !important;
    }
    .action{
        color: #fff !important;
        font-size: 24px !important;
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.16) !important;
    }
    .action:hover{
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16) !important;
    }
    
    .subcolor{
       color: #fff !important;       
    }
    
    .action-font{
        font-size: 20px !important;
        text-decoration: none !important;
    } 
    .thumbnail:hover{
      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16) !important;
    }
    .thumbnail .overlay span{
        padding: 16px !important;
        font-size: 14px !important;
        color: #fff !important;
    }
    .thumbnail:hover .shadow {
      background-color: #fff !important;
      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16) !important;
    }
    .thumbnail a .underline {
        border-bottom: none !important;
    }
    
    .pointer {
       cursor: pointer;
    }

    .thumbnailPrincipal{
        cursor:pointer;   
    }
    .thumbnailPrincipal:hover {
      background-color: #fff !important;
      box-shadow:0px 2px 4px #444 !important;
    }
    
    .clamp{
        font-family: 'Roboto', sans-serif;
        font-weight:400 !important;
        font-size:24px !important;
        color:#ffffff !important;  
    }
</style>
                    </div>

                </div>
            </div>
        </div>
    </div>

                    <footer>
    <div id="footer-bg-top">
        <div class="container">
            <div class="row footer-top">
                <div class="col-md-12 col-lg-12">
                    <div class="row">
                        <!-- links redes sociales -->
                        <div class="col-md-6 col-sm-6 col-xs-12 pull-right flex-end flex-start-sm footer-top-wrapperLogos">
                            <a href="https://twitter.com/educarportal" class="btn-social img-circle twitter" title="Ir al perfil de Educ.ar en Twitter"><i></i></a>
                            <a href="https://www.facebook.com/portaleducar" class="btn-social img-circle facebook" title="Ir a la página de Educ.ar en Facebook"><i></i></a>
                            <a href="https://www.youtube.com/c/educarportal" class="btn-social img-circle youtube" title="Ir al canal de Educ.ar en Youtube"><i></i></a>
                            <a href="https://www.educ.ar/contacto" class="btn-social img-circle mail" title="Enviar un correo a Educ.ar"><i></i></a>
                        </div>
                        <!-- link ministerio de educacion -->
                        <div class="col-md-6 col-sm-6 col-xs-12">
                            <a href="https://www.argentina.gob.ar/educacion" class="ministerio-educacion" title="Ir al sitio del Ministerio de Educación">
                                <img src="https://www.educ.ar/app/configurations/Logo_Min_edu_2020.png">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="footer-bg-sitemap" class="bg-color-2">
        <div class="container">
            <div class="row footer-sitemap">
                <div class="col-sm-3 col-lg-3">
                    <div class="footer-logo-educar"></div>
                </div>
                <div class="col-sm-2 col-lg-2">
                    <h3><a href="https://www.educ.ar/recursos"><span>Recursos</span></a></h3>
                    <ul>
                      <li><a href="https://www.educ.ar/recursos/buscar?tema=1">Inicial</a></li>
                      <li><a href="https://www.educ.ar/recursos/buscar?tema=2">Primaria</a></li>
                      <li><a href="https://www.educ.ar/recursos/buscar?tema=3">Secundaria</a></li>
                      <li><a href="https://www.educ.ar/especiales">Especiales</a></li>
                      <li><a href="https://www.educ.ar/recursos/buscar?tipo_recurso_educativo=40">Efemérides</a></li>
                      <li><a href="https://www.educ.ar/recursos/buscar?tipo_recurso_educativo=34">Experiencias</a></li>
                  </ul>
              </div>
              <div class="col-sm-2 col-lg-2">
                <h3><a href="https://www.educ.ar/noticias"><span>Novedades</span></a></h3>
                <ul>
                    <li><a href="https://www.educ.ar/noticias/categoria/institucionales">Institucionales</a></li>
                    <li><a href="https://www.educ.ar/noticias/categoria/sociedad">Sociedad</a></li>
                    <li><a href="https://www.educ.ar/noticias/categoria/formacion">Formación</a></li>
                    <li><a href="https://www.educ.ar/noticias/categoria/educacion-y-tic">Educación y TIC</a></li>
                    <li><a href="https://www.educ.ar/noticias/categoria/cultura-digital">Cultura digital</a></li>
                    <li><a href="https://www.educ.ar/noticias/categoria/convocatorias">Convocatorias</a></li>
                </ul>
            </div>
            <div class="col-sm-2 col-lg-2">
                <h3><a href="/cursos"><span>Formación</span></a></h3>
            </div>
            <div class="col-sm-3 col-lg-3">
                <h3><span>Institucional</span></h3>
                <ul>
                    <li><a href="https://www.educ.ar/institucionales/1/acerca-de">Acerca de</a></li>
                    <li><a href="https://www.educ.ar/institucionales/6/accesibilidad">Accesibilidad</a></li>
                    <li><a href="https://usuarios.educ.ar/terminos-y-condiciones">Condiciones de uso</a></li>
                </ul>
            </div>
        </div>
    </div>
    </div>
    <div id="footer-bg-middle" class="bg-color-footer" style="background: #0072BC; color: #fff;">
        <div class="container">
            <!-- fila fondo celeste -->
            <div class="row footer-med bg-color-footer">
                <div class="col-md-12 col-lg-12">
                    <div class="row">
                       <div class="col-xs-12 col-md-4 pull-right flex-container footer-med-wrapperLogos">
                            <div class="flex-column footer-links-wrapper">
                                <a class="pull-right js-trackingAction" href="https://usuarios.educ.ar/terminos-y-condiciones" data-eventCategory="Inicio" data-eventAction="link" data-eventLabel="Condiciones de uso" style="color: #fff !important">Condiciones de uso</a>
                            </div>
                        </div>
                        <div class="col-xs-12 col-md-8">
                            <small>© educ.ar. Todos los derechos reservados.<br> Educ.ar S.E. - Av. Comodoro Rivadavia 1151 - C.A.B.A. CP (1429) - Tel / Fax: 54-11-4704-4000 (rot.) - Argentina</small>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="footer-bg-bottom">
        <div class="container">
            <div class="row footer-bottom hidden-xs">
                <div class="col-xs-12 col-md-12 col-lg-12">
                    <div class="col-center">
                        <p class="pull-left space-txt"><strong>www.educ.ar</strong> es un sitio web oficial del <strong>Gobierno Argentino</strong></p>
                        <a href="http://www.casarosada.gob.ar/" class="presidencia"><i></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
        
                        <script type="text/javascript" src="/build/js/frontend/all-2dda3de6bf.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        var ri = new Educar.ResponsiveImages();
        ri.init();

        var ae = new Educar.AnaliticsEvents();
        $('[data-toggle="popover"]').popover();
        $('[data-toggle="popover"]').on("click", function(){
            e.preventDefault();
        });
        $('[data-toggle="popover"]').css("cursor", "pointer");
    });
</script>

<script>
    (function (i, s, o, g, r, a, m) {
        i['GoogleAnalyticsObject'] = r;
        i[r] = i[r] || function () {
        (i[r].q = i[r].q || []).push(arguments)
        }, i[r].l = 1 * new Date();
        a = s.createElement(o),
        m = s.getElementsByTagName(o)[0];
        a.async = 1;
        a.src = g;
        m.parentNode.insertBefore(a, m)
    })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

    ga('create', 'UA-4565877-1', 'auto');
    ga('require', 'displayfeatures');
    ga('send', 'pageview');
</script>

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '398475130530280',
      xfbml      : true,
      version    : 'v2.9'
    });
    FB.AppEvents.logPageView();
  };

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/es_LA/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
            <script type="text/javascript">
                $(document).ready(function(){
                    $(window).scroll(function() {

                        if ($(this).scrollTop() >= 35) {
                            $('.js-navbar').addClass('navbar-fixed-top');
                        }
                        else {
                            $('.js-navbar').removeClass('navbar-fixed-top');
                        }


                    });
                    if (Educar.DeviceInfo.size === 'XS') {
                    }

                    if (Educar.DeviceInfo.size === 'SM' || Educar.DeviceInfo.size === 'MD' || Educar.DeviceInfo.size === 'LG') {
                        $('.js-navbar .dropdown a.dropdown-toggle').attr('data-toggle', null);

                        $('.js-navbar .dropdown').hover(function() {
                            $(this).find('.dropdown-menu').stop(true, true).delay(20).fadeIn(50);
                        }, function() {
                            $(this).find('.dropdown-menu').stop(true, true).delay(20).fadeOut(50);
                        });
                    }

                    $('.js-hamburger').on('click', function () {
                        $('.js-navbar .navbar-collapse .dropdown').each(function(index){
                            $(this).addClass('open');
                            $(this).children('a').attr('data-toggle', null);
                        });
                    })

                });
            </script>
        
    <script type="text/javascript">
        $(document).ready(function(){
            var clamp = new Educar.Clamp({});
            var adh = new Educar.AdjustDescriptionHeight({});


            $('.thumbnailPrincipal').on("click", function(){
                let url = $('.redirectClick').attr('href');
                location.href=url;
            });   
        });
    </script>

    </body>
</html>
