{"id":1265,"date":"2021-11-26T19:17:19","date_gmt":"2021-11-26T22:17:19","guid":{"rendered":"https:\/\/iestv-tuc.infd.edu.ar\/sitio\/?page_id=1265"},"modified":"2025-07-04T07:01:57","modified_gmt":"2025-07-04T10:01:57","slug":"tecnicatura-sup-en-desarrollo-de-software","status":"publish","type":"page","link":"https:\/\/iestv-tuc.infd.edu.ar\/sitio\/tecnicatura-sup-en-desarrollo-de-software\/","title":{"rendered":"Tecnicatura Superior en Desarrollo de Software"},"content":{"rendered":"\n<p>Tecnicatura Superior en Desarrollo de Software Resoluci\u00f3n Ministerial 513\/5 Med aprobado el 12 de mayo del a\u00f1o 2014.<\/p>\n\n\n\n<p><a href=\"https:\/\/des-tuc.infd.edu.ar\/sitio\/formacion-tecnico-profesional\/upload\/Res_513_T.S._Desarrollo_de_Software.pdf\">https:\/\/des-tuc.infd.edu.ar\/sitio\/formacion-tecnico-profesional\/upload\/Res_513_T.S._Desarrollo_de_Software.pdf<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1900\" height=\"1069\" src=\"https:\/\/iestv-tuc.infd.edu.ar\/sitio\/wp-content\/uploads\/2025\/07\/desarrollo-software-1900x1069.jpg\" alt=\"\" class=\"wp-image-1946\" srcset=\"https:\/\/iestv-tuc.infd.edu.ar\/sitio\/wp-content\/uploads\/2025\/07\/desarrollo-software-1900x1069.jpg 1900w, https:\/\/iestv-tuc.infd.edu.ar\/sitio\/wp-content\/uploads\/2025\/07\/desarrollo-software-1000x563.jpg 1000w, https:\/\/iestv-tuc.infd.edu.ar\/sitio\/wp-content\/uploads\/2025\/07\/desarrollo-software-768x432.jpg 768w, https:\/\/iestv-tuc.infd.edu.ar\/sitio\/wp-content\/uploads\/2025\/07\/desarrollo-software-1536x864.jpg 1536w, https:\/\/iestv-tuc.infd.edu.ar\/sitio\/wp-content\/uploads\/2025\/07\/desarrollo-software-2048x1152.jpg 2048w\" sizes=\"(max-width: 1900px) 100vw, 1900px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">Plan de Estudio<\/h2>\n\n\n\n<style>\n        * {\n            box-sizing: border-box;\n        }\n\n        .curriculum-container {\n            width: 100%;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 20px;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n        }\n\n        .curriculum-header {\n            text-align: center;\n            margin-bottom: 30px;\n        }\n\n        .curriculum-title {\n            font-size: 2rem;\n            font-weight: bold;\n            color: #1f2937;\n            margin-bottom: 8px;\n        }\n\n        .curriculum-subtitle {\n            color: #6b7280;\n            font-size: 1rem;\n        }\n\n        \/* Desktop Table *\/\n        .desktop-table {\n            display: block;\n            background: white;\n            border-radius: 12px;\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n            overflow: hidden;\n            border: 1px solid #e5e7eb;\n        }\n\n        .desktop-table table {\n            width: 100%;\n            border-collapse: collapse;\n        }\n\n        .desktop-table thead {\n            background: linear-gradient(135deg, #2563eb, #1d4ed8);\n            color: white;\n        }\n\n        .desktop-table th {\n            padding: 12px 16px;\n            text-align: left;\n            font-size: 0.875rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n        }\n\n        .desktop-table th:nth-child(3),\n        .desktop-table th:nth-child(4),\n        .desktop-table th:nth-child(5),\n        .desktop-table th:nth-child(6),\n        .desktop-table th:nth-child(7),\n        .desktop-table th:nth-child(8),\n        .desktop-table th:nth-child(9) {\n            text-align: center;\n        }\n\n        .desktop-table tbody tr {\n            transition: background-color 0.2s ease;\n        }\n\n        .desktop-table tbody tr:nth-child(even) {\n            background-color: #f9fafb;\n        }\n\n        .desktop-table tbody tr:hover {\n            background-color: #dbeafe;\n        }\n\n        .desktop-table td {\n            padding: 12px 16px;\n            font-size: 0.875rem;\n            border-bottom: 1px solid #e5e7eb;\n        }\n\n        .desktop-table td:first-child {\n            font-weight: 600;\n            color: #1f2937;\n        }\n\n        .desktop-table td:nth-child(2) {\n            font-weight: 500;\n            color: #1f2937;\n        }\n\n        .desktop-table td:nth-child(3),\n        .desktop-table td:nth-child(4),\n        .desktop-table td:nth-child(5),\n        .desktop-table td:nth-child(6),\n        .desktop-table td:nth-child(7),\n        .desktop-table td:nth-child(8),\n        .desktop-table td:nth-child(9) {\n            text-align: center;\n        }\n\n        .desktop-table td:nth-child(5) {\n            font-weight: 600;\n            color: #2563eb;\n        }\n\n        .badge {\n            display: inline-block;\n            padding: 4px 8px;\n            border-radius: 6px;\n            font-size: 0.75rem;\n            font-weight: 500;\n            background-color: #dcfce7;\n            color: #166534;\n        }\n\n        .desktop-table tfoot {\n            background: linear-gradient(135deg, #374151, #1f2937);\n            color: white;\n        }\n\n        .desktop-table tfoot td {\n            padding: 16px;\n            font-weight: bold;\n            border-bottom: none;\n        }\n\n        \/* Tablet Table *\/\n        .tablet-table {\n            display: none;\n            background: white;\n            border-radius: 12px;\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n            overflow: hidden;\n            border: 1px solid #e5e7eb;\n        }\n\n        .tablet-table table {\n            width: 100%;\n            border-collapse: collapse;\n        }\n\n        .tablet-table thead {\n            background: linear-gradient(135deg, #2563eb, #1d4ed8);\n            color: white;\n        }\n\n        .tablet-table th {\n            padding: 12px;\n            text-align: left;\n            font-size: 0.875rem;\n            font-weight: 600;\n        }\n\n        .tablet-table th:nth-child(3),\n        .tablet-table th:nth-child(4),\n        .tablet-table th:nth-child(5) {\n            text-align: center;\n        }\n\n        .tablet-table tbody tr:nth-child(even) {\n            background-color: #f9fafb;\n        }\n\n        .tablet-table tbody tr:hover {\n            background-color: #dbeafe;\n        }\n\n        .tablet-table td {\n            padding: 12px;\n            font-size: 0.875rem;\n            border-bottom: 1px solid #e5e7eb;\n        }\n\n        .tablet-table td:nth-child(3),\n        .tablet-table td:nth-child(4),\n        .tablet-table td:nth-child(5) {\n            text-align: center;\n        }\n\n        .tablet-table td:nth-child(4) {\n            font-weight: 600;\n            color: #2563eb;\n        }\n\n        .badge-general { background-color: #f3e8ff; color: #7c3aed; }\n        .badge-formacion { background-color: #dbeafe; color: #2563eb; }\n        .badge-especifica { background-color: #dcfce7; color: #16a34a; }\n        .badge-practica { background-color: #fed7aa; color: #ea580c; }\n\n        .tablet-table tfoot {\n            background: linear-gradient(135deg, #374151, #1f2937);\n            color: white;\n        }\n\n        .tablet-table tfoot td {\n            padding: 16px 12px;\n            font-weight: bold;\n            border-bottom: none;\n        }\n\n        \/* Mobile Cards *\/\n        .mobile-cards {\n            display: none;\n        }\n\n        .subject-card {\n            background: white;\n            border-radius: 12px;\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n            margin-bottom: 16px;\n            border-left: 4px solid #2563eb;\n            transition: box-shadow 0.2s ease;\n        }\n\n        .subject-card:hover {\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n        }\n\n        .card-header {\n            padding: 16px 16px 8px 16px;\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-start;\n        }\n\n        .card-title {\n            font-size: 1.125rem;\n            font-weight: 600;\n            color: #1f2937;\n            line-height: 1.4;\n            flex: 1;\n            margin-right: 12px;\n        }\n\n        .card-content {\n            padding: 0 16px 16px 16px;\n        }\n\n        .card-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 16px;\n        }\n\n        .card-info {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 8px;\n        }\n\n        .card-label {\n            font-size: 0.875rem;\n            color: #6b7280;\n        }\n\n        .card-value {\n            font-weight: 600;\n            color: #1f2937;\n        }\n\n        .card-value-highlight {\n            font-weight: bold;\n            color: #2563eb;\n        }\n\n        .card-type-section {\n            display: flex;\n            flex-direction: column;\n            align-items: flex-end;\n            justify-content: center;\n        }\n\n        .card-hours {\n            font-size: 0.75rem;\n            color: #6b7280;\n            margin-top: 4px;\n        }\n\n        \/* Summary Card *\/\n        .summary-card {\n            background: linear-gradient(135deg, #374151, #1f2937);\n            color: white;\n            border-radius: 12px;\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n            margin-top: 24px;\n        }\n\n        .summary-header {\n            padding: 20px 20px 8px 20px;\n            text-align: center;\n        }\n\n        .summary-title {\n            font-size: 1.25rem;\n            font-weight: bold;\n        }\n\n        .summary-content {\n            padding: 0 20px 20px 20px;\n        }\n\n        .summary-main {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 16px;\n            text-align: center;\n            margin-bottom: 16px;\n        }\n\n        .summary-number {\n            font-size: 2rem;\n            font-weight: bold;\n        }\n\n        .summary-label {\n            font-size: 0.875rem;\n            opacity: 0.9;\n        }\n\n        .summary-details {\n            padding-top: 16px;\n            border-top: 1px solid #4b5563;\n        }\n\n        .summary-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 8px;\n            text-align: center;\n            font-size: 0.875rem;\n        }\n\n        .summary-detail-number {\n            font-weight: 600;\n        }\n\n        .summary-detail-label {\n            font-size: 0.75rem;\n            opacity: 0.75;\n        }\n\n        \/* Media Queries *\/\n        @media (max-width: 1023px) {\n            .desktop-table {\n                display: none;\n            }\n            .tablet-table {\n                display: block;\n            }\n        }\n\n        @media (max-width: 767px) {\n            .desktop-table,\n            .tablet-table {\n                display: none;\n            }\n            .mobile-cards {\n                display: block;\n            }\n            \n            .curriculum-title {\n                font-size: 1.5rem;\n            }\n            \n            .curriculum-container {\n                padding: 2px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .curriculum-title {\n                font-size: 1.3rem;\n            }\n            \n            .card-grid {\n                grid-template-columns: 1fr;\n                gap: 12px;\n            }\n            \n            .card-type-section {\n                align-items: flex-start;\n                margin-top: 12px;\n            }\n        }\n    <\/style>\n<div class=\"curriculum-container\">\n        <div class=\"curriculum-header\">\n            <h2 class=\"curriculum-title\">Primer A\u00f1o<\/h2>\n            <p class=\"curriculum-subtitle\">Plan de Estudios &#8211; Distribuci\u00f3n de Materias<\/p>\n        <\/div>\n\n        <!-- Desktop Table -->\n        <div class=\"desktop-table\">\n            <table>\n                <thead>\n                    <tr>\n                        <th>N\u00ba<\/th>\n                        <th>Unidad Curricular<\/th>\n                        <th>R\u00e9gimen<\/th>\n                        <th>Hs\/Sem<\/th>\n                        <th>Hs\/A\u00f1o<\/th>\n                        <th>G<\/th>\n                        <th>F<\/th>\n                        <th>E<\/th>\n                        <th>P<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                    <tr>\n                        <td>1<\/td>\n                        <td>Ciudadan\u00eda y Espacio P\u00fablico<\/td>\n                        <td><span class=\"badge\">Anual<\/span><\/td>\n                        <td>2<\/td>\n                        <td>60<\/td>\n                        <td>60<\/td>\n                        <td>0<\/td>\n                        <td>0<\/td>\n                        <td>0<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>2<\/td>\n                        <td>Introducci\u00f3n a la Inform\u00e1tica<\/td>\n                        <td><span class=\"badge\">Anual<\/span><\/td>\n                        <td>4<\/td>\n                        <td>120<\/td>\n                        <td>0<\/td>\n                        <td>120<\/td>\n                        <td>0<\/td>\n                        <td>0<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>3<\/td>\n                        <td>Introducci\u00f3n a Redes<\/td>\n                        <td><span class=\"badge\">Anual<\/span><\/td>\n                        <td>3<\/td>\n                        <td>90<\/td>\n                        <td>0<\/td>\n                        <td>0<\/td>\n                        <td>90<\/td>\n                        <td>0<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>4<\/td>\n                        <td>Bases de Datos I<\/td>\n                        <td><span class=\"badge\">Anual<\/span><\/td>\n                        <td>4<\/td>\n                        <td>120<\/td>\n                        <td>0<\/td>\n                        <td>0<\/td>\n                        <td>120<\/td>\n                        <td>0<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>5<\/td>\n                        <td>Matem\u00e1tica I<\/td>\n                        <td><span class=\"badge\">Anual<\/span><\/td>\n                        <td>3<\/td>\n                        <td>90<\/td>\n                        <td>0<\/td>\n                        <td>90<\/td>\n                        <td>0<\/td>\n                        <td>0<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>6<\/td>\n                        <td>Programaci\u00f3n I<\/td>\n                        <td><span class=\"badge\">Anual<\/span><\/td>\n                        <td>5<\/td>\n                        <td>150<\/td>\n                        <td>0<\/td>\n                        <td>0<\/td>\n                        <td>150<\/td>\n                        <td>0<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>7<\/td>\n                        <td>Ingl\u00e9s T\u00e9cnico I<\/td>\n                        <td><span class=\"badge\">Anual<\/span><\/td>\n                        <td>2<\/td>\n                        <td>60<\/td>\n                        <td>0<\/td>\n                        <td>60<\/td>\n                        <td>0<\/td>\n                        <td>0<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>8<\/td>\n                        <td>Estructura de Datos y Algoritmos<\/td>\n                        <td><span class=\"badge\">Anual<\/span><\/td>\n                        <td>3<\/td>\n                        <td>90<\/td>\n                        <td>0<\/td>\n                        <td>0<\/td>\n                        <td>90<\/td>\n                        <td>0<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>9<\/td>\n                        <td>Taller de Programaci\u00f3n I<\/td>\n                        <td><span class=\"badge\">Anual<\/span><\/td>\n                        <td>4<\/td>\n                        <td>120<\/td>\n                        <td>0<\/td>\n                        <td>0<\/td>\n                        <td>0<\/td>\n                        <td>120<\/td>\n                    <\/tr>\n                <\/tbody>\n                <tfoot>\n                    <tr>\n                        <td colspan=\"3\">Totales Primer A\u00f1o<\/td>\n                        <td>30<\/td>\n                        <td>900<\/td>\n                        <td>60<\/td>\n                        <td>270<\/td>\n                        <td>450<\/td>\n                        <td>120<\/td>\n                    <\/tr>\n                <\/tfoot>\n            <\/table>\n        <\/div>\n\n        <!-- Tablet Table -->\n        <div class=\"tablet-table\">\n            <table>\n                <thead>\n                    <tr>\n                        <th>N\u00ba<\/th>\n                        <th>Materia<\/th>\n                        <th>R\u00e9gimen<\/th>\n                        <th>Hs\/A\u00f1o<\/th>\n                        <th>Tipo<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                    <tr>\n                        <td>1<\/td>\n                        <td>Ciudadan\u00eda y Espacio P\u00fablico<\/td>\n                        <td><span class=\"badge\">Anual<\/span><\/td>\n                        <td>60<\/td>\n                        <td><span class=\"badge badge-general\">General<\/span><\/td>\n                    <\/tr>\n                    <tr>\n                        <td>2<\/td>\n                        <td>Introducci\u00f3n a la Inform\u00e1tica<\/td>\n                        <td><span class=\"badge\">Anual<\/span><\/td>\n                        <td>120<\/td>\n                        <td><span class=\"badge badge-formacion\">Formaci\u00f3n<\/span><\/td>\n                    <\/tr>\n                    <tr>\n                        <td>3<\/td>\n                        <td>Introducci\u00f3n a Redes<\/td>\n                        <td><span class=\"badge\">Anual<\/span><\/td>\n                        <td>90<\/td>\n                        <td><span class=\"badge badge-especifica\">Espec\u00edfica<\/span><\/td>\n                    <\/tr>\n                    <tr>\n                        <td>4<\/td>\n                        <td>Bases de Datos I<\/td>\n                        <td><span class=\"badge\">Anual<\/span><\/td>\n                        <td>120<\/td>\n                        <td><span class=\"badge badge-especifica\">Espec\u00edfica<\/span><\/td>\n                    <\/tr>\n                    <tr>\n                        <td>5<\/td>\n                        <td>Matem\u00e1tica I<\/td>\n                        <td><span class=\"badge\">Anual<\/span><\/td>\n                        <td>90<\/td>\n                        <td><span class=\"badge badge-formacion\">Formaci\u00f3n<\/span><\/td>\n                    <\/tr>\n                    <tr>\n                        <td>6<\/td>\n                        <td>Programaci\u00f3n I<\/td>\n                        <td><span class=\"badge\">Anual<\/span><\/td>\n                        <td>150<\/td>\n                        <td><span class=\"badge badge-especifica\">Espec\u00edfica<\/span><\/td>\n                    <\/tr>\n                    <tr>\n                        <td>7<\/td>\n                        <td>Ingl\u00e9s T\u00e9cnico I<\/td>\n                        <td><span class=\"badge\">Anual<\/span><\/td>\n                        <td>60<\/td>\n                        <td><span class=\"badge badge-formacion\">Formaci\u00f3n<\/span><\/td>\n                    <\/tr>\n                    <tr>\n                        <td>8<\/td>\n                        <td>Estructura de Datos y Algoritmos<\/td>\n                        <td><span class=\"badge\">Anual<\/span><\/td>\n                        <td>90<\/td>\n                        <td><span class=\"badge badge-especifica\">Espec\u00edfica<\/span><\/td>\n                    <\/tr>\n                    <tr>\n                        <td>9<\/td>\n                        <td>Taller de Programaci\u00f3n I<\/td>\n                        <td><span class=\"badge\">Anual<\/span><\/td>\n                        <td>120<\/td>\n                        <td><span class=\"badge badge-practica\">Pr\u00e1ctica<\/span><\/td>\n                    <\/tr>\n                <\/tbody>\n                <tfoot>\n                    <tr>\n                        <td colspan=\"3\">Total Horas Anuales<\/td>\n                        <td>900<\/td>\n                        <td>9 Materias<\/td>\n                    <\/tr>\n                <\/tfoot>\n            <\/table>\n        <\/div>\n\n        <!-- Mobile Cards -->\n        <div class=\"mobile-cards\">\n            <div class=\"subject-card\">\n                <div class=\"card-header\">\n                    <div class=\"card-title\">1. Ciudadan\u00eda y Espacio P\u00fablico<\/div>\n                    <span class=\"badge\">Anual<\/span>\n                <\/div>\n                <div class=\"card-content\">\n                    <div class=\"card-grid\">\n                        <div>\n                            <div class=\"card-info\">\n                                <span class=\"card-label\">Horas\/Semana:<\/span>\n                                <span class=\"card-value\">2<\/span>\n                            <\/div>\n                            <div class=\"card-info\">\n                                <span class=\"card-label\">Horas\/A\u00f1o:<\/span>\n                                <span class=\"card-value-highlight\">60<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-type-section\">\n                            <span class=\"badge badge-general\">General<\/span>\n                            <span class=\"card-hours\">60h<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"subject-card\">\n                <div class=\"card-header\">\n                    <div class=\"card-title\">2. Introducci\u00f3n a la Inform\u00e1tica<\/div>\n                    <span class=\"badge\">Anual<\/span>\n                <\/div>\n                <div class=\"card-content\">\n                    <div class=\"card-grid\">\n                        <div>\n                            <div class=\"card-info\">\n                                <span class=\"card-label\">Horas\/Semana:<\/span>\n                                <span class=\"card-value\">4<\/span>\n                            <\/div>\n                            <div class=\"card-info\">\n                                <span class=\"card-label\">Horas\/A\u00f1o:<\/span>\n                                <span class=\"card-value-highlight\">120<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-type-section\">\n                            <span class=\"badge badge-formacion\">Formaci\u00f3n<\/span>\n                            <span class=\"card-hours\">120h<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"subject-card\">\n                <div class=\"card-header\">\n                    <div class=\"card-title\">3. Introducci\u00f3n a Redes<\/div>\n                    <span class=\"badge\">Anual<\/span>\n                <\/div>\n                <div class=\"card-content\">\n                    <div class=\"card-grid\">\n                        <div>\n                            <div class=\"card-info\">\n                                <span class=\"card-label\">Horas\/Semana:<\/span>\n                                <span class=\"card-value\">3<\/span>\n                            <\/div>\n                            <div class=\"card-info\">\n                                <span class=\"card-label\">Horas\/A\u00f1o:<\/span>\n                                <span class=\"card-value-highlight\">90<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-type-section\">\n                            <span class=\"badge badge-especifica\">Espec\u00edfica<\/span>\n                            <span class=\"card-hours\">90h<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"subject-card\">\n                <div class=\"card-header\">\n                    <div class=\"card-title\">4. Bases de Datos I<\/div>\n                    <span class=\"badge\">Anual<\/span>\n                <\/div>\n                <div class=\"card-content\">\n                    <div class=\"card-grid\">\n                        <div>\n                            <div class=\"card-info\">\n                                <span class=\"card-label\">Horas\/Semana:<\/span>\n                                <span class=\"card-value\">4<\/span>\n                            <\/div>\n                            <div class=\"card-info\">\n                                <span class=\"card-label\">Horas\/A\u00f1o:<\/span>\n                                <span class=\"card-value-highlight\">120<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-type-section\">\n                            <span class=\"badge badge-especifica\">Espec\u00edfica<\/span>\n                            <span class=\"card-hours\">120h<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"subject-card\">\n                <div class=\"card-header\">\n                    <div class=\"card-title\">5. Matem\u00e1tica I<\/div>\n                    <span class=\"badge\">Anual<\/span>\n                <\/div>\n                <div class=\"card-content\">\n                    <div class=\"card-grid\">\n                        <div>\n                            <div class=\"card-info\">\n                                <span class=\"card-label\">Horas\/Semana:<\/span>\n                                <span class=\"card-value\">3<\/span>\n                            <\/div>\n                            <div class=\"card-info\">\n                                <span class=\"card-label\">Horas\/A\u00f1o:<\/span>\n                                <span class=\"card-value-highlight\">90<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-type-section\">\n                            <span class=\"badge badge-formacion\">Formaci\u00f3n<\/span>\n                            <span class=\"card-hours\">90h<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"subject-card\">\n                <div class=\"card-header\">\n                    <div class=\"card-title\">6. Programaci\u00f3n I<\/div>\n                    <span class=\"badge\">Anual<\/span>\n                <\/div>\n                <div class=\"card-content\">\n                    <div class=\"card-grid\">\n                        <div>\n                            <div class=\"card-info\">\n                                <span class=\"card-label\">Horas\/Semana:<\/span>\n                                <span class=\"card-value\">5<\/span>\n                            <\/div>\n                            <div class=\"card-info\">\n                                <span class=\"card-label\">Horas\/A\u00f1o:<\/span>\n                                <span class=\"card-value-highlight\">150<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-type-section\">\n                            <span class=\"badge badge-especifica\">Espec\u00edfica<\/span>\n                            <span class=\"card-hours\">150h<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"subject-card\">\n                <div class=\"card-header\">\n                    <div class=\"card-title\">7. Ingl\u00e9s T\u00e9cnico I<\/div>\n                    <span class=\"badge\">Anual<\/span>\n                <\/div>\n                <div class=\"card-content\">\n                    <div class=\"card-grid\">\n                        <div>\n                            <div class=\"card-info\">\n                                <span class=\"card-label\">Horas\/Semana:<\/span>\n                                <span class=\"card-value\">2<\/span>\n                            <\/div>\n                            <div class=\"card-info\">\n                                <span class=\"card-label\">Horas\/A\u00f1o:<\/span>\n                                <span class=\"card-value-highlight\">60<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-type-section\">\n                            <span class=\"badge badge-formacion\">Formaci\u00f3n<\/span>\n                            <span class=\"card-hours\">60h<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"subject-card\">\n                <div class=\"card-header\">\n                    <div class=\"card-title\">8. Estructura de Datos y Algoritmos<\/div>\n                    <span class=\"badge\">Anual<\/span>\n                <\/div>\n                <div class=\"card-content\">\n                    <div class=\"card-grid\">\n                        <div>\n                            <div class=\"card-info\">\n                                <span class=\"card-label\">Horas\/Semana:<\/span>\n                                <span class=\"card-value\">3<\/span>\n                            <\/div>\n                            <div class=\"card-info\">\n                                <span class=\"card-label\">Horas\/A\u00f1o:<\/span>\n                                <span class=\"card-value-highlight\">90<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-type-section\">\n                            <span class=\"badge badge-especifica\">Espec\u00edfica<\/span>\n                            <span class=\"card-hours\">90h<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"subject-card\">\n                <div class=\"card-header\">\n                    <div class=\"card-title\">9. Taller de Programaci\u00f3n I<\/div>\n                    <span class=\"badge\">Anual<\/span>\n                <\/div>\n                <div class=\"card-content\">\n                    <div class=\"card-grid\">\n                        <div>\n                            <div class=\"card-info\">\n                                <span class=\"card-label\">Horas\/Semana:<\/span>\n                                <span class=\"card-value\">4<\/span>\n                            <\/div>\n                            <div class=\"card-info\">\n                                <span class=\"card-label\">Horas\/A\u00f1o:<\/span>\n                                <span class=\"card-value-highlight\">120<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-type-section\">\n                            <span class=\"badge badge-practica\">Pr\u00e1ctica<\/span>\n                            <span class=\"card-hours\">120h<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Summary Card -->\n            <div class=\"summary-card\">\n                <div class=\"summary-header\">\n                    <div class=\"summary-title\">Resumen Primer A\u00f1o<\/div>\n                <\/div>\n                <div class=\"summary-content\">\n                    <div class=\"summary-main\">\n                        <div>\n                            <div class=\"summary-number\">900<\/div>\n                            <div class=\"summary-label\">Horas Totales<\/div>\n                        <\/div>\n                        <div>\n                            <div class=\"summary-number\">9<\/div>\n                            <div class=\"summary-label\">Materias<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"summary-details\">\n                        <div class=\"summary-grid\">\n                            <div>\n                                <div class=\"summary-detail-number\">60<\/div>\n                                <div class=\"summary-detail-label\">General<\/div>\n                            <\/div>\n                            <div>\n                                <div class=\"summary-detail-number\">270<\/div>\n                                <div class=\"summary-detail-label\">Formaci\u00f3n<\/div>\n                            <\/div>\n                            <div>\n                                <div class=\"summary-detail-number\">450<\/div>\n                                <div class=\"summary-detail-label\">Espec\u00edfica<\/div>\n                            <\/div>\n                            <div>\n                                <div class=\"summary-detail-number\">120<\/div>\n                                <div class=\"summary-detail-label\">Pr\u00e1ctica<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n\n<style>\n        * {\n            box-sizing: border-box;\n        }\n\n        .curriculum-container-segundo {\n            width: 100%;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 20px;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n        }\n\n        .curriculum-header-segundo {\n            text-align: center;\n            margin-bottom: 30px;\n        }\n\n        .curriculum-title-segundo {\n            font-size: 2rem;\n            font-weight: bold;\n            color: #1f2937;\n            margin-bottom: 8px;\n        }\n\n        .curriculum-subtitle-segundo {\n            color: #6b7280;\n            font-size: 1rem;\n        }\n\n        \/* Desktop Table *\/\n        .desktop-table-segundo {\n            display: block;\n            background: white;\n            border-radius: 12px;\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n            overflow: hidden;\n            border: 1px solid #e5e7eb;\n        }\n\n        .desktop-table-segundo table {\n            width: 100%;\n            border-collapse: collapse;\n        }\n\n        .desktop-table-segundo thead {\n            background: linear-gradient(135deg, #059669, #047857);\n            color: white;\n        }\n\n        .desktop-table-segundo th {\n            padding: 12px 16px;\n            text-align: left;\n            font-size: 0.875rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n        }\n\n        .desktop-table-segundo th:nth-child(3),\n        .desktop-table-segundo th:nth-child(4),\n        .desktop-table-segundo th:nth-child(5),\n        .desktop-table-segundo th:nth-child(6),\n        .desktop-table-segundo th:nth-child(7),\n        .desktop-table-segundo th:nth-child(8),\n        .desktop-table-segundo th:nth-child(9) {\n            text-align: center;\n        }\n\n        .desktop-table-segundo tbody tr {\n            transition: background-color 0.2s ease;\n        }\n\n        .desktop-table-segundo tbody tr:nth-child(even) {\n            background-color: #f0fdf4;\n        }\n\n        .desktop-table-segundo tbody tr:hover {\n            background-color: #dcfce7;\n        }\n\n        .desktop-table-segundo td {\n            padding: 12px 16px;\n            font-size: 0.875rem;\n            border-bottom: 1px solid #e5e7eb;\n        }\n\n        .desktop-table-segundo td:first-child {\n            font-weight: 600;\n            color: #1f2937;\n        }\n\n        .desktop-table-segundo td:nth-child(2) {\n            font-weight: 500;\n            color: #1f2937;\n        }\n\n        .desktop-table-segundo td:nth-child(3),\n        .desktop-table-segundo td:nth-child(4),\n        .desktop-table-segundo td:nth-child(5),\n        .desktop-table-segundo td:nth-child(6),\n        .desktop-table-segundo td:nth-child(7),\n        .desktop-table-segundo td:nth-child(8),\n        .desktop-table-segundo td:nth-child(9) {\n            text-align: center;\n        }\n\n        .desktop-table-segundo td:nth-child(5) {\n            font-weight: 600;\n            color: #059669;\n        }\n\n        .badge-segundo {\n            display: inline-block;\n            padding: 4px 8px;\n            border-radius: 6px;\n            font-size: 0.75rem;\n            font-weight: 500;\n            background-color: #dcfce7;\n            color: #166534;\n        }\n\n        .desktop-table-segundo tfoot {\n            background: linear-gradient(135deg, #374151, #1f2937);\n            color: white;\n        }\n\n        .desktop-table-segundo tfoot td {\n            padding: 16px;\n            font-weight: bold;\n            border-bottom: none;\n        }\n\n        \/* Tablet Table *\/\n        .tablet-table-segundo {\n            display: none;\n            background: white;\n            border-radius: 12px;\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n            overflow: hidden;\n            border: 1px solid #e5e7eb;\n        }\n\n        .tablet-table-segundo table {\n            width: 100%;\n            border-collapse: collapse;\n        }\n\n        .tablet-table-segundo thead {\n            background: linear-gradient(135deg, #059669, #047857);\n            color: white;\n        }\n\n        .tablet-table-segundo th {\n            padding: 12px;\n            text-align: left;\n            font-size: 0.875rem;\n            font-weight: 600;\n        }\n\n        .tablet-table-segundo th:nth-child(3),\n        .tablet-table-segundo th:nth-child(4),\n        .tablet-table-segundo th:nth-child(5) {\n            text-align: center;\n        }\n\n        .tablet-table-segundo tbody tr:nth-child(even) {\n            background-color: #f0fdf4;\n        }\n\n        .tablet-table-segundo tbody tr:hover {\n            background-color: #dcfce7;\n        }\n\n        .tablet-table-segundo td {\n            padding: 12px;\n            font-size: 0.875rem;\n            border-bottom: 1px solid #e5e7eb;\n        }\n\n        .tablet-table-segundo td:nth-child(3),\n        .tablet-table-segundo td:nth-child(4),\n        .tablet-table-segundo td:nth-child(5) {\n            text-align: center;\n        }\n\n        .tablet-table-segundo td:nth-child(4) {\n            font-weight: 600;\n            color: #059669;\n        }\n\n        .badge-general-segundo { background-color: #f3e8ff; color: #7c3aed; }\n        .badge-formacion-segundo { background-color: #dbeafe; color: #2563eb; }\n        .badge-especifica-segundo { background-color: #dcfce7; color: #16a34a; }\n        .badge-practica-segundo { background-color: #fed7aa; color: #ea580c; }\n\n        .tablet-table-segundo tfoot {\n            background: linear-gradient(135deg, #374151, #1f2937);\n            color: white;\n        }\n\n        .tablet-table-segundo tfoot td {\n            padding: 16px 12px;\n            font-weight: bold;\n            border-bottom: none;\n        }\n\n        \/* Mobile Cards *\/\n        .mobile-cards-segundo {\n            display: none;\n        }\n\n        .subject-card-segundo {\n            background: white;\n            border-radius: 12px;\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n            margin-bottom: 16px;\n            border-left: 4px solid #059669;\n            transition: box-shadow 0.2s ease;\n        }\n\n        .subject-card-segundo:hover {\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n        }\n\n        .card-header-segundo {\n            padding: 16px 16px 8px 16px;\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-start;\n        }\n\n        .card-title-segundo {\n            font-size: 1.125rem;\n            font-weight: 600;\n            color: #1f2937;\n            line-height: 1.4;\n            flex: 1;\n            margin-right: 12px;\n        }\n\n        .card-content-segundo {\n            padding: 0 16px 16px 16px;\n        }\n\n        .card-grid-segundo {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 16px;\n        }\n\n        .card-info-segundo {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 8px;\n        }\n\n        .card-label-segundo {\n            font-size: 0.875rem;\n            color: #6b7280;\n        }\n\n        .card-value-segundo {\n            font-weight: 600;\n            color: #1f2937;\n        }\n\n        .card-value-highlight-segundo {\n            font-weight: bold;\n            color: #059669;\n        }\n\n        .card-type-section-segundo {\n            display: flex;\n            flex-direction: column;\n            align-items: flex-end;\n            justify-content: center;\n        }\n\n        .card-hours-segundo {\n            font-size: 0.75rem;\n            color: #6b7280;\n            margin-top: 4px;\n        }\n\n        \/* Summary Card *\/\n        .summary-card-segundo {\n            background: linear-gradient(135deg, #374151, #1f2937);\n            color: white;\n            border-radius: 12px;\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n            margin-top: 24px;\n        }\n\n        .summary-header-segundo {\n            padding: 20px 20px 8px 20px;\n            text-align: center;\n        }\n\n        .summary-title-segundo {\n            font-size: 1.25rem;\n            font-weight: bold;\n        }\n\n        .summary-content-segundo {\n            padding: 0 20px 20px 20px;\n        }\n\n        .summary-main-segundo {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 16px;\n            text-align: center;\n            margin-bottom: 16px;\n        }\n\n        .summary-number-segundo {\n            font-size: 2rem;\n            font-weight: bold;\n        }\n\n        .summary-label-segundo {\n            font-size: 0.875rem;\n            opacity: 0.9;\n        }\n\n        .summary-details-segundo {\n            padding-top: 16px;\n            border-top: 1px solid #4b5563;\n        }\n\n        .summary-grid-segundo {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 8px;\n            text-align: center;\n            font-size: 0.875rem;\n        }\n\n        .summary-detail-number-segundo {\n            font-weight: 600;\n        }\n\n        .summary-detail-label-segundo {\n            font-size: 0.75rem;\n            opacity: 0.75;\n        }\n\n        \/* Media Queries *\/\n        @media (max-width: 1023px) {\n            .desktop-table-segundo {\n                display: none;\n            }\n            .tablet-table-segundo {\n                display: block;\n            }\n        }\n\n        @media (max-width: 767px) {\n            .desktop-table-segundo,\n            .tablet-table-segundo {\n                display: none;\n            }\n            .mobile-cards-segundo {\n                display: block;\n            }\n            \n            .curriculum-title-segundo {\n                font-size: 1.75rem;\n            }\n            \n            .curriculum-container-segundo {\n                padding: 16px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .curriculum-title-segundo {\n                font-size: 1.5rem;\n            }\n            \n            .card-grid-segundo {\n                grid-template-columns: 1fr;\n                gap: 12px;\n            }\n            \n            .card-type-section-segundo {\n                align-items: flex-start;\n                margin-top: 12px;\n            }\n        }\n<\/style>\n\n\n    <div class=\"curriculum-container-segundo\">\n        <div class=\"curriculum-header-segundo\">\n            <h4 class=\"curriculum-title-segundo\">Segundo A\u00f1o<\/h4>\n            <p class=\"curriculum-subtitle-segundo\">Plan de Estudios &#8211; Distribuci\u00f3n de Materias<\/p>\n        <\/div>\n\n        <!-- Desktop Table -->\n        <div class=\"desktop-table-segundo\">\n            <table>\n                <thead>\n                    <tr>\n                        <th>N\u00ba<\/th>\n                        <th>Unidad Curricular<\/th>\n                        <th>R\u00e9gimen<\/th>\n                        <th>Hs\/Sem<\/th>\n                        <th>Hs\/A\u00f1o<\/th>\n                        <th>G<\/th>\n                        <th>F<\/th>\n                        <th>E<\/th>\n                        <th>P<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                    <tr>\n                        <td>1<\/td>\n                        <td>Programaci\u00f3n II<\/td>\n                        <td><span class=\"badge-segundo\">Anual<\/span><\/td>\n                        <td>5<\/td>\n                        <td>150<\/td>\n                        <td>0<\/td>\n                        <td>0<\/td>\n                        <td>150<\/td>\n                        <td>0<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>2<\/td>\n                        <td>Estad\u00edstica Aplicada<\/td>\n                        <td><span class=\"badge-segundo\">Anual<\/span><\/td>\n                        <td>3<\/td>\n                        <td>90<\/td>\n                        <td>0<\/td>\n                        <td>90<\/td>\n                        <td>0<\/td>\n                        <td>0<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>3<\/td>\n                        <td>Base de Datos II<\/td>\n                        <td><span class=\"badge-segundo\">Anual<\/span><\/td>\n                        <td>3<\/td>\n                        <td>90<\/td>\n                        <td>0<\/td>\n                        <td>0<\/td>\n                        <td>90<\/td>\n                        <td>0<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>4<\/td>\n                        <td>Matem\u00e1tica II<\/td>\n                        <td><span class=\"badge-segundo\">Anual<\/span><\/td>\n                        <td>3<\/td>\n                        <td>90<\/td>\n                        <td>0<\/td>\n                        <td>90<\/td>\n                        <td>0<\/td>\n                        <td>0<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>5<\/td>\n                        <td>Sistemas de Informaci\u00f3n Empresaria I<\/td>\n                        <td><span class=\"badge-segundo\">Anual<\/span><\/td>\n                        <td>2<\/td>\n                        <td>60<\/td>\n                        <td>0<\/td>\n                        <td>60<\/td>\n                        <td>0<\/td>\n                        <td>0<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>6<\/td>\n                        <td>Ingl\u00e9s T\u00e9cnico II<\/td>\n                        <td><span class=\"badge-segundo\">Anual<\/span><\/td>\n                        <td>2<\/td>\n                        <td>60<\/td>\n                        <td>0<\/td>\n                        <td>60<\/td>\n                        <td>0<\/td>\n                        <td>0<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>7<\/td>\n                        <td>Redes y Seguridad Inform\u00e1tica<\/td>\n                        <td><span class=\"badge-segundo\">Anual<\/span><\/td>\n                        <td>3<\/td>\n                        <td>90<\/td>\n                        <td>0<\/td>\n                        <td>0<\/td>\n                        <td>90<\/td>\n                        <td>0<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>8<\/td>\n                        <td>An\u00e1lisis y Dise\u00f1o de Sistemas<\/td>\n                        <td><span class=\"badge-segundo\">Anual<\/span><\/td>\n                        <td>4<\/td>\n                        <td>120<\/td>\n                        <td>0<\/td>\n                        <td>0<\/td>\n                        <td>120<\/td>\n                        <td>0<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>9<\/td>\n                        <td>Laboratorio de Programaci\u00f3n<\/td>\n                        <td><span class=\"badge-segundo\">Anual<\/span><\/td>\n                        <td>4<\/td>\n                        <td>120<\/td>\n                        <td>0<\/td>\n                        <td>0<\/td>\n                        <td>120<\/td>\n                        <td>0<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>10<\/td>\n                        <td>Taller de Programaci\u00f3n II<\/td>\n                        <td><span class=\"badge-segundo\">Anual<\/span><\/td>\n                        <td>5<\/td>\n                        <td>150<\/td>\n                        <td>0<\/td>\n                        <td>0<\/td>\n                        <td>0<\/td>\n                        <td>150<\/td>\n                    <\/tr>\n                <\/tbody>\n                <tfoot>\n                    <tr>\n                        <td colspan=\"3\">Totales Segundo A\u00f1o<\/td>\n                        <td>34<\/td>\n                        <td>1020<\/td>\n                        <td>0<\/td>\n                        <td>300<\/td>\n                        <td>570<\/td>\n                        <td>150<\/td>\n                    <\/tr>\n                <\/tfoot>\n            <\/table>\n        <\/div>\n\n        <!-- Tablet Table -->\n        <div class=\"tablet-table-segundo\">\n            <table>\n                <thead>\n                    <tr>\n                        <th>N\u00ba<\/th>\n                        <th>Materia<\/th>\n                        <th>R\u00e9gimen<\/th>\n                        <th>Hs\/A\u00f1o<\/th>\n                        <th>Tipo<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                    <tr>\n                        <td>1<\/td>\n                        <td>Programaci\u00f3n II<\/td>\n                        <td><span class=\"badge-segundo\">Anual<\/span><\/td>\n                        <td>150<\/td>\n                        <td><span class=\"badge-segundo badge-especifica-segundo\">Espec\u00edfica<\/span><\/td>\n                    <\/tr>\n                    <tr>\n                        <td>2<\/td>\n                        <td>Estad\u00edstica Aplicada<\/td>\n                        <td><span class=\"badge-segundo\">Anual<\/span><\/td>\n                        <td>90<\/td>\n                        <td><span class=\"badge-segundo badge-formacion-segundo\">Formaci\u00f3n<\/span><\/td>\n                    <\/tr>\n                    <tr>\n                        <td>3<\/td>\n                        <td>Base de Datos II<\/td>\n                        <td><span class=\"badge-segundo\">Anual<\/span><\/td>\n                        <td>90<\/td>\n                        <td><span class=\"badge-segundo badge-especifica-segundo\">Espec\u00edfica<\/span><\/td>\n                    <\/tr>\n                    <tr>\n                        <td>4<\/td>\n                        <td>Matem\u00e1tica II<\/td>\n                        <td><span class=\"badge-segundo\">Anual<\/span><\/td>\n                        <td>90<\/td>\n                        <td><span class=\"badge-segundo badge-formacion-segundo\">Formaci\u00f3n<\/span><\/td>\n                    <\/tr>\n                    <tr>\n                        <td>5<\/td>\n                        <td>Sistemas de Informaci\u00f3n Empresaria I<\/td>\n                        <td><span class=\"badge-segundo\">Anual<\/span><\/td>\n                        <td>60<\/td>\n                        <td><span class=\"badge-segundo badge-formacion-segundo\">Formaci\u00f3n<\/span><\/td>\n                    <\/tr>\n                    <tr>\n                        <td>6<\/td>\n                        <td>Ingl\u00e9s T\u00e9cnico II<\/td>\n                        <td><span class=\"badge-segundo\">Anual<\/span><\/td>\n                        <td>60<\/td>\n                        <td><span class=\"badge-segundo badge-formacion-segundo\">Formaci\u00f3n<\/span><\/td>\n                    <\/tr>\n                    <tr>\n                        <td>7<\/td>\n                        <td>Redes y Seguridad Inform\u00e1tica<\/td>\n                        <td><span class=\"badge-segundo\">Anual<\/span><\/td>\n                        <td>90<\/td>\n                        <td><span class=\"badge-segundo badge-especifica-segundo\">Espec\u00edfica<\/span><\/td>\n                    <\/tr>\n                    <tr>\n                        <td>8<\/td>\n                        <td>An\u00e1lisis y Dise\u00f1o de Sistemas<\/td>\n                        <td><span class=\"badge-segundo\">Anual<\/span><\/td>\n                        <td>120<\/td>\n                        <td><span class=\"badge-segundo badge-especifica-segundo\">Espec\u00edfica<\/span><\/td>\n                    <\/tr>\n                    <tr>\n                        <td>9<\/td>\n                        <td>Laboratorio de Programaci\u00f3n<\/td>\n                        <td><span class=\"badge-segundo\">Anual<\/span><\/td>\n                        <td>120<\/td>\n                        <td><span class=\"badge-segundo badge-especifica-segundo\">Espec\u00edfica<\/span><\/td>\n                    <\/tr>\n                    <tr>\n                        <td>10<\/td>\n                        <td>Taller de Programaci\u00f3n II<\/td>\n                        <td><span class=\"badge-segundo\">Anual<\/span><\/td>\n                        <td>150<\/td>\n                        <td><span class=\"badge-segundo badge-practica-segundo\">Pr\u00e1ctica<\/span><\/td>\n                    <\/tr>\n                <\/tbody>\n                <tfoot>\n                    <tr>\n                        <td colspan=\"3\">Total Horas Anuales<\/td>\n                        <td>1020<\/td>\n                        <td>10 Materias<\/td>\n                    <\/tr>\n                <\/tfoot>\n            <\/table>\n        <\/div>\n\n        <!-- Mobile Cards -->\n        <div class=\"mobile-cards-segundo\">\n            <div class=\"subject-card-segundo\">\n                <div class=\"card-header-segundo\">\n                    <div class=\"card-title-segundo\">1. Programaci\u00f3n II<\/div>\n                    <span class=\"badge-segundo\">Anual<\/span>\n                <\/div>\n                <div class=\"card-content-segundo\">\n                    <div class=\"card-grid-segundo\">\n                        <div>\n                            <div class=\"card-info-segundo\">\n                                <span class=\"card-label-segundo\">Horas\/Semana:<\/span>\n                                <span class=\"card-value-segundo\">5<\/span>\n                            <\/div>\n                            <div class=\"card-info-segundo\">\n                                <span class=\"card-label-segundo\">Horas\/A\u00f1o:<\/span>\n                                <span class=\"card-value-highlight-segundo\">150<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-type-section-segundo\">\n                            <span class=\"badge-segundo badge-especifica-segundo\">Espec\u00edfica<\/span>\n                            <span class=\"card-hours-segundo\">150h<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"subject-card-segundo\">\n                <div class=\"card-header-segundo\">\n                    <div class=\"card-title-segundo\">2. Estad\u00edstica Aplicada<\/div>\n                    <span class=\"badge-segundo\">Anual<\/span>\n                <\/div>\n                <div class=\"card-content-segundo\">\n                    <div class=\"card-grid-segundo\">\n                        <div>\n                            <div class=\"card-info-segundo\">\n                                <span class=\"card-label-segundo\">Horas\/Semana:<\/span>\n                                <span class=\"card-value-segundo\">3<\/span>\n                            <\/div>\n                            <div class=\"card-info-segundo\">\n                                <span class=\"card-label-segundo\">Horas\/A\u00f1o:<\/span>\n                                <span class=\"card-value-highlight-segundo\">90<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-type-section-segundo\">\n                            <span class=\"badge-segundo badge-formacion-segundo\">Formaci\u00f3n<\/span>\n                            <span class=\"card-hours-segundo\">90h<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"subject-card-segundo\">\n                <div class=\"card-header-segundo\">\n                    <div class=\"card-title-segundo\">3. Base de Datos II<\/div>\n                    <span class=\"badge-segundo\">Anual<\/span>\n                <\/div>\n                <div class=\"card-content-segundo\">\n                    <div class=\"card-grid-segundo\">\n                        <div>\n                            <div class=\"card-info-segundo\">\n                                <span class=\"card-label-segundo\">Horas\/Semana:<\/span>\n                                <span class=\"card-value-segundo\">3<\/span>\n                            <\/div>\n                            <div class=\"card-info-segundo\">\n                                <span class=\"card-label-segundo\">Horas\/A\u00f1o:<\/span>\n                                <span class=\"card-value-highlight-segundo\">90<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-type-section-segundo\">\n                            <span class=\"badge-segundo badge-especifica-segundo\">Espec\u00edfica<\/span>\n                            <span class=\"card-hours-segundo\">90h<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"subject-card-segundo\">\n                <div class=\"card-header-segundo\">\n                    <div class=\"card-title-segundo\">4. Matem\u00e1tica II<\/div>\n                    <span class=\"badge-segundo\">Anual<\/span>\n                <\/div>\n                <div class=\"card-content-segundo\">\n                    <div class=\"card-grid-segundo\">\n                        <div>\n                            <div class=\"card-info-segundo\">\n                                <span class=\"card-label-segundo\">Horas\/Semana:<\/span>\n                                <span class=\"card-value-segundo\">3<\/span>\n                            <\/div>\n                            <div class=\"card-info-segundo\">\n                                <span class=\"card-label-segundo\">Horas\/A\u00f1o:<\/span>\n                                <span class=\"card-value-highlight-segundo\">90<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-type-section-segundo\">\n                            <span class=\"badge-segundo badge-formacion-segundo\">Formaci\u00f3n<\/span>\n                            <span class=\"card-hours-segundo\">90h<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"subject-card-segundo\">\n                <div class=\"card-header-segundo\">\n                    <div class=\"card-title-segundo\">5. Sistemas de Informaci\u00f3n Empresaria I<\/div>\n                    <span class=\"badge-segundo\">Anual<\/span>\n                <\/div>\n                <div class=\"card-content-segundo\">\n                    <div class=\"card-grid-segundo\">\n                        <div>\n                            <div class=\"card-info-segundo\">\n                                <span class=\"card-label-segundo\">Horas\/Semana:<\/span>\n                                <span class=\"card-value-segundo\">2<\/span>\n                            <\/div>\n                            <div class=\"card-info-segundo\">\n                                <span class=\"card-label-segundo\">Horas\/A\u00f1o:<\/span>\n                                <span class=\"card-value-highlight-segundo\">60<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-type-section-segundo\">\n                            <span class=\"badge-segundo badge-formacion-segundo\">Formaci\u00f3n<\/span>\n                            <span class=\"card-hours-segundo\">60h<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"subject-card-segundo\">\n                <div class=\"card-header-segundo\">\n                    <div class=\"card-title-segundo\">6. Ingl\u00e9s T\u00e9cnico II<\/div>\n                    <span class=\"badge-segundo\">Anual<\/span>\n                <\/div>\n                <div class=\"card-content-segundo\">\n                    <div class=\"card-grid-segundo\">\n                        <div>\n                            <div class=\"card-info-segundo\">\n                                <span class=\"card-label-segundo\">Horas\/Semana:<\/span>\n                                <span class=\"card-value-segundo\">2<\/span>\n                            <\/div>\n                            <div class=\"card-info-segundo\">\n                                <span class=\"card-label-segundo\">Horas\/A\u00f1o:<\/span>\n                                <span class=\"card-value-highlight-segundo\">60<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-type-section-segundo\">\n                            <span class=\"badge-segundo badge-formacion-segundo\">Formaci\u00f3n<\/span>\n                            <span class=\"card-hours-segundo\">60h<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"subject-card-segundo\">\n                <div class=\"card-header-segundo\">\n                    <div class=\"card-title-segundo\">7. Redes y Seguridad Inform\u00e1tica<\/div>\n                    <span class=\"badge-segundo\">Anual<\/span>\n                <\/div>\n                <div class=\"card-content-segundo\">\n                    <div class=\"card-grid-segundo\">\n                        <div>\n                            <div class=\"card-info-segundo\">\n                                <span class=\"card-label-segundo\">Horas\/Semana:<\/span>\n                                <span class=\"card-value-segundo\">3<\/span>\n                            <\/div>\n                            <div class=\"card-info-segundo\">\n                                <span class=\"card-label-segundo\">Horas\/A\u00f1o:<\/span>\n                                <span class=\"card-value-highlight-segundo\">90<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-type-section-segundo\">\n                            <span class=\"badge-segundo badge-especifica-segundo\">Espec\u00edfica<\/span>\n                            <span class=\"card-hours-segundo\">90h<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"subject-card-segundo\">\n                <div class=\"card-header-segundo\">\n                    <div class=\"card-title-segundo\">8. An\u00e1lisis y Dise\u00f1o de Sistemas<\/div>\n                    <span class=\"badge-segundo\">Anual<\/span>\n                <\/div>\n                <div class=\"card-content-segundo\">\n                    <div class=\"card-grid-segundo\">\n                        <div>\n                            <div class=\"card-info-segundo\">\n                                <span class=\"card-label-segundo\">Horas\/Semana:<\/span>\n                                <span class=\"card-value-segundo\">4<\/span>\n                            <\/div>\n                            <div class=\"card-info-segundo\">\n                                <span class=\"card-label-segundo\">Horas\/A\u00f1o:<\/span>\n                                <span class=\"card-value-highlight-segundo\">120<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-type-section-segundo\">\n                            <span class=\"badge-segundo badge-especifica-segundo\">Espec\u00edfica<\/span>\n                            <span class=\"card-hours-segundo\">120h<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"subject-card-segundo\">\n                <div class=\"card-header-segundo\">\n                    <div class=\"card-title-segundo\">9. Laboratorio de Programaci\u00f3n<\/div>\n                    <span class=\"badge-segundo\">Anual<\/span>\n                <\/div>\n                <div class=\"card-content-segundo\">\n                    <div class=\"card-grid-segundo\">\n                        <div>\n                            <div class=\"card-info-segundo\">\n                                <span class=\"card-label-segundo\">Horas\/Semana:<\/span>\n                                <span class=\"card-value-segundo\">4<\/span>\n                            <\/div>\n                            <div class=\"card-info-segundo\">\n                                <span class=\"card-label-segundo\">Horas\/A\u00f1o:<\/span>\n                                <span class=\"card-value-highlight-segundo\">120<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-type-section-segundo\">\n                            <span class=\"badge-segundo badge-especifica-segundo\">Espec\u00edfica<\/span>\n                            <span class=\"card-hours-segundo\">120h<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"subject-card-segundo\">\n                <div class=\"card-header-segundo\">\n                    <div class=\"card-title-segundo\">10. Taller de Programaci\u00f3n II<\/div>\n                    <span class=\"badge-segundo\">Anual<\/span>\n                <\/div>\n                <div class=\"card-content-segundo\">\n                    <div class=\"card-grid-segundo\">\n                        <div>\n                            <div class=\"card-info-segundo\">\n                                <span class=\"card-label-segundo\">Horas\/Semana:<\/span>\n                                <span class=\"card-value-segundo\">5<\/span>\n                            <\/div>\n                            <div class=\"card-info-segundo\">\n                                <span class=\"card-label-segundo\">Horas\/A\u00f1o:<\/span>\n                                <span class=\"card-value-highlight-segundo\">150<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-type-section-segundo\">\n                            <span class=\"badge-segundo badge-practica-segundo\">Pr\u00e1ctica<\/span>\n                            <span class=\"card-hours-segundo\">150h<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Summary Card -->\n            <div class=\"summary-card-segundo\">\n                <div class=\"summary-header-segundo\">\n                    <div class=\"summary-title-segundo\">Resumen Segundo A\u00f1o<\/div>\n                <\/div>\n                <div class=\"summary-content-segundo\">\n                    <div class=\"summary-main-segundo\">\n                        <div>\n                            <div class=\"summary-number-segundo\">1020<\/div>\n                            <div class=\"summary-label-segundo\">Horas Totales<\/div>\n                        <\/div>\n                        <div>\n                            <div class=\"summary-number-segundo\">10<\/div>\n                            <div class=\"summary-label-segundo\">Materias<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"summary-details-segundo\">\n                        <div class=\"summary-grid-segundo\">\n                            <div>\n                                <div class=\"summary-detail-number-segundo\">0<\/div>\n                                <div class=\"summary-detail-label-segundo\">General<\/div>\n                            <\/div>\n                            <div>\n                                <div class=\"summary-detail-number-segundo\">300<\/div>\n                                <div class=\"summary-detail-label-segundo\">Formaci\u00f3n<\/div>\n                            <\/div>\n                            <div>\n                                <div class=\"summary-detail-number-segundo\">570<\/div>\n                                <div class=\"summary-detail-label-segundo\">Espec\u00edfica<\/div>\n                            <\/div>\n                            <div>\n                                <div class=\"summary-detail-number-segundo\">150<\/div>\n                                <div class=\"summary-detail-label-segundo\">Pr\u00e1ctica<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n\n<style>\n        * {\n            box-sizing: border-box;\n        }\n\n        .curriculum-container-tercero {\n            width: 100%;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 20px;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n        }\n\n        .curriculum-header-tercero {\n            text-align: center;\n            margin-bottom: 30px;\n        }\n\n        .curriculum-title-tercero {\n            font-size: 2rem;\n            font-weight: bold;\n            color: #1f2937;\n            margin-bottom: 8px;\n        }\n\n        .curriculum-subtitle-tercero {\n            color: #6b7280;\n            font-size: 1rem;\n        }\n\n        \/* Desktop Table *\/\n        .desktop-table-tercero {\n            display: block;\n            background: white;\n            border-radius: 12px;\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n            overflow: hidden;\n            border: 1px solid #e5e7eb;\n        }\n\n        .desktop-table-tercero table {\n            width: 100%;\n            border-collapse: collapse;\n        }\n\n        .desktop-table-tercero thead {\n            background: linear-gradient(135deg, #dc2626, #b91c1c);\n            color: white;\n        }\n\n        .desktop-table-tercero th {\n            padding: 12px 16px;\n            text-align: left;\n            font-size: 0.875rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n        }\n\n        .desktop-table-tercero th:nth-child(3),\n        .desktop-table-tercero th:nth-child(4),\n        .desktop-table-tercero th:nth-child(5),\n        .desktop-table-tercero th:nth-child(6),\n        .desktop-table-tercero th:nth-child(7),\n        .desktop-table-tercero th:nth-child(8),\n        .desktop-table-tercero th:nth-child(9) {\n            text-align: center;\n        }\n\n        .desktop-table-tercero tbody tr {\n            transition: background-color 0.2s ease;\n        }\n\n        .desktop-table-tercero tbody tr:nth-child(even) {\n            background-color: #fef2f2;\n        }\n\n        .desktop-table-tercero tbody tr:hover {\n            background-color: #fecaca;\n        }\n\n        .desktop-table-tercero td {\n            padding: 12px 16px;\n            font-size: 0.875rem;\n            border-bottom: 1px solid #e5e7eb;\n        }\n\n        .desktop-table-tercero td:first-child {\n            font-weight: 600;\n            color: #1f2937;\n        }\n\n        .desktop-table-tercero td:nth-child(2) {\n            font-weight: 500;\n            color: #1f2937;\n        }\n\n        .desktop-table-tercero td:nth-child(3),\n        .desktop-table-tercero td:nth-child(4),\n        .desktop-table-tercero td:nth-child(5),\n        .desktop-table-tercero td:nth-child(6),\n        .desktop-table-tercero td:nth-child(7),\n        .desktop-table-tercero td:nth-child(8),\n        .desktop-table-tercero td:nth-child(9) {\n            text-align: center;\n        }\n\n        .desktop-table-tercero td:nth-child(5) {\n            font-weight: 600;\n            color: #dc2626;\n        }\n\n        .badge-tercero {\n            display: inline-block;\n            padding: 4px 8px;\n            border-radius: 6px;\n            font-size: 0.75rem;\n            font-weight: 500;\n            background-color: #fef2f2;\n            color: #991b1b;\n        }\n\n        .desktop-table-tercero tfoot {\n            background: linear-gradient(135deg, #374151, #1f2937);\n            color: white;\n        }\n\n        .desktop-table-tercero tfoot td {\n            padding: 16px;\n            font-weight: bold;\n            border-bottom: none;\n        }\n\n        \/* Tablet Table *\/\n        .tablet-table-tercero {\n            display: none;\n            background: white;\n            border-radius: 12px;\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n            overflow: hidden;\n            border: 1px solid #e5e7eb;\n        }\n\n        .tablet-table-tercero table {\n            width: 100%;\n            border-collapse: collapse;\n        }\n\n        .tablet-table-tercero thead {\n            background: linear-gradient(135deg, #dc2626, #b91c1c);\n            color: white;\n        }\n\n        .tablet-table-tercero th {\n            padding: 12px;\n            text-align: left;\n            font-size: 0.875rem;\n            font-weight: 600;\n        }\n\n        .tablet-table-tercero th:nth-child(3),\n        .tablet-table-tercero th:nth-child(4),\n        .tablet-table-tercero th:nth-child(5) {\n            text-align: center;\n        }\n\n        .tablet-table-tercero tbody tr:nth-child(even) {\n            background-color: #fef2f2;\n        }\n\n        .tablet-table-tercero tbody tr:hover {\n            background-color: #fecaca;\n        }\n\n        .tablet-table-tercero td {\n            padding: 12px;\n            font-size: 0.875rem;\n            border-bottom: 1px solid #e5e7eb;\n        }\n\n        .tablet-table-tercero td:nth-child(3),\n        .tablet-table-tercero td:nth-child(4),\n        .tablet-table-tercero td:nth-child(5) {\n            text-align: center;\n        }\n\n        .tablet-table-tercero td:nth-child(4) {\n            font-weight: 600;\n            color: #dc2626;\n        }\n\n        .badge-general-tercero { background-color: #f3e8ff; color: #7c3aed; }\n        .badge-formacion-tercero { background-color: #dbeafe; color: #2563eb; }\n        .badge-especifica-tercero { background-color: #dcfce7; color: #16a34a; }\n        .badge-practica-tercero { background-color: #fed7aa; color: #ea580c; }\n\n        .tablet-table-tercero tfoot {\n            background: linear-gradient(135deg, #374151, #1f2937);\n            color: white;\n        }\n\n        .tablet-table-tercero tfoot td {\n            padding: 16px 12px;\n            font-weight: bold;\n            border-bottom: none;\n        }\n\n        \/* Mobile Cards *\/\n        .mobile-cards-tercero {\n            display: none;\n        }\n\n        .subject-card-tercero {\n            background: white;\n            border-radius: 12px;\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n            margin-bottom: 16px;\n            border-left: 4px solid #dc2626;\n            transition: box-shadow 0.2s ease;\n        }\n\n        .subject-card-tercero:hover {\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n        }\n\n        .card-header-tercero {\n            padding: 16px 16px 8px 16px;\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-start;\n        }\n\n        .card-title-tercero {\n            font-size: 1.125rem;\n            font-weight: 600;\n            color: #1f2937;\n            line-height: 1.4;\n            flex: 1;\n            margin-right: 12px;\n        }\n\n        .card-content-tercero {\n            padding: 0 16px 16px 16px;\n        }\n\n        .card-grid-tercero {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 16px;\n        }\n\n        .card-info-tercero {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 8px;\n        }\n\n        .card-label-tercero {\n            font-size: 0.875rem;\n            color: #6b7280;\n        }\n\n        .card-value-tercero {\n            font-weight: 600;\n            color: #1f2937;\n        }\n\n        .card-value-highlight-tercero {\n            font-weight: bold;\n            color: #dc2626;\n        }\n\n        .card-type-section-tercero {\n            display: flex;\n            flex-direction: column;\n            align-items: flex-end;\n            justify-content: center;\n        }\n\n        .card-hours-tercero {\n            font-size: 0.75rem;\n            color: #6b7280;\n            margin-top: 4px;\n        }\n\n        \/* Summary Card *\/\n        .summary-card-tercero {\n            background: linear-gradient(135deg, #374151, #1f2937);\n            color: white;\n            border-radius: 12px;\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n            margin-top: 24px;\n        }\n\n        .summary-header-tercero {\n            padding: 20px 20px 8px 20px;\n            text-align: center;\n        }\n\n        .summary-title-tercero {\n            font-size: 1.25rem;\n            font-weight: bold;\n        }\n\n        .summary-content-tercero {\n            padding: 0 20px 20px 20px;\n        }\n\n        .summary-main-tercero {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 16px;\n            text-align: center;\n            margin-bottom: 16px;\n        }\n\n        .summary-number-tercero {\n            font-size: 2rem;\n            font-weight: bold;\n        }\n\n        .summary-label-tercero {\n            font-size: 0.875rem;\n            opacity: 0.9;\n        }\n\n        .summary-details-tercero {\n            padding-top: 16px;\n            border-top: 1px solid #4b5563;\n        }\n\n        .summary-grid-tercero {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 8px;\n            text-align: center;\n            font-size: 0.875rem;\n        }\n\n        .summary-detail-number-tercero {\n            font-weight: 600;\n        }\n\n        .summary-detail-label-tercero {\n            font-size: 0.75rem;\n            opacity: 0.75;\n        }\n\n        \/* Media Queries *\/\n        @media (max-width: 1023px) {\n            .desktop-table-tercero {\n                display: none;\n            }\n            .tablet-table-tercero {\n                display: block;\n            }\n        }\n\n        @media (max-width: 767px) {\n            .desktop-table-tercero,\n            .tablet-table-tercero {\n                display: none;\n            }\n            .mobile-cards-tercero {\n                display: block;\n            }\n            \n            .curriculum-title-tercero {\n                font-size: 1.75rem;\n            }\n            \n            .curriculum-container-tercero {\n                padding: 16px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .curriculum-title-tercero {\n                font-size: 1.5rem;\n            }\n            \n            .card-grid-tercero {\n                grid-template-columns: 1fr;\n                gap: 12px;\n            }\n            \n            .card-type-section-tercero {\n                align-items: flex-start;\n                margin-top: 12px;\n            }\n        }\n<\/style>\n\n\n    <div class=\"curriculum-container-tercero\">\n        <div class=\"curriculum-header-tercero\">\n            <h2 class=\"curriculum-title-tercero\">Tercer A\u00f1o<\/h2>\n            <p class=\"curriculum-subtitle-tercero\">Plan de Estudios &#8211; Distribuci\u00f3n de Materias<\/p>\n        <\/div>\n\n        <!-- Desktop Table -->\n        <div class=\"desktop-table-tercero\">\n            <table>\n                <thead>\n                    <tr>\n                        <th>N\u00ba<\/th>\n                        <th>Unidad Curricular<\/th>\n                        <th>R\u00e9gimen<\/th>\n                        <th>Hs\/Sem<\/th>\n                        <th>Hs\/A\u00f1o<\/th>\n                        <th>G<\/th>\n                        <th>F<\/th>\n                        <th>E<\/th>\n                        <th>P<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                    <tr>\n                        <td>1<\/td>\n                        <td>Emprendimientos Tecnol\u00f3gicos<\/td>\n                        <td><span class=\"badge-tercero\">Anual<\/span><\/td>\n                        <td>2<\/td>\n                        <td>60<\/td>\n                        <td>60<\/td>\n                        <td>0<\/td>\n                        <td>0<\/td>\n                        <td>0<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>2<\/td>\n                        <td>Gesti\u00f3n de Proyectos y Software de Calidad<\/td>\n                        <td><span class=\"badge-tercero\">Anual<\/span><\/td>\n                        <td>4<\/td>\n                        <td>120<\/td>\n                        <td>0<\/td>\n                        <td>120<\/td>\n                        <td>0<\/td>\n                        <td>0<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>3<\/td>\n                        <td>Desarrollo Empresarial<\/td>\n                        <td><span class=\"badge-tercero\">Anual<\/span><\/td>\n                        <td>3<\/td>\n                        <td>90<\/td>\n                        <td>90<\/td>\n                        <td>0<\/td>\n                        <td>0<\/td>\n                        <td>0<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>4<\/td>\n                        <td>Programaci\u00f3n III<\/td>\n                        <td><span class=\"badge-tercero\">Anual<\/span><\/td>\n                        <td>5<\/td>\n                        <td>150<\/td>\n                        <td>0<\/td>\n                        <td>0<\/td>\n                        <td>150<\/td>\n                        <td>0<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>5<\/td>\n                        <td>Ingl\u00e9s T\u00e9cnico III<\/td>\n                        <td><span class=\"badge-tercero\">Anual<\/span><\/td>\n                        <td>2<\/td>\n                        <td>60<\/td>\n                        <td>0<\/td>\n                        <td>60<\/td>\n                        <td>0<\/td>\n                        <td>0<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>6<\/td>\n                        <td>\u00c9tica y Deontolog\u00eda Profesional<\/td>\n                        <td><span class=\"badge-tercero\">Anual<\/span><\/td>\n                        <td>2<\/td>\n                        <td>60<\/td>\n                        <td>60<\/td>\n                        <td>0<\/td>\n                        <td>0<\/td>\n                        <td>0<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>7<\/td>\n                        <td>Legislaci\u00f3n de Software<\/td>\n                        <td><span class=\"badge-tercero\">Anual<\/span><\/td>\n                        <td>2<\/td>\n                        <td>60<\/td>\n                        <td>0<\/td>\n                        <td>60<\/td>\n                        <td>0<\/td>\n                        <td>0<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>8<\/td>\n                        <td>T\u00e9cnicas Avanzadas de Programaci\u00f3n<\/td>\n                        <td><span class=\"badge-tercero\">Anual<\/span><\/td>\n                        <td>4<\/td>\n                        <td>120<\/td>\n                        <td>0<\/td>\n                        <td>0<\/td>\n                        <td>120<\/td>\n                        <td>0<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>9<\/td>\n                        <td>Taller de Programaci\u00f3n III<\/td>\n                        <td><span class=\"badge-tercero\">Anual<\/span><\/td>\n                        <td>7<\/td>\n                        <td>210<\/td>\n                        <td>0<\/td>\n                        <td>0<\/td>\n                        <td>0<\/td>\n                        <td>210<\/td>\n                    <\/tr>\n                <\/tbody>\n                <tfoot>\n                    <tr>\n                        <td colspan=\"3\">Totales Tercer A\u00f1o<\/td>\n                        <td>31<\/td>\n                        <td>930<\/td>\n                        <td>210<\/td>\n                        <td>240<\/td>\n                        <td>270<\/td>\n                        <td>210<\/td>\n                    <\/tr>\n                <\/tfoot>\n            <\/table>\n        <\/div>\n\n        <!-- Tablet Table -->\n        <div class=\"tablet-table-tercero\">\n            <table>\n                <thead>\n                    <tr>\n                        <th>N\u00ba<\/th>\n                        <th>Materia<\/th>\n                        <th>R\u00e9gimen<\/th>\n                        <th>Hs\/A\u00f1o<\/th>\n                        <th>Tipo<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                    <tr>\n                        <td>1<\/td>\n                        <td>Emprendimientos Tecnol\u00f3gicos<\/td>\n                        <td><span class=\"badge-tercero\">Anual<\/span><\/td>\n                        <td>60<\/td>\n                        <td><span class=\"badge-tercero badge-general-tercero\">General<\/span><\/td>\n                    <\/tr>\n                    <tr>\n                        <td>2<\/td>\n                        <td>Gesti\u00f3n de Proyectos y Software de Calidad<\/td>\n                        <td><span class=\"badge-tercero\">Anual<\/span><\/td>\n                        <td>120<\/td>\n                        <td><span class=\"badge-tercero badge-formacion-tercero\">Formaci\u00f3n<\/span><\/td>\n                    <\/tr>\n                    <tr>\n                        <td>3<\/td>\n                        <td>Desarrollo Empresarial<\/td>\n                        <td><span class=\"badge-tercero\">Anual<\/span><\/td>\n                        <td>90<\/td>\n                        <td><span class=\"badge-tercero badge-general-tercero\">General<\/span><\/td>\n                    <\/tr>\n                    <tr>\n                        <td>4<\/td>\n                        <td>Programaci\u00f3n III<\/td>\n                        <td><span class=\"badge-tercero\">Anual<\/span><\/td>\n                        <td>150<\/td>\n                        <td><span class=\"badge-tercero badge-especifica-tercero\">Espec\u00edfica<\/span><\/td>\n                    <\/tr>\n                    <tr>\n                        <td>5<\/td>\n                        <td>Ingl\u00e9s T\u00e9cnico III<\/td>\n                        <td><span class=\"badge-tercero\">Anual<\/span><\/td>\n                        <td>60<\/td>\n                        <td><span class=\"badge-tercero badge-formacion-tercero\">Formaci\u00f3n<\/span><\/td>\n                    <\/tr>\n                    <tr>\n                        <td>6<\/td>\n                        <td>\u00c9tica y Deontolog\u00eda Profesional<\/td>\n                        <td><span class=\"badge-tercero\">Anual<\/span><\/td>\n                        <td>60<\/td>\n                        <td><span class=\"badge-tercero badge-general-tercero\">General<\/span><\/td>\n                    <\/tr>\n                    <tr>\n                        <td>7<\/td>\n                        <td>Legislaci\u00f3n de Software<\/td>\n                        <td><span class=\"badge-tercero\">Anual<\/span><\/td>\n                        <td>60<\/td>\n                        <td><span class=\"badge-tercero badge-formacion-tercero\">Formaci\u00f3n<\/span><\/td>\n                    <\/tr>\n                    <tr>\n                        <td>8<\/td>\n                        <td>T\u00e9cnicas Avanzadas de Programaci\u00f3n<\/td>\n                        <td><span class=\"badge-tercero\">Anual<\/span><\/td>\n                        <td>120<\/td>\n                        <td><span class=\"badge-tercero badge-especifica-tercero\">Espec\u00edfica<\/span><\/td>\n                    <\/tr>\n                    <tr>\n                        <td>9<\/td>\n                        <td>Taller de Programaci\u00f3n III<\/td>\n                        <td><span class=\"badge-tercero\">Anual<\/span><\/td>\n                        <td>210<\/td>\n                        <td><span class=\"badge-tercero badge-practica-tercero\">Pr\u00e1ctica<\/span><\/td>\n                    <\/tr>\n                <\/tbody>\n                <tfoot>\n                    <tr>\n                        <td colspan=\"3\">Total Horas Anuales<\/td>\n                        <td>930<\/td>\n                        <td>9 Materias<\/td>\n                    <\/tr>\n                <\/tfoot>\n            <\/table>\n        <\/div>\n\n        <!-- Mobile Cards -->\n        <div class=\"mobile-cards-tercero\">\n            <div class=\"subject-card-tercero\">\n                <div class=\"card-header-tercero\">\n                    <div class=\"card-title-tercero\">1. Emprendimientos Tecnol\u00f3gicos<\/div>\n                    <span class=\"badge-tercero\">Anual<\/span>\n                <\/div>\n                <div class=\"card-content-tercero\">\n                    <div class=\"card-grid-tercero\">\n                        <div>\n                            <div class=\"card-info-tercero\">\n                                <span class=\"card-label-tercero\">Horas\/Semana:<\/span>\n                                <span class=\"card-value-tercero\">2<\/span>\n                            <\/div>\n                            <div class=\"card-info-tercero\">\n                                <span class=\"card-label-tercero\">Horas\/A\u00f1o:<\/span>\n                                <span class=\"card-value-highlight-tercero\">60<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-type-section-tercero\">\n                            <span class=\"badge-tercero badge-general-tercero\">General<\/span>\n                            <span class=\"card-hours-tercero\">60h<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"subject-card-tercero\">\n                <div class=\"card-header-tercero\">\n                    <div class=\"card-title-tercero\">2. Gesti\u00f3n de Proyectos y Software de Calidad<\/div>\n                    <span class=\"badge-tercero\">Anual<\/span>\n                <\/div>\n                <div class=\"card-content-tercero\">\n                    <div class=\"card-grid-tercero\">\n                        <div>\n                            <div class=\"card-info-tercero\">\n                                <span class=\"card-label-tercero\">Horas\/Semana:<\/span>\n                                <span class=\"card-value-tercero\">4<\/span>\n                            <\/div>\n                            <div class=\"card-info-tercero\">\n                                <span class=\"card-label-tercero\">Horas\/A\u00f1o:<\/span>\n                                <span class=\"card-value-highlight-tercero\">120<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-type-section-tercero\">\n                            <span class=\"badge-tercero badge-formacion-tercero\">Formaci\u00f3n<\/span>\n                            <span class=\"card-hours-tercero\">120h<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"subject-card-tercero\">\n                <div class=\"card-header-tercero\">\n                    <div class=\"card-title-tercero\">3. Desarrollo Empresarial<\/div>\n                    <span class=\"badge-tercero\">Anual<\/span>\n                <\/div>\n                <div class=\"card-content-tercero\">\n                    <div class=\"card-grid-tercero\">\n                        <div>\n                            <div class=\"card-info-tercero\">\n                                <span class=\"card-label-tercero\">Horas\/Semana:<\/span>\n                                <span class=\"card-value-tercero\">3<\/span>\n                            <\/div>\n                            <div class=\"card-info-tercero\">\n                                <span class=\"card-label-tercero\">Horas\/A\u00f1o:<\/span>\n                                <span class=\"card-value-highlight-tercero\">90<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-type-section-tercero\">\n                            <span class=\"badge-tercero badge-general-tercero\">General<\/span>\n                            <span class=\"card-hours-tercero\">90h<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"subject-card-tercero\">\n                <div class=\"card-header-tercero\">\n                    <div class=\"card-title-tercero\">4. Programaci\u00f3n III<\/div>\n                    <span class=\"badge-tercero\">Anual<\/span>\n                <\/div>\n                <div class=\"card-content-tercero\">\n                    <div class=\"card-grid-tercero\">\n                        <div>\n                            <div class=\"card-info-tercero\">\n                                <span class=\"card-label-tercero\">Horas\/Semana:<\/span>\n                                <span class=\"card-value-tercero\">5<\/span>\n                            <\/div>\n                            <div class=\"card-info-tercero\">\n                                <span class=\"card-label-tercero\">Horas\/A\u00f1o:<\/span>\n                                <span class=\"card-value-highlight-tercero\">150<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-type-section-tercero\">\n                            <span class=\"badge-tercero badge-especifica-tercero\">Espec\u00edfica<\/span>\n                            <span class=\"card-hours-tercero\">150h<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"subject-card-tercero\">\n                <div class=\"card-header-tercero\">\n                    <div class=\"card-title-tercero\">5. Ingl\u00e9s T\u00e9cnico III<\/div>\n                    <span class=\"badge-tercero\">Anual<\/span>\n                <\/div>\n                <div class=\"card-content-tercero\">\n                    <div class=\"card-grid-tercero\">\n                        <div>\n                            <div class=\"card-info-tercero\">\n                                <span class=\"card-label-tercero\">Horas\/Semana:<\/span>\n                                <span class=\"card-value-tercero\">2<\/span>\n                            <\/div>\n                            <div class=\"card-info-tercero\">\n                                <span class=\"card-label-tercero\">Horas\/A\u00f1o:<\/span>\n                                <span class=\"card-value-highlight-tercero\">60<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-type-section-tercero\">\n                            <span class=\"badge-tercero badge-formacion-tercero\">Formaci\u00f3n<\/span>\n                            <span class=\"card-hours-tercero\">60h<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"subject-card-tercero\">\n                <div class=\"card-header-tercero\">\n                    <div class=\"card-title-tercero\">6. \u00c9tica y Deontolog\u00eda Profesional<\/div>\n                    <span class=\"badge-tercero\">Anual<\/span>\n                <\/div>\n                <div class=\"card-content-tercero\">\n                    <div class=\"card-grid-tercero\">\n                        <div>\n                            <div class=\"card-info-tercero\">\n                                <span class=\"card-label-tercero\">Horas\/Semana:<\/span>\n                                <span class=\"card-value-tercero\">2<\/span>\n                            <\/div>\n                            <div class=\"card-info-tercero\">\n                                <span class=\"card-label-tercero\">Horas\/A\u00f1o:<\/span>\n                                <span class=\"card-value-highlight-tercero\">60<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-type-section-tercero\">\n                            <span class=\"badge-tercero badge-general-tercero\">General<\/span>\n                            <span class=\"card-hours-tercero\">60h<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"subject-card-tercero\">\n                <div class=\"card-header-tercero\">\n                    <div class=\"card-title-tercero\">7. Legislaci\u00f3n de Software<\/div>\n                    <span class=\"badge-tercero\">Anual<\/span>\n                <\/div>\n                <div class=\"card-content-tercero\">\n                    <div class=\"card-grid-tercero\">\n                        <div>\n                            <div class=\"card-info-tercero\">\n                                <span class=\"card-label-tercero\">Horas\/Semana:<\/span>\n                                <span class=\"card-value-tercero\">2<\/span>\n                            <\/div>\n                            <div class=\"card-info-tercero\">\n                                <span class=\"card-label-tercero\">Horas\/A\u00f1o:<\/span>\n                                <span class=\"card-value-highlight-tercero\">60<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-type-section-tercero\">\n                            <span class=\"badge-tercero badge-formacion-tercero\">Formaci\u00f3n<\/span>\n                            <span class=\"card-hours-tercero\">60h<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"subject-card-tercero\">\n                <div class=\"card-header-tercero\">\n                    <div class=\"card-title-tercero\">8. T\u00e9cnicas Avanzadas de Programaci\u00f3n<\/div>\n                    <span class=\"badge-tercero\">Anual<\/span>\n                <\/div>\n                <div class=\"card-content-tercero\">\n                    <div class=\"card-grid-tercero\">\n                        <div>\n                            <div class=\"card-info-tercero\">\n                                <span class=\"card-label-tercero\">Horas\/Semana:<\/span>\n                                <span class=\"card-value-tercero\">4<\/span>\n                            <\/div>\n                            <div class=\"card-info-tercero\">\n                                <span class=\"card-label-tercero\">Horas\/A\u00f1o:<\/span>\n                                <span class=\"card-value-highlight-tercero\">120<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-type-section-tercero\">\n                            <span class=\"badge-tercero badge-especifica-tercero\">Espec\u00edfica<\/span>\n                            <span class=\"card-hours-tercero\">120h<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"subject-card-tercero\">\n                <div class=\"card-header-tercero\">\n                    <div class=\"card-title-tercero\">9. Taller de Programaci\u00f3n III<\/div>\n                    <span class=\"badge-tercero\">Anual<\/span>\n                <\/div>\n                <div class=\"card-content-tercero\">\n                    <div class=\"card-grid-tercero\">\n                        <div>\n                            <div class=\"card-info-tercero\">\n                                <span class=\"card-label-tercero\">Horas\/Semana:<\/span>\n                                <span class=\"card-value-tercero\">7<\/span>\n                            <\/div>\n                            <div class=\"card-info-tercero\">\n                                <span class=\"card-label-tercero\">Horas\/A\u00f1o:<\/span>\n                                <span class=\"card-value-highlight-tercero\">210<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-type-section-tercero\">\n                            <span class=\"badge-tercero badge-practica-tercero\">Pr\u00e1ctica<\/span>\n                            <span class=\"card-hours-tercero\">210h<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Summary Card -->\n            <div class=\"summary-card-tercero\">\n                <div class=\"summary-header-tercero\">\n                    <div class=\"summary-title-tercero\">Resumen Tercer A\u00f1o<\/div>\n                <\/div>\n                <div class=\"summary-content-tercero\">\n                    <div class=\"summary-main-tercero\">\n                        <div>\n                            <div class=\"summary-number-tercero\">930<\/div>\n                            <div class=\"summary-label-tercero\">Horas Totales<\/div>\n                        <\/div>\n                        <div>\n                            <div class=\"summary-number-tercero\">9<\/div>\n                            <div class=\"summary-label-tercero\">Materias<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"summary-details-tercero\">\n                        <div class=\"summary-grid-tercero\">\n                            <div>\n                                <div class=\"summary-detail-number-tercero\">210<\/div>\n                                <div class=\"summary-detail-label-tercero\">General<\/div>\n                            <\/div>\n                            <div>\n                                <div class=\"summary-detail-number-tercero\">240<\/div>\n                                <div class=\"summary-detail-label-tercero\">Formaci\u00f3n<\/div>\n                            <\/div>\n                            <div>\n                                <div class=\"summary-detail-number-tercero\">270<\/div>\n                                <div class=\"summary-detail-label-tercero\">Espec\u00edfica<\/div>\n                            <\/div>\n                            <div>\n                                <div class=\"summary-detail-number-tercero\">210<\/div>\n                                <div class=\"summary-detail-label-tercero\">Pr\u00e1ctica<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n\n<style>\n        * {\n            box-sizing: border-box;\n        }\n\n        .dashboard-container {\n            width: 100%;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 20px;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n        }\n\n        .dashboard-header {\n            text-align: center;\n            margin-bottom: 40px;\n        }\n\n        .dashboard-title {\n            font-size: 2.5rem;\n            font-weight: bold;\n            background: linear-gradient(135deg, #2563eb, #059669, #dc2626);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 8px;\n        }\n\n        .dashboard-subtitle {\n            color: #6b7280;\n            font-size: 1.125rem;\n        }\n\n        \/* Main Stats Cards *\/\n        .main-stats {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 20px;\n            margin-bottom: 40px;\n        }\n\n        .stat-card {\n            background: white;\n            border-radius: 16px;\n            padding: 24px;\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n            border: 1px solid #e5e7eb;\n            transition: transform 0.2s ease, box-shadow 0.2s ease;\n        }\n\n        .stat-card:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n        }\n\n        .stat-card.primary {\n            background: linear-gradient(135deg, #2563eb, #1d4ed8);\n            color: white;\n        }\n\n        .stat-card.secondary {\n            background: linear-gradient(135deg, #059669, #047857);\n            color: white;\n        }\n\n        .stat-number {\n            font-size: 3rem;\n            font-weight: bold;\n            margin-bottom: 8px;\n        }\n\n        .stat-label {\n            font-size: 1.125rem;\n            opacity: 0.9;\n        }\n\n        .stat-sublabel {\n            font-size: 0.875rem;\n            opacity: 0.7;\n            margin-top: 4px;\n        }\n\n        \/* Distribution Section *\/\n        .distribution-section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-size: 1.75rem;\n            font-weight: bold;\n            color: #1f2937;\n            margin-bottom: 24px;\n            text-align: center;\n        }\n\n        .charts-container {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 30px;\n            margin-bottom: 30px;\n        }\n\n        .chart-card {\n            background: white;\n            border-radius: 16px;\n            padding: 24px;\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n            border: 1px solid #e5e7eb;\n        }\n\n        .chart-title {\n            font-size: 1.25rem;\n            font-weight: 600;\n            color: #1f2937;\n            margin-bottom: 20px;\n            text-align: center;\n        }\n\n        \/* Donut Chart *\/\n        .donut-container {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            margin-bottom: 20px;\n        }\n\n        .donut-chart {\n            width: 200px;\n            height: 200px;\n            border-radius: 50%;\n            background: conic-gradient(\n                #7c3aed 0deg 32.4deg,\n                #2563eb 32.4deg 133.2deg,\n                #16a34a 133.2deg 295.2deg,\n                #ea580c 295.2deg 360deg\n            );\n            position: relative;\n        }\n\n        .donut-chart::after {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 120px;\n            height: 120px;\n            background: white;\n            border-radius: 50%;\n        }\n\n        .donut-center {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            z-index: 10;\n        }\n\n        .donut-total {\n            font-size: 1.5rem;\n            font-weight: bold;\n            color: #1f2937;\n        }\n\n        .donut-label {\n            font-size: 0.875rem;\n            color: #6b7280;\n        }\n\n        \/* Bar Chart *\/\n        .bar-chart {\n            display: flex;\n            flex-direction: column;\n            gap: 16px;\n        }\n\n        .bar-item {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n        }\n\n        .bar-color {\n            width: 16px;\n            height: 16px;\n            border-radius: 4px;\n            flex-shrink: 0;\n        }\n\n        .bar-color.general { background-color: #7c3aed; }\n        .bar-color.fundamento { background-color: #2563eb; }\n        .bar-color.especifica { background-color: #16a34a; }\n        .bar-color.practica { background-color: #ea580c; }\n\n        .bar-info {\n            flex: 1;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n\n        .bar-label {\n            font-weight: 500;\n            color: #1f2937;\n        }\n\n        .bar-value {\n            font-weight: 600;\n            color: #6b7280;\n        }\n\n        .bar-progress {\n            width: 100%;\n            height: 8px;\n            background-color: #f3f4f6;\n            border-radius: 4px;\n            overflow: hidden;\n            margin-top: 8px;\n        }\n\n        .bar-fill {\n            height: 100%;\n            border-radius: 4px;\n            transition: width 0.8s ease;\n        }\n\n        .bar-fill.general { background-color: #7c3aed; width: 9%; }\n        .bar-fill.fundamento { background-color: #2563eb; width: 28%; }\n        .bar-fill.especifica { background-color: #16a34a; width: 45%; }\n        .bar-fill.practica { background-color: #ea580c; width: 17%; }\n\n        \/* Legend *\/\n        .legend {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 12px;\n        }\n\n        .legend-item {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        .legend-color {\n            width: 12px;\n            height: 12px;\n            border-radius: 3px;\n        }\n\n        .legend-text {\n            font-size: 0.875rem;\n            color: #4b5563;\n        }\n\n        \/* Summary Cards *\/\n        .summary-cards {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 20px;\n        }\n\n        .summary-card {\n            background: white;\n            border-radius: 12px;\n            padding: 20px;\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n            border-left: 4px solid;\n            transition: transform 0.2s ease;\n        }\n\n        .summary-card:hover {\n            transform: translateY(-2px);\n        }\n\n        .summary-card.general { border-left-color: #7c3aed; }\n        .summary-card.fundamento { border-left-color: #2563eb; }\n        .summary-card.especifica { border-left-color: #16a34a; }\n        .summary-card.practica { border-left-color: #ea580c; }\n\n        .summary-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 12px;\n        }\n\n        .summary-title {\n            font-weight: 600;\n            color: #1f2937;\n        }\n\n        .summary-percentage {\n            font-size: 1.25rem;\n            font-weight: bold;\n        }\n\n        .summary-percentage.general { color: #7c3aed; }\n        .summary-percentage.fundamento { color: #2563eb; }\n        .summary-percentage.especifica { color: #16a34a; }\n        .summary-percentage.practica { color: #ea580c; }\n\n        .summary-hours {\n            font-size: 1.5rem;\n            font-weight: bold;\n            color: #1f2937;\n        }\n\n        .summary-description {\n            font-size: 0.875rem;\n            color: #6b7280;\n            margin-top: 8px;\n        }\n\n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .dashboard-title {\n                font-size: 2rem;\n            }\n            \n            .charts-container {\n                grid-template-columns: 1fr;\n                gap: 20px;\n            }\n            \n            .donut-chart {\n                width: 160px;\n                height: 160px;\n            }\n            \n            .donut-chart::after {\n                width: 100px;\n                height: 100px;\n            }\n            \n            .legend {\n                grid-template-columns: 1fr;\n            }\n            \n            .main-stats {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .dashboard-container {\n                padding: 16px;\n            }\n            \n            .dashboard-title {\n                font-size: 1.75rem;\n            }\n            \n            .stat-number {\n                font-size: 2.5rem;\n            }\n        }\n<\/style>\n\n\n    <div class=\"dashboard-container\">\n        <div class=\"dashboard-header\">\n            <h2 class=\"dashboard-title\">Resumen General de la Carrera<\/h2>\n            <p class=\"dashboard-subtitle\">Distribuci\u00f3n completa de horas y formaci\u00f3n acad\u00e9mica<\/p>\n        <\/div>\n\n        <!-- Main Statistics -->\n        <div class=\"main-stats\">\n            <div class=\"stat-card primary\">\n                <div class=\"stat-number\">2850<\/div>\n                <div class=\"stat-label\">Horas C\u00e1tedra Totales<\/div>\n                <div class=\"stat-sublabel\">Duraci\u00f3n completa de la carrera<\/div>\n            <\/div>\n            <div class=\"stat-card secondary\">\n                <div class=\"stat-number\">1900<\/div>\n                <div class=\"stat-label\">Horas Reloj Totales<\/div>\n                <div class=\"stat-sublabel\">Tiempo efectivo de formaci\u00f3n<\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Distribution Charts -->\n        <div class=\"distribution-section\">\n            <h3 class=\"section-title\">Distribuci\u00f3n por Tipo de Formaci\u00f3n<\/h3>\n            \n            <div class=\"charts-container\">\n                <!-- Donut Chart -->\n                <div class=\"chart-card\">\n                    <h4 class=\"chart-title\">Distribuci\u00f3n Porcentual<\/h4>\n                    <div class=\"donut-container\">\n                        <div class=\"donut-chart\">\n                            <div class=\"donut-center\">\n                                <div class=\"donut-total\">100%<\/div>\n                                <div class=\"donut-label\">Total<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"legend\">\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color general\"><\/div>\n                            <span class=\"legend-text\">General (9%)<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color fundamento\"><\/div>\n                            <span class=\"legend-text\">Fundamento (28%)<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color especifica\"><\/div>\n                            <span class=\"legend-text\">Espec\u00edfica (45%)<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color practica\"><\/div>\n                            <span class=\"legend-text\">Pr\u00e1ctica (17%)<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Bar Chart -->\n                <div class=\"chart-card\">\n                    <h4 class=\"chart-title\">Horas por Formaci\u00f3n<\/h4>\n                    <div class=\"bar-chart\">\n                        <div class=\"bar-item\">\n                            <div class=\"bar-color general\"><\/div>\n                            <div class=\"bar-info\">\n                                <span class=\"bar-label\">Formaci\u00f3n General<\/span>\n                                <span class=\"bar-value\">270h<\/span>\n                            <\/div>\n                            <div class=\"bar-progress\">\n                                <div class=\"bar-fill general\"><\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"bar-item\">\n                            <div class=\"bar-color fundamento\"><\/div>\n                            <div class=\"bar-info\">\n                                <span class=\"bar-label\">Formaci\u00f3n Fundamento<\/span>\n                                <span class=\"bar-value\">810h<\/span>\n                            <\/div>\n                            <div class=\"bar-progress\">\n                                <div class=\"bar-fill fundamento\"><\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"bar-item\">\n                            <div class=\"bar-color especifica\"><\/div>\n                            <div class=\"bar-info\">\n                                <span class=\"bar-label\">Formaci\u00f3n Espec\u00edfica<\/span>\n                                <span class=\"bar-value\">1290h<\/span>\n                            <\/div>\n                            <div class=\"bar-progress\">\n                                <div class=\"bar-fill especifica\"><\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"bar-item\">\n                            <div class=\"bar-color practica\"><\/div>\n                            <div class=\"bar-info\">\n                                <span class=\"bar-label\">Pr\u00e1ctica Profesionalizante<\/span>\n                                <span class=\"bar-value\">480h<\/span>\n                            <\/div>\n                            <div class=\"bar-progress\">\n                                <div class=\"bar-fill practica\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Summary Cards -->\n        <div class=\"summary-cards\">\n            <div class=\"summary-card general\">\n                <div class=\"summary-header\">\n                    <span class=\"summary-title\">Formaci\u00f3n General<\/span>\n                    <span class=\"summary-percentage general\">9%<\/span>\n                <\/div>\n                <div class=\"summary-hours\">270 horas<\/div>\n                <div class=\"summary-description\">\n                    Materias de cultura general, ciudadan\u00eda y \u00e9tica profesional que forman la base human\u00edstica del profesional.\n                <\/div>\n            <\/div>\n\n            <div class=\"summary-card fundamento\">\n                <div class=\"summary-header\">\n                    <span class=\"summary-title\">Formaci\u00f3n Fundamento<\/span>\n                    <span class=\"summary-percentage fundamento\">28%<\/span>\n                <\/div>\n                <div class=\"summary-hours\">810 horas<\/div>\n                <div class=\"summary-description\">\n                    Matem\u00e1tica, ingl\u00e9s, gesti\u00f3n y otras materias fundamentales que sustentan la formaci\u00f3n t\u00e9cnica.\n                <\/div>\n            <\/div>\n\n            <div class=\"summary-card especifica\">\n                <div class=\"summary-header\">\n                    <span class=\"summary-title\">Formaci\u00f3n Espec\u00edfica<\/span>\n                    <span class=\"summary-percentage especifica\">45%<\/span>\n                <\/div>\n                <div class=\"summary-hours\">1290 horas<\/div>\n                <div class=\"summary-description\">\n                    Programaci\u00f3n, bases de datos, redes y tecnolog\u00edas espec\u00edficas del \u00e1rea de sistemas e inform\u00e1tica.\n                <\/div>\n            <\/div>\n\n            <div class=\"summary-card practica\">\n                <div class=\"summary-header\">\n                    <span class=\"summary-title\">Pr\u00e1ctica Profesionalizante<\/span>\n                    <span class=\"summary-percentage practica\">17%<\/span>\n                <\/div>\n                <div class=\"summary-hours\">480 horas<\/div>\n                <div class=\"summary-description\">\n                    Talleres pr\u00e1cticos y experiencias profesionalizantes que preparan para el mundo laboral.\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n\n<style>\n        * {\n            box-sizing: border-box;\n        }\n\n        .correlatividades-container-primero {\n            width: 100%;\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 20px;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n        }\n\n        .correlatividades-header-primero {\n            text-align: center;\n            margin-bottom: 30px;\n        }\n\n        .correlatividades-title-primero {\n            font-size: 1.75rem;\n            font-weight: bold;\n            color: #1f2937;\n            margin-bottom: 8px;\n        }\n\n        .correlatividades-subtitle-primero {\n            color: #6b7280;\n            font-size: 1rem;\n        }\n\n        \/* Desktop Table *\/\n        .desktop-correlatividades-primero {\n            display: block;\n            background: white;\n            border-radius: 12px;\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n            overflow: hidden;\n            border: 1px solid #e5e7eb;\n        }\n\n        .desktop-correlatividades-primero table {\n            width: 100%;\n            border-collapse: collapse;\n        }\n\n        .desktop-correlatividades-primero thead {\n            background: linear-gradient(135deg, #2563eb, #1d4ed8);\n            color: white;\n        }\n\n        .desktop-correlatividades-primero th {\n            padding: 16px 20px;\n            text-align: left;\n            font-size: 0.875rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n        }\n\n        .desktop-correlatividades-primero th:nth-child(2),\n        .desktop-correlatividades-primero th:nth-child(3) {\n            text-align: center;\n            width: 150px;\n        }\n\n        .desktop-correlatividades-primero tbody tr {\n            transition: background-color 0.2s ease;\n        }\n\n        .desktop-correlatividades-primero tbody tr:nth-child(even) {\n            background-color: #f9fafb;\n        }\n\n        .desktop-correlatividades-primero tbody tr:hover {\n            background-color: #dbeafe;\n        }\n\n        .desktop-correlatividades-primero td {\n            padding: 16px 20px;\n            font-size: 0.875rem;\n            border-bottom: 1px solid #e5e7eb;\n        }\n\n        .desktop-correlatividades-primero td:first-child {\n            font-weight: 500;\n            color: #1f2937;\n        }\n\n        .desktop-correlatividades-primero td:nth-child(2),\n        .desktop-correlatividades-primero td:nth-child(3) {\n            text-align: center;\n            font-weight: 600;\n        }\n\n        .sin-correlativas {\n            color: #10b981;\n            font-weight: 600;\n            font-size: 1.125rem;\n        }\n\n        \/* Mobile Cards *\/\n        .mobile-correlatividades-primero {\n            display: none;\n        }\n\n        .correlativa-card-primero {\n            background: white;\n            border-radius: 12px;\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n            margin-bottom: 16px;\n            border-left: 4px solid #2563eb;\n            transition: box-shadow 0.2s ease;\n        }\n\n        .correlativa-card-primero:hover {\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n        }\n\n        .correlativa-header-primero {\n            padding: 16px 16px 8px 16px;\n        }\n\n        .correlativa-title-card-primero {\n            font-size: 1.125rem;\n            font-weight: 600;\n            color: #1f2937;\n            line-height: 1.4;\n        }\n\n        .correlativa-content-primero {\n            padding: 0 16px 16px 16px;\n        }\n\n        .correlativa-grid-primero {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 16px;\n        }\n\n        .correlativa-info-primero {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            padding: 12px;\n            background-color: #f9fafb;\n            border-radius: 8px;\n        }\n\n        .correlativa-label-primero {\n            font-size: 0.75rem;\n            color: #6b7280;\n            text-transform: uppercase;\n            font-weight: 600;\n            margin-bottom: 4px;\n        }\n\n        .correlativa-value-primero {\n            font-size: 1.125rem;\n            font-weight: 600;\n            color: #10b981;\n        }\n\n        \/* Info Banner *\/\n        .info-banner-primero {\n            background: linear-gradient(135deg, #dbeafe, #bfdbfe);\n            border: 1px solid #93c5fd;\n            border-radius: 12px;\n            padding: 20px;\n            margin-bottom: 30px;\n            text-align: center;\n        }\n\n        .info-banner-primero .icon {\n            font-size: 2rem;\n            margin-bottom: 8px;\n        }\n\n        .info-banner-primero .title {\n            font-size: 1.25rem;\n            font-weight: 600;\n            color: #1e40af;\n            margin-bottom: 8px;\n        }\n\n        .info-banner-primero .description {\n            color: #1e40af;\n            font-size: 0.875rem;\n            opacity: 0.8;\n        }\n\n        \/* Media Queries *\/\n        @media (max-width: 767px) {\n            .desktop-correlatividades-primero {\n                display: none;\n            }\n            .mobile-correlatividades-primero {\n                display: block;\n            }\n            \n            .correlatividades-title-primero {\n                font-size: 1.5rem;\n            }\n            \n            .correlatividades-container-primero {\n                padding: 16px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .correlativa-grid-primero {\n                grid-template-columns: 1fr;\n                gap: 12px;\n            }\n        }\n<\/style>\n\n\n    <div class=\"correlatividades-container-primero\">\n        <div class=\"correlatividades-header-primero\">\n            <h4 class=\"correlatividades-title-primero\">Cuadro de Correlatividades \u2013 Primer A\u00f1o<\/h4>\n            <p class=\"correlatividades-subtitle-primero\">Requisitos para cursar y rendir cada materia<\/p>\n        <\/div>\n\n        <!-- Desktop Table -->\n        <div class=\"desktop-correlatividades-primero\">\n            <table>\n                <thead>\n                    <tr>\n                        <th>Unidad Curricular<\/th>\n                        <th>Cursar<\/th>\n                        <th>Rendir<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                    <tr>\n                        <td>Ciudadan\u00eda y Espacio P\u00fablico<\/td>\n                        <td><span class=\"sin-correlativas\">\u2713<\/span><\/td>\n                        <td><span class=\"sin-correlativas\">\u2713<\/span><\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Introducci\u00f3n a la Inform\u00e1tica<\/td>\n                        <td><span class=\"sin-correlativas\">\u2713<\/span><\/td>\n                        <td><span class=\"sin-correlativas\">\u2713<\/span><\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Introducci\u00f3n a Redes<\/td>\n                        <td><span class=\"sin-correlativas\">\u2713<\/span><\/td>\n                        <td><span class=\"sin-correlativas\">\u2713<\/span><\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Bases de Datos I<\/td>\n                        <td><span class=\"sin-correlativas\">\u2713<\/span><\/td>\n                        <td><span class=\"sin-correlativas\">\u2713<\/span><\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Matem\u00e1tica I<\/td>\n                        <td><span class=\"sin-correlativas\">\u2713<\/span><\/td>\n                        <td><span class=\"sin-correlativas\">\u2713<\/span><\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Programaci\u00f3n I<\/td>\n                        <td><span class=\"sin-correlativas\">\u2713<\/span><\/td>\n                        <td><span class=\"sin-correlativas\">\u2713<\/span><\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Ingl\u00e9s T\u00e9cnico I<\/td>\n                        <td><span class=\"sin-correlativas\">\u2713<\/span><\/td>\n                        <td><span class=\"sin-correlativas\">\u2713<\/span><\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Estructura de Datos y Algoritmos<\/td>\n                        <td><span class=\"sin-correlativas\">\u2713<\/span><\/td>\n                        <td><span class=\"sin-correlativas\">\u2713<\/span><\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Taller de Programaci\u00f3n I<\/td>\n                        <td><span class=\"sin-correlativas\">\u2713<\/span><\/td>\n                        <td><span class=\"sin-correlativas\">\u2713<\/span><\/td>\n                    <\/tr>\n                <\/tbody>\n            <\/table>\n        <\/div>\n\n        <!-- Mobile Cards -->\n        <div class=\"mobile-correlatividades-primero\">\n            <div class=\"correlativa-card-primero\">\n                <div class=\"correlativa-header-primero\">\n                    <div class=\"correlativa-title-card-primero\">Ciudadan\u00eda y Espacio P\u00fablico<\/div>\n                <\/div>\n                <div class=\"correlativa-content-primero\">\n                    <div class=\"correlativa-grid-primero\">\n                        <div class=\"correlativa-info-primero\">\n                            <span class=\"correlativa-label-primero\">Para Cursar<\/span>\n                            <span class=\"correlativa-value-primero\">\u2713 Sin requisitos<\/span>\n                        <\/div>\n                        <div class=\"correlativa-info-primero\">\n                            <span class=\"correlativa-label-primero\">Para Rendir<\/span>\n                            <span class=\"correlativa-value-primero\">\u2713 Sin requisitos<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"correlativa-card-primero\">\n                <div class=\"correlativa-header-primero\">\n                    <div class=\"correlativa-title-card-primero\">Introducci\u00f3n a la Inform\u00e1tica<\/div>\n                <\/div>\n                <div class=\"correlativa-content-primero\">\n                    <div class=\"correlativa-grid-primero\">\n                        <div class=\"correlativa-info-primero\">\n                            <span class=\"correlativa-label-primero\">Para Cursar<\/span>\n                            <span class=\"correlativa-value-primero\">\u2713 Sin requisitos<\/span>\n                        <\/div>\n                        <div class=\"correlativa-info-primero\">\n                            <span class=\"correlativa-label-primero\">Para Rendir<\/span>\n                            <span class=\"correlativa-value-primero\">\u2713 Sin requisitos<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"correlativa-card-primero\">\n                <div class=\"correlativa-header-primero\">\n                    <div class=\"correlativa-title-card-primero\">Introducci\u00f3n a Redes<\/div>\n                <\/div>\n                <div class=\"correlativa-content-primero\">\n                    <div class=\"correlativa-grid-primero\">\n                        <div class=\"correlativa-info-primero\">\n                            <span class=\"correlativa-label-primero\">Para Cursar<\/span>\n                            <span class=\"correlativa-value-primero\">\u2713 Sin requisitos<\/span>\n                        <\/div>\n                        <div class=\"correlativa-info-primero\">\n                            <span class=\"correlativa-label-primero\">Para Rendir<\/span>\n                            <span class=\"correlativa-value-primero\">\u2713 Sin requisitos<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"correlativa-card-primero\">\n                <div class=\"correlativa-header-primero\">\n                    <div class=\"correlativa-title-card-primero\">Bases de Datos I<\/div>\n                <\/div>\n                <div class=\"correlativa-content-primero\">\n                    <div class=\"correlativa-grid-primero\">\n                        <div class=\"correlativa-info-primero\">\n                            <span class=\"correlativa-label-primero\">Para Cursar<\/span>\n                            <span class=\"correlativa-value-primero\">\u2713 Sin requisitos<\/span>\n                        <\/div>\n                        <div class=\"correlativa-info-primero\">\n                            <span class=\"correlativa-label-primero\">Para Rendir<\/span>\n                            <span class=\"correlativa-value-primero\">\u2713 Sin requisitos<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"correlativa-card-primero\">\n                <div class=\"correlativa-header-primero\">\n                    <div class=\"correlativa-title-card-primero\">Matem\u00e1tica I<\/div>\n                <\/div>\n                <div class=\"correlativa-content-primero\">\n                    <div class=\"correlativa-grid-primero\">\n                        <div class=\"correlativa-info-primero\">\n                            <span class=\"correlativa-label-primero\">Para Cursar<\/span>\n                            <span class=\"correlativa-value-primero\">\u2713 Sin requisitos<\/span>\n                        <\/div>\n                        <div class=\"correlativa-info-primero\">\n                            <span class=\"correlativa-label-primero\">Para Rendir<\/span>\n                            <span class=\"correlativa-value-primero\">\u2713 Sin requisitos<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"correlativa-card-primero\">\n                <div class=\"correlativa-header-primero\">\n                    <div class=\"correlativa-title-card-primero\">Programaci\u00f3n I<\/div>\n                <\/div>\n                <div class=\"correlativa-content-primero\">\n                    <div class=\"correlativa-grid-primero\">\n                        <div class=\"correlativa-info-primero\">\n                            <span class=\"correlativa-label-primero\">Para Cursar<\/span>\n                            <span class=\"correlativa-value-primero\">\u2713 Sin requisitos<\/span>\n                        <\/div>\n                        <div class=\"correlativa-info-primero\">\n                            <span class=\"correlativa-label-primero\">Para Rendir<\/span>\n                            <span class=\"correlativa-value-primero\">\u2713 Sin requisitos<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"correlativa-card-primero\">\n                <div class=\"correlativa-header-primero\">\n                    <div class=\"correlativa-title-card-primero\">Ingl\u00e9s T\u00e9cnico I<\/div>\n                <\/div>\n                <div class=\"correlativa-content-primero\">\n                    <div class=\"correlativa-grid-primero\">\n                        <div class=\"correlativa-info-primero\">\n                            <span class=\"correlativa-label-primero\">Para Cursar<\/span>\n                            <span class=\"correlativa-value-primero\">\u2713 Sin requisitos<\/span>\n                        <\/div>\n                        <div class=\"correlativa-info-primero\">\n                            <span class=\"correlativa-label-primero\">Para Rendir<\/span>\n                            <span class=\"correlativa-value-primero\">\u2713 Sin requisitos<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"correlativa-card-primero\">\n                <div class=\"correlativa-header-primero\">\n                    <div class=\"correlativa-title-card-primero\">Estructura de Datos y Algoritmos<\/div>\n                <\/div>\n                <div class=\"correlativa-content-primero\">\n                    <div class=\"correlativa-grid-primero\">\n                        <div class=\"correlativa-info-primero\">\n                            <span class=\"correlativa-label-primero\">Para Cursar<\/span>\n                            <span class=\"correlativa-value-primero\">\u2713 Sin requisitos<\/span>\n                        <\/div>\n                        <div class=\"correlativa-info-primero\">\n                            <span class=\"correlativa-label-primero\">Para Rendir<\/span>\n                            <span class=\"correlativa-value-primero\">\u2713 Sin requisitos<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"correlativa-card-primero\">\n                <div class=\"correlativa-header-primero\">\n                    <div class=\"correlativa-title-card-primero\">Taller de Programaci\u00f3n I<\/div>\n                <\/div>\n                <div class=\"correlativa-content-primero\">\n                    <div class=\"correlativa-grid-primero\">\n                        <div class=\"correlativa-info-primero\">\n                            <span class=\"correlativa-label-primero\">Para Cursar<\/span>\n                            <span class=\"correlativa-value-primero\">\u2713 Sin requisitos<\/span>\n                        <\/div>\n                        <div class=\"correlativa-info-primero\">\n                            <span class=\"correlativa-label-primero\">Para Rendir<\/span>\n                            <span class=\"correlativa-value-primero\">\u2713 Sin requisitos<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n\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>Correlatividades &#8211; Segundo A\u00f1o<\/title>\n    <style>\n        \/* Estilos base (adaptados del primer a\u00f1o, con prefijos \"segundo\" si es necesario) *\/\n        * {\n            box-sizing: border-box;\n        }\n\n        body {\n            background-color: #f3f4f6;\n        }\n\n        .correlatividades-container-segundo { \/* Cambiado a segundo *\/\n            width: 100%;\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 20px;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n        }\n\n        .correlatividades-header-segundo { \/* Cambiado a segundo *\/\n            text-align: center;\n            margin-bottom: 30px;\n        }\n\n        .correlatividades-title-segundo { \/* Cambiado a segundo *\/\n            font-size: 1.75rem;\n            font-weight: bold;\n            color: #1f2937;\n            margin-bottom: 8px;\n        }\n\n        .correlatividades-subtitle-segundo { \/* Cambiado a segundo *\/\n            color: #6b7280;\n            font-size: 1rem;\n        }\n\n        \/* Desktop Table *\/\n        .desktop-correlatividades-segundo { \/* Cambiado a segundo *\/\n            display: block;\n            background: white;\n            border-radius: 12px;\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n            overflow: hidden;\n            border: 1px solid #e5e7eb;\n        }\n\n        .desktop-correlatividades-segundo table { \/* Cambiado a segundo *\/\n            width: 100%;\n            border-collapse: collapse;\n        }\n\n        .desktop-correlatividades-segundo thead { \/* Cambiado a segundo *\/\n            background: linear-gradient(135deg, #2563eb, #1d4ed8);\n            color: white;\n        }\n\n        .desktop-correlatividades-segundo th { \/* Cambiado a segundo *\/\n            padding: 16px 20px;\n            text-align: left;\n            font-size: 0.875rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n        }\n\n        \/* Ajuste clave: Dar ancho porcentual a cada columna del thead *\/\n        .desktop-correlatividades-segundo th:nth-child(1) {\n            width: 34%; \/* Ajusta el ancho de la primera columna *\/\n        }\n        .desktop-correlatividades-segundo th:nth-child(2),\n        .desktop-correlatividades-segundo th:nth-child(3) {\n            width: 33%; \/* Ajusta el ancho de las otras dos columnas *\/\n            text-align: center; \/* Centrar el texto en estas columnas *\/\n        }\n\n\n        .desktop-correlatividades-segundo tbody tr { \/* Cambiado a segundo *\/\n            transition: background-color 0.2s ease;\n        }\n\n        .desktop-correlatividades-segundo tbody tr:nth-child(even) { \/* Cambiado a segundo *\/\n            background-color: #f9fafb;\n        }\n\n        .desktop-correlatividades-segundo tbody tr:hover { \/* Cambiado a segundo *\/\n            background-color: #dbeafe;\n        }\n\n        .desktop-correlatividades-segundo td { \/* Cambiado a segundo *\/\n            padding: 16px 20px;\n            font-size: 0.875rem;\n            border-bottom: 1px solid #e5e7eb;\n            color: #374151;\n            vertical-align: top; \/* Asegura que el contenido se alinee arriba si es largo *\/\n        }\n\n        .desktop-correlatividades-segundo td:first-child { \/* Cambiado a segundo *\/\n            font-weight: 500;\n            color: #1f2937;\n            text-align: left; \/* Asegura que el nombre de la materia est\u00e9 a la izquierda *\/\n        }\n\n        .desktop-correlatividades-segundo td:nth-child(2), \/* Cambiado a segundo *\/\n        .desktop-correlatividades-segundo td:nth-child(3) { \/* Cambiado a segundo *\/\n            text-align: center;\n            font-weight: 500; \/* Ajustado para un peso de fuente consistente *\/\n            font-size: 0.875rem; \/* Ajustado para un tama\u00f1o de fuente consistente *\/\n        }\n\n        .sin-correlativas {\n            color: #10b981;\n            font-weight: 600;\n            font-size: 1.125rem;\n        }\n\n        \/* Mobile Cards *\/\n        .mobile-correlatividades-segundo { \/* Cambiado a segundo *\/\n            display: none;\n        }\n\n        .correlativa-card-segundo { \/* Cambiado a segundo *\/\n            background: white;\n            border-radius: 12px;\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n            margin-bottom: 16px;\n            border-left: 4px solid #2563eb;\n            transition: box-shadow 0.2s ease;\n        }\n\n        .correlativa-card-segundo:hover { \/* Cambiado a segundo *\/\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n        }\n\n        .correlativa-header-segundo { \/* Cambiado a segundo *\/\n            padding: 16px 16px 8px 16px;\n        }\n\n        .correlativa-title-card-segundo { \/* Cambiado a segundo *\/\n            font-size: 1.125rem;\n            font-weight: 600;\n            color: #1f2937;\n            line-height: 1.4;\n        }\n\n        .correlativa-content-segundo { \/* Cambiado a segundo *\/\n            padding: 0 16px 16px 16px;\n        }\n\n        .correlativa-grid-segundo { \/* Cambiado a segundo *\/\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 16px;\n        }\n\n        .correlativa-info-segundo { \/* Cambiado a segundo *\/\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center; \/* Centrar verticalmente el contenido *\/\n            padding: 12px;\n            background-color: #f9fafb;\n            border-radius: 8px;\n            text-align: center;\n        }\n\n        .correlativa-label-segundo { \/* Cambiado a segundo *\/\n            font-size: 0.75rem;\n            color: #6b7280;\n            text-transform: uppercase;\n            font-weight: 600;\n            margin-bottom: 4px;\n        }\n\n        .correlativa-value-segundo { \/* Cambiado a segundo *\/\n            font-size: 0.875rem; \/* Tama\u00f1o de fuente para correlativas *\/\n            font-weight: 500;\n            color: #1f2937;\n        }\n\n        .correlativa-value-segundo.sin-correlativas { \/* Cambiado a segundo *\/\n            font-size: 1.125rem;\n            color: #10b981; \/* Color verde para \"Sin requisitos\" *\/\n            font-weight: 600;\n        }\n        \n        \/* Info Banner *\/\n        .info-banner-segundo { \/* Nuevo estilo para el banner *\/\n            background: linear-gradient(135deg, #dbeafe, #bfdbfe);\n            border: 1px solid #93c5fd;\n            border-radius: 12px;\n            padding: 20px;\n            margin-bottom: 30px;\n            text-align: center;\n            color: #1e40af;\n        }\n\n        .info-banner-segundo .icon {\n            font-size: 2rem;\n            margin-bottom: 8px;\n        }\n\n        .info-banner-segundo .title {\n            font-size: 1.25rem;\n            font-weight: 600;\n            margin-bottom: 8px;\n        }\n\n        .info-banner-segundo .description {\n            font-size: 0.875rem;\n            opacity: 0.8;\n        }\n\n        \/* Media Queries *\/\n        @media (max-width: 767px) {\n            .desktop-correlatividades-segundo { \/* Cambiado a segundo *\/\n                display: none;\n            }\n            .mobile-correlatividades-segundo { \/* Cambiado a segundo *\/\n                display: block;\n            }\n            .correlatividades-title-segundo { \/* Cambiado a segundo *\/\n                font-size: 1.5rem;\n            }\n            .correlatividades-container-segundo { \/* Cambiado a segundo *\/\n                padding: 16px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .correlativa-grid-segundo { \/* Cambiado a segundo *\/\n                grid-template-columns: 1fr;\n                gap: 12px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"correlatividades-container-segundo\">\n        <div class=\"correlatividades-header-segundo\">\n            <h4 class=\"correlatividades-title-segundo\">Cuadro de Correlatividades \u2013 Segundo A\u00f1o<\/h4>\n            <p class=\"correlatividades-subtitle-segundo\">Requisitos para cursar y rendir cada materia<\/p>\n        <\/div>\n\n        <div class=\"desktop-correlatividades-segundo\">\n            <table>\n                <thead>\n                    <tr>\n                        <th>Unidad Curricular<\/th>\n                        <th>Para Cursar<\/th>\n                        <th>Para Rendir<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                    <tr>\n                        <td>Programaci\u00f3n II<\/td>\n                        <td><span class=\"sin-correlativas\">&#x2714;<\/span><\/td>\n                        <td><span class=\"sin-correlativas\">&#x2714;<\/span><\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Estad\u00edstica Aplicada<\/td>\n                        <td>Matem\u00e1tica I (Aprobada)<\/td>\n                        <td>Matem\u00e1tica I (Aprobada)<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Base de Datos II<\/td>\n                        <td>Introducci\u00f3n a la Inform\u00e1tica (Aprobada) &#8211; Base de Datos I (Cursada)<\/td>\n                        <td>Introducci\u00f3n a la Inform\u00e1tica (Aprobada) &#8211; Base de Datos I (Aprobada)<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Matem\u00e1tica II<\/td>\n                        <td>Introducci\u00f3n a la Inform\u00e1tica (Aprobada) &#8211; Matem\u00e1tica I (Cursada)<\/td>\n                        <td>Introducci\u00f3n a la Inform\u00e1tica (Aprobada) &#8211; Matem\u00e1tica I (Aprobada)<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Sistemas de Informaci\u00f3n Empresaria I<\/td>\n                        <td>Introducci\u00f3n a la Inform\u00e1tica (Aprobada)<\/td>\n                        <td>Introducci\u00f3n a la Inform\u00e1tica (Aprobada)<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Ingl\u00e9s T\u00e9cnico II<\/td>\n                        <td>Ingl\u00e9s T\u00e9cnico I (Aprobada)<\/td>\n                        <td>Ingl\u00e9s T\u00e9cnico I (Aprobada)<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Redes y Seguridad Inform\u00e1tica<\/td>\n                        <td>Introducci\u00f3n a la Inform\u00e1tica (Aprobada) &#8211; Introducci\u00f3n a Redes (Cursada)<\/td>\n                        <td>Introducci\u00f3n a la Inform\u00e1tica (Aprobada) &#8211; Introducci\u00f3n a Redes (Aprobada)<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>An\u00e1lisis y Dise\u00f1o de Sistemas<\/td>\n                        <td>Introducci\u00f3n a la Inform\u00e1tica (Aprobada) &#8211; Introducci\u00f3n a Redes (Cursada)<\/td>\n                        <td>Introducci\u00f3n a la Inform\u00e1tica (Aprobada) &#8211; Introducci\u00f3n a Redes (Aprobada)<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Laboratorio de Programaci\u00f3n<\/td>\n                        <td>Introducci\u00f3n a la Inform\u00e1tica (Aprobada) &#8211; Programaci\u00f3n I (Cursada)<\/td>\n                        <td>Introducci\u00f3n a la Inform\u00e1tica (Aprobada) &#8211; Programaci\u00f3n I (Aprobada)<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Taller de Programaci\u00f3n II<\/td>\n                        <td>Introducci\u00f3n a la Inform\u00e1tica (Aprobada) &#8211; Programaci\u00f3n I (Cursada) &#8211; Taller de Programaci\u00f3n I (Cursada)<\/td>\n                        <td>Introducci\u00f3n a la Inform\u00e1tica (Aprobada) &#8211; Programaci\u00f3n I (Aprobada) &#8211; Taller de Programaci\u00f3n I (Aprobada)<\/td>\n                    <\/tr>\n                <\/tbody>\n            <\/table>\n        <\/div>\n\n        <div class=\"mobile-correlatividades-segundo\">\n            <div class=\"correlativa-card-segundo\">\n                <div class=\"correlativa-header-segundo\">\n                    <h2 class=\"correlativa-title-card-segundo\">Programaci\u00f3n II<\/h2>\n                <\/div>\n                <div class=\"correlativa-content-segundo\">\n                    <div class=\"correlativa-grid-segundo\">\n                        <div class=\"correlativa-info-segundo\">\n                            <span class=\"correlativa-label-segundo\">Para Cursar<\/span>\n                            <span class=\"correlativa-value-segundo sin-correlativas\">&#x2714;<\/span>\n                        <\/div>\n                        <div class=\"correlativa-info-segundo\">\n                            <span class=\"correlativa-label-segundo\">Para Rendir<\/span>\n                            <span class=\"correlativa-value-segundo sin-correlativas\">&#x2714;<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"correlativa-card-segundo\">\n                <div class=\"correlativa-header-segundo\">\n                    <h2 class=\"correlativa-title-card-segundo\">Estad\u00edstica Aplicada<\/h2>\n                <\/div>\n                <div class=\"correlativa-content-segundo\">\n                    <div class=\"correlativa-grid-segundo\">\n                        <div class=\"correlativa-info-segundo\">\n                            <span class=\"correlativa-label-segundo\">Para Cursar<\/span>\n                            <span class=\"correlativa-value-segundo\">Matem\u00e1tica I (Aprobada)<\/span>\n                        <\/div>\n                        <div class=\"correlativa-info-segundo\">\n                            <span class=\"correlativa-label-segundo\">Para Rendir<\/span>\n                            <span class=\"correlativa-value-segundo\">Matem\u00e1tica I (Aprobada)<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"correlativa-card-segundo\">\n                <div class=\"correlativa-header-segundo\">\n                    <h2 class=\"correlativa-title-card-segundo\">Base de Datos II<\/h2>\n                <\/div>\n                <div class=\"correlativa-content-segundo\">\n                    <div class=\"correlativa-grid-segundo\">\n                        <div class=\"correlativa-info-segundo\">\n                            <span class=\"correlativa-label-segundo\">Para Cursar<\/span>\n                            <span class=\"correlativa-value-segundo\">Introducci\u00f3n a la Inform\u00e1tica (Aprobada) &#8211; Base de Datos I (Cursada)<\/span>\n                        <\/div>\n                        <div class=\"correlativa-info-segundo\">\n                            <span class=\"correlativa-label-segundo\">Para Rendir<\/span>\n                            <span class=\"correlativa-value-segundo\">Introducci\u00f3n a la Inform\u00e1tica (Aprobada) &#8211; Base de Datos I (Aprobada)<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"correlativa-card-segundo\">\n                <div class=\"correlativa-header-segundo\">\n                    <h2 class=\"correlativa-title-card-segundo\">Matem\u00e1tica II<\/h2>\n                <\/div>\n                <div class=\"correlativa-content-segundo\">\n                    <div class=\"correlativa-grid-segundo\">\n                        <div class=\"correlativa-info-segundo\">\n                            <span class=\"correlativa-label-segundo\">Para Cursar<\/span>\n                            <span class=\"correlativa-value-segundo\">Introducci\u00f3n a la Inform\u00e1tica (Aprobada) &#8211; Matem\u00e1tica I (Cursada)<\/span>\n                        <\/div>\n                        <div class=\"correlativa-info-segundo\">\n                            <span class=\"correlativa-label-segundo\">Para Rendir<\/span>\n                            <span class=\"correlativa-value-segundo\">Introducci\u00f3n a la Inform\u00e1tica (Aprobada) &#8211; Matem\u00e1tica I (Aprobada)<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"correlativa-card-segundo\">\n                <div class=\"correlativa-header-segundo\">\n                    <h2 class=\"correlativa-title-card-segundo\">Sistemas de Informaci\u00f3n Empresaria I<\/h2>\n                <\/div>\n                <div class=\"correlativa-content-segundo\">\n                    <div class=\"correlativa-grid-segundo\">\n                        <div class=\"correlativa-info-segundo\">\n                            <span class=\"correlativa-label-segundo\">Para Cursar<\/span>\n                            <span class=\"correlativa-value-segundo\">Introducci\u00f3n a la Inform\u00e1tica (Aprobada)<\/span>\n                        <\/div>\n                        <div class=\"correlativa-info-segundo\">\n                            <span class=\"correlativa-label-segundo\">Para Rendir<\/span>\n                            <span class=\"correlativa-value-segundo\">Introducci\u00f3n a la Inform\u00e1tica (Aprobada)<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"correlativa-card-segundo\">\n                <div class=\"correlativa-header-segundo\">\n                    <h2 class=\"correlativa-title-card-segundo\">Ingl\u00e9s T\u00e9cnico II<\/h2>\n                <\/div>\n                <div class=\"correlativa-content-segundo\">\n                    <div class=\"correlativa-grid-segundo\">\n                        <div class=\"correlativa-info-segundo\">\n                            <span class=\"correlativa-label-segundo\">Para Cursar<\/span>\n                            <span class=\"correlativa-value-segundo\">Ingl\u00e9s T\u00e9cnico I (Aprobada)<\/span>\n                        <\/div>\n                        <div class=\"correlativa-info-segundo\">\n                            <span class=\"correlativa-label-segundo\">Para Rendir<\/span>\n                            <span class=\"correlativa-value-segundo\">Ingl\u00e9s T\u00e9cnico I (Aprobada)<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"correlativa-card-segundo\">\n                <div class=\"correlativa-header-segundo\">\n                    <h2 class=\"correlativa-title-card-segundo\">Redes y Seguridad Inform\u00e1tica<\/h2>\n                <\/div>\n                <div class=\"correlativa-content-segundo\">\n                    <div class=\"correlativa-grid-segundo\">\n                        <div class=\"correlativa-info-segundo\">\n                            <span class=\"correlativa-label-segundo\">Para Cursar<\/span>\n                            <span class=\"correlativa-value-segundo\">Introducci\u00f3n a la Inform\u00e1tica (Aprobada) &#8211; Introducci\u00f3n a Redes (Cursada)<\/span>\n                        <\/div>\n                        <div class=\"correlativa-info-segundo\">\n                            <span class=\"correlativa-label-segundo\">Para Rendir<\/span>\n                            <span class=\"correlativa-value-segundo\">Introducci\u00f3n a la Inform\u00e1tica (Aprobada) &#8211; Introducci\u00f3n a Redes (Aprobada)<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"correlativa-card-segundo\">\n                <div class=\"correlativa-header-segundo\">\n                    <h2 class=\"correlativa-title-card-segundo\">An\u00e1lisis y Dise\u00f1o de Sistemas<\/h2>\n                <\/div>\n                <div class=\"correlativa-content-segundo\">\n                    <div class=\"correlativa-grid-segundo\">\n                        <div class=\"correlativa-info-segundo\">\n                            <span class=\"correlativa-label-segundo\">Para Cursar<\/span>\n                            <span class=\"correlativa-value-segundo\">Introducci\u00f3n a la Inform\u00e1tica (Aprobada) &#8211; Introducci\u00f3n a Redes (Cursada)<\/span>\n                        <\/div>\n                        <div class=\"correlativa-info-segundo\">\n                            <span class=\"correlativa-label-segundo\">Para Rendir<\/span>\n                            <span class=\"correlativa-value-segundo\">Introducci\u00f3n a la Inform\u00e1tica (Aprobada) &#8211; Introducci\u00f3n a Redes (Aprobada)<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"correlativa-card-segundo\">\n                <div class=\"correlativa-header-segundo\">\n                    <h2 class=\"correlativa-title-card-segundo\">Laboratorio de Programaci\u00f3n<\/h2>\n                <\/div>\n                <div class=\"correlativa-content-segundo\">\n                    <div class=\"correlativa-grid-segundo\">\n                        <div class=\"correlativa-info-segundo\">\n                            <span class=\"correlativa-label-segundo\">Para Cursar<\/span>\n                            <span class=\"correlativa-value-segundo\">Introducci\u00f3n a la Inform\u00e1tica (Aprobada) &#8211; Programaci\u00f3n I (Cursada)<\/span>\n                        <\/div>\n                        <div class=\"correlativa-info-segundo\">\n                            <span class=\"correlativa-label-segundo\">Para Rendir<\/span>\n                            <span class=\"correlativa-value-segundo\">Introducci\u00f3n a la Inform\u00e1tica (Aprobada) &#8211; Programaci\u00f3n I (Aprobada)<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"correlativa-card-segundo\">\n                <div class=\"correlativa-header-segundo\">\n                    <h2 class=\"correlativa-title-card-segundo\">Taller de Programaci\u00f3n II<\/h2>\n                <\/div>\n                <div class=\"correlativa-content-segundo\">\n                    <div class=\"correlativa-grid-segundo\">\n                        <div class=\"correlativa-info-segundo\">\n                            <span class=\"correlativa-label-segundo\">Para Cursar<\/span>\n                            <span class=\"correlativa-value-segundo\">Introducci\u00f3n a la Inform\u00e1tica (Aprobada) &#8211; Programaci\u00f3n I (Cursada) &#8211; Taller de Programaci\u00f3n I (Cursada)<\/span>\n                        <\/div>\n                        <div class=\"correlativa-info-segundo\">\n                            <span class=\"correlativa-label-segundo\">Para Rendir<\/span>\n                            <span class=\"correlativa-value-segundo\">Introducci\u00f3n a la Inform\u00e1tica (Aprobada) &#8211; Programaci\u00f3n I (Aprobada) &#8211; Taller de Programaci\u00f3n I (Aprobada)<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/body>\n<\/html>\n\n\n\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>Correlatividades &#8211; Tercer A\u00f1o<\/title>\n    <style>\n        \/* Estilos proporcionados, adaptados para \"Tercer A\u00f1o\" *\/\n        * {\n            box-sizing: border-box;\n        }\n\n        body {\n            background-color: #f3f4f6;\n        }\n\n        .correlatividades-container-tercero {\n            width: 100%;\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 20px;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n        }\n\n        .correlatividades-header-tercero {\n            text-align: center;\n            margin-bottom: 30px;\n        }\n\n        .correlatividades-title-tercero {\n            font-size: 1.75rem;\n            font-weight: bold;\n            color: #1f2937;\n            margin-bottom: 8px;\n        }\n\n        .correlatividades-subtitle-tercero {\n            color: #6b7280;\n            font-size: 1rem;\n        }\n\n        \/* Desktop Table *\/\n        .desktop-correlatividades-tercero {\n            display: block;\n            background: white;\n            border-radius: 12px;\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n            overflow: hidden;\n            border: 1px solid #e5e7eb;\n        }\n\n        .desktop-correlatividades-tercero table {\n            width: 100%;\n            border-collapse: collapse;\n        }\n\n        .desktop-correlatividades-tercero thead {\n            background: linear-gradient(135deg, #2563eb, #1d4ed8);\n            color: white;\n        }\n\n        .desktop-correlatividades-tercero th {\n            padding: 16px 20px;\n            text-align: left;\n            font-size: 0.875rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n        }\n\n        .desktop-correlatividades-tercero th:nth-child(2),\n        .desktop-correlatividades-tercero th:nth-child(3) {\n            text-align: center;\n        }\n\n        .desktop-correlatividades-tercero tbody tr {\n            transition: background-color 0.2s ease;\n        }\n\n        .desktop-correlatividades-tercero tbody tr:nth-child(even) {\n            background-color: #f9fafb;\n        }\n\n        .desktop-correlatividades-tercero tbody tr:hover {\n            background-color: #dbeafe;\n        }\n\n        .desktop-correlatividades-tercero td {\n            padding: 16px 20px;\n            font-size: 0.875rem;\n            border-bottom: 1px solid #e5e7eb;\n            color: #374151;\n        }\n\n        .desktop-correlatividades-tercero td:first-child {\n            font-weight: 500;\n            color: #1f2937;\n        }\n        \n        .desktop-correlatividades-tercero td:last-child {\n             border-bottom: none;\n        }\n\n        .desktop-correlatividades-tercero td:nth-child(2),\n        .desktop-correlatividades-tercero td:nth-child(3) {\n            text-align: center;\n        }\n\n        .sin-correlativas {\n            color: #10b981;\n            font-weight: 600;\n            font-size: 1.125rem;\n        }\n\n        \/* Mobile Cards *\/\n        .mobile-correlatividades-tercero {\n            display: none;\n        }\n\n        .correlativa-card-tercero {\n            background: white;\n            border-radius: 12px;\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n            margin-bottom: 16px;\n            border-left: 4px solid #2563eb;\n            transition: box-shadow 0.2s ease;\n        }\n\n        .correlativa-card-tercero:hover {\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n        }\n\n        .correlativa-header-tercero {\n            padding: 16px 16px 8px 16px;\n        }\n\n        .correlativa-title-card-tercero {\n            font-size: 1.125rem;\n            font-weight: 600;\n            color: #1f2937;\n            line-height: 1.4;\n        }\n\n        .correlativa-content-tercero {\n            padding: 0 16px 16px 16px;\n        }\n\n        .correlativa-grid-tercero {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 16px;\n        }\n\n        .correlativa-info-tercero {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            padding: 12px;\n            background-color: #f9fafb;\n            border-radius: 8px;\n            text-align: center;\n        }\n\n        .correlativa-label-tercero {\n            font-size: 0.75rem;\n            color: #6b7280;\n            text-transform: uppercase;\n            font-weight: 600;\n            margin-bottom: 4px;\n        }\n\n        .correlativa-value-tercero {\n            font-size: 0.875rem;\n            font-weight: 500;\n            color: #1f2937;\n        }\n\n        .correlativa-value-tercero.sin-correlativas {\n            font-size: 1.125rem;\n        }\n        \n        \/* Media Queries *\/\n        @media (max-width: 767px) {\n            .desktop-correlatividades-tercero {\n                display: none;\n            }\n            .mobile-correlatividades-tercero {\n                display: block;\n            }\n            .correlatividades-title-tercero {\n                font-size: 1.5rem;\n            }\n            .correlatividades-container-tercero {\n                padding: 16px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"correlatividades-container-tercero\">\n\n        <div class=\"correlatividades-header-tercero\">\n            <h4 class=\"correlatividades-title-tercero\">Cuadro de Correlatividades &#8211; Tercer A\u00f1o<\/h4>\n            <p class=\"correlatividades-subtitle-tercero\">Requisitos para cursar y rendir cada materia<\/p>\n        <\/div>\n\n        <div class=\"desktop-correlatividades-tercero\">\n            <table>\n                <thead>\n                    <tr>\n                        <th>Unidad Curricular<\/th>\n                        <th>Para Cursar<\/th>\n                        <th>Para Rendir<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                    <tr>\n                        <td>Emprendimientos Tecnol\u00f3gicos<\/td>\n                        <td><span class=\"sin-correlativas\">&#x2714;<\/span><\/td>\n                        <td><span class=\"sin-correlativas\">&#x2714;<\/span><\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Gesti\u00f3n de Proyectos y Software de Calidad<\/td>\n                        <td>An\u00e1lisis y Dise\u00f1o de Sistemas<\/td>\n                        <td>An\u00e1lisis y Dise\u00f1o de Sistemas<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Sistemas de Informaci\u00f3n Empresaria II<\/td>\n                        <td>Sistemas de Informaci\u00f3n Empresaria I<\/td>\n                        <td>Sistemas de Informaci\u00f3n Empresaria I<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Programaci\u00f3n III<\/td>\n                        <td>Programaci\u00f3n II<\/td>\n                        <td>Programaci\u00f3n II<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Arquitectura de Computadoras<\/td>\n                        <td>Redes y Seguridad Inform\u00e1tica<\/td>\n                        <td>Redes y Seguridad Inform\u00e1tica<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>\u00c9tica y Deontolog\u00eda Profesional<\/td>\n                        <td>Ciudadan\u00eda y Espacio P\u00fablico<\/td>\n                        <td>Ciudadan\u00eda y Espacio P\u00fablico<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Pr\u00e1ctica Profesionalizante I<\/td>\n                        <td>50% de las unidades curriculares aprobadas<\/td>\n                        <td>1\u00ba y 2\u00ba a\u00f1os completos<\/td>\n                    <\/tr>\n                <\/tbody>\n            <\/table>\n        <\/div>\n\n        <div class=\"mobile-correlatividades-tercero\">\n            \n            <div class=\"correlativa-card-tercero\">\n                <div class=\"correlativa-header-tercero\">\n                    <h2 class=\"correlativa-title-card-tercero\">Emprendimientos Tecnol\u00f3gicos<\/h2>\n                <\/div>\n                <div class=\"correlativa-content-tercero\">\n                    <div class=\"correlativa-grid-tercero\">\n                        <div class=\"correlativa-info-tercero\">\n                            <span class=\"correlativa-label-tercero\">Para Cursar<\/span>\n                            <span class=\"correlativa-value-tercero sin-correlativas\">&#x2714;<\/span>\n                        <\/div>\n                        <div class=\"correlativa-info-tercero\">\n                            <span class=\"correlativa-label-tercero\">Para Rendir<\/span>\n                            <span class=\"correlativa-value-tercero sin-correlativas\">&#x2714;<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"correlativa-card-tercero\">\n                <div class=\"correlativa-header-tercero\">\n                    <h2 class=\"correlativa-title-card-tercero\">Gesti\u00f3n de Proyectos y Software de Calidad<\/h2>\n                <\/div>\n                <div class=\"correlativa-content-tercero\">\n                    <div class=\"correlativa-grid-tercero\">\n                        <div class=\"correlativa-info-tercero\">\n                            <span class=\"correlativa-label-tercero\">Para Cursar<\/span>\n                            <span class=\"correlativa-value-tercero\">An\u00e1lisis y Dise\u00f1o de Sistemas<\/span>\n                        <\/div>\n                        <div class=\"correlativa-info-tercero\">\n                            <span class=\"correlativa-label-tercero\">Para Rendir<\/span>\n                            <span class=\"correlativa-value-tercero\">An\u00e1lisis y Dise\u00f1o de Sistemas<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"correlativa-card-tercero\">\n                <div class=\"correlativa-header-tercero\">\n                    <h2 class=\"correlativa-title-card-tercero\">Sistemas de Informaci\u00f3n Empresaria II<\/h2>\n                <\/div>\n                <div class=\"correlativa-content-tercero\">\n                    <div class=\"correlativa-grid-tercero\">\n                        <div class=\"correlativa-info-tercero\">\n                            <span class=\"correlativa-label-tercero\">Para Cursar<\/span>\n                            <span class=\"correlativa-value-tercero\">Sistemas de Informaci\u00f3n Empresaria I<\/span>\n                        <\/div>\n                        <div class=\"correlativa-info-tercero\">\n                            <span class=\"correlativa-label-tercero\">Para Rendir<\/span>\n                            <span class=\"correlativa-value-tercero\">Sistemas de Informaci\u00f3n Empresaria I<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"correlativa-card-tercero\">\n                <div class=\"correlativa-header-tercero\">\n                    <h2 class=\"correlativa-title-card-tercero\">Programaci\u00f3n III<\/h2>\n                <\/div>\n                <div class=\"correlativa-content-tercero\">\n                    <div class=\"correlativa-grid-tercero\">\n                        <div class=\"correlativa-info-tercero\">\n                            <span class=\"correlativa-label-tercero\">Para Cursar<\/span>\n                            <span class=\"correlativa-value-tercero\">Programaci\u00f3n II<\/span>\n                        <\/div>\n                        <div class=\"correlativa-info-tercero\">\n                            <span class=\"correlativa-label-tercero\">Para Rendir<\/span>\n                            <span class=\"correlativa-value-tercero\">Programaci\u00f3n II<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"correlativa-card-tercero\">\n                <div class=\"correlativa-header-tercero\">\n                    <h2 class=\"correlativa-title-card-tercero\">Arquitectura de Computadoras<\/h2>\n                <\/div>\n                <div class=\"correlativa-content-tercero\">\n                    <div class=\"correlativa-grid-tercero\">\n                        <div class=\"correlativa-info-tercero\">\n                            <span class=\"correlativa-label-tercero\">Para Cursar<\/span>\n                            <span class=\"correlativa-value-tercero\">Redes y Seguridad Inform\u00e1tica<\/span>\n                        <\/div>\n                        <div class=\"correlativa-info-tercero\">\n                            <span class=\"correlativa-label-tercero\">Para Rendir<\/span>\n                            <span class=\"correlativa-value-tercero\">Redes y Seguridad Inform\u00e1tica<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"correlativa-card-tercero\">\n                <div class=\"correlativa-header-tercero\">\n                    <h2 class=\"correlativa-title-card-tercero\">\u00c9tica y Deontolog\u00eda Profesional<\/h2>\n                <\/div>\n                <div class=\"correlativa-content-tercero\">\n                    <div class=\"correlativa-grid-tercero\">\n                        <div class=\"correlativa-info-tercero\">\n                            <span class=\"correlativa-label-tercero\">Para Cursar<\/span>\n                            <span class=\"correlativa-value-tercero\">Ciudadan\u00eda y Espacio P\u00fablico<\/span>\n                        <\/div>\n                        <div class=\"correlativa-info-tercero\">\n                            <span class=\"correlativa-label-tercero\">Para Rendir<\/span>\n                            <span class=\"correlativa-value-tercero\">Ciudadan\u00eda y Espacio P\u00fablico<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"correlativa-card-tercero\">\n                <div class=\"correlativa-header-tercero\">\n                    <h2 class=\"correlativa-title-card-tercero\">Pr\u00e1ctica Profesionalizante I<\/h2>\n                <\/div>\n                <div class=\"correlativa-content-tercero\">\n                    <div class=\"correlativa-grid-tercero\">\n                        <div class=\"correlativa-info-tercero\">\n                            <span class=\"correlativa-label-tercero\">Para Cursar<\/span>\n                            <span class=\"correlativa-value-tercero\">50% de las unidades curriculares aprobadas<\/span>\n                        <\/div>\n                        <div class=\"correlativa-info-tercero\">\n                            <span class=\"correlativa-label-tercero\">Para Rendir<\/span>\n                            <span class=\"correlativa-value-tercero\">1\u00ba y 2\u00ba a\u00f1os completos<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/body>\n<\/html>\n\n\n\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>Referencias de Correlatividades<\/title>\n    <style>\n        \/* --- ESTILOS BASE PROPORCIONADOS --- *\/\n        * {\n            box-sizing: border-box;\n        }\n\n        body {\n            background-color: #f3f4f6;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n        }\n\n        \/* --- NUEVOS ESTILOS PARA LAS REFERENCIAS (BASADOS EN EL DISE\u00d1O DADO) --- *\/\n\n        \/* Contenedor principal, usa el mismo padding y max-width *\/\n        .referencias-container {\n            width: 100%;\n            max-width: 1000px;\n            margin: 40px auto;\n            padding: 20px;\n        }\n\n        \/* Cabecera, usa el mismo estilo que .correlatividades-header-tercero *\/\n        .referencias-header {\n            text-align: center;\n            margin-bottom: 30px;\n        }\n\n        .referencias-title {\n            font-size: 1.75rem;\n            font-weight: bold;\n            color: #1f2937;\n            margin-bottom: 8px;\n        }\n\n        .referencias-subtitle {\n            color: #6b7280;\n            font-size: 1rem;\n        }\n\n        \/* Contenedor de la lista, imita el estilo de .desktop-correlatividades-tercero *\/\n        .lista-referencias {\n            background: white;\n            border-radius: 12px;\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n            border: 1px solid #e5e7eb;\n            padding: 8px 0; \/* Espacio vertical interno *\/\n            overflow: hidden;\n        }\n        \n        \/* Cada item de la lista *\/\n        .referencia-item {\n            display: flex;\n            align-items: center;\n            padding: 16px 20px;\n            border-bottom: 1px solid #e5e7eb; \/* Divisor como en la tabla *\/\n            transition: background-color 0.2s ease;\n        }\n\n        .referencia-item:last-child {\n            border-bottom: none; \/* Elimina el borde del \u00faltimo elemento *\/\n        }\n        \n        \/* Efecto hover id\u00e9ntico al de la tabla *\/\n        .referencia-item:hover {\n            background-color: #dbeafe;\n        }\n        \n        \/* Estilo para el c\u00f3digo de la materia *\/\n        .referencia-codigo {\n            flex-shrink: 0;\n            margin-right: 20px;\n            padding: 6px 12px;\n            background-color: #eef2ff; \/* Un azul muy claro *\/\n            color: #3730a3; \/* Un azul oscuro para contraste *\/\n            border: 1px solid #c7d2fe;\n            border-radius: 8px;\n            font-weight: 600;\n            font-size: 0.875rem;\n        }\n        \n        \/* Estilo para el nombre de la materia *\/\n        .referencia-nombre {\n            font-size: 0.875rem;\n            color: #1f2937;\n            font-weight: 500;\n        }\n\n        @media (max-width: 600px) {\n            .referencias-container {\n                padding: 16px;\n                margin: 20px auto;\n            }\n            .referencias-title {\n                font-size: 1.5rem;\n            }\n            .referencia-item {\n                padding: 12px 16px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"referencias-container\">\n        <div class=\"referencias-header\">\n            <h1 class=\"referencias-title\">Referencias de Correlatividades<\/h1>\n            <p class=\"referencias-subtitle\">C\u00f3digos de materias para Primer y Segundo A\u00f1o<\/p>\n        <\/div>\n\n        <div class=\"lista-referencias\">\n            <div class=\"referencia-item\">\n                <span class=\"referencia-codigo\">1.2<\/span>\n                <span class=\"referencia-nombre\">Introducci\u00f3n a la Inform\u00e1tica<\/span>\n            <\/div>\n            <div class=\"referencia-item\">\n                <span class=\"referencia-codigo\">1.3<\/span>\n                <span class=\"referencia-nombre\">Introducci\u00f3n a Redes<\/span>\n            <\/div>\n            <div class=\"referencia-item\">\n                <span class=\"referencia-codigo\">1.4<\/span>\n                <span class=\"referencia-nombre\">Base de Datos I<\/span>\n            <\/div>\n            <div class=\"referencia-item\">\n                <span class=\"referencia-codigo\">1.5<\/span>\n                <span class=\"referencia-nombre\">Matem\u00e1tica I<\/span>\n            <\/div>\n            <div class=\"referencia-item\">\n                <span class=\"referencia-codigo\">1.6<\/span>\n                <span class=\"referencia-nombre\">Programaci\u00f3n I<\/span>\n            <\/div>\n            <div class=\"referencia-item\">\n                <span class=\"referencia-codigo\">1.7<\/span>\n                <span class=\"referencia-nombre\">Ingl\u00e9s T\u00e9cnico I<\/span>\n            <\/div>\n            <div class=\"referencia-item\">\n                <span class=\"referencia-codigo\">1.8<\/span>\n                <span class=\"referencia-nombre\">Estructura de Datos y Algoritmos<\/span>\n            <\/div>\n            <div class=\"referencia-item\">\n                <span class=\"referencia-codigo\">1.9<\/span>\n                <span class=\"referencia-nombre\">Taller de Programaci\u00f3n I<\/span>\n            <\/div>\n            <div class=\"referencia-item\">\n                <span class=\"referencia-codigo\">2.2<\/span>\n                <span class=\"referencia-nombre\">Estad\u00edstica Aplicada<\/span>\n            <\/div>\n            <div class=\"referencia-item\">\n                <span class=\"referencia-codigo\">2.6<\/span>\n                <span class=\"referencia-nombre\">Ingl\u00e9s T\u00e9cnico II<\/span>\n            <\/div>\n            <div class=\"referencia-item\">\n                <span class=\"referencia-codigo\">2.9<\/span>\n                <span class=\"referencia-nombre\">Laboratorio de Programaci\u00f3n<\/span>\n            <\/div>\n            <div class=\"referencia-item\">\n                <span class=\"referencia-codigo\">2.10<\/span>\n                <span class=\"referencia-nombre\">Taller de Programaci\u00f3n II<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Tecnicatura Superior en Desarrollo de Software Resoluci\u00f3n Ministerial 513\/5 Med aprobado el 12 de mayo del a\u00f1o 2014. https:\/\/des-tuc.infd.edu.ar\/sitio\/formacion-tecnico-profesional\/upload\/Res_513_T.S._Desarrollo_de_Software.pdf Plan de Estudio Primer A\u00f1o Plan de Estudios &#8211; Distribuci\u00f3n de Materias N\u00ba Unidad Curricular R\u00e9gimen Hs\/Sem Hs\/A\u00f1o G F E P 1 Ciudadan\u00eda y Espacio P\u00fablico Anual 2 60 60 0 0 0 2 Introducci\u00f3n &#8230; <a title=\"Tecnicatura Superior en Desarrollo de Software\" class=\"read-more\" href=\"https:\/\/iestv-tuc.infd.edu.ar\/sitio\/tecnicatura-sup-en-desarrollo-de-software\/\" aria-label=\"More on Tecnicatura Superior en Desarrollo de Software\">[+]<\/a><\/p>\n","protected":false},"author":34,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/iestv-tuc.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/1265"}],"collection":[{"href":"https:\/\/iestv-tuc.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iestv-tuc.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iestv-tuc.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/users\/34"}],"replies":[{"embeddable":true,"href":"https:\/\/iestv-tuc.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/comments?post=1265"}],"version-history":[{"count":7,"href":"https:\/\/iestv-tuc.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/1265\/revisions"}],"predecessor-version":[{"id":2016,"href":"https:\/\/iestv-tuc.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/1265\/revisions\/2016"}],"wp:attachment":[{"href":"https:\/\/iestv-tuc.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/media?parent=1265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}