{"id":1083,"date":"2022-07-10T20:53:25","date_gmt":"2022-07-10T23:53:25","guid":{"rendered":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/?page_id=1083"},"modified":"2026-09-07T20:28:47","modified_gmt":"2026-09-07T23:28:47","slug":"sitios-de-interes","status":"publish","type":"page","link":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/sitios-de-interes\/","title":{"rendered":"Sitios de Inter\u00e9s"},"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>Accesos Directos &#8211; Portales Educativos<\/title>\n    <!-- Font Awesome para \u00edconos -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\n    <style>\n        :root {\n            --brand-magenta: #e81f76;\n            --brand-magenta-dark: #c01560;\n            --brand-cyan: #00aec3;\n            --youtube-red: #ff0000;\n            --bg-body: #f4f6f9;\n            --card-bg: #ffffff;\n            --text-main: #2d3748;\n            --text-muted: #718096;\n            --border-line: #e2e8f0;\n        }\n\n        body {\n            font-family: 'Inter', Roboto, Helvetica, Arial, sans-serif;\n            background-color: var(--bg-body);\n            color: var(--text-main);\n            margin: 0;\n            padding: 40px 20px;\n            line-height: 1.6;\n        }\n\n        .container {\n            max-width: 850px;\n            margin: 0 auto;\n            background: var(--card-bg);\n            border-radius: 16px;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n            overflow: hidden;\n            border: 1px solid var(--border-line);\n        }\n\n        \/* Cabecera *\/\n        .header-section {\n            background: linear-gradient(135deg, var(--brand-magenta) 0%, var(--brand-magenta-dark) 100%);\n            color: white;\n            padding: 35px 25px;\n            text-align: center;\n            position: relative;\n        }\n\n        .header-section::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            height: 5px;\n            background-color: var(--brand-cyan);\n        }\n\n        .header-section h1 {\n            margin: 0 0 8px 0;\n            font-size: 1.7rem;\n            font-weight: 700;\n        }\n\n        .header-section p {\n            margin: 0;\n            opacity: 0.9;\n            font-size: 0.95rem;\n        }\n\n        \/* Contenido Principal *\/\n        .content-body {\n            padding: 35px 30px;\n        }\n\n        .grid-links {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));\n            gap: 20px;\n        }\n\n        \/* Tarjeta de Enlace *\/\n        .link-card {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            background: #ffffff;\n            border: 1px solid var(--border-line);\n            border-radius: 12px;\n            padding: 20px;\n            text-decoration: none;\n            color: var(--text-main);\n            transition: all 0.25s ease;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .link-card::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 0;\n            bottom: 0;\n            width: 4px;\n            background-color: var(--brand-cyan);\n            transition: background-color 0.25s ease;\n        }\n\n        .link-card:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n            border-color: rgba(0, 174, 195, 0.4);\n        }\n\n        .link-card:hover::before {\n            background-color: var(--brand-magenta);\n        }\n\n        .card-content {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n        }\n\n        .icon-wrapper {\n            width: 50px;\n            height: 50px;\n            border-radius: 10px;\n            background-color: #f0fbfc;\n            color: var(--brand-cyan);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.4rem;\n            flex-shrink: 0;\n            transition: all 0.25s ease;\n        }\n\n        .link-card:hover .icon-wrapper {\n            background-color: #fdf2f7;\n            color: var(--brand-magenta);\n        }\n\n        \/* Estilo espec\u00edfico para el \u00edcono de Youtube *\/\n        .youtube-card:hover .icon-wrapper {\n            background-color: #ffe6e6;\n            color: var(--youtube-red);\n        }\n\n        .info {\n            display: flex;\n            flex-direction: column;\n        }\n\n        .info-title {\n            font-weight: 700;\n            font-size: 1.05rem;\n            color: var(--text-main);\n            margin-bottom: 2px;\n        }\n\n        .info-subtext {\n            font-size: 0.85rem;\n            color: var(--text-muted);\n        }\n\n        .arrow-icon {\n            color: #cbd5e0;\n            font-size: 1.1rem;\n            transition: transform 0.25s ease, color 0.25s ease;\n        }\n\n        .link-card:hover .arrow-icon {\n            color: var(--brand-magenta);\n            transform: translateX(4px);\n        }\n\n        .footer {\n            text-align: center;\n            padding: 18px;\n            background-color: #f8fafc;\n            border-top: 1px solid var(--border-line);\n            color: var(--text-muted);\n            font-size: 0.85rem;\n        }\n\n        @media (max-width: 500px) {\n            body { padding: 20px 10px; }\n            .content-body { padding: 20px 15px; }\n            .grid-links { grid-template-columns: 1fr; }\n            .link-card { padding: 16px; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n    <div class=\"header-section\">\n        <h1>Portales y Recursos Educativos<\/h1>\n        <p>Accesos directos de \u00e1mbito provincial y nacional<\/p>\n    <\/div>\n\n    <div class=\"content-body\">\n        <div class=\"grid-links\">\n\n            <!-- Portal ABC -->\n            <a href=\"https:\/\/abc.gob.ar\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"link-card\">\n                <div class=\"card-content\">\n                    <div class=\"icon-wrapper\">\n                        <i class=\"fa-solid fa-landmark\"><\/i>\n                    <\/div>\n                    <div class=\"info\">\n                        <span class=\"info-title\">Portal ABC<\/span>\n                        <span class=\"info-subtext\">DGCyE &#8211; Provincia de Buenos Aires<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"arrow-icon\">\n                    <i class=\"fa-solid fa-arrow-right-long\"><\/i>\n                <\/div>\n            <\/a>\n\n            <!-- Recursos Did\u00e1cticos (Educ.ar) -->\n            <a href=\"https:\/\/www.educ.ar\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"link-card\">\n                <div class=\"card-content\">\n                    <div class=\"icon-wrapper\">\n                        <i class=\"fa-solid fa-book-open-reader\"><\/i>\n                    <\/div>\n                    <div class=\"info\">\n                        <span class=\"info-title\">Recursos Did\u00e1cticos<\/span>\n                        <span class=\"info-subtext\">educ.ar \u2014 Portal Educativo Nacional<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"arrow-icon\">\n                    <i class=\"fa-solid fa-arrow-right-long\"><\/i>\n                <\/div>\n            <\/a>\n\n            <!-- Canal de YouTube BA Educaci\u00f3n -->\n            <a href=\"https:\/\/www.youtube.com\/@BAeducaciondgcye\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"link-card youtube-card\">\n                <div class=\"card-content\">\n                    <div class=\"icon-wrapper\">\n                        <i class=\"fa-brands fa-youtube\"><\/i>\n                    <\/div>\n                    <div class=\"info\">\n                        <span class=\"info-title\">BA Educaci\u00f3n<\/span>\n                        <span class=\"info-subtext\">Canal oficial de YouTube DGCyE<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"arrow-icon\">\n                    <i class=\"fa-solid fa-arrow-right-long\"><\/i>\n                <\/div>\n            <\/a>\n\n            <!-- INFoD -->\n            <a href=\"https:\/\/red.infd.edu.ar\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"link-card\">\n                <div class=\"card-content\">\n                    <div class=\"icon-wrapper\">\n                        <i class=\"fa-solid fa-network-wired\"><\/i>\n                    <\/div>\n                    <div class=\"info\">\n                        <span class=\"info-title\">INFoD<\/span>\n                        <span class=\"info-subtext\">Instituto Nacional de Formaci\u00f3n Docente<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"arrow-icon\">\n                    <i class=\"fa-solid fa-arrow-right-long\"><\/i>\n                <\/div>\n            <\/a>\n\n        <\/div>\n    <\/div>\n\n    <div class=\"footer\">\n        ISFD N\u00b039 \u2014 Enlaces de Inter\u00e9s Institucional\n    <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Accesos Directos &#8211; Portales Educativos Portales y Recursos Educativos Accesos directos de \u00e1mbito provincial y nacional Portal ABC DGCyE &#8211; Provincia de Buenos Aires Recursos Did\u00e1cticos educ.ar \u2014 Portal Educativo Nacional BA Educaci\u00f3n Canal oficial de YouTube DGCyE INFoD Instituto Nacional de Formaci\u00f3n Docente ISFD N\u00b039 \u2014 Enlaces de Inter\u00e9s Institucional<\/p>\n","protected":false},"author":30,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/1083"}],"collection":[{"href":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/users\/30"}],"replies":[{"embeddable":true,"href":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/comments?post=1083"}],"version-history":[{"count":2,"href":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/1083\/revisions"}],"predecessor-version":[{"id":2145,"href":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/1083\/revisions\/2145"}],"wp:attachment":[{"href":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/media?parent=1083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}