Normatividad Institucional<\/title>\r\n\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1\" rel=\"stylesheet\"> \r\n\r\n <style>\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n .politica-container{\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 20px;\r\n font-family: Arial, sans-serif;\r\n background: white;\r\n color: #333;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Material Symbols base *\/\r\n .material-symbols-outlined{\r\n font-family: 'Material Symbols Outlined';\r\n font-weight: normal;\r\n font-style: normal;\r\n display: inline-block;\r\n line-height: 1;\r\n text-transform: none;\r\n letter-spacing: normal;\r\n word-wrap: normal;\r\n white-space: nowrap;\r\n direction: ltr;\r\n -webkit-font-smoothing: antialiased;\r\n font-variation-settings: 'FILL' 0, 'wght' 600, 'GRAD' 0, 'opsz' 24; \/* [web:103] *\/\r\n vertical-align: -3px;\r\n }\r\n\r\n .header-section{\r\n text-align: center;\r\n margin-bottom: 30px;\r\n padding: 20px 10px;\r\n border-bottom: 3px solid #C71122;\r\n }\r\n\r\n .main-title{\r\n font-size: clamp(1.8rem, 5vw, 2.8rem);\r\n font-weight: 700;\r\n color: #C71122;\r\n margin-bottom: 15px;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n position: relative;\r\n word-wrap: break-word;\r\n }\r\n\r\n .main-title::after{\r\n content: '';\r\n display: block;\r\n width: min(100px, 80%);\r\n height: 4px;\r\n background: #C71122;\r\n margin: 15px auto;\r\n border-radius: 2px;\r\n }\r\n\r\n .intro-text{\r\n font-size: clamp(0.9rem, 2.5vw, 1.1rem);\r\n color: #555;\r\n text-align: justify;\r\n margin-bottom: 30px;\r\n padding: 15px;\r\n background: #f9f9f9;\r\n border-left: 5px solid #C71122;\r\n border-radius: 5px;\r\n }\r\n\r\n .acordeones-container{ margin-top: 20px; }\r\n\r\n .accordion-item{\r\n margin-bottom: 12px;\r\n border: 2px solid #f0f0f0;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n transition: all 0.3s ease;\r\n background: white;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.1);\r\n }\r\n\r\n .accordion-item:hover{\r\n border-color: #C71122;\r\n box-shadow: 0 4px 12px rgba(199, 17, 34, 0.15);\r\n }\r\n\r\n .accordion-header{\r\n background: linear-gradient(135deg, #C71122, #a01020);\r\n color: white;\r\n padding: 15px;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-weight: 600;\r\n font-size: clamp(0.9rem, 2.5vw, 1.1rem);\r\n transition: all 0.3s ease;\r\n min-height: 60px;\r\n user-select: none;\r\n }\r\n\r\n .accordion-header:hover{\r\n background: linear-gradient(135deg, #a01020, #C71122);\r\n }\r\n\r\n .accordion-title{\r\n flex: 1;\r\n margin-right: 10px;\r\n word-wrap: break-word;\r\n line-height: 1.4;\r\n }\r\n\r\n .accordion-icon{\r\n font-size: clamp(1.4rem, 3vw, 1.6rem);\r\n transition: transform 0.2s ease;\r\n flex-shrink: 0;\r\n width: 34px;\r\n height: 34px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(255,255,255,0.2);\r\n border-radius: 50%;\r\n }\r\n\r\n .accordion-content{\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.4s ease;\r\n background: white;\r\n }\r\n\r\n .accordion-content.active{ max-height: 1000px; }\r\n\r\n .accordion-text{\r\n padding: 20px 15px;\r\n color: #555;\r\n font-size: clamp(0.85rem, 2.2vw, 1rem);\r\n text-align: justify;\r\n }\r\n\r\n .accordion-text .quote{\r\n background: #f8f8f8;\r\n border-left: 4px solid #C71122;\r\n padding: 15px;\r\n margin: 15px 0;\r\n font-style: italic;\r\n color: #444;\r\n border-radius: 0 5px 5px 0;\r\n font-size: clamp(0.8rem, 2vw, 0.95rem);\r\n }\r\n\r\n .accordion-text .highlight{ color: #C71122; font-weight: 600; }\r\n\r\n .documents-section{\r\n margin-top: 40px;\r\n padding: 30px 0;\r\n border-top: 2px solid #f0f0f0;\r\n text-align: center;\r\n }\r\n\r\n .documents-title{\r\n font-size: clamp(1.5rem, 4vw, 2.2rem);\r\n font-weight: 600;\r\n color: #C71122;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n position: relative;\r\n display: inline-block;\r\n word-wrap: break-word;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .documents-title::after{\r\n content: '';\r\n display: block;\r\n width: min(80px, 70%);\r\n height: 3px;\r\n background: #C71122;\r\n margin: 12px auto;\r\n border-radius: 2px;\r\n }\r\n\r\n .documents-list{\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 20px;\r\n margin-top: 30px;\r\n text-align: left;\r\n }\r\n\r\n .document-card{\r\n background: white;\r\n border: 2px solid #f0f0f0;\r\n border-radius: 10px;\r\n padding: 20px;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.1);\r\n }\r\n\r\n .document-card:hover{\r\n border-color: #C71122;\r\n transform: translateY(-5px);\r\n box-shadow: 0 8px 25px rgba(199, 17, 34, 0.15);\r\n }\r\n\r\n .document-title{\r\n font-size: clamp(1rem, 2.5vw, 1.2rem);\r\n font-weight: 600;\r\n color: #333;\r\n margin-bottom: 15px;\r\n line-height: 1.4;\r\n }\r\n\r\n .document-description{\r\n font-size: clamp(0.85rem, 2vw, 0.95rem);\r\n color: #666;\r\n margin-bottom: 20px;\r\n line-height: 1.5;\r\n }\r\n\r\n .document-buttons{\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n\r\n .btn{\r\n padding: 12px 20px;\r\n border: none;\r\n border-radius: 5px;\r\n font-weight: 600;\r\n font-size: clamp(0.85rem, 2vw, 0.95rem);\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n text-align: center;\r\n }\r\n\r\n .btn-preview{ background: #C71122; color: white; }\r\n .btn-preview:hover{ background: #a01020; transform: translateY(-2px); }\r\n\r\n .btn-download{\r\n background: white;\r\n color: #C71122;\r\n border: 2px solid #C71122;\r\n }\r\n .btn-download:hover{ background: #C71122; color: white; }\r\n\r\n \/* Modal *\/\r\n .modal{\r\n display: none;\r\n position: fixed;\r\n z-index: 1000;\r\n left: 0; top: 0;\r\n width: 100%; height: 100%;\r\n background-color: rgba(0,0,0,0.8);\r\n animation: fadeIn 0.3s ease;\r\n }\r\n .modal.show{ display: block; }\r\n\r\n .modal-content{\r\n background-color: white;\r\n margin: 2% auto;\r\n padding: 0;\r\n border-radius: 10px;\r\n width: 95%;\r\n max-width: 900px;\r\n height: 90%;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .modal-header{\r\n background: #C71122;\r\n color: white;\r\n padding: 15px 20px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .modal-title{\r\n font-size: clamp(1rem, 2.5vw, 1.2rem);\r\n font-weight: 600;\r\n margin: 0;\r\n }\r\n\r\n .close{\r\n color: white;\r\n font-size: 28px;\r\n font-weight: bold;\r\n cursor: pointer;\r\n border: none;\r\n background: none;\r\n width: 38px;\r\n height: 38px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n transition: background 0.3s ease;\r\n }\r\n .close:hover{ background: rgba(255,255,255,0.2); }\r\n\r\n .modal-body{\r\n height: calc(100% - 70px);\r\n position: relative;\r\n background: #f5f5f5;\r\n }\r\n\r\n .pdf-container{ width: 100%; height: 100%; }\r\n .pdf-viewer{ width: 100%; height: 100%; border: none; }\r\n\r\n .pdf-fallback{\r\n padding: 40px 20px;\r\n text-align: center;\r\n color: #666;\r\n }\r\n\r\n .pdf-fallback h3{ color: #C71122; margin-bottom: 15px; }\r\n .pdf-fallback a{ color: #C71122; text-decoration: none; font-weight: 600; }\r\n .pdf-fallback a:hover{ text-decoration: underline; }\r\n\r\n @media (max-width: 768px) {\r\n .politica-container{ padding: 15px 10px; }\r\n .documents-list{ grid-template-columns: 1fr; gap: 15px; }\r\n .document-buttons{ flex-direction: column; }\r\n .modal-content{ width: 98%; height: 95%; margin: 1% auto; }\r\n .modal-header{ padding: 12px 15px; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .btn{ padding: 10px 15px; }\r\n .document-card{ padding: 15px; }\r\n }\r\n\r\n .fade-in{\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: fadeInUp 0.6s ease forwards;\r\n }\r\n\r\n @keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } }\r\n @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div class=\"politica-container\">\r\n <div class=\"header-section fade-in\">\r\n <h1 class=\"main-title\">Normatividad Institucional de Bienestar Universitario<\/h1>\r\n <\/div>\r\n\r\n <div class=\"intro-text fade-in\" style=\"animation-delay: 0.2s;\">\r\n <p>El Acuerdo No. 031 de Junio de 2011 emanado por el Consejo Superior Universitario, concibe la pol\u00edtica Institucional de Bienestar y Universidad Saludable. Es pol\u00edtica y compromiso del Bienestar Universitario de la Universidad Francisco de Paula Santander, contribuir a la formaci\u00f3n integral, calidad de vida y consolidaci\u00f3n de la comunidad universitaria, a trav\u00e9s de programas y servicios permanentes eficientes y eficaces, que posibiliten su desarrollo humano y el desarrollo cultural de la regi\u00f3n. Dentro de la pol\u00edtica se establecen directrices, principios y lineamientos que Bienestar Universitario desarrolla para sus actividades.<\/p>\r\n <\/div>\r\n\r\n <div class=\"acordeones-container\">\r\n <div class=\"accordion-item fade-in\" style=\"animation-delay: 0.4s;\">\r\n <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\" aria-controls=\"acc-1\">\r\n <span class=\"accordion-title\">Acuerdo No. 016 del 27 de marzo de 2008<\/span>\r\n <span class=\"accordion-icon material-symbols-outlined\" aria-hidden=\"true\">expand_more<\/span>\r\n <\/div>\r\n <div class=\"accordion-content\" id=\"acc-1\">\r\n <div class=\"accordion-text\">\r\n <p>Este acuerdo, expedido por el <span class=\"highlight\">Consejo Superior Universitario<\/span>, establece las bases normativas que complementan la pol\u00edtica institucional de bienestar universitario.<\/p>\r\n <p>En este documento se evidencian los <span class=\"highlight\">servicios ofrecidos por la Divisi\u00f3n de Bienestar Universitario<\/span> de la Universidad Francisco de Paula Santander, tanto para la sede principal como para la seccional de Oca\u00f1a.<\/p>\r\n <p>Los servicios contemplados abarcan diferentes \u00e1reas del desarrollo integral estudiantil, contribuyendo al bienestar y la calidad de vida de la comunidad universitaria.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"accordion-item fade-in\" style=\"animation-delay: 0.6s;\">\r\n <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\" aria-controls=\"acc-2\">\r\n <span class=\"accordion-title\">Acuerdo No. 046 del 2 de septiembre de 2008<\/span>\r\n <span class=\"accordion-icon material-symbols-outlined\" aria-hidden=\"true\">expand_more<\/span>\r\n <\/div>\r\n <div class=\"accordion-content\" id=\"acc-2\">\r\n <div class=\"accordion-text\">\r\n <p>Este acuerdo, tambi\u00e9n expedido por el <span class=\"highlight\">Consejo Superior Universitario<\/span>, forma parte del marco normativo que complementa la pol\u00edtica institucional de bienestar.<\/p>\r\n <p>Junto con el Acuerdo 016 de 2008, establece los <span class=\"highlight\">servicios y programas espec\u00edficos<\/span> que ofrece la Divisi\u00f3n de Bienestar Universitario para ambas sedes universitarias.<\/p>\r\n <p>La normativa garantiza la <span class=\"highlight\">cobertura integral<\/span> de servicios tanto en la Universidad Francisco de Paula Santander sede principal como en la seccional de Oca\u00f1a, asegurando equidad en la atenci\u00f3n a toda la comunidad universitaria.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"accordion-item fade-in\" style=\"animation-delay: 0.8s;\">\r\n <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\" aria-controls=\"acc-3\">\r\n <span class=\"accordion-title\">Acuerdo No. 031 de Junio de 2011<\/span>\r\n <span class=\"accordion-icon material-symbols-outlined\" aria-hidden=\"true\">expand_more<\/span>\r\n <\/div>\r\n <div class=\"accordion-content\" id=\"acc-3\">\r\n <div class=\"accordion-text\">\r\n <div class=\"quote\">\r\n \"Es pol\u00edtica y compromiso del Bienestar Universitario de la Universidad Francisco de Paula Santander, contribuir a la formaci\u00f3n integral, calidad de vida y consolidaci\u00f3n de la comunidad universitaria, a trav\u00e9s de programas y servicios permanentes eficientes y eficaces, que posibiliten su desarrollo humano y el desarrollo cultural de la regi\u00f3n\"\r\n <\/div>\r\n <p>Este acuerdo establece la <span class=\"highlight\">pol\u00edtica Institucional de Bienestar y Universidad Saludable<\/span>, emanado por el Consejo Superior Universitario. Define las directrices fundamentales para el desarrollo de programas y servicios orientados al bienestar de toda la comunidad universitaria.<\/p>\r\n <p>Dentro de esta pol\u00edtica se establecen <span class=\"highlight\">directrices, principios y lineamientos<\/span> que Bienestar Universitario desarrolla para sus actividades, garantizando un enfoque integral en la formaci\u00f3n y el desarrollo humano.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"documents-section fade-in\" style=\"animation-delay: 1s;\">\r\n <h2 class=\"documents-title\">Documentos<\/h2>\r\n\r\n <div class=\"documents-list\">\r\n <div class=\"document-card\">\r\n <h3 class=\"document-title\">Pol\u00edtica Institucional de Bienestar Universitario<\/h3>\r\n <p class=\"document-description\">Documento oficial que establece las directrices, principios y lineamientos para el desarrollo de programas y servicios de bienestar universitario en la UFPSO.<\/p>\r\n\r\n <div class=\"document-buttons\">\r\n <button class=\"btn btn-preview\"\r\n onclick=\"openPdfPreview('https:\/\/infobienestar.ufpso.edu.co\/wp-content\/uploads\/2025\/10\/13092021160432.pdf', 'Pol\u00edtica Institucional de Bienestar Universitario', this)\">\r\n <span class=\"material-symbols-outlined\" aria-hidden=\"true\">description<\/span>\r\n Vista Previa\r\n <\/button>\r\n\r\n <a href=\"https:\/\/infobienestar.ufpso.edu.co\/wp-content\/uploads\/2025\/10\/13092021160432.pdf\"\r\n class=\"btn btn-download\" download>\r\n <span class=\"material-symbols-outlined\" aria-hidden=\"true\">download<\/span>\r\n Descargar PDF\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"pdfModal\" class=\"modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modalTitle\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header\">\r\n <h3 class=\"modal-title\" id=\"modalTitle\">Vista Previa del Documento<\/h3>\r\n <button class=\"close\" type=\"button\" onclick=\"closePdfPreview()\" aria-label=\"Cerrar\">×<\/button>\r\n <\/div>\r\n <div class=\"modal-body\">\r\n <div class=\"pdf-container\" id=\"pdfContainer\">\r\n <div class=\"pdf-fallback\">\r\n <h3>Cargando documento...<\/h3>\r\n <p>Si el documento no se muestra, puedes <a href=\"#\" id=\"fallbackLink\" target=\"_blank\" rel=\"noopener\">abrirlo directamente aqu\u00ed<\/a>.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n function toggleAccordion(header) {\r\n const content = header.nextElementSibling;\r\n const icon = header.querySelector('.accordion-icon');\r\n const allHeaders = document.querySelectorAll('.accordion-header');\r\n const allContents = document.querySelectorAll('.accordion-content');\r\n const allIcons = document.querySelectorAll('.accordion-icon');\r\n\r\n allContents.forEach((acc, idx) => {\r\n if (acc !== content) {\r\n acc.classList.remove('active');\r\n allHeaders[idx].setAttribute('aria-expanded', 'false');\r\n allIcons[idx].textContent = 'expand_more';\r\n allIcons[idx].style.transform = 'rotate(0deg)';\r\n }\r\n });\r\n\r\n const isOpen = content.classList.contains('active');\r\n if (isOpen) {\r\n content.classList.remove('active');\r\n header.setAttribute('aria-expanded', 'false');\r\n icon.textContent = 'expand_more';\r\n icon.style.transform = 'rotate(0deg)';\r\n } else {\r\n content.classList.add('active');\r\n header.setAttribute('aria-expanded', 'true');\r\n icon.textContent = 'expand_less';\r\n icon.style.transform = 'rotate(180deg)';\r\n }\r\n }\r\n\r\n let lastTrigger = null;\r\n\r\n function openPdfPreview(pdfUrl, title, triggerEl) {\r\n const modal = document.getElementById('pdfModal');\r\n const modalTitle = document.getElementById('modalTitle');\r\n const pdfContainer = document.getElementById('pdfContainer');\r\n const fallbackLink = document.getElementById('fallbackLink');\r\n\r\n lastTrigger = triggerEl || null;\r\n\r\n modalTitle.textContent = title;\r\n fallbackLink.href = pdfUrl;\r\n\r\n pdfContainer.innerHTML = `\r\n <iframe src=\"${pdfUrl}\" class=\"pdf-viewer\" title=\"${title}\">\r\n <div class=\"pdf-fallback\">\r\n <h3>No se puede mostrar el PDF<\/h3>\r\n <p>Tu navegador no soporta la vista previa de PDF. Puedes <a href=\"${pdfUrl}\" target=\"_blank\" rel=\"noopener\">abrirlo directamente aqu\u00ed<\/a>.<\/p>\r\n <\/div>\r\n <\/iframe>\r\n `;\r\n\r\n modal.classList.add('show');\r\n document.body.style.overflow = 'hidden';\r\n\r\n const closeBtn = modal.querySelector('.close');\r\n if (closeBtn) closeBtn.focus();\r\n }\r\n\r\n function closePdfPreview() {\r\n const modal = document.getElementById('pdfModal');\r\n modal.classList.remove('show');\r\n document.body.style.overflow = 'auto';\r\n\r\n if (lastTrigger && typeof lastTrigger.focus === 'function') {\r\n lastTrigger.focus();\r\n }\r\n lastTrigger = null;\r\n }\r\n\r\n window.addEventListener('click', function(event) {\r\n const modal = document.getElementById('pdfModal');\r\n if (event.target === modal) closePdfPreview();\r\n });\r\n\r\n document.addEventListener('keydown', function(event) {\r\n if (event.key === 'Escape') closePdfPreview();\r\n if ((event.key === 'Enter' || event.key === ' ') && event.target.classList.contains('accordion-header')) {\r\n event.preventDefault();\r\n toggleAccordion(event.target);\r\n }\r\n });\r\n\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const fadeElements = document.querySelectorAll('.fade-in');\r\n\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.opacity = '1';\r\n entry.target.style.transform = 'translateY(0)';\r\n }\r\n });\r\n }, { threshold: 0.1 });\r\n\r\n fadeElements.forEach(el => observer.observe(el));\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2a36f95 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2a36f95\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3547122\" data-id=\"3547122\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Normatividad Institucional Normatividad Institucional de Bienestar Universitario El Acuerdo No. 031 de Junio de 2011 emanado por el Consejo Superior […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5738","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/infobienestar.ufpso.edu.co\/index.php?rest_route=\/wp\/v2\/pages\/5738","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/infobienestar.ufpso.edu.co\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/infobienestar.ufpso.edu.co\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/infobienestar.ufpso.edu.co\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/infobienestar.ufpso.edu.co\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5738"}],"version-history":[{"count":20,"href":"https:\/\/infobienestar.ufpso.edu.co\/index.php?rest_route=\/wp\/v2\/pages\/5738\/revisions"}],"predecessor-version":[{"id":7805,"href":"https:\/\/infobienestar.ufpso.edu.co\/index.php?rest_route=\/wp\/v2\/pages\/5738\/revisions\/7805"}],"wp:attachment":[{"href":"https:\/\/infobienestar.ufpso.edu.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5738"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\r\n\r\n\r\n \r\n \r\n Normatividad Institucional<\/title>\r\n\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1\" rel=\"stylesheet\"> \r\n\r\n <style>\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n .politica-container{\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 20px;\r\n font-family: Arial, sans-serif;\r\n background: white;\r\n color: #333;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Material Symbols base *\/\r\n .material-symbols-outlined{\r\n font-family: 'Material Symbols Outlined';\r\n font-weight: normal;\r\n font-style: normal;\r\n display: inline-block;\r\n line-height: 1;\r\n text-transform: none;\r\n letter-spacing: normal;\r\n word-wrap: normal;\r\n white-space: nowrap;\r\n direction: ltr;\r\n -webkit-font-smoothing: antialiased;\r\n font-variation-settings: 'FILL' 0, 'wght' 600, 'GRAD' 0, 'opsz' 24; \/* [web:103] *\/\r\n vertical-align: -3px;\r\n }\r\n\r\n .header-section{\r\n text-align: center;\r\n margin-bottom: 30px;\r\n padding: 20px 10px;\r\n border-bottom: 3px solid #C71122;\r\n }\r\n\r\n .main-title{\r\n font-size: clamp(1.8rem, 5vw, 2.8rem);\r\n font-weight: 700;\r\n color: #C71122;\r\n margin-bottom: 15px;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n position: relative;\r\n word-wrap: break-word;\r\n }\r\n\r\n .main-title::after{\r\n content: '';\r\n display: block;\r\n width: min(100px, 80%);\r\n height: 4px;\r\n background: #C71122;\r\n margin: 15px auto;\r\n border-radius: 2px;\r\n }\r\n\r\n .intro-text{\r\n font-size: clamp(0.9rem, 2.5vw, 1.1rem);\r\n color: #555;\r\n text-align: justify;\r\n margin-bottom: 30px;\r\n padding: 15px;\r\n background: #f9f9f9;\r\n border-left: 5px solid #C71122;\r\n border-radius: 5px;\r\n }\r\n\r\n .acordeones-container{ margin-top: 20px; }\r\n\r\n .accordion-item{\r\n margin-bottom: 12px;\r\n border: 2px solid #f0f0f0;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n transition: all 0.3s ease;\r\n background: white;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.1);\r\n }\r\n\r\n .accordion-item:hover{\r\n border-color: #C71122;\r\n box-shadow: 0 4px 12px rgba(199, 17, 34, 0.15);\r\n }\r\n\r\n .accordion-header{\r\n background: linear-gradient(135deg, #C71122, #a01020);\r\n color: white;\r\n padding: 15px;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-weight: 600;\r\n font-size: clamp(0.9rem, 2.5vw, 1.1rem);\r\n transition: all 0.3s ease;\r\n min-height: 60px;\r\n user-select: none;\r\n }\r\n\r\n .accordion-header:hover{\r\n background: linear-gradient(135deg, #a01020, #C71122);\r\n }\r\n\r\n .accordion-title{\r\n flex: 1;\r\n margin-right: 10px;\r\n word-wrap: break-word;\r\n line-height: 1.4;\r\n }\r\n\r\n .accordion-icon{\r\n font-size: clamp(1.4rem, 3vw, 1.6rem);\r\n transition: transform 0.2s ease;\r\n flex-shrink: 0;\r\n width: 34px;\r\n height: 34px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(255,255,255,0.2);\r\n border-radius: 50%;\r\n }\r\n\r\n .accordion-content{\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.4s ease;\r\n background: white;\r\n }\r\n\r\n .accordion-content.active{ max-height: 1000px; }\r\n\r\n .accordion-text{\r\n padding: 20px 15px;\r\n color: #555;\r\n font-size: clamp(0.85rem, 2.2vw, 1rem);\r\n text-align: justify;\r\n }\r\n\r\n .accordion-text .quote{\r\n background: #f8f8f8;\r\n border-left: 4px solid #C71122;\r\n padding: 15px;\r\n margin: 15px 0;\r\n font-style: italic;\r\n color: #444;\r\n border-radius: 0 5px 5px 0;\r\n font-size: clamp(0.8rem, 2vw, 0.95rem);\r\n }\r\n\r\n .accordion-text .highlight{ color: #C71122; font-weight: 600; }\r\n\r\n .documents-section{\r\n margin-top: 40px;\r\n padding: 30px 0;\r\n border-top: 2px solid #f0f0f0;\r\n text-align: center;\r\n }\r\n\r\n .documents-title{\r\n font-size: clamp(1.5rem, 4vw, 2.2rem);\r\n font-weight: 600;\r\n color: #C71122;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n position: relative;\r\n display: inline-block;\r\n word-wrap: break-word;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .documents-title::after{\r\n content: '';\r\n display: block;\r\n width: min(80px, 70%);\r\n height: 3px;\r\n background: #C71122;\r\n margin: 12px auto;\r\n border-radius: 2px;\r\n }\r\n\r\n .documents-list{\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 20px;\r\n margin-top: 30px;\r\n text-align: left;\r\n }\r\n\r\n .document-card{\r\n background: white;\r\n border: 2px solid #f0f0f0;\r\n border-radius: 10px;\r\n padding: 20px;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.1);\r\n }\r\n\r\n .document-card:hover{\r\n border-color: #C71122;\r\n transform: translateY(-5px);\r\n box-shadow: 0 8px 25px rgba(199, 17, 34, 0.15);\r\n }\r\n\r\n .document-title{\r\n font-size: clamp(1rem, 2.5vw, 1.2rem);\r\n font-weight: 600;\r\n color: #333;\r\n margin-bottom: 15px;\r\n line-height: 1.4;\r\n }\r\n\r\n .document-description{\r\n font-size: clamp(0.85rem, 2vw, 0.95rem);\r\n color: #666;\r\n margin-bottom: 20px;\r\n line-height: 1.5;\r\n }\r\n\r\n .document-buttons{\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n\r\n .btn{\r\n padding: 12px 20px;\r\n border: none;\r\n border-radius: 5px;\r\n font-weight: 600;\r\n font-size: clamp(0.85rem, 2vw, 0.95rem);\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n text-align: center;\r\n }\r\n\r\n .btn-preview{ background: #C71122; color: white; }\r\n .btn-preview:hover{ background: #a01020; transform: translateY(-2px); }\r\n\r\n .btn-download{\r\n background: white;\r\n color: #C71122;\r\n border: 2px solid #C71122;\r\n }\r\n .btn-download:hover{ background: #C71122; color: white; }\r\n\r\n \/* Modal *\/\r\n .modal{\r\n display: none;\r\n position: fixed;\r\n z-index: 1000;\r\n left: 0; top: 0;\r\n width: 100%; height: 100%;\r\n background-color: rgba(0,0,0,0.8);\r\n animation: fadeIn 0.3s ease;\r\n }\r\n .modal.show{ display: block; }\r\n\r\n .modal-content{\r\n background-color: white;\r\n margin: 2% auto;\r\n padding: 0;\r\n border-radius: 10px;\r\n width: 95%;\r\n max-width: 900px;\r\n height: 90%;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .modal-header{\r\n background: #C71122;\r\n color: white;\r\n padding: 15px 20px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .modal-title{\r\n font-size: clamp(1rem, 2.5vw, 1.2rem);\r\n font-weight: 600;\r\n margin: 0;\r\n }\r\n\r\n .close{\r\n color: white;\r\n font-size: 28px;\r\n font-weight: bold;\r\n cursor: pointer;\r\n border: none;\r\n background: none;\r\n width: 38px;\r\n height: 38px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n transition: background 0.3s ease;\r\n }\r\n .close:hover{ background: rgba(255,255,255,0.2); }\r\n\r\n .modal-body{\r\n height: calc(100% - 70px);\r\n position: relative;\r\n background: #f5f5f5;\r\n }\r\n\r\n .pdf-container{ width: 100%; height: 100%; }\r\n .pdf-viewer{ width: 100%; height: 100%; border: none; }\r\n\r\n .pdf-fallback{\r\n padding: 40px 20px;\r\n text-align: center;\r\n color: #666;\r\n }\r\n\r\n .pdf-fallback h3{ color: #C71122; margin-bottom: 15px; }\r\n .pdf-fallback a{ color: #C71122; text-decoration: none; font-weight: 600; }\r\n .pdf-fallback a:hover{ text-decoration: underline; }\r\n\r\n @media (max-width: 768px) {\r\n .politica-container{ padding: 15px 10px; }\r\n .documents-list{ grid-template-columns: 1fr; gap: 15px; }\r\n .document-buttons{ flex-direction: column; }\r\n .modal-content{ width: 98%; height: 95%; margin: 1% auto; }\r\n .modal-header{ padding: 12px 15px; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .btn{ padding: 10px 15px; }\r\n .document-card{ padding: 15px; }\r\n }\r\n\r\n .fade-in{\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: fadeInUp 0.6s ease forwards;\r\n }\r\n\r\n @keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } }\r\n @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div class=\"politica-container\">\r\n <div class=\"header-section fade-in\">\r\n <h1 class=\"main-title\">Normatividad Institucional de Bienestar Universitario<\/h1>\r\n <\/div>\r\n\r\n <div class=\"intro-text fade-in\" style=\"animation-delay: 0.2s;\">\r\n <p>El Acuerdo No. 031 de Junio de 2011 emanado por el Consejo Superior Universitario, concibe la pol\u00edtica Institucional de Bienestar y Universidad Saludable. Es pol\u00edtica y compromiso del Bienestar Universitario de la Universidad Francisco de Paula Santander, contribuir a la formaci\u00f3n integral, calidad de vida y consolidaci\u00f3n de la comunidad universitaria, a trav\u00e9s de programas y servicios permanentes eficientes y eficaces, que posibiliten su desarrollo humano y el desarrollo cultural de la regi\u00f3n. Dentro de la pol\u00edtica se establecen directrices, principios y lineamientos que Bienestar Universitario desarrolla para sus actividades.<\/p>\r\n <\/div>\r\n\r\n <div class=\"acordeones-container\">\r\n <div class=\"accordion-item fade-in\" style=\"animation-delay: 0.4s;\">\r\n <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\" aria-controls=\"acc-1\">\r\n <span class=\"accordion-title\">Acuerdo No. 016 del 27 de marzo de 2008<\/span>\r\n <span class=\"accordion-icon material-symbols-outlined\" aria-hidden=\"true\">expand_more<\/span>\r\n <\/div>\r\n <div class=\"accordion-content\" id=\"acc-1\">\r\n <div class=\"accordion-text\">\r\n <p>Este acuerdo, expedido por el <span class=\"highlight\">Consejo Superior Universitario<\/span>, establece las bases normativas que complementan la pol\u00edtica institucional de bienestar universitario.<\/p>\r\n <p>En este documento se evidencian los <span class=\"highlight\">servicios ofrecidos por la Divisi\u00f3n de Bienestar Universitario<\/span> de la Universidad Francisco de Paula Santander, tanto para la sede principal como para la seccional de Oca\u00f1a.<\/p>\r\n <p>Los servicios contemplados abarcan diferentes \u00e1reas del desarrollo integral estudiantil, contribuyendo al bienestar y la calidad de vida de la comunidad universitaria.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"accordion-item fade-in\" style=\"animation-delay: 0.6s;\">\r\n <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\" aria-controls=\"acc-2\">\r\n <span class=\"accordion-title\">Acuerdo No. 046 del 2 de septiembre de 2008<\/span>\r\n <span class=\"accordion-icon material-symbols-outlined\" aria-hidden=\"true\">expand_more<\/span>\r\n <\/div>\r\n <div class=\"accordion-content\" id=\"acc-2\">\r\n <div class=\"accordion-text\">\r\n <p>Este acuerdo, tambi\u00e9n expedido por el <span class=\"highlight\">Consejo Superior Universitario<\/span>, forma parte del marco normativo que complementa la pol\u00edtica institucional de bienestar.<\/p>\r\n <p>Junto con el Acuerdo 016 de 2008, establece los <span class=\"highlight\">servicios y programas espec\u00edficos<\/span> que ofrece la Divisi\u00f3n de Bienestar Universitario para ambas sedes universitarias.<\/p>\r\n <p>La normativa garantiza la <span class=\"highlight\">cobertura integral<\/span> de servicios tanto en la Universidad Francisco de Paula Santander sede principal como en la seccional de Oca\u00f1a, asegurando equidad en la atenci\u00f3n a toda la comunidad universitaria.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"accordion-item fade-in\" style=\"animation-delay: 0.8s;\">\r\n <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\" aria-controls=\"acc-3\">\r\n <span class=\"accordion-title\">Acuerdo No. 031 de Junio de 2011<\/span>\r\n <span class=\"accordion-icon material-symbols-outlined\" aria-hidden=\"true\">expand_more<\/span>\r\n <\/div>\r\n <div class=\"accordion-content\" id=\"acc-3\">\r\n <div class=\"accordion-text\">\r\n <div class=\"quote\">\r\n \"Es pol\u00edtica y compromiso del Bienestar Universitario de la Universidad Francisco de Paula Santander, contribuir a la formaci\u00f3n integral, calidad de vida y consolidaci\u00f3n de la comunidad universitaria, a trav\u00e9s de programas y servicios permanentes eficientes y eficaces, que posibiliten su desarrollo humano y el desarrollo cultural de la regi\u00f3n\"\r\n <\/div>\r\n <p>Este acuerdo establece la <span class=\"highlight\">pol\u00edtica Institucional de Bienestar y Universidad Saludable<\/span>, emanado por el Consejo Superior Universitario. Define las directrices fundamentales para el desarrollo de programas y servicios orientados al bienestar de toda la comunidad universitaria.<\/p>\r\n <p>Dentro de esta pol\u00edtica se establecen <span class=\"highlight\">directrices, principios y lineamientos<\/span> que Bienestar Universitario desarrolla para sus actividades, garantizando un enfoque integral en la formaci\u00f3n y el desarrollo humano.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"documents-section fade-in\" style=\"animation-delay: 1s;\">\r\n <h2 class=\"documents-title\">Documentos<\/h2>\r\n\r\n <div class=\"documents-list\">\r\n <div class=\"document-card\">\r\n <h3 class=\"document-title\">Pol\u00edtica Institucional de Bienestar Universitario<\/h3>\r\n <p class=\"document-description\">Documento oficial que establece las directrices, principios y lineamientos para el desarrollo de programas y servicios de bienestar universitario en la UFPSO.<\/p>\r\n\r\n <div class=\"document-buttons\">\r\n <button class=\"btn btn-preview\"\r\n onclick=\"openPdfPreview('https:\/\/infobienestar.ufpso.edu.co\/wp-content\/uploads\/2025\/10\/13092021160432.pdf', 'Pol\u00edtica Institucional de Bienestar Universitario', this)\">\r\n <span class=\"material-symbols-outlined\" aria-hidden=\"true\">description<\/span>\r\n Vista Previa\r\n <\/button>\r\n\r\n <a href=\"https:\/\/infobienestar.ufpso.edu.co\/wp-content\/uploads\/2025\/10\/13092021160432.pdf\"\r\n class=\"btn btn-download\" download>\r\n <span class=\"material-symbols-outlined\" aria-hidden=\"true\">download<\/span>\r\n Descargar PDF\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"pdfModal\" class=\"modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modalTitle\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header\">\r\n <h3 class=\"modal-title\" id=\"modalTitle\">Vista Previa del Documento<\/h3>\r\n <button class=\"close\" type=\"button\" onclick=\"closePdfPreview()\" aria-label=\"Cerrar\">×<\/button>\r\n <\/div>\r\n <div class=\"modal-body\">\r\n <div class=\"pdf-container\" id=\"pdfContainer\">\r\n <div class=\"pdf-fallback\">\r\n <h3>Cargando documento...<\/h3>\r\n <p>Si el documento no se muestra, puedes <a href=\"#\" id=\"fallbackLink\" target=\"_blank\" rel=\"noopener\">abrirlo directamente aqu\u00ed<\/a>.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n function toggleAccordion(header) {\r\n const content = header.nextElementSibling;\r\n const icon = header.querySelector('.accordion-icon');\r\n const allHeaders = document.querySelectorAll('.accordion-header');\r\n const allContents = document.querySelectorAll('.accordion-content');\r\n const allIcons = document.querySelectorAll('.accordion-icon');\r\n\r\n allContents.forEach((acc, idx) => {\r\n if (acc !== content) {\r\n acc.classList.remove('active');\r\n allHeaders[idx].setAttribute('aria-expanded', 'false');\r\n allIcons[idx].textContent = 'expand_more';\r\n allIcons[idx].style.transform = 'rotate(0deg)';\r\n }\r\n });\r\n\r\n const isOpen = content.classList.contains('active');\r\n if (isOpen) {\r\n content.classList.remove('active');\r\n header.setAttribute('aria-expanded', 'false');\r\n icon.textContent = 'expand_more';\r\n icon.style.transform = 'rotate(0deg)';\r\n } else {\r\n content.classList.add('active');\r\n header.setAttribute('aria-expanded', 'true');\r\n icon.textContent = 'expand_less';\r\n icon.style.transform = 'rotate(180deg)';\r\n }\r\n }\r\n\r\n let lastTrigger = null;\r\n\r\n function openPdfPreview(pdfUrl, title, triggerEl) {\r\n const modal = document.getElementById('pdfModal');\r\n const modalTitle = document.getElementById('modalTitle');\r\n const pdfContainer = document.getElementById('pdfContainer');\r\n const fallbackLink = document.getElementById('fallbackLink');\r\n\r\n lastTrigger = triggerEl || null;\r\n\r\n modalTitle.textContent = title;\r\n fallbackLink.href = pdfUrl;\r\n\r\n pdfContainer.innerHTML = `\r\n <iframe src=\"${pdfUrl}\" class=\"pdf-viewer\" title=\"${title}\">\r\n <div class=\"pdf-fallback\">\r\n <h3>No se puede mostrar el PDF<\/h3>\r\n <p>Tu navegador no soporta la vista previa de PDF. Puedes <a href=\"${pdfUrl}\" target=\"_blank\" rel=\"noopener\">abrirlo directamente aqu\u00ed<\/a>.<\/p>\r\n <\/div>\r\n <\/iframe>\r\n `;\r\n\r\n modal.classList.add('show');\r\n document.body.style.overflow = 'hidden';\r\n\r\n const closeBtn = modal.querySelector('.close');\r\n if (closeBtn) closeBtn.focus();\r\n }\r\n\r\n function closePdfPreview() {\r\n const modal = document.getElementById('pdfModal');\r\n modal.classList.remove('show');\r\n document.body.style.overflow = 'auto';\r\n\r\n if (lastTrigger && typeof lastTrigger.focus === 'function') {\r\n lastTrigger.focus();\r\n }\r\n lastTrigger = null;\r\n }\r\n\r\n window.addEventListener('click', function(event) {\r\n const modal = document.getElementById('pdfModal');\r\n if (event.target === modal) closePdfPreview();\r\n });\r\n\r\n document.addEventListener('keydown', function(event) {\r\n if (event.key === 'Escape') closePdfPreview();\r\n if ((event.key === 'Enter' || event.key === ' ') && event.target.classList.contains('accordion-header')) {\r\n event.preventDefault();\r\n toggleAccordion(event.target);\r\n }\r\n });\r\n\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const fadeElements = document.querySelectorAll('.fade-in');\r\n\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.opacity = '1';\r\n entry.target.style.transform = 'translateY(0)';\r\n }\r\n });\r\n }, { threshold: 0.1 });\r\n\r\n fadeElements.forEach(el => observer.observe(el));\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2a36f95 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2a36f95\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3547122\" data-id=\"3547122\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Normatividad Institucional Normatividad Institucional de Bienestar Universitario El Acuerdo No. 031 de Junio de 2011 emanado por el Consejo Superior […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5738","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/infobienestar.ufpso.edu.co\/index.php?rest_route=\/wp\/v2\/pages\/5738","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/infobienestar.ufpso.edu.co\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/infobienestar.ufpso.edu.co\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/infobienestar.ufpso.edu.co\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/infobienestar.ufpso.edu.co\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5738"}],"version-history":[{"count":20,"href":"https:\/\/infobienestar.ufpso.edu.co\/index.php?rest_route=\/wp\/v2\/pages\/5738\/revisions"}],"predecessor-version":[{"id":7805,"href":"https:\/\/infobienestar.ufpso.edu.co\/index.php?rest_route=\/wp\/v2\/pages\/5738\/revisions\/7805"}],"wp:attachment":[{"href":"https:\/\/infobienestar.ufpso.edu.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5738"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}