Visor de Reglamentos PDF<\/title>\n <style>\n \/* CSS INLINE *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n background: white; \/* Fondo blanco *\/\n min-height: 100vh;\n color: #333;\n }\n\n .container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 20px;\n min-height: 100vh;\n }\n\n .header {\n text-align: center;\n margin-bottom: 40px;\n color: #333; \/* Cambiado a un color oscuro para contraste con fondo blanco *\/\n }\n\n .header h1 {\n font-size: 3rem;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.1); \/* Sombra m\u00e1s sutil *\/\n }\n\n .header p {\n font-size: 1.2rem;\n opacity: 0.9;\n }\n\n .main-content {\n display: grid;\n grid-template-columns: 350px 1fr;\n gap: 30px;\n height: calc(100vh - 200px);\n }\n\n \/* Sidebar *\/\n .sidebar {\n background: white;\n border-radius: 15px;\n padding: 25px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n overflow-y: auto; \/* Permite el desplazamiento si hay muchos reglamentos *\/\n }\n\n .sidebar h3 {\n color: #333;\n margin-bottom: 20px;\n font-size: 1.3rem;\n }\n\n .regulations-list {\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n\n .regulation-item {\n padding: 15px;\n background: #f8f9ff;\n border-radius: 10px;\n cursor: pointer;\n transition: all 0.3s ease;\n border: 2px solid transparent;\n position: relative;\n }\n\n .regulation-item:hover {\n background: #f0f2ff;\n transform: translateX(5px);\n }\n\n .regulation-item.active {\n background: linear-gradient(135deg, #667eea, #764ba2);\n color: white;\n border-color: #667eea;\n }\n\n .regulation-name {\n font-weight: 600;\n margin-bottom: 5px;\n display: block;\n }\n\n .regulation-date {\n font-size: 0.8rem;\n opacity: 0.7;\n }\n\n .regulation-summary {\n font-size: 0.85rem;\n margin-top: 5px;\n opacity: 0.8;\n line-height: 1.3;\n }\n\n .empty-state {\n text-align: center;\n padding: 40px 20px;\n color: #666;\n }\n\n .empty-state p {\n margin-bottom: 5px;\n font-weight: 500;\n }\n\n \/* Viewer Section *\/\n .viewer-section {\n background: white;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n display: flex;\n flex-direction: column;\n overflow: hidden;\n }\n\n .viewer-header {\n background: linear-gradient(135deg, #667eea, #764ba2);\n color: white;\n padding: 20px 25px;\n }\n\n .viewer-title {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .viewer-title h3 {\n font-size: 1.3rem;\n }\n\n .viewer-controls {\n display: flex;\n gap: 10px;\n }\n\n .btn-control {\n background: rgba(255,255,255,0.2);\n color: white;\n border: none;\n padding: 8px 16px;\n border-radius: 6px;\n font-size: 0.9rem;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n\n .btn-control:enabled:hover {\n background: rgba(255,255,255,0.3);\n transform: translateY(-1px);\n }\n\n .btn-control:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .pdf-container {\n flex: 1;\n position: relative;\n background: #f5f5f5;\n }\n\n .pdf-placeholder {\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .placeholder-content {\n text-align: center;\n color: #666;\n }\n\n .placeholder-icon {\n font-size: 4rem;\n margin-bottom: 20px;\n opacity: 0.5;\n }\n\n .placeholder-content h3 {\n margin-bottom: 10px;\n font-size: 1.5rem;\n }\n\n #pdfViewer {\n width: 100%;\n height: 100%;\n border: none;\n }\n\n \/* Modal *\/\n .modal-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0,0,0,0.5);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1000;\n }\n\n .modal {\n background: white;\n border-radius: 15px;\n box-shadow: 0 20px 60px rgba(0,0,0,0.3);\n max-width: 500px;\n width: 90%;\n max-height: 80vh;\n overflow-y: auto;\n }\n\n .description-modal {\n max-width: 600px;\n }\n\n .modal-header {\n background: linear-gradient(135deg, #667eea, #764ba2);\n color: white;\n padding: 20px 25px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-radius: 15px 15px 0 0;\n }\n\n .modal-header h3 {\n font-size: 1.3rem;\n margin: 0;\n }\n\n .close-btn {\n background: none;\n border: none;\n color: white;\n font-size: 1.5rem;\n cursor: pointer;\n padding: 0;\n width: 30px;\n height: 30px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n transition: background 0.3s ease;\n }\n\n .close-btn:hover {\n background: rgba(255,255,255,0.2);\n }\n\n .modal-content {\n padding: 25px;\n }\n\n .description-content h4 {\n color: #333;\n margin-bottom: 20px;\n font-size: 1.2rem;\n padding-bottom: 10px;\n border-bottom: 2px solid #f0f0f0;\n }\n\n .description-details {\n margin-bottom: 20px;\n }\n\n .detail-item {\n display: flex;\n justify-content: space-between;\n margin-bottom: 10px;\n padding: 8px 0;\n }\n\n .detail-item strong {\n color: #555;\n }\n\n .detail-item span {\n color: #777;\n }\n\n .description-text {\n margin-top: 20px;\n padding-top: 20px;\n border-top: 2px solid #f0f0f0;\n }\n\n .description-text strong {\n color: #555;\n display: block;\n margin-bottom: 10px;\n }\n\n .description-text p {\n line-height: 1.6;\n color: #666;\n background: #f8f9ff;\n padding: 15px;\n border-radius: 8px;\n border-left: 4px solid #667eea;\n }\n\n \/* Responsive *\/\n @media (max-width: 1200px) {\n .main-content {\n grid-template-columns: 300px 1fr;\n }\n }\n\n @media (max-width: 768px) {\n .container {\n padding: 15px;\n }\n \n .header h1 {\n font-size: 2rem;\n }\n \n .main-content {\n grid-template-columns: 1fr;\n grid-template-rows: auto 1fr;\n height: auto;\n }\n \n .sidebar {\n max-height: 300px;\n }\n \n .pdf-container {\n min-height: 600px;\n }\n \n .viewer-title {\n flex-direction: column;\n gap: 15px;\n text-align: center;\n }\n \n .viewer-controls {\n justify-content: center;\n }\n \n .modal {\n margin: 20px;\n }\n }\n\n \/* Keyframe animations for alerts and modals *\/\n @keyframes slideIn {\n from { transform: translateX(100%); opacity: 0; }\n to { transform: translateX(0); opacity: 1; }\n }\n \n @keyframes slideOut {\n from { transform: translateX(0); opacity: 1; }\n to { transform: translateX(100%); opacity: 0; }\n }\n \n @keyframes modalFadeIn {\n from { transform: scale(0.9); opacity: 0; }\n to { transform: scale(1); opacity: 1; }\n }\n \n @keyframes modalFadeOut {\n from { transform: scale(1); opacity: 1; }\n to { transform: scale(0.9); opacity: 0; }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <header class=\"header\">\n <h1>\ud83d\udccb Visor de Reglamentos UTarapac\u00e1<\/h1>\n <p>Revisa los reglamentos vigentes<\/p>\n <\/header>\n\n <div class=\"main-content\">\n \n <div class=\"sidebar\">\n <h3>\ud83d\udcda Reglamentos Disponibles<\/h3>\n <div class=\"regulations-list\" id=\"regulationsList\">\n \n <\/div>\n <\/div>\n\n \n <div class=\"viewer-section\">\n <div class=\"viewer-header\">\n <div class=\"viewer-title\">\n <h3 id=\"currentTitle\">Selecciona un reglamento<\/h3>\n <div class=\"viewer-controls\">\n <button class=\"btn-control\" id=\"descriptionBtn\" disabled>\n \ud83d\udcdd Descripci\u00f3n\n <\/button>\n <button class=\"btn-control\" id=\"downloadBtn\" disabled>\n \ud83d\udcbe Descargar\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"pdf-container\">\n <div class=\"pdf-placeholder\" id=\"pdfPlaceholder\">\n <div class=\"placeholder-content\">\n <div class=\"placeholder-icon\">\ud83d\udcc4<\/div>\n <h3>Vista Previa del PDF<\/h3>\n <p>Selecciona un reglamento de la lista para visualizarlo<\/p>\n <\/div>\n <\/div>\n <embed id=\"pdfViewer\" type=\"application\/pdf\" style=\"display: none;\">\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"modal-overlay\" id=\"descriptionModal\" style=\"display: none;\">\n <div class=\"modal description-modal\">\n <div class=\"modal-header\">\n <h3 id=\"modalTitle\">\ud83d\udcdd Descripci\u00f3n del Reglamento<\/h3>\n <button class=\"close-btn\" id=\"closeDescriptionBtn\">\u00d7<\/button>\n <\/div>\n <div class=\"modal-content\">\n <div class=\"description-content\">\n <h4 id=\"descriptionRegulationName\"><\/h4>\n <div class=\"description-details\">\n <div class=\"detail-item\">\n <strong>Fecha de creaci\u00f3n:<\/strong>\n <span id=\"descriptionDate\"><\/span>\n <\/div>\n <div class=\"detail-item\">\n <strong>Tama\u00f1o del archivo:<\/strong>\n <span id=\"descriptionSize\"><\/span>\n <\/div>\n <div class=\"detail-item\">\n <strong>Tipo:<\/strong>\n <span>Documento PDF<\/span>\n <\/div>\n <\/div>\n <div class=\"description-text\">\n <strong>Descripci\u00f3n:<\/strong>\n <p id=\"descriptionText\"><\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ JAVASCRIPT INLINE\n class PDFRegulationsViewer {\n constructor() {\n this.regulations = this.getSampleRegulations();\n this.currentRegulation = null;\n this.initializeElements();\n this.bindEvents();\n this.renderRegulations();\n }\n\n initializeElements() {\n this.regulationsList = document.getElementById('regulationsList');\n this.currentTitle = document.getElementById('currentTitle');\n this.pdfViewer = document.getElementById('pdfViewer');\n this.pdfPlaceholder = document.getElementById('pdfPlaceholder');\n this.downloadBtn = document.getElementById('downloadBtn');\n this.descriptionBtn = document.getElementById('descriptionBtn');\n this.descriptionModal = document.getElementById('descriptionModal');\n this.closeDescriptionBtn = document.getElementById('closeDescriptionBtn');\n this.modalTitle = document.getElementById('modalTitle');\n this.descriptionRegulationName = document.getElementById('descriptionRegulationName');\n this.descriptionDate = document.getElementById('descriptionDate');\n this.descriptionSize = document.getElementById('descriptionSize');\n this.descriptionText = document.getElementById('descriptionText');\n }\n\n bindEvents() {\n \/\/ Control buttons\n this.downloadBtn.addEventListener('click', this.downloadCurrentRegulation.bind(this));\n this.descriptionBtn.addEventListener('click', this.showDescriptionModal.bind(this));\n \n \/\/ Modal events\n this.closeDescriptionBtn.addEventListener('click', this.hideDescriptionModal.bind(this));\n this.descriptionModal.addEventListener('click', (e) => {\n if (e.target === this.descriptionModal) this.hideDescriptionModal();\n });\n \n \/\/ Keyboard events\n document.addEventListener('keydown', (e) => {\n if (e.key === 'Escape') {\n this.hideDescriptionModal();\n }\n });\n }\n\n getSampleRegulations() {\n const regulationsData = [\n {\n id: '1',\n name: 'Beca de Apoyo de Pr\u00e1ctica II y Profesionales de Pedagog\u00eda UTA',\n fileName: 'beca_apoyo_practica_pedagogia_uta.pdf',\n summary: 'Beca de Apoyo de Pr\u00e1ctica II y Profesionales de Pedagog\u00eda UTA.',\n description: 'Dirigida a estudiantes que tengan la calidad de alumnos regulares en carreras o programas de Pre-Grado de la Universidad de Tarapac\u00e1. Consiste en apoyo a estudiantes de pedagog\u00eda que se encuentren en etapa de pr\u00e1ctica profesional, debiendo haber realizado la inscripci\u00f3n acad\u00e9mica correspondiente.',\n size: 1850000,\n uploadDate: '2015-10-02T09:00:00.000Z',\n pdfUrl: 'https:\/\/drive.google.com\/file\/d\/1_pCzH7m8VISbJPd7gQ6_CQnNqqxmzUMf\/preview'\n },\n {\n id: '2',\n name: 'Beca titulos y grados UTA',\n fileName: 'RTG.pdf',\n summary: 'Reglamento beca titulos y grados en la Universidad de Tarapac\u00e1.',\n description: 'Dirigida a estudiantes de la Universidad de Tarapac\u00e1 que se encuentren dentro de los quintiles 1 al 3. Consiste en la cobertura de los costos de t\u00edtulo o grado, siempre que no excedan la permanencia reglamentaria en la carrera.',\n size: 2230000,\n uploadDate: '2025-11-05T11:30:00.000Z',\n pdfUrl: 'https:\/\/drive.google.com\/file\/d\/1VaPd-ILivdgdr8NDypYgaJ1eH_jNGCaD\/preview'\n },\n {\n id: '3',\n name: 'Reglamento: Beca de Pr\u00e1ctica de Carreras de la Facultad de Ciencias de la Salud',\n fileName: 'reglamento_beca_practica_salud.pdf',\n summary: 'Normativa de la beca de pr\u00e1ctica para estudiantes de la Facultad de Ciencias de la Salud.',\n description: 'Dirigida a estudiantes de las Facultades de Medicina y Ciencias de la Salud de la Universidad de Tarapac\u00e1 que realicen su internado fuera de Arica. Consiste en apoyo econ\u00f3mico para quienes cuenten con un puntaje ponderado de ingreso a la carrera igual o superior a 720 puntos, mantengan un promedio m\u00ednimo de 5.5 y se encuentren dentro de los quintiles 1 al 3.',\n size: 1570000,\n uploadDate: '2023-04-13T14:00:00.000Z',\n pdfUrl: 'https:\/\/drive.google.com\/file\/d\/131p_yNg7_pgGawoztkNAD4ZC9d-1uycX\/preview'\n },\n {\n id: '4',\n name: 'Beca CFT - UTA',\n fileName: 'CFT.pdf',\n summary: 'Dirigida a titulados del CFT Tarapac\u00e1 que contin\u00faen estudios en la Universidad de Tarapac\u00e1.',\n description: 'Dirigida a titulados del CFT Tarapac\u00e1 que contin\u00faen estudios en la Universidad de Tarapac\u00e1. Consiste en un descuento del 50% en el arancel de carrera, aplicable \u00fanicamente durante el primer a\u00f1o.', \nsize: 2510000,\n uploadDate: '2013-07-18T10:00:00.000Z',\n pdfUrl: 'https:\/\/drive.google.com\/file\/d\/1ie4_2LmKyW4pAEmuv0Gixj6YW783JHSW\/preview'\n },\n {\n id: '5',\n name: 'Beca para Estudiantes en Situaci\u00f3n de Discapacidad de pregrado UTA',\n fileName: 'guia_adecuaciones_acceso_discapacidad_uta.pdf',\n summary: 'Crea reglamento de Beca para estudiantes en situacion de discapacidad de pregrado pertenecientes a la Universidad de Tarapac\u00e1.',\n description: 'Dirigida a estudiantes de las Facultades de Medicina y Ciencias de la Salud de la Universidad de Tarapac\u00e1 que realicen su internado fuera de Arica. Consiste en apoyo econ\u00f3mico para quienes cuenten con un puntaje ponderado de ingreso a la carrera igual o superior a 720 puntos, mantengan un promedio m\u00ednimo de 5.5 y se encuentren dentro de los quintiles 1 al 3.',\n size: 3050000,\n uploadDate: '202-02-10T12:00:00.000Z',\n pdfUrl: 'https:\/\/drive.google.com\/file\/d\/131p_yNg7_pgGawoztkNAD4ZC9d-1uycX\/preview'\n },\n {\n id: '6',\n name: 'Beca Fotocopia e Impresiones UTA',\n fileName: 'BFI.pdf',\n summary: 'Informaci\u00f3n sobre la beca para fotocopias e impresiones para alumnos de la UTA.',\n description: 'Dirigida a estudiantes que tengan la calidad de alumnos regulares en carreras de Pre-Grado de la Universidad de Tarapac\u00e1 con asignaturas inscritas. Consiste en apoyo en fotocopias a estudiantes con buen rendimiento: Primer a\u00f1o cumplir con nota NEM 5.0 y en curso superior cumplir con 60% de aprobaci\u00f3n del semestre anterior, en ambos casos deben encontrarse dentro de los quintiles 1 al 3.',\n size: 920000,\n uploadDate: '2025-02-10T09:30:00.000Z',\n pdfUrl: 'https:\/\/drive.google.com\/file\/d\/1G4WY3lPSRfGVymkYm1OCv4ZtDwGvUwv4\/preview'\n },\n {\n id: '7',\n name: 'Beca de Solidaria de Alimentaci\u00f3n para Alumnos UTA',\n fileName: 'BAA.pdf',\n summary: 'Dirigida a estudiantes que tengan la calidad de alumnos regulares en carreras de Pre-Grado de la Universidad de Tarapac\u00e1 con asignaturas inscritas. Consiste en apoyo en alimentaci\u00f3n a estudiantes que se encuentren dentro de los quintiles 1 al 3, que no hayan finalizado un plan de estudios ni posean t\u00edtulo universitario, y que hayan completado el Formulario \u00danico de Acreditaci\u00f3n Socioecon\u00f3mica (FUAS) del Ministerio de Educaci\u00f3n. No podr\u00e1n acceder quienes ya sean beneficiarios de la Beca de Alimentaci\u00f3n de Educaci\u00f3n Superior (BAES) u otra similar.',\n size: 1180000,\n uploadDate: '2025-01-28T11:00:00.000Z',\n pdfUrl: 'https:\/\/drive.google.com\/file\/d\/1X8FHX9gR2HJClj7BKLVb8Hp_rMzDLh_0\/preview'\n },\n {\n id: '8',\n name: 'Beca Internados Facultad de Salud UTA',\n fileName: 'BIS.pdf',\n summary: 'Beca espec\u00edfica para estudiantes en internado de la Facultad de Salud de la UTA.',\n description: 'Dirigida a estudiantes de las Facultades de Medicina y Ciencias de la Salud de la Universidad de Tarapac\u00e1 que realicen su internado fuera de Arica. Consiste en apoyo econ\u00f3mico para quienes se encuentren dentro de los quintiles 1 al 3.',\n size: 1630000,\n uploadDate: '2023-045-13T15:00:00.000Z',\n pdfUrl: 'https:\/\/drive.google.com\/file\/d\/1oJkcNYV9Vf4MivfW8XUr1sFSZKIg3Cpw\/preview'\n },\n {\n id: '9',\n name: 'Beca de Ayuda Solidaria de Residencia UTA, Casa Central',\n fileName: 'BRU.pdf',\n summary: 'Beca de ayuda solidaria para residencia en Casa Central de la UTA.',\n description: 'Dirigida a estudiantes de la Casa Central de la Universidad de Tarapac\u00e1 que provengan de fuera de Arica. Consiste en apoyo econ\u00f3mico para alojamiento, destinado a quienes presenten necesidad socioecon\u00f3mica y mantengan buen rendimiento acad\u00e9mico.',\n size: 1980000,\n uploadDate: '2025-10-08T10:00:00.000Z',\n pdfUrl: 'https:\/\/drive.google.com\/file\/d\/15hgY7bX_-KVysXL34KI3hgepjoj1oI_D\/preview'\n },\n {\n id: '10',\n name: 'Reglamento de Ayuda de Viaje Estudiantil',\n fileName: 'AVE.pdf',\n summary: 'Aprueba reglamento de otorgamiento de ayuda de viaje estudiantil para los\/as alumnos\/as regulares de la Universidad de Tarapac\u00e1.',\n description: 'Dirigida a estudiantes de la Universidad de Tarapac\u00e1 que participen como expositores en congresos o seminarios. Consiste en apoyo en pasajes a\u00e9reos para facilitar su asistencia y representaci\u00f3n acad\u00e9mica.',\n size: 1340000,\n uploadDate: '2025-04-14T13:00:00.000Z',\n pdfUrl: 'https:\/\/drive.google.com\/file\/d\/1JwDcztVZlR798OenweOmdViNhj5d-cVl\/preview'\n },\n {\n id: '11',\n name: 'Beca distincion a trayectoria educativa',\n fileName: 'BDT.pdf',\n summary: 'Reglamento becas de arancel para estudiantes de pregrado UTA.',\n description: 'Dirigida a estudiantes que ingresen a primer a\u00f1o de la Universidad de Tarapac\u00e1 reconocidos por el MINEDUC en la lista de Distinci\u00f3n a la Trayectoria Educativa (DTE), con 1.000 puntos en las pruebas obligatorias, y que hayan egresado de ense\u00f1anza media en los dos a\u00f1os previos al ingreso a la carrera. Consiste en la cobertura total o parcial del arancel.',\n size: 1010000,\n uploadDate: '2024-12-30T08:00:00.000Z',\n pdfUrl: 'https:\/\/drive.google.com\/file\/d\/1VkodZLA5xC2_koEf0RUSEnecT1I-3HfM\/preview'\n },\n {\n id: '12',\n name: 'Beca puntaje PAES',\n fileName: 'BPP.pdf',\n summary: 'Reglamento becas de arancel para estudiantes de pregrado UTA.',\n description: 'Dirigida a estudiantes que ingresen a primer a\u00f1o de la Universidad de Tarapac\u00e1 reconocidos por el MINEDUC en la lista de Distinci\u00f3n a la Trayectoria Educativa (DTE), con 1.000 puntos en las pruebas obligatorias, y que hayan egresado de ense\u00f1anza media en los dos a\u00f1os previos al ingreso a la carrera. Consiste en la cobertura total o parcial del arancel.',\n size: 1220000,\n uploadDate: '2024-12-30T09:00:00.000Z',\n pdfUrl: 'https:\/\/drive.google.com\/file\/d\/1VkodZLA5xC2_koEf0RUSEnecT1I-3HfM\/preview'\n },\n {\n id: '13',\n name: 'Beca Honor Alumno Destacado',\n fileName: 'BHA.pdf',\n summary: 'Reglamento becas de arancel para estudiantes de pregrado UTA.',\n description: 'Dirigida a estudiantes de la Universidad de Tarapac\u00e1 reconocidos como los mejores de cada facultad. Consiste en la cobertura del arancel de carrera o de los costos de titulaci\u00f3n, otorgada al a\u00f1o siguiente de haber recibido dicho reconocimiento.',\n size: 1430000,\n uploadDate: '2024-12-30T10:00:00.000Z',\n pdfUrl: 'https:\/\/drive.google.com\/file\/d\/1VkodZLA5xC2_koEf0RUSEnecT1I-3HfM\/preview'\n },\n {\n id: '14',\n name: 'Beca Apoyo Parental',\n fileName: 'BAP.pdf',\n summary: 'Reglamento de Beca de Apoyo Parental para estudiantes de pregrado pertenecientes a la Universidad de Tarapac\u00e1.',\n description: 'Este reglamenteo define el Apoyo econ\u00f3mico mensual para estudiantes de pregrado con hijos menores de 12 a\u00f1os, destinado a facilitar la conciliaci\u00f3n entre vida familiar y acad\u00e9mica, promoviendo equidad, inclusi\u00f3n y continuidad educativa.',\n size: 2870000,\n uploadDate: '2025-10-22T16:00:00.000Z',\n pdfUrl: 'https:\/\/drive.google.com\/file\/d\/1sMoiocp6yPekdu51e-toU-lHi2D3Gy6L\/preview'\n }\n ];\n return regulationsData;\n }\n\n renderRegulations() {\n if (this.regulations.length === 0) {\n this.regulationsList.innerHTML = `\n <div class=\"empty-state\">\n <p>No hay reglamentos disponibles<\/p>\n <small>Los reglamentos se cargar\u00e1n autom\u00e1ticamente<\/small>\n <\/div>\n `;\n return;\n }\n\n this.regulationsList.innerHTML = this.regulations.map(regulation => `\n <div class=\"regulation-item\" data-id=\"${regulation.id}\">\n <span class=\"regulation-name\">${regulation.name}<\/span>\n <span class=\"regulation-date\">${this.formatDate(regulation.uploadDate)}<\/span>\n <div class=\"regulation-summary\">${regulation.summary}<\/div>\n <\/div>\n `).join('');\n\n \/\/ Add click events to regulation items\n this.regulationsList.querySelectorAll('.regulation-item').forEach(item => {\n item.addEventListener('click', () => {\n const id = item.dataset.id;\n this.loadRegulation(id);\n });\n });\n }\n\n formatDate(dateString) {\n const date = new Date(dateString);\n return date.toLocaleDateString('es-ES', {\n year: 'numeric',\n month: 'short',\n day: 'numeric'\n });\n }\n\n formatFileSize(bytes) {\n if (bytes === 0) return '0 Bytes';\n const k = 1024;\n const sizes = ['Bytes', 'KB', 'MB', 'GB'];\n const i = Math.floor(Math.log(bytes) \/ Math.log(k));\n return parseFloat((bytes \/ Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];\n }\n\n loadRegulation(id) {\n const regulation = this.regulations.find(r => r.id === id);\n if (!regulation) return;\n\n \/\/ Update active state\n this.regulationsList.querySelectorAll('.regulation-item').forEach(item => {\n item.classList.toggle('active', item.dataset.id === id);\n });\n\n this.currentRegulation = regulation;\n this.currentTitle.textContent = regulation.name;\n \n \/\/ Show PDF viewer with sample PDF\n this.pdfPlaceholder.style.display = 'none';\n this.pdfViewer.style.display = 'block';\n this.pdfViewer.src = regulation.pdfUrl;\n \n \/\/ Enable control buttons\n this.downloadBtn.disabled = false;\n this.descriptionBtn.disabled = false;\n }\n\n downloadCurrentRegulation() {\n if (!this.currentRegulation) return;\n\n \/\/ Create a temporary link for download\n const link = document.createElement('a');\n link.href = this.currentRegulation.pdfUrl;\n link.download = this.currentRegulation.fileName;\n link.target = '_blank';\n \n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n \n this.showAlert('Iniciando descarga del reglamento...', 'success');\n }\n\n showDescriptionModal() {\n if (!this.currentRegulation) return;\n\n this.descriptionRegulationName.textContent = this.currentRegulation.name;\n this.descriptionDate.textContent = this.formatDate(this.currentRegulation.uploadDate);\n this.descriptionSize.textContent = this.formatFileSize(this.currentRegulation.size);\n this.descriptionText.textContent = this.currentRegulation.description;\n \n this.descriptionModal.style.display = 'flex';\n \n \/\/ Add fade-in animation\n setTimeout(() => {\n this.descriptionModal.querySelector('.modal').style.animation = 'modalFadeIn 0.3s ease';\n }, 10);\n }\n\n hideDescriptionModal() {\n const modal = this.descriptionModal.querySelector('.modal');\n modal.style.animation = 'modalFadeOut 0.3s ease';\n \n setTimeout(() => {\n this.descriptionModal.style.display = 'none';\n modal.style.animation = '';\n }, 300);\n }\n\n showAlert(message, type = 'info') {\n \/\/ Create alert element\n const alert = document.createElement('div');\n alert.className = `alert alert-${type}`;\n alert.textContent = message;\n alert.style.cssText = `\n position: fixed;\n top: 20px;\n right: 20px;\n padding: 15px 20px;\n border-radius: 8px;\n color: white;\n font-weight: 600;\n z-index: 2000;\n animation: slideIn 0.3s ease;\n background: ${type === 'success' ? '#4CAF50' : type === 'info' ? '#2196F3' : '#ff4757'};\n box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n `;\n\n document.body.appendChild(alert);\n\n \/\/ Remove after 3 seconds\n setTimeout(() => {\n alert.style.animation = 'slideOut 0.3s ease';\n setTimeout(() => {\n if (alert.parentNode) {\n document.body.removeChild(alert);\n }\n }, 300);\n }, 3000);\n }\n }\n\n \/\/ Initialize the application\n document.addEventListener('DOMContentLoaded', () => {\n new PDFRegulationsViewer();\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Visor de Reglamentos PDF \ud83d\udccb Visor de Reglamentos UTarapac\u00e1 Revisa los reglamentos vigentes \ud83d\udcda Reglamentos Disponibles Selecciona un reglamento \ud83d\udcdd Descripci\u00f3n \ud83d\udcbe Descargar \ud83d\udcc4 Vista Previa del PDF Selecciona un reglamento de la lista para visualizarlo \ud83d\udcdd Descripci\u00f3n del Reglamento \u00d7 Fecha de creaci\u00f3n: Tama\u00f1o del archivo: Tipo: Documento PDF Descripci\u00f3n:<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-209","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webdae.uta.cl\/index.php\/wp-json\/wp\/v2\/pages\/209","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webdae.uta.cl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webdae.uta.cl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webdae.uta.cl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webdae.uta.cl\/index.php\/wp-json\/wp\/v2\/comments?post=209"}],"version-history":[{"count":22,"href":"https:\/\/webdae.uta.cl\/index.php\/wp-json\/wp\/v2\/pages\/209\/revisions"}],"predecessor-version":[{"id":1565,"href":"https:\/\/webdae.uta.cl\/index.php\/wp-json\/wp\/v2\/pages\/209\/revisions\/1565"}],"wp:attachment":[{"href":"https:\/\/webdae.uta.cl\/index.php\/wp-json\/wp\/v2\/media?parent=209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":209,"date":"2024-07-29T18:14:46","date_gmt":"2024-07-29T21:14:46","guid":{"rendered":"https:\/\/webdae.uta.cl\/?page_id=209"},"modified":"2026-01-16T09:48:36","modified_gmt":"2026-01-16T12:48:36","slug":"reglamentos-dae","status":"publish","type":"page","link":"https:\/\/webdae.uta.cl\/index.php\/reglamentos-dae\/","title":{"rendered":"Reglamentos y Becas UTA – Casa Central"},"content":{"rendered":"\n\n\n\n \n \n Visor de Reglamentos PDF<\/title>\n <style>\n \/* CSS INLINE *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n background: white; \/* Fondo blanco *\/\n min-height: 100vh;\n color: #333;\n }\n\n .container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 20px;\n min-height: 100vh;\n }\n\n .header {\n text-align: center;\n margin-bottom: 40px;\n color: #333; \/* Cambiado a un color oscuro para contraste con fondo blanco *\/\n }\n\n .header h1 {\n font-size: 3rem;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.1); \/* Sombra m\u00e1s sutil *\/\n }\n\n .header p {\n font-size: 1.2rem;\n opacity: 0.9;\n }\n\n .main-content {\n display: grid;\n grid-template-columns: 350px 1fr;\n gap: 30px;\n height: calc(100vh - 200px);\n }\n\n \/* Sidebar *\/\n .sidebar {\n background: white;\n border-radius: 15px;\n padding: 25px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n overflow-y: auto; \/* Permite el desplazamiento si hay muchos reglamentos *\/\n }\n\n .sidebar h3 {\n color: #333;\n margin-bottom: 20px;\n font-size: 1.3rem;\n }\n\n .regulations-list {\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n\n .regulation-item {\n padding: 15px;\n background: #f8f9ff;\n border-radius: 10px;\n cursor: pointer;\n transition: all 0.3s ease;\n border: 2px solid transparent;\n position: relative;\n }\n\n .regulation-item:hover {\n background: #f0f2ff;\n transform: translateX(5px);\n }\n\n .regulation-item.active {\n background: linear-gradient(135deg, #667eea, #764ba2);\n color: white;\n border-color: #667eea;\n }\n\n .regulation-name {\n font-weight: 600;\n margin-bottom: 5px;\n display: block;\n }\n\n .regulation-date {\n font-size: 0.8rem;\n opacity: 0.7;\n }\n\n .regulation-summary {\n font-size: 0.85rem;\n margin-top: 5px;\n opacity: 0.8;\n line-height: 1.3;\n }\n\n .empty-state {\n text-align: center;\n padding: 40px 20px;\n color: #666;\n }\n\n .empty-state p {\n margin-bottom: 5px;\n font-weight: 500;\n }\n\n \/* Viewer Section *\/\n .viewer-section {\n background: white;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n display: flex;\n flex-direction: column;\n overflow: hidden;\n }\n\n .viewer-header {\n background: linear-gradient(135deg, #667eea, #764ba2);\n color: white;\n padding: 20px 25px;\n }\n\n .viewer-title {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .viewer-title h3 {\n font-size: 1.3rem;\n }\n\n .viewer-controls {\n display: flex;\n gap: 10px;\n }\n\n .btn-control {\n background: rgba(255,255,255,0.2);\n color: white;\n border: none;\n padding: 8px 16px;\n border-radius: 6px;\n font-size: 0.9rem;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n\n .btn-control:enabled:hover {\n background: rgba(255,255,255,0.3);\n transform: translateY(-1px);\n }\n\n .btn-control:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .pdf-container {\n flex: 1;\n position: relative;\n background: #f5f5f5;\n }\n\n .pdf-placeholder {\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .placeholder-content {\n text-align: center;\n color: #666;\n }\n\n .placeholder-icon {\n font-size: 4rem;\n margin-bottom: 20px;\n opacity: 0.5;\n }\n\n .placeholder-content h3 {\n margin-bottom: 10px;\n font-size: 1.5rem;\n }\n\n #pdfViewer {\n width: 100%;\n height: 100%;\n border: none;\n }\n\n \/* Modal *\/\n .modal-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0,0,0,0.5);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1000;\n }\n\n .modal {\n background: white;\n border-radius: 15px;\n box-shadow: 0 20px 60px rgba(0,0,0,0.3);\n max-width: 500px;\n width: 90%;\n max-height: 80vh;\n overflow-y: auto;\n }\n\n .description-modal {\n max-width: 600px;\n }\n\n .modal-header {\n background: linear-gradient(135deg, #667eea, #764ba2);\n color: white;\n padding: 20px 25px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-radius: 15px 15px 0 0;\n }\n\n .modal-header h3 {\n font-size: 1.3rem;\n margin: 0;\n }\n\n .close-btn {\n background: none;\n border: none;\n color: white;\n font-size: 1.5rem;\n cursor: pointer;\n padding: 0;\n width: 30px;\n height: 30px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n transition: background 0.3s ease;\n }\n\n .close-btn:hover {\n background: rgba(255,255,255,0.2);\n }\n\n .modal-content {\n padding: 25px;\n }\n\n .description-content h4 {\n color: #333;\n margin-bottom: 20px;\n font-size: 1.2rem;\n padding-bottom: 10px;\n border-bottom: 2px solid #f0f0f0;\n }\n\n .description-details {\n margin-bottom: 20px;\n }\n\n .detail-item {\n display: flex;\n justify-content: space-between;\n margin-bottom: 10px;\n padding: 8px 0;\n }\n\n .detail-item strong {\n color: #555;\n }\n\n .detail-item span {\n color: #777;\n }\n\n .description-text {\n margin-top: 20px;\n padding-top: 20px;\n border-top: 2px solid #f0f0f0;\n }\n\n .description-text strong {\n color: #555;\n display: block;\n margin-bottom: 10px;\n }\n\n .description-text p {\n line-height: 1.6;\n color: #666;\n background: #f8f9ff;\n padding: 15px;\n border-radius: 8px;\n border-left: 4px solid #667eea;\n }\n\n \/* Responsive *\/\n @media (max-width: 1200px) {\n .main-content {\n grid-template-columns: 300px 1fr;\n }\n }\n\n @media (max-width: 768px) {\n .container {\n padding: 15px;\n }\n \n .header h1 {\n font-size: 2rem;\n }\n \n .main-content {\n grid-template-columns: 1fr;\n grid-template-rows: auto 1fr;\n height: auto;\n }\n \n .sidebar {\n max-height: 300px;\n }\n \n .pdf-container {\n min-height: 600px;\n }\n \n .viewer-title {\n flex-direction: column;\n gap: 15px;\n text-align: center;\n }\n \n .viewer-controls {\n justify-content: center;\n }\n \n .modal {\n margin: 20px;\n }\n }\n\n \/* Keyframe animations for alerts and modals *\/\n @keyframes slideIn {\n from { transform: translateX(100%); opacity: 0; }\n to { transform: translateX(0); opacity: 1; }\n }\n \n @keyframes slideOut {\n from { transform: translateX(0); opacity: 1; }\n to { transform: translateX(100%); opacity: 0; }\n }\n \n @keyframes modalFadeIn {\n from { transform: scale(0.9); opacity: 0; }\n to { transform: scale(1); opacity: 1; }\n }\n \n @keyframes modalFadeOut {\n from { transform: scale(1); opacity: 1; }\n to { transform: scale(0.9); opacity: 0; }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <header class=\"header\">\n <h1>\ud83d\udccb Visor de Reglamentos UTarapac\u00e1<\/h1>\n <p>Revisa los reglamentos vigentes<\/p>\n <\/header>\n\n <div class=\"main-content\">\n \n <div class=\"sidebar\">\n <h3>\ud83d\udcda Reglamentos Disponibles<\/h3>\n <div class=\"regulations-list\" id=\"regulationsList\">\n \n <\/div>\n <\/div>\n\n \n <div class=\"viewer-section\">\n <div class=\"viewer-header\">\n <div class=\"viewer-title\">\n <h3 id=\"currentTitle\">Selecciona un reglamento<\/h3>\n <div class=\"viewer-controls\">\n <button class=\"btn-control\" id=\"descriptionBtn\" disabled>\n \ud83d\udcdd Descripci\u00f3n\n <\/button>\n <button class=\"btn-control\" id=\"downloadBtn\" disabled>\n \ud83d\udcbe Descargar\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"pdf-container\">\n <div class=\"pdf-placeholder\" id=\"pdfPlaceholder\">\n <div class=\"placeholder-content\">\n <div class=\"placeholder-icon\">\ud83d\udcc4<\/div>\n <h3>Vista Previa del PDF<\/h3>\n <p>Selecciona un reglamento de la lista para visualizarlo<\/p>\n <\/div>\n <\/div>\n <embed id=\"pdfViewer\" type=\"application\/pdf\" style=\"display: none;\">\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"modal-overlay\" id=\"descriptionModal\" style=\"display: none;\">\n <div class=\"modal description-modal\">\n <div class=\"modal-header\">\n <h3 id=\"modalTitle\">\ud83d\udcdd Descripci\u00f3n del Reglamento<\/h3>\n <button class=\"close-btn\" id=\"closeDescriptionBtn\">\u00d7<\/button>\n <\/div>\n <div class=\"modal-content\">\n <div class=\"description-content\">\n <h4 id=\"descriptionRegulationName\"><\/h4>\n <div class=\"description-details\">\n <div class=\"detail-item\">\n <strong>Fecha de creaci\u00f3n:<\/strong>\n <span id=\"descriptionDate\"><\/span>\n <\/div>\n <div class=\"detail-item\">\n <strong>Tama\u00f1o del archivo:<\/strong>\n <span id=\"descriptionSize\"><\/span>\n <\/div>\n <div class=\"detail-item\">\n <strong>Tipo:<\/strong>\n <span>Documento PDF<\/span>\n <\/div>\n <\/div>\n <div class=\"description-text\">\n <strong>Descripci\u00f3n:<\/strong>\n <p id=\"descriptionText\"><\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ JAVASCRIPT INLINE\n class PDFRegulationsViewer {\n constructor() {\n this.regulations = this.getSampleRegulations();\n this.currentRegulation = null;\n this.initializeElements();\n this.bindEvents();\n this.renderRegulations();\n }\n\n initializeElements() {\n this.regulationsList = document.getElementById('regulationsList');\n this.currentTitle = document.getElementById('currentTitle');\n this.pdfViewer = document.getElementById('pdfViewer');\n this.pdfPlaceholder = document.getElementById('pdfPlaceholder');\n this.downloadBtn = document.getElementById('downloadBtn');\n this.descriptionBtn = document.getElementById('descriptionBtn');\n this.descriptionModal = document.getElementById('descriptionModal');\n this.closeDescriptionBtn = document.getElementById('closeDescriptionBtn');\n this.modalTitle = document.getElementById('modalTitle');\n this.descriptionRegulationName = document.getElementById('descriptionRegulationName');\n this.descriptionDate = document.getElementById('descriptionDate');\n this.descriptionSize = document.getElementById('descriptionSize');\n this.descriptionText = document.getElementById('descriptionText');\n }\n\n bindEvents() {\n \/\/ Control buttons\n this.downloadBtn.addEventListener('click', this.downloadCurrentRegulation.bind(this));\n this.descriptionBtn.addEventListener('click', this.showDescriptionModal.bind(this));\n \n \/\/ Modal events\n this.closeDescriptionBtn.addEventListener('click', this.hideDescriptionModal.bind(this));\n this.descriptionModal.addEventListener('click', (e) => {\n if (e.target === this.descriptionModal) this.hideDescriptionModal();\n });\n \n \/\/ Keyboard events\n document.addEventListener('keydown', (e) => {\n if (e.key === 'Escape') {\n this.hideDescriptionModal();\n }\n });\n }\n\n getSampleRegulations() {\n const regulationsData = [\n {\n id: '1',\n name: 'Beca de Apoyo de Pr\u00e1ctica II y Profesionales de Pedagog\u00eda UTA',\n fileName: 'beca_apoyo_practica_pedagogia_uta.pdf',\n summary: 'Beca de Apoyo de Pr\u00e1ctica II y Profesionales de Pedagog\u00eda UTA.',\n description: 'Dirigida a estudiantes que tengan la calidad de alumnos regulares en carreras o programas de Pre-Grado de la Universidad de Tarapac\u00e1. Consiste en apoyo a estudiantes de pedagog\u00eda que se encuentren en etapa de pr\u00e1ctica profesional, debiendo haber realizado la inscripci\u00f3n acad\u00e9mica correspondiente.',\n size: 1850000,\n uploadDate: '2015-10-02T09:00:00.000Z',\n pdfUrl: 'https:\/\/drive.google.com\/file\/d\/1_pCzH7m8VISbJPd7gQ6_CQnNqqxmzUMf\/preview'\n },\n {\n id: '2',\n name: 'Beca titulos y grados UTA',\n fileName: 'RTG.pdf',\n summary: 'Reglamento beca titulos y grados en la Universidad de Tarapac\u00e1.',\n description: 'Dirigida a estudiantes de la Universidad de Tarapac\u00e1 que se encuentren dentro de los quintiles 1 al 3. Consiste en la cobertura de los costos de t\u00edtulo o grado, siempre que no excedan la permanencia reglamentaria en la carrera.',\n size: 2230000,\n uploadDate: '2025-11-05T11:30:00.000Z',\n pdfUrl: 'https:\/\/drive.google.com\/file\/d\/1VaPd-ILivdgdr8NDypYgaJ1eH_jNGCaD\/preview'\n },\n {\n id: '3',\n name: 'Reglamento: Beca de Pr\u00e1ctica de Carreras de la Facultad de Ciencias de la Salud',\n fileName: 'reglamento_beca_practica_salud.pdf',\n summary: 'Normativa de la beca de pr\u00e1ctica para estudiantes de la Facultad de Ciencias de la Salud.',\n description: 'Dirigida a estudiantes de las Facultades de Medicina y Ciencias de la Salud de la Universidad de Tarapac\u00e1 que realicen su internado fuera de Arica. Consiste en apoyo econ\u00f3mico para quienes cuenten con un puntaje ponderado de ingreso a la carrera igual o superior a 720 puntos, mantengan un promedio m\u00ednimo de 5.5 y se encuentren dentro de los quintiles 1 al 3.',\n size: 1570000,\n uploadDate: '2023-04-13T14:00:00.000Z',\n pdfUrl: 'https:\/\/drive.google.com\/file\/d\/131p_yNg7_pgGawoztkNAD4ZC9d-1uycX\/preview'\n },\n {\n id: '4',\n name: 'Beca CFT - UTA',\n fileName: 'CFT.pdf',\n summary: 'Dirigida a titulados del CFT Tarapac\u00e1 que contin\u00faen estudios en la Universidad de Tarapac\u00e1.',\n description: 'Dirigida a titulados del CFT Tarapac\u00e1 que contin\u00faen estudios en la Universidad de Tarapac\u00e1. Consiste en un descuento del 50% en el arancel de carrera, aplicable \u00fanicamente durante el primer a\u00f1o.', \nsize: 2510000,\n uploadDate: '2013-07-18T10:00:00.000Z',\n pdfUrl: 'https:\/\/drive.google.com\/file\/d\/1ie4_2LmKyW4pAEmuv0Gixj6YW783JHSW\/preview'\n },\n {\n id: '5',\n name: 'Beca para Estudiantes en Situaci\u00f3n de Discapacidad de pregrado UTA',\n fileName: 'guia_adecuaciones_acceso_discapacidad_uta.pdf',\n summary: 'Crea reglamento de Beca para estudiantes en situacion de discapacidad de pregrado pertenecientes a la Universidad de Tarapac\u00e1.',\n description: 'Dirigida a estudiantes de las Facultades de Medicina y Ciencias de la Salud de la Universidad de Tarapac\u00e1 que realicen su internado fuera de Arica. Consiste en apoyo econ\u00f3mico para quienes cuenten con un puntaje ponderado de ingreso a la carrera igual o superior a 720 puntos, mantengan un promedio m\u00ednimo de 5.5 y se encuentren dentro de los quintiles 1 al 3.',\n size: 3050000,\n uploadDate: '202-02-10T12:00:00.000Z',\n pdfUrl: 'https:\/\/drive.google.com\/file\/d\/131p_yNg7_pgGawoztkNAD4ZC9d-1uycX\/preview'\n },\n {\n id: '6',\n name: 'Beca Fotocopia e Impresiones UTA',\n fileName: 'BFI.pdf',\n summary: 'Informaci\u00f3n sobre la beca para fotocopias e impresiones para alumnos de la UTA.',\n description: 'Dirigida a estudiantes que tengan la calidad de alumnos regulares en carreras de Pre-Grado de la Universidad de Tarapac\u00e1 con asignaturas inscritas. Consiste en apoyo en fotocopias a estudiantes con buen rendimiento: Primer a\u00f1o cumplir con nota NEM 5.0 y en curso superior cumplir con 60% de aprobaci\u00f3n del semestre anterior, en ambos casos deben encontrarse dentro de los quintiles 1 al 3.',\n size: 920000,\n uploadDate: '2025-02-10T09:30:00.000Z',\n pdfUrl: 'https:\/\/drive.google.com\/file\/d\/1G4WY3lPSRfGVymkYm1OCv4ZtDwGvUwv4\/preview'\n },\n {\n id: '7',\n name: 'Beca de Solidaria de Alimentaci\u00f3n para Alumnos UTA',\n fileName: 'BAA.pdf',\n summary: 'Dirigida a estudiantes que tengan la calidad de alumnos regulares en carreras de Pre-Grado de la Universidad de Tarapac\u00e1 con asignaturas inscritas. Consiste en apoyo en alimentaci\u00f3n a estudiantes que se encuentren dentro de los quintiles 1 al 3, que no hayan finalizado un plan de estudios ni posean t\u00edtulo universitario, y que hayan completado el Formulario \u00danico de Acreditaci\u00f3n Socioecon\u00f3mica (FUAS) del Ministerio de Educaci\u00f3n. No podr\u00e1n acceder quienes ya sean beneficiarios de la Beca de Alimentaci\u00f3n de Educaci\u00f3n Superior (BAES) u otra similar.',\n size: 1180000,\n uploadDate: '2025-01-28T11:00:00.000Z',\n pdfUrl: 'https:\/\/drive.google.com\/file\/d\/1X8FHX9gR2HJClj7BKLVb8Hp_rMzDLh_0\/preview'\n },\n {\n id: '8',\n name: 'Beca Internados Facultad de Salud UTA',\n fileName: 'BIS.pdf',\n summary: 'Beca espec\u00edfica para estudiantes en internado de la Facultad de Salud de la UTA.',\n description: 'Dirigida a estudiantes de las Facultades de Medicina y Ciencias de la Salud de la Universidad de Tarapac\u00e1 que realicen su internado fuera de Arica. Consiste en apoyo econ\u00f3mico para quienes se encuentren dentro de los quintiles 1 al 3.',\n size: 1630000,\n uploadDate: '2023-045-13T15:00:00.000Z',\n pdfUrl: 'https:\/\/drive.google.com\/file\/d\/1oJkcNYV9Vf4MivfW8XUr1sFSZKIg3Cpw\/preview'\n },\n {\n id: '9',\n name: 'Beca de Ayuda Solidaria de Residencia UTA, Casa Central',\n fileName: 'BRU.pdf',\n summary: 'Beca de ayuda solidaria para residencia en Casa Central de la UTA.',\n description: 'Dirigida a estudiantes de la Casa Central de la Universidad de Tarapac\u00e1 que provengan de fuera de Arica. Consiste en apoyo econ\u00f3mico para alojamiento, destinado a quienes presenten necesidad socioecon\u00f3mica y mantengan buen rendimiento acad\u00e9mico.',\n size: 1980000,\n uploadDate: '2025-10-08T10:00:00.000Z',\n pdfUrl: 'https:\/\/drive.google.com\/file\/d\/15hgY7bX_-KVysXL34KI3hgepjoj1oI_D\/preview'\n },\n {\n id: '10',\n name: 'Reglamento de Ayuda de Viaje Estudiantil',\n fileName: 'AVE.pdf',\n summary: 'Aprueba reglamento de otorgamiento de ayuda de viaje estudiantil para los\/as alumnos\/as regulares de la Universidad de Tarapac\u00e1.',\n description: 'Dirigida a estudiantes de la Universidad de Tarapac\u00e1 que participen como expositores en congresos o seminarios. Consiste en apoyo en pasajes a\u00e9reos para facilitar su asistencia y representaci\u00f3n acad\u00e9mica.',\n size: 1340000,\n uploadDate: '2025-04-14T13:00:00.000Z',\n pdfUrl: 'https:\/\/drive.google.com\/file\/d\/1JwDcztVZlR798OenweOmdViNhj5d-cVl\/preview'\n },\n {\n id: '11',\n name: 'Beca distincion a trayectoria educativa',\n fileName: 'BDT.pdf',\n summary: 'Reglamento becas de arancel para estudiantes de pregrado UTA.',\n description: 'Dirigida a estudiantes que ingresen a primer a\u00f1o de la Universidad de Tarapac\u00e1 reconocidos por el MINEDUC en la lista de Distinci\u00f3n a la Trayectoria Educativa (DTE), con 1.000 puntos en las pruebas obligatorias, y que hayan egresado de ense\u00f1anza media en los dos a\u00f1os previos al ingreso a la carrera. Consiste en la cobertura total o parcial del arancel.',\n size: 1010000,\n uploadDate: '2024-12-30T08:00:00.000Z',\n pdfUrl: 'https:\/\/drive.google.com\/file\/d\/1VkodZLA5xC2_koEf0RUSEnecT1I-3HfM\/preview'\n },\n {\n id: '12',\n name: 'Beca puntaje PAES',\n fileName: 'BPP.pdf',\n summary: 'Reglamento becas de arancel para estudiantes de pregrado UTA.',\n description: 'Dirigida a estudiantes que ingresen a primer a\u00f1o de la Universidad de Tarapac\u00e1 reconocidos por el MINEDUC en la lista de Distinci\u00f3n a la Trayectoria Educativa (DTE), con 1.000 puntos en las pruebas obligatorias, y que hayan egresado de ense\u00f1anza media en los dos a\u00f1os previos al ingreso a la carrera. Consiste en la cobertura total o parcial del arancel.',\n size: 1220000,\n uploadDate: '2024-12-30T09:00:00.000Z',\n pdfUrl: 'https:\/\/drive.google.com\/file\/d\/1VkodZLA5xC2_koEf0RUSEnecT1I-3HfM\/preview'\n },\n {\n id: '13',\n name: 'Beca Honor Alumno Destacado',\n fileName: 'BHA.pdf',\n summary: 'Reglamento becas de arancel para estudiantes de pregrado UTA.',\n description: 'Dirigida a estudiantes de la Universidad de Tarapac\u00e1 reconocidos como los mejores de cada facultad. Consiste en la cobertura del arancel de carrera o de los costos de titulaci\u00f3n, otorgada al a\u00f1o siguiente de haber recibido dicho reconocimiento.',\n size: 1430000,\n uploadDate: '2024-12-30T10:00:00.000Z',\n pdfUrl: 'https:\/\/drive.google.com\/file\/d\/1VkodZLA5xC2_koEf0RUSEnecT1I-3HfM\/preview'\n },\n {\n id: '14',\n name: 'Beca Apoyo Parental',\n fileName: 'BAP.pdf',\n summary: 'Reglamento de Beca de Apoyo Parental para estudiantes de pregrado pertenecientes a la Universidad de Tarapac\u00e1.',\n description: 'Este reglamenteo define el Apoyo econ\u00f3mico mensual para estudiantes de pregrado con hijos menores de 12 a\u00f1os, destinado a facilitar la conciliaci\u00f3n entre vida familiar y acad\u00e9mica, promoviendo equidad, inclusi\u00f3n y continuidad educativa.',\n size: 2870000,\n uploadDate: '2025-10-22T16:00:00.000Z',\n pdfUrl: 'https:\/\/drive.google.com\/file\/d\/1sMoiocp6yPekdu51e-toU-lHi2D3Gy6L\/preview'\n }\n ];\n return regulationsData;\n }\n\n renderRegulations() {\n if (this.regulations.length === 0) {\n this.regulationsList.innerHTML = `\n <div class=\"empty-state\">\n <p>No hay reglamentos disponibles<\/p>\n <small>Los reglamentos se cargar\u00e1n autom\u00e1ticamente<\/small>\n <\/div>\n `;\n return;\n }\n\n this.regulationsList.innerHTML = this.regulations.map(regulation => `\n <div class=\"regulation-item\" data-id=\"${regulation.id}\">\n <span class=\"regulation-name\">${regulation.name}<\/span>\n <span class=\"regulation-date\">${this.formatDate(regulation.uploadDate)}<\/span>\n <div class=\"regulation-summary\">${regulation.summary}<\/div>\n <\/div>\n `).join('');\n\n \/\/ Add click events to regulation items\n this.regulationsList.querySelectorAll('.regulation-item').forEach(item => {\n item.addEventListener('click', () => {\n const id = item.dataset.id;\n this.loadRegulation(id);\n });\n });\n }\n\n formatDate(dateString) {\n const date = new Date(dateString);\n return date.toLocaleDateString('es-ES', {\n year: 'numeric',\n month: 'short',\n day: 'numeric'\n });\n }\n\n formatFileSize(bytes) {\n if (bytes === 0) return '0 Bytes';\n const k = 1024;\n const sizes = ['Bytes', 'KB', 'MB', 'GB'];\n const i = Math.floor(Math.log(bytes) \/ Math.log(k));\n return parseFloat((bytes \/ Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];\n }\n\n loadRegulation(id) {\n const regulation = this.regulations.find(r => r.id === id);\n if (!regulation) return;\n\n \/\/ Update active state\n this.regulationsList.querySelectorAll('.regulation-item').forEach(item => {\n item.classList.toggle('active', item.dataset.id === id);\n });\n\n this.currentRegulation = regulation;\n this.currentTitle.textContent = regulation.name;\n \n \/\/ Show PDF viewer with sample PDF\n this.pdfPlaceholder.style.display = 'none';\n this.pdfViewer.style.display = 'block';\n this.pdfViewer.src = regulation.pdfUrl;\n \n \/\/ Enable control buttons\n this.downloadBtn.disabled = false;\n this.descriptionBtn.disabled = false;\n }\n\n downloadCurrentRegulation() {\n if (!this.currentRegulation) return;\n\n \/\/ Create a temporary link for download\n const link = document.createElement('a');\n link.href = this.currentRegulation.pdfUrl;\n link.download = this.currentRegulation.fileName;\n link.target = '_blank';\n \n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n \n this.showAlert('Iniciando descarga del reglamento...', 'success');\n }\n\n showDescriptionModal() {\n if (!this.currentRegulation) return;\n\n this.descriptionRegulationName.textContent = this.currentRegulation.name;\n this.descriptionDate.textContent = this.formatDate(this.currentRegulation.uploadDate);\n this.descriptionSize.textContent = this.formatFileSize(this.currentRegulation.size);\n this.descriptionText.textContent = this.currentRegulation.description;\n \n this.descriptionModal.style.display = 'flex';\n \n \/\/ Add fade-in animation\n setTimeout(() => {\n this.descriptionModal.querySelector('.modal').style.animation = 'modalFadeIn 0.3s ease';\n }, 10);\n }\n\n hideDescriptionModal() {\n const modal = this.descriptionModal.querySelector('.modal');\n modal.style.animation = 'modalFadeOut 0.3s ease';\n \n setTimeout(() => {\n this.descriptionModal.style.display = 'none';\n modal.style.animation = '';\n }, 300);\n }\n\n showAlert(message, type = 'info') {\n \/\/ Create alert element\n const alert = document.createElement('div');\n alert.className = `alert alert-${type}`;\n alert.textContent = message;\n alert.style.cssText = `\n position: fixed;\n top: 20px;\n right: 20px;\n padding: 15px 20px;\n border-radius: 8px;\n color: white;\n font-weight: 600;\n z-index: 2000;\n animation: slideIn 0.3s ease;\n background: ${type === 'success' ? '#4CAF50' : type === 'info' ? '#2196F3' : '#ff4757'};\n box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n `;\n\n document.body.appendChild(alert);\n\n \/\/ Remove after 3 seconds\n setTimeout(() => {\n alert.style.animation = 'slideOut 0.3s ease';\n setTimeout(() => {\n if (alert.parentNode) {\n document.body.removeChild(alert);\n }\n }, 300);\n }, 3000);\n }\n }\n\n \/\/ Initialize the application\n document.addEventListener('DOMContentLoaded', () => {\n new PDFRegulationsViewer();\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Visor de Reglamentos PDF \ud83d\udccb Visor de Reglamentos UTarapac\u00e1 Revisa los reglamentos vigentes \ud83d\udcda Reglamentos Disponibles Selecciona un reglamento \ud83d\udcdd Descripci\u00f3n \ud83d\udcbe Descargar \ud83d\udcc4 Vista Previa del PDF Selecciona un reglamento de la lista para visualizarlo \ud83d\udcdd Descripci\u00f3n del Reglamento \u00d7 Fecha de creaci\u00f3n: Tama\u00f1o del archivo: Tipo: Documento PDF Descripci\u00f3n:<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-209","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webdae.uta.cl\/index.php\/wp-json\/wp\/v2\/pages\/209","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webdae.uta.cl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webdae.uta.cl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webdae.uta.cl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webdae.uta.cl\/index.php\/wp-json\/wp\/v2\/comments?post=209"}],"version-history":[{"count":22,"href":"https:\/\/webdae.uta.cl\/index.php\/wp-json\/wp\/v2\/pages\/209\/revisions"}],"predecessor-version":[{"id":1565,"href":"https:\/\/webdae.uta.cl\/index.php\/wp-json\/wp\/v2\/pages\/209\/revisions\/1565"}],"wp:attachment":[{"href":"https:\/\/webdae.uta.cl\/index.php\/wp-json\/wp\/v2\/media?parent=209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}