{"id":91805,"date":"2025-07-04T14:28:31","date_gmt":"2025-07-04T19:28:31","guid":{"rendered":"https:\/\/uninavarra.edu.co\/?page_id=91805"},"modified":"2026-01-23T15:22:26","modified_gmt":"2026-01-23T20:22:26","slug":"especializacion-en-gerencia-de-seguridad-y-salud-en-el-trabajo-2","status":"publish","type":"page","link":"https:\/\/uninavarra.edu.co\/en\/especializacion-en-gerencia-de-seguridad-y-salud-en-el-trabajo-2\/","title":{"rendered":"Specialization in Occupational Health and Safety Management"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><section id=\"ivcii\" class=\"vc_section\"><div id=\"banner\" data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"wpb-container \"><div class=\"container-full\"><div class=\"vc_row wpb_row vc_row-fluid row \"><div class=\"col-sm-12  vc_\">\n\t\t<div class=\"wpb_wrapper \">\n\t\t\t<div class=\"wpb_single_image wpb_content_element vc_align_center\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\n\t\t\t<a href=\"#\" target=\"_self\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"571\" src=\"https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2026\/01\/Banner-Gerencia-en-Seguridad-y-salud-corregido.jpg\" class=\" vc_box_border_grey attachment-full\" alt=\"\" title=\"Banner-Gerencia-en-Seguridad-y-salud-corregido\" srcset=\"https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2026\/01\/Banner-Gerencia-en-Seguridad-y-salud-corregido.jpg 1920w, https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2026\/01\/Banner-Gerencia-en-Seguridad-y-salud-corregido-300x89.jpg 300w, https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2026\/01\/Banner-Gerencia-en-Seguridad-y-salud-corregido-1024x305.jpg 1024w, https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2026\/01\/Banner-Gerencia-en-Seguridad-y-salud-corregido-150x45.jpg 150w, https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2026\/01\/Banner-Gerencia-en-Seguridad-y-salud-corregido-768x228.jpg 768w, https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2026\/01\/Banner-Gerencia-en-Seguridad-y-salud-corregido-1536x457.jpg 1536w, https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2026\/01\/Banner-Gerencia-en-Seguridad-y-salud-corregido-18x5.jpg 18w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/a>\n\t\t<\/div> \n\t<\/div>\n\t\t<\/div> \n\t<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width\"><\/div><div id=\"titulo-descripcion\" data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"wpb-container \"><div class=\"container-full\"><div class=\"vc_row wpb_row vc_row-fluid row  ocultto\"><div class=\"col-sm-12  vc_\">\n\t\t<div class=\"wpb_wrapper \">\n\t\t\t<div class=\"vc_empty_space\"   style=\"height: 32px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2 class=\"section-title\" style=\"text-align:center\">ESPECIALISTA EN DOCENCIA UNIVERSITARIA<\/h2>\n\t\t<\/div>\n\t<\/div>\n\n\t\t<\/div> \n\t<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width\"><\/div><div id=\"descripcion\" class=\"wpb-container \"><div class=\"container\"><div class=\"vc_row wpb_row vc_row-fluid row \"><div class=\"col-sm-12  vc_\">\n\t\t<div class=\"wpb_wrapper \">\n\t\t\t<div class=\"vc_empty_space\"   style=\"height: 16px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!-- Banner Comercial para Especialista en Gerencia de Seguridad y Salud en el Trabajo -->\n<div class=\"banner-comercial\">\n    <!-- Fondo blanco -->\n    <div class=\"banner-fondo\"><\/div>\n\n    <!-- Contenido principal -->\n    <div class=\"banner-contenido\">\n        <!-- Contenedor de dos columnas -->\n        <div class=\"banner-columnas\">\n            <!-- Columna izquierda -->\n            <div class=\"banner-columna columna-izquierda\">\n                <div class=\"info-item\">\n                    <h3>C\u00f3digo SNIES:<\/h3>\n                    <p>110249<\/p>\n                <\/div>\n\n                <div class=\"info-item\">\n                    <h3>Registro Calificado:<\/h3>\n                    <p>Resoluci\u00f3n n.\u00ba 7616 del 5 de mayo del 2021 del MEN, vigencia: 7 a\u00f1os<\/p>\n                <\/div>\n\n                <div class=\"info-item\">\n                    <h3>Duraci\u00f3n del Programa:<\/h3>\n                    <p>2 semestres<\/p>\n                <\/div>\n\n                <div class=\"info-item\">\n                    <h3>N\u00famero de cr\u00e9ditos acad\u00e9micos:<\/h3>\n                    <p>32<\/p>\n                <\/div>\n\n                <div class=\"info-item\">\n                    <h3>El programa est\u00e1 adscrito:<\/h3>\n                    <p>Facultad de Ingenier\u00edas Arquitectura y Urbanismo<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Columna derecha -->\n            <div class=\"banner-columna columna-derecha\">\n                <div class=\"info-item\">\n                    <h3>Nivel Acad\u00e9mico:<\/h3>\n                    <p>Posgrado<\/p>\n                <\/div>\n\n                <div class=\"info-item\">\n                    <h3>Nivel de Formaci\u00f3n:<\/h3>\n                    <p>Especializaci\u00f3n Universitaria<\/p>\n                <\/div>\n\n                <div class=\"info-item\">\n                    <h3>Metodolog\u00eda:<\/h3>\n                    <p>Presencial<\/p>\n                <\/div>\n\n                <div class=\"info-item\">\n                    <h3>Ubicaci\u00f3n:<\/h3>\n                    <p>Neiva, Huila, Colombia<\/p>\n                <\/div>\n\n                <div class=\"info-item\">\n                    <h3>Periodicidad de la admisi\u00f3n:<\/h3>\n                    <p>Semestral<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css\">\n\n<style>\n\/* Estilos para el banner comercial *\/\n.banner-comercial {\n    top: 15px;\n    position: relative;\n    width: 100%;\n    height: auto;\n    \/*min-height: 650px;*\/\n    overflow: hidden;\n    margin: 0;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n}\n\n\/* Fondo blanco *\/\n.banner-fondo {\n    position: absolute;\n    top: 12px;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: #ffffff;\n    z-index: 1;\n}\n\n\/* Estructura de contenido *\/\n.banner-contenido {\n    position: relative;\n    z-index: 3;\n    max-width: 1200px;\n    width: 100%;\n    height: 100%;\n    margin: 0 auto;\n    \/*padding: 50px 30px;*\/\n}\n\n\/* T\u00edtulo principal *\/\n.banner-titulo-principal {\n    text-align: center;\n    margin-bottom: 40px;\n}\n\n.banner-titulo-principal h1 {\n    font-size: 3.5rem;\n    font-weight: 900;\n    color: #e30613;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin: 0;\n    position: relative;\n    display: inline-block;\n    padding-bottom: 15px;\n}\n\n.banner-titulo-principal h1:after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 80%;\n    height: 4px;\n    background-color: #e30613;\n}\n\n\/* Columnas *\/\n.banner-columnas {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    margin-top: 20px;\n}\n\n.banner-columna {\n    flex: 0 0 48%;\n    margin-bottom: 20px;\n}\n\n\/* Elementos de informaci\u00f3n *\/\n.info-item {\n    margin-bottom: 10px;\n    background-color: #f5f5f5;\n    padding: 15px 20px;\n    border-radius: 8px;\n    transition: all 0.3s ease;\n    border-left: 4px solid #e30613;\n}\n\n.info-item:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n}\n\n.info-item h3 {\n    font-size: 1.4rem;\n    font-weight: 700;\n    color: #e30613;\n    margin: 0 0 8px 0;\n}\n\n.info-item p {\n    font-size: 1.4rem;\n    color: #333;\n    margin: 0;\n    line-height: 2.3;\n    font-weight: 600;\n}\n\n\/* Contacto *\/\n.contacto-box {\n    background-color: #e30613;\n    padding: 20px;\n    border-radius: 8px;\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\n    transform: translateY(-3px);\n    margin-top: 40px;\n}\n\n.contacto-box h3 {\n    font-size: 1.6rem;\n    font-weight: 700;\n    color: white;\n    margin: 0 0 15px 0;\n    text-align: center;\n}\n\n.telefono-item {\n    display: flex;\n    align-items: center;\n    margin-bottom: 10px;\n}\n\n.telefono-item i {\n    color: white;\n    font-size: 1.4rem;\n    margin-right: 10px;\n}\n\n.telefono-item p {\n    font-size: 1.4rem;\n    color: white;\n    margin: 0;\n    font-weight: 600;\n}\n\n\/* Responsive *\/\n@media (max-width: 992px) {\n    .banner-titulo-principal h1 {\n        font-size: 2.8rem;\n    }\n    \n    .info-item h3 {\n        font-size: 1.3rem;\n    }\n    \n    .info-item p {\n        font-size: 1.3rem;\n    }\n}\n\n@media (max-width: 768px) {\n    .banner-comercial {\n        min-height: 800px;\n    }\n    \n    .banner-titulo-principal h1 {\n        font-size: 2.3rem;\n    }\n    \n    .banner-columna {\n        flex: 0 0 100%;\n    }\n    \n    .contacto-box {\n        margin-top: 20px;\n    }\n}\n\n@media (max-width: 480px) {\n    .banner-titulo-principal h1 {\n        font-size: 2rem;\n    }\n    \n    .info-item {\n        padding: 12px 15px;\n    }\n    \n    .info-item h3 {\n        font-size: 1.2rem;\n    }\n    \n    .info-item p {\n        font-size: 1.2rem;\n    }\n    \n    .contacto-box h3 {\n        font-size: 1.4rem;\n    }\n    \n    .telefono-item p {\n        font-size: 1.3rem;\n    }\n}\n<\/style>\n\t\t<\/div>\n\t<\/div>\n\n\t\t<\/div> \n\t<\/div><\/div><\/div><\/div><div id=\"presentacion\" data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"wpb-container \"><div class=\"container-full\"><div class=\"vc_row wpb_row vc_row-fluid row \"><div class=\"col-sm-12  vc_\">\n\t\t<div class=\"wpb_wrapper \">\n\t\t\t<div class=\"vc_empty_space\"   style=\"height: 32px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n\/* Estilos para el slider de presentaci\u00f3n *\/\n.du-programa-slider {\n    position: relative !important;\n    width: 100% !important;\n    height: 500px !important;\n    overflow: visible !important;\n    margin: 40px 0 60px 0 !important;\n    box-sizing: border-box !important;\n}\n\n\/* Efecto de tarjeta doblada *\/\n.du-programa-slider:before {\n    content: '' !important;\n    position: absolute !important;\n    bottom: -20px !important;\n    left: 20px !important;\n    right: 20px !important;\n    height: 20px !important;\n    background: linear-gradient(135deg, transparent 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.2) 100%) !important;\n    border-radius: 0 0 8px 8px !important;\n    z-index: 0 !important;\n    transform: perspective(600px) rotateX(45deg) !important;\n    box-shadow: 0 8px 25px rgba(0,0,0,0.15) !important;\n}\n\n.du-programa-slider:after {\n    content: '' !important;\n    position: absolute !important;\n    bottom: -30px !important;\n    left: 40px !important;\n    right: 40px !important;\n    height: 10px !important;\n    background: rgba(0,0,0,0.08) !important;\n    border-radius: 50% !important;\n    z-index: -1 !important;\n    filter: blur(8px) !important;\n}\n\n.du-programa-slider .du-slider-container {\n    position: relative !important;\n    width: 100% !important;\n    height: 100% !important;\n    overflow: hidden !important;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.1), 0 5px 15px rgba(0,0,0,0.08) !important;\n    background: #000 !important;\n}\n\n.du-programa-slider .du-programa-slide {\n    display: none !important;\n    position: relative !important;\n    width: 100% !important;\n    height: 100% !important;\n    opacity: 0 !important;\n    transition: opacity 0.8s ease-in-out !important;\n}\n\n.du-programa-slider .du-programa-slide.du-slide-active {\n    display: block !important;\n    opacity: 1 !important;\n}\n\n\/* Transici\u00f3n de blur para im\u00e1genes *\/\n.du-programa-slider .du-programa-slide.du-slide-transitioning-out .du-background-image {\n    filter: blur(8px) !important;\n    transform: scale(1.1) !important;\n    transition: filter 0.6s ease-out, transform 0.6s ease-out !important;\n}\n\n.du-programa-slider .du-programa-slide.du-slide-transitioning-in .du-background-image {\n    filter: blur(0px) !important;\n    transform: scale(1) !important;\n    transition: filter 0.8s ease-in, transform 0.8s ease-in !important;\n}\n\n@keyframes duSlideIn {\n    0% {\n        opacity: 0;\n        filter: blur(5px);\n    }\n    100% {\n        opacity: 1;\n        filter: blur(0px);\n    }\n}\n\n\/* Imagen de fondo *\/\n.du-programa-slider .du-background-image {\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    background-size: cover !important;\n    background-position: center !important;\n    z-index: 1 !important;\n    transition: filter 0.6s ease, transform 0.6s ease !important;\n    filter: blur(0px) !important;\n    transform: scale(1) !important;\n}\n\n\/* Overlay oscuro *\/\n.du-programa-slider .du-overlay {\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    background-color: rgba(0, 0, 0, 0.4) !important;\n    z-index: 2 !important;\n    transition: background-color 0.4s ease !important;\n}\n\n.du-programa-slider .du-programa-slide.du-slide-transitioning-out .du-overlay {\n    background-color: rgba(0, 0, 0, 0.6) !important;\n}\n\n\/* Estructura de contenido en dos columnas *\/\n.du-programa-slider .du-content-wrapper {\n    position: relative !important;\n    z-index: 3 !important;\n    display: flex !important;\n    flex-direction: row !important;\n    justify-content: space-between !important;\n    align-items: center !important;\n    max-width: 1200px !important;\n    width: 100% !important;\n    height: 100% !important;\n    margin: 0 auto !important;\n    padding: 30px !important;\n    box-sizing: border-box !important;\n    transition: transform 0.4s ease !important;\n}\n\n.du-programa-slider .du-programa-slide.du-slide-transitioning-out .du-content-wrapper {\n    transform: translateY(-10px) !important;\n    opacity: 0.7 !important;\n}\n\n.du-programa-slider .du-programa-slide.du-slide-transitioning-in .du-content-wrapper {\n    transform: translateY(0) !important;\n    opacity: 1 !important;\n}\n\n\/* Columna derecha: T\u00edtulo *\/\n.du-programa-slider .du-title-column {\n    flex: 1 !important;\n    padding-left: 40px !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    order: 2 !important;\n    transition: transform 0.5s ease !important;\n}\n\n.du-programa-slider .du-main-title {\n    font-size: 3.2rem !important;\n    font-weight: 800 !important;\n    line-height: 1.2 !important;\n    color: #fff !important;\n    text-transform: uppercase !important;\n    position: relative !important;\n    padding-bottom: 15px !important;\n    text-align: center !important;\n    margin: 0 !important;\n    transition: transform 0.6s ease !important;\n}\n\n.du-programa-slider .du-programa-slide.du-slide-transitioning-in .du-main-title {\n    animation: duTitleSlideIn 0.8s ease-out !important;\n}\n\n@keyframes duTitleSlideIn {\n    0% {\n        transform: translateX(30px);\n        opacity: 0;\n    }\n    100% {\n        transform: translateX(0);\n        opacity: 1;\n    }\n}\n\n.du-programa-slider .du-main-title:after {\n    content: '' !important;\n    position: absolute !important;\n    bottom: 0 !important;\n    left: 50% !important;\n    transform: translateX(-50%) !important;\n    width: 100px !important;\n    height: 4px !important;\n    background-color: #e30613 !important;\n    transition: width 0.6s ease !important;\n}\n\n.du-programa-slider .du-programa-slide.du-slide-transitioning-in .du-main-title:after {\n    animation: duUnderlineGrow 0.8s ease-out 0.3s both !important;\n}\n\n@keyframes duUnderlineGrow {\n    0% {\n        width: 0;\n    }\n    100% {\n        width: 100px;\n    }\n}\n\n\/* Columna izquierda: Descripci\u00f3n *\/\n.du-programa-slider .du-description-column {\n    flex: 1 !important;\n    display: flex !important;\n    justify-content: center !important;\n    align-items: center !important;\n    order: 1 !important;\n    transition: transform 0.5s ease !important;\n}\n\n.du-programa-slider .du-description-box {\n    background-color: rgba(227, 6, 19, 0.9) !important;\n    padding: 30px !important;\n    border-radius: 8px !important;\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3) !important;\n    transform: translateY(-5px) !important;\n    transition: transform 0.5s ease, box-shadow 0.3s ease, background-color 0.4s ease !important;\n    position: relative !important;\n    overflow: hidden !important;\n}\n\n.du-programa-slider .du-description-box:before {\n    content: '' !important;\n    position: absolute !important;\n    top: 50% !important;\n    left: 50% !important;\n    width: 120px !important;\n    height: 120px !important;\n    background-image: url('https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2023\/06\/navarrito-papa-e-hijo2-1.png') !important;\n    background-size: contain !important;\n    background-repeat: no-repeat !important;\n    background-position: center !important;\n    opacity: 0.08 !important;\n    transform: translate(-50%, -50%) !important;\n    z-index: 1 !important;\n    pointer-events: none !important;\n}\n\n.du-programa-slider .du-programa-slide.du-slide-transitioning-in .du-description-box {\n    animation: duDescriptionSlideIn 0.8s ease-out 0.2s both !important;\n}\n\n@keyframes duDescriptionSlideIn {\n    0% {\n        transform: translateY(30px) translateX(-30px);\n        opacity: 0;\n    }\n    100% {\n        transform: translateY(-5px) translateX(0);\n        opacity: 1;\n    }\n}\n\n.du-programa-slider .du-description-box:hover {\n    transform: translateY(-8px) !important;\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4) !important;\n}\n\n.du-programa-slider .du-description-text {\n    color: #fff !important;\n    font-size: 1.4rem !important;\n    line-height: 2.0 !important;\n    margin: 0 !important;\n    text-align: justify !important;\n    transition: opacity 0.4s ease !important;\n    position: relative !important;\n    z-index: 2 !important;\n}\n\n\/* Navegaci\u00f3n del slider *\/\n.du-programa-slider .du-slider-navigation {\n    position: absolute !important;\n    bottom: 20px !important;\n    left: 50% !important;\n    transform: translateX(-50%) !important;\n    display: flex !important;\n    gap: 12px !important;\n    z-index: 4 !important;\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n.du-programa-slider .du-nav-dot {\n    width: 14px !important;\n    height: 14px !important;\n    border-radius: 50% !important;\n    background: rgba(255, 255, 255, 0.4) !important;\n    cursor: pointer !important;\n    transition: all 0.4s ease !important;\n    border: 2px solid white !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    display: block !important;\n    box-sizing: border-box !important;\n}\n\n.du-programa-slider .du-nav-dot.du-nav-active {\n    background: #e30613 !important;\n    transform: scale(1.2) !important;\n    box-shadow: 0 0 10px rgba(227, 6, 19, 0.5) !important;\n}\n\n.du-programa-slider .du-nav-dot:hover {\n    transform: scale(1.1) !important;\n    background: rgba(255, 255, 255, 0.7) !important;\n}\n\n\/* Flechas de navegaci\u00f3n *\/\n.du-programa-slider .du-slider-arrows {\n    position: absolute !important;\n    top: 50% !important;\n    transform: translateY(-50%) !important;\n    z-index: 4 !important;\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n.du-programa-slider .du-arrow-left {\n    left: 20px !important;\n}\n\n.du-programa-slider .du-arrow-right {\n    right: 30px !important;\n}\n\n.du-programa-slider .du-slider-arrow {\n    background: rgba(255, 255, 255, 0.9) !important;\n    border: none !important;\n    border-radius: 50% !important;\n    width: 40px !important;\n    height: 40px !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    cursor: pointer !important;\n    transition: all 0.3s ease !important;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    box-sizing: border-box !important;\n    outline: none !important;\n}\n\n.du-programa-slider .du-slider-arrow:hover {\n    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.25) !important;\n}\n\n.du-programa-slider .du-arrow-left:hover {\n    background: #e30613 !important;\n}\n\n.du-programa-slider .du-arrow-left:hover svg {\n    fill: white !important;\n}\n\n.du-programa-slider .du-arrow-right:hover {\n    background: #b30310 !important;\n}\n\n.du-programa-slider .du-arrow-right:hover svg {\n    fill: white !important;\n}\n\n.du-programa-slider .du-slider-arrow svg {\n    width: 18px !important;\n    height: 18px !important;\n    fill: #e30613 !important;\n    transition: fill 0.3s ease !important;\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n\/* Estilos responsivos *\/\n@media (max-width: 992px) {\n    .du-programa-slider {\n        height: auto !important;\n        min-height: 480px !important;\n    }\n    \n    .du-programa-slider .du-content-wrapper {\n        flex-direction: column !important;\n        justify-content: center !important;\n        padding: 25px 20px !important;\n        align-items: stretch !important;\n        min-height: 480px !important;\n    }\n    \n    .du-programa-slider .du-title-column {\n        padding-left: 0 !important;\n        padding: 15px 0 !important;\n        text-align: center !important;\n        order: 1 !important; \/* T\u00cdTULO ARRIBA EN RESPONSIVE *\/\n        flex: none !important;\n    }\n\n    .du-programa-slider .du-description-column {\n        order: 2 !important; \/* DESCRIPCI\u00d3N ABAJO EN RESPONSIVE *\/\n        flex: none !important;\n        margin-top: 15px !important;\n    }\n    \n    .du-programa-slider .du-main-title {\n        font-size: 2.5rem !important;\n    }\n    \n    .du-programa-slider .du-main-title:after {\n        left: 50% !important;\n        transform: translateX(-50%) !important;\n    }\n    \n    .du-programa-slider .du-description-box {\n        max-width: 600px !important;\n        width: 100% !important;\n        margin: 0 auto !important;\n        padding: 25px !important;\n    }\n\n    .du-programa-slider .du-slider-arrow {\n        width: 35px !important;\n        height: 35px !important;\n    }\n\n    .du-programa-slider .du-arrow-left {\n        left: 15px !important;\n    }\n\n    .du-programa-slider .du-arrow-right {\n        right: 20px !important;\n    }\n}\n\n@media (max-width: 768px) {\n    .du-programa-slider {\n        height: auto !important;\n        min-height: 420px !important;\n        margin: 40px 0 50px 0 !important;\n    }\n    \n    .du-programa-slider .du-content-wrapper {\n        min-height: 420px !important;\n        padding: 20px 15px !important;\n    }\n    \n    .du-programa-slider:before {\n        bottom: -15px !important;\n        left: 15px !important;\n        right: 15px !important;\n        height: 15px !important;\n    }\n    \n    .du-programa-slider:after {\n        bottom: -22px !important;\n        left: 30px !important;\n        right: 30px !important;\n    }\n    \n    .du-programa-slider .du-main-title {\n        font-size: 2rem !important;\n    }\n    \n    .du-programa-slider .du-description-text {\n        font-size: 1.6rem !important;\n    }\n    \n    .du-programa-slider .du-description-box {\n        padding: 20px !important;\n    }\n\n    .du-programa-slider .du-slider-arrow {\n        width: 30px !important;\n        height: 30px !important;\n    }\n\n    .du-programa-slider .du-arrow-left {\n        left: 10px !important;\n    }\n\n    .du-programa-slider .du-arrow-right {\n        right: 10px !important;\n    }\n\n    .du-programa-slider .du-slider-arrow svg {\n        width: 14px !important;\n        height: 14px !important;\n    }\n    \n    .du-programa-slider .du-slider-navigation {\n        bottom: 15px !important;\n    }\n}\n\n@media (max-width: 480px) {\n    .du-programa-slider {\n        min-height: 380px !important;\n        margin: 40px 0 45px 0 !important;\n    }\n    \n    .du-programa-slider .du-content-wrapper {\n        min-height: 380px !important;\n        padding: 15px 10px !important;\n    }\n    \n    .du-programa-slider:before {\n        bottom: -12px !important;\n        left: 10px !important;\n        right: 10px !important;\n        height: 12px !important;\n    }\n    \n    .du-programa-slider:after {\n        bottom: -18px !important;\n        left: 25px !important;\n        right: 25px !important;\n    }\n    \n    .du-programa-slider .du-main-title {\n        font-size: 2.8rem !important;\n    }\n\n    .du-programa-slider .du-description-text {\n        font-size: 1.5rem !important;\n    }\n    \n    .du-programa-slider .du-title-column {\n        padding: 10px 0 !important;\n    }\n    \n    .du-programa-slider .du-description-column {\n        margin-top: 10px !important;\n    }\n    \n    .du-programa-slider .du-description-box {\n        padding: 46px !important;\n    }\n    \n    .du-programa-slider .du-description-box:before {\n        width: 80px !important;\n        height: 80px !important;\n        opacity: 0.06 !important;\n    }\n    \n    .du-programa-slider .du-slider-navigation {\n        bottom: 12px !important;\n    }\n\n.section-title {\n    font-size: 15px;\n    display:none;\n}\n\n\n\n\n}\n<\/style>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"du-programa-slider\">\n    <div class=\"du-slider-container\">\n        <!-- Slide 1: Presentaci\u00f3n -->\n        <div class=\"du-programa-slide du-slide-active\">\n            <div class=\"du-background-image\" style=\"background-image: url('https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2025\/07\/gerencia-de-salud-en-el-trabajo-02.png');\"><\/div>\n            <div class=\"du-overlay\"><\/div>\n            \n            <div class=\"du-content-wrapper\">\n                <div class=\"du-title-column\">\n                    <h2 class=\"du-main-title\">Presentaci\u00f3n del Programa<\/h2>\n                <\/div>\n                \n                <div class=\"du-description-column\">\n                    <div class=\"du-description-box\">\n                        <p class=\"du-description-text\">\n                         En un entorno empresarial donde la Seguridad y Salud en el Trabajo pas\u00f3 de ser operativa a convertirse en una responsabilidad estrat\u00e9gica, las organizaciones necesitan l\u00edderes capaces de anticipar riesgos, tomar decisiones informadas y generar valor sostenible. La Especializaci\u00f3n en Gerencia de Seguridad y Salud en el Trabajo de UNINAVARRA est\u00e1 dirigida a profesionales con experiencia que buscan fortalecer su perfil directivo, integrando la normatividad colombiana del Sistema de Gesti\u00f3n en SST con est\u00e1ndares internacionales, herramientas digitales y enfoques modernos de gesti\u00f3n del riesgo acordes con las din\u00e1micas actuales del mercado laboral.\n<\/br>\nEl programa forma gerentes capaces de dirigir equipos multidisciplinarios, liderar proyectos de alto impacto y convertir la gesti\u00f3n del riesgo en un factor de competitividad y bienestar. En UNINAVARRA no solo formamos expertos en cumplimiento normativo, sino l\u00edderes que protegen vidas y fortalecen organizaciones.\n<\/br>\n\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n<!-- Slide 3: Visi\u00f3n -->\n        <div class=\"du-programa-slide\">\n            <div class=\"du-background-image\" style=\"background-image: url('https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2025\/07\/gerencia-de-salud-en-el-trabajo-03.png');\"><\/div>\n            <div class=\"du-overlay\"><\/div>\n            \n            <div class=\"du-content-wrapper\">\n                <div class=\"du-title-column\">\n                    <h2 class=\"du-main-title\">\u00bfA qui\u00e9n va dirigido?<\/h2>\n                <\/div>\n                \n                <div class=\"du-description-column\">\n                    <div class=\"du-description-box\">\n                        <p class=\"du-description-text\">\n                           La Especializaci\u00f3n en Gerencia de Seguridad y Salud en el Trabajo est\u00e1 dise\u00f1ada para profesionales que deseen liderar la transformaci\u00f3n de los entornos laborales en Colombia. Va dirigida a egresados de \u00e1reas como salud, derecho, ingenier\u00eda, administraci\u00f3n y ciencias humanas, que busquen desarrollar competencias en gerencia estrat\u00e9gica, normatividad en SST y tecnolog\u00edas digitales aplicadas. Tambi\u00e9n est\u00e1 pensada para quienes visualizan el emprendimiento como una v\u00eda para ofrecer soluciones innovadoras en el cumplimiento del Sistema de Gesti\u00f3n en SST, obligatorio en todas las organizaciones.\n<\/br><\/br>\nSi quieres dejar de ejecutar y empezar a dirigir, este es tu momento. \n<\/br><\/br><strong>\u00a1F\u00f3rmate como gerente de la seguridad y salud en el trabajo y transforma tu futuro profesional!<\/strong>\n\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Flechas de navegaci\u00f3n -->\n    <button class=\"du-slider-arrows du-arrow-left du-slider-arrow\" onclick=\"duProgramaSliderInstance.prevSlide()\">\n        <svg viewBox=\"0 0 24 24\">\n            <path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"\/>\n        <\/svg>\n    <\/button>\n    \n    <button class=\"du-slider-arrows du-arrow-right du-slider-arrow\" onclick=\"duProgramaSliderInstance.nextSlide()\">\n        <svg viewBox=\"0 0 24 24\">\n            <path d=\"M8.59 16.59L10 18l6-6-6-6-1.41 1.41L13.17 12z\"\/>\n        <\/svg>\n    <\/button>\n\n    <!-- Navegaci\u00f3n por puntos -->\n    <div class=\"du-slider-navigation\">\n        <span class=\"du-nav-dot du-nav-active\" data-slide=\"0\"><\/span>\n        <span class=\"du-nav-dot\" data-slide=\"1\"><\/span>\n    <\/div>\n<\/div>\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_raw_code wpb_raw_js\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<script>\nclass DuProgramaSlider {\n    constructor() {\n        this.slides = document.querySelectorAll('.du-programa-slide');\n        this.navDots = document.querySelectorAll('.du-nav-dot');\n        this.currentSlide = 0;\n        this.autoPlayInterval = null;\n        this.isTransitioning = false;\n        \n        this.init();\n    }\n\n    init() {\n        this.setupNavigation();\n        this.startAutoPlay();\n        \n        \/\/ Pausar autoplay al hacer hover\n        const slider = document.querySelector('.du-programa-slider');\n        if (slider) {\n            slider.addEventListener('mouseenter', () => this.stopAutoPlay());\n            slider.addEventListener('mouseleave', () => this.startAutoPlay());\n        }\n    }\n\n    setupNavigation() {\n        this.navDots.forEach((dot, index) => {\n            dot.addEventListener('click', () => {\n                if (!this.isTransitioning) {\n                    this.goToSlide(index);\n                }\n            });\n        });\n    }\n\n    goToSlide(slideIndex) {\n        if (this.isTransitioning || slideIndex === this.currentSlide) return;\n        \n        this.isTransitioning = true;\n        const currentSlideElement = this.slides[this.currentSlide];\n        const nextSlideElement = this.slides[slideIndex];\n        \n        \/\/ Fase 1: Efecto de salida en slide actual (blur y fade)\n        if (currentSlideElement) {\n            currentSlideElement.classList.add('du-slide-transitioning-out');\n            \n            \/\/ Gradualmente desenfocar y hacer fade out\n            setTimeout(() => {\n                currentSlideElement.style.opacity = '0';\n            }, 300);\n        }\n        \n        \/\/ Fase 2: Cambiar slide despu\u00e9s del blur\n        setTimeout(() => {\n            \/\/ Remover clase active del slide actual\n            if (currentSlideElement) {\n                currentSlideElement.classList.remove('du-slide-active', 'du-slide-transitioning-out');\n            }\n            if (this.navDots[this.currentSlide]) {\n                this.navDots[this.currentSlide].classList.remove('du-nav-active');\n            }\n\n            \/\/ Activar nuevo slide\n            this.currentSlide = slideIndex;\n            if (nextSlideElement) {\n                nextSlideElement.classList.add('du-slide-active', 'du-slide-transitioning-in');\n                nextSlideElement.style.opacity = '1';\n            }\n            if (this.navDots[this.currentSlide]) {\n                this.navDots[this.currentSlide].classList.add('du-nav-active');\n            }\n            \n            \/\/ Fase 3: Animaciones de entrada\n            setTimeout(() => {\n                if (nextSlideElement) {\n                    nextSlideElement.classList.remove('du-slide-transitioning-in');\n                }\n                this.isTransitioning = false;\n            }, 800);\n            \n        }, 600);\n    }\n\n    nextSlide() {\n        if (!this.isTransitioning) {\n            const nextIndex = (this.currentSlide + 1) % this.slides.length;\n            this.goToSlide(nextIndex);\n        }\n    }\n\n    prevSlide() {\n        if (!this.isTransitioning) {\n            const prevIndex = (this.currentSlide - 1 + this.slides.length) % this.slides.length;\n            this.goToSlide(prevIndex);\n        }\n    }\n\n    startAutoPlay() {\n        this.stopAutoPlay(); \/\/ Limpiar interval anterior\n        this.autoPlayInterval = setInterval(() => {\n            if (!this.isTransitioning) {\n                this.nextSlide();\n            }\n        }, 6000); \/\/ Aumentado a 6 segundos para dar tiempo a las transiciones\n    }\n\n    stopAutoPlay() {\n        if (this.autoPlayInterval) {\n            clearInterval(this.autoPlayInterval);\n            this.autoPlayInterval = null;\n        }\n    }\n}\n\n\/\/ Variable global para acceder desde los botones\nlet duProgramaSliderInstance;\n\n\/\/ Inicializar el slider cuando el DOM est\u00e9 listo\ndocument.addEventListener('DOMContentLoaded', () => {\n    duProgramaSliderInstance = new DuProgramaSlider();\n});\n\n\/\/ Tambi\u00e9n inicializar si el DOM ya est\u00e1 cargado\nif (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', () => {\n        duProgramaSliderInstance = new DuProgramaSlider();\n    });\n} else {\n    duProgramaSliderInstance = new DuProgramaSlider();\n}\n<\/script>\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 32px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\t\t<\/div> \n\t<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width\"><\/div><div id=\"titulo-beneficio-interactivo\" data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"wpb-container \"><div class=\"container-full\"><div class=\"vc_row wpb_row vc_row-fluid row \"><div class=\"col-sm-12  vc_\">\n\t\t<div class=\"wpb_wrapper \">\n\t\t\t\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2 class=\"section-title\" style=\"text-align:center\">CONOCE NUESTROS BENEFICIOS<\/h2>\n\t\t<\/div>\n\t<\/div>\n\n\t\t<\/div> \n\t<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width\"><\/div><div id=\"beneficio-interactivo\" class=\"wpb-container \"><div class=\"container\"><div class=\"vc_row wpb_row vc_row-fluid row \"><div class=\"col-sm-12  vc_\">\n\t\t<div class=\"wpb_wrapper \">\n\t\t\t\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n<style>\n\n\n        .wp-container {\n            background: white;\n            \/*border-radius: 20px;*\/\n            \/*padding: 50px 60px;*\/\n            width: 100%;\n            max-width: 1200px;\n            margin: 0 auto;\n            position: relative;\n            min-height: 600px;\n            display: flex;\n            align-items: center;\n            gap: 40px;\n            \/*box-shadow: 0 10px 30px rgba(0,0,0,0.1);*\/\n        }\n\n        .wp-left-section {\n            flex: 0 0 550px;\n            position: relative;\n            height: 500px;\n        }\n\n        .wp-right-section {\n            flex: 1;\n            padding-left: 20px;\n            position: relative;\n        }\n\n        \/*ciculo*\/\n\n        .wp-outer-circle {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 450px;\n            height: 450px;\n            border: 3px dashed #bbb;\n            border-radius: 50%;\n            opacity: 0.6;\n        }\n\n        .wp-inner-circle {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 300px;\n            height: 300px;\n            background: linear-gradient(145deg, #f8f9fa, #e9ecef);\n            border-radius: 50%;\n            box-shadow: inset 0 5px 15px rgba(0, 0, 0, 0.1), 0 5px 20px rgba(0, 0, 0, 0.05);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            z-index: 5;\n            padding: 20px;\n        }\n\n        \/* se cierra circulo *\/\n        \/* contenedor texto *\/\n        .wp-center-text {\n            text-align: center;\n            max-width: 280px;\n        }\n\n        .wp-center-text h2 {\n            font-size: 2.1rem;\n            color: #2c3e50;\n            font-weight: bold;\n            line-height: 1.3;\n            margin-bottom: 12px;\n        }\n\n        .wp-gradient-bar {\n            height: 3px;\n            background: linear-gradient(90deg, #1dd1a1, #0abde3, #5f27cd, #fd79a8, #fdcb6e, #e17055, #d63031);\n            border-radius: 2px;\n            width: 120px;\n            margin: 0 auto 10px auto;\n        }\n\n        .wp-center-text p {\n            font-size: 1.7rem;\n            color: #6c757d;\n            line-height: 1.3;\n        }\n\n        .wp-option {\n            position: absolute;\n            width: 60px;\n            height: 60px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n            z-index: 10;\n            background: #b0b0b0 !important;\n            opacity: 0.6;\n        }\n\n        .wp-option:hover {\n            opacity: 1;\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);\n            \/*transform: scale(1.05);*\/\n        }\n\n        .wp-option.active {\n            opacity: 1;\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);\n            animation: pulse-glow 2s ease-in-out infinite;\n        }\n\n        .wp-option.locked {\n            pointer-events: none;\n        }\n\n        \/*se cierra el contenedor*\/\n\n        @keyframes pulse-glow {\n            0%, 100% {\n                box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);\n            }\n            50% {\n                box-shadow: 0 12px 35px rgba(0, 0, 0, 0.35);\n            }\n        }\n\n        \/* Colores originales *\/\n        .wp-option-1:hover, .wp-option-1.active {\n            background: linear-gradient(135deg, #1dd1a1, #00b894) !important;\n        }\n        .wp-option-2:hover, .wp-option-2.active {\n            background: linear-gradient(135deg, #0abde3, #0984e3) !important;\n        }\n        .wp-option-3:hover, .wp-option-3.active {\n            background: linear-gradient(135deg, #5f27cd, #a29bfe) !important;\n        }\n        .wp-option-4:hover, .wp-option-4.active {\n            background: linear-gradient(135deg, #a55eea, #fd79a8) !important;\n        }\n        .wp-option-5:hover, .wp-option-5.active {\n            background: linear-gradient(135deg, #fdcb6e, #e17055) !important;\n        }\n        .wp-option-6:hover, .wp-option-6.active {\n            background: linear-gradient(135deg, #e17055, #d63031) !important;\n        }\n        .wp-option-7:hover, .wp-option-7.active {\n            background: linear-gradient(135deg, #d63031, #74b9ff) !important;\n        }\n\n        \/* Posicionamiento circular desktop *\/\n        .wp-option-1 { top: 6%; left: 50%; transform: translate(-50%, -50%); }\n        .wp-option-2 { top: 23%; left: 82%; transform: translate(-50%, -50%); }\n        .wp-option-3 { top: 60%; left: 89%; transform: translate(-50%, -50%); }\n        .wp-option-4 { top: 90%; left: 66%; transform: translate(-50%, -50%); }\n        .wp-option-5 { top: 88%; left: 29%; transform: translate(-50%, -50%); }\n        .wp-option-6 { top: 56%; left: 10%; transform: translate(-50%, -50%); }\n        .wp-option-7 { top: 22%; left: 19%; transform: translate(-50%, -50%); }\n\n        .wp-option i {\n            font-size: 22px;\n        }\n\n        .wp-info-dialog {\n            background: white;\n            border-radius: 15px;\n            padding: 30px;\n            width: 100%;\n            max-width: 400px;\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);\n            opacity: 0;\n            visibility: hidden;\n            transition: opacity 0.6s ease, transform 0.6s ease;\n            border-left: 5px solid;\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%) translateX(20px);\n        }\n\n        .wp-info-dialog.show {\n            opacity: 1;\n            visibility: visible;\n            transform: translateY(-50%) translateX(0);\n        }\n\n        .wp-info-dialog.fade-out {\n            opacity: 0;\n            transform: translateY(-50%) translateX(-20px);\n        }\n\n        .wp-info-dialog h3 {\n            font-size: 2.3rem;\n            color: #2c3e50;\n            font-weight: bold;\n            line-height: 1.3;\n            margin: 0 0 15px 0;\n            text-align: center;\n        }\n\n        .wp-info-dialog .wp-content {\n            display: flex;\n            flex-direction: column;\n            gap: 15px;\n            align-items: center;\n        }\n\n        .wp-info-dialog .wp-icon-circle {\n            width: 60px;\n            height: 60px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 24px;\n            flex-shrink: 0;\n            margin-bottom: 15px;\n        }\n\n        .wp-info-dialog .wp-text-content {\n            width: 100%;\n        }\n\n        .wp-info-dialog p {\n            line-height: 1.6;\n            color: #555;\n            font-size: 1.6rem;\n            text-align: justify;\n            margin: 0;\n        }\n        \n\n        \/* Colores de borde para di\u00e1logos *\/\n        .wp-dialog-1 { border-left-color: #1dd1a1; }\n        .wp-dialog-1 .wp-icon-circle { background: linear-gradient(135deg, #1dd1a1, #00b894); }\n        .wp-dialog-2 { border-left-color: #0abde3; }\n        .wp-dialog-2 .wp-icon-circle { background: linear-gradient(135deg, #0abde3, #0984e3); }\n        .wp-dialog-3 { border-left-color: #5f27cd; }\n        .wp-dialog-3 .wp-icon-circle { background: linear-gradient(135deg, #5f27cd, #a29bfe); }\n        .wp-dialog-4 { border-left-color: #a55eea; }\n        .wp-dialog-4 .wp-icon-circle { background: linear-gradient(135deg, #a55eea, #fd79a8); }\n        .wp-dialog-5 { border-left-color: #fdcb6e; }\n        .wp-dialog-5 .wp-icon-circle { background: linear-gradient(135deg, #fdcb6e, #e17055); }\n        .wp-dialog-6 { border-left-color: #e17055; }\n        .wp-dialog-6 .wp-icon-circle { background: linear-gradient(135deg, #e17055, #d63031); }\n        .wp-dialog-7 { border-left-color: #d63031; }\n        .wp-dialog-7 .wp-icon-circle { background: linear-gradient(135deg, #d63031, #74b9ff); }\n\n\n        \/* TABLET GRANDE - 1024px y menos *\/\n        @media screen and (max-width: 1024px) {\n            .wp-container {\n                padding: 30px 25px;\n                gap: 25px;\n                min-height: 500px;\n            }\n\n            .wp-left-section {\n                flex: 0 0 420px;\n                height: 420px;\n            }\n\n            .wp-outer-circle {\n                width: 350px;\n                height: 350px;\n            }\n\n            .wp-inner-circle {\n                width: 240px;\n                height: 240px;\n                padding: 15px;\n            }\n\n            .wp-center-text {\n                max-width: 220px;\n            }\n\n            .wp-center-text h2 {\n                font-size: 1.2rem;\n            }\n\n            .wp-center-text p {\n                font-size: 1.5rem;\n            }\n\n            .wp-gradient-bar {\n                width: 100px;\n            }\n\n            .wp-option {\n                width: 50px;\n                height: 50px;\n            }\n\n            .wp-option i {\n                font-size: 18px;\n            }\n\n            \/* Pociciones de las bolas alrededor del c\u00edrculo *\/\n            .wp-option-1 { top: 8%; left: 50%; }\n            .wp-option-2 { top: 24%; left: 83%; }\n            .wp-option-3 { top: 61%; left: 91%; }\n            .wp-option-4 { top: 88%; left: 69%; }\n            .wp-option-5 { top: 88%; left: 30%; }\n            .wp-option-6 { top: 55%; left: 8%; }\n            .wp-option-7 { top: 23%; left: 17%; }\n\n            .wp-info-dialog {\n                padding: 25px;\n                max-width: 350px;\n            }\n\n            .wp-info-dialog h3 {\n                font-size: 1.3rem;\n            }\n\n            .wp-info-dialog p {\n                font-size: 1.3rem;\n            }\n\n            .wp-info-dialog .wp-icon-circle {\n                width: 50px;\n                height: 50px;\n                font-size: 20px;\n            }\n            \n        }\n\n        \/* TABLET MEDIANO - 900px y menos *\/\n        @media screen and (max-width: 900px) {\n            .wp-container {\n                flex-direction: column;\n                padding: 25px 20px;\n                gap: 30px;\n                min-height: auto;\n            }\n\n            .wp-left-section {\n                flex: none;\n                width: 100%;\n                max-width: 400px;\n                height: 400px;\n                margin: 0 auto;\n            }\n\n            .wp-right-section {\n                flex: none;\n                width: 100%;\n                padding-left: 0;\n                padding-top: 20px;\n            }\n\n            .wp-outer-circle {\n                width: 330px;\n                height: 330px;\n            }\n\n            .wp-center-text p {\n                font-size: 1.3rem;\n            }\n\n            .wp-inner-circle {\n                width: 220px;\n                height: 220px;\n            }\n\n            .wp-center-text {\n                max-width: 200px;\n                font-size: 1.9rem;\n            }\n\n            \/* Pociciones de las bolas alrededor del c\u00edrculo *\/\n            .wp-option-1 { top: 8%; left: 50%; }\n            .wp-option-2 { top: 24%; left: 83%; }\n            .wp-option-3 { top: 61%; left: 91%; }\n            .wp-option-4 { top: 88%; left: 69%; }\n            .wp-option-5 { top: 88%; left: 30%; }\n            .wp-option-6 { top: 55%; left: 8%; }\n            .wp-option-7 { top: 23%; left: 17%; }\n\n            .wp-info-dialog {\n                transform: none;\n                top: auto;\n                max-width: 93%;\n                margin-top: 20px;\n                font-size: 2rem;\n            }\n            .wp-info-dialog p {\n                font-size: 1.5rem;\n            }\n\n            .wp-info-dialog.show {\n                transform: none;\n            }\n\n            .wp-info-dialog.fade-out {\n                transform: none;\n            }\n            .wp-right-section {\n                margin-bottom: 300px;\n            }\n        }\n\n        \/* TABLET PEQUE\u00d1O - 768px y menos *\/\n        @media screen and (max-width: 768px) {\n            .wp-container {\n                padding: 20px 15px;\n                border-radius: 15px;\n                gap: 25px;\n            }\n\n            .wp-left-section {\n                height: 350px;\n                max-width: 350px;\n            }\n\n            .wp-outer-circle {\n                width: 320px;\n                height: 320px;\n            }\n\n            .wp-inner-circle {\n                width: 200px;\n                height: 200px;\n                padding: 12px;\n            }\n\n            .wp-center-text {\n                max-width: 180px;\n            }\n\n            .wp-center-text h2 {\n                font-size: 1.1rem;\n                margin-bottom: 10px;\n            }\n\n            .wp-center-text p {\n                font-size: 1.1rem;\n            }\n\n            .wp-gradient-bar {\n                width: 80px;\n                height: 2px;\n            }\n\n            .wp-option {\n                width: 45px;\n                height: 45px;\n            }\n\n            .wp-option i {\n                font-size: 16px;\n            }\n\n            \/* Pociciones de las bolas alrededor del c\u00edrculo *\/\n            .wp-option-1 { top: 6%; left: 50%; }\n            .wp-option-2 { top: 26%; left: 87%; }\n            .wp-option-3 { top: 63%; left: 92%; }\n            .wp-option-4 { top: 91%; left: 66%; }\n            .wp-option-5 { top: 88%; left: 27%; }\n            .wp-option-6 { top: 55%; left: 6%; }\n            .wp-option-7 { top: 22%; left: 15%; }\n\n            .wp-info-dialog {\n                padding: 20px;\n                border-radius: 12px;\n                width: 93%;\n            }\n\n            .wp-info-dialog h3 {\n                font-size: 1.2rem;\n            }\n\n            .wp-info-dialog p {\n                font-size: 1.5rem;\n            }\n\n            .wp-info-dialog .wp-icon-circle {\n                width: 45px;\n                height: 45px;\n                font-size: 18px;\n                margin-bottom: 12px;\n            }\n            .wp-right-section {\n                margin-bottom: 200px;\n            }\n        }\n\n        \/* M\u00d3VIL GRANDE - 600px y menos *\/\n        @media screen and (max-width: 600px) {\n            .wp-container {\n                padding: 15px 10px;\n                gap: 20px;\n                margin: 10px;\n                border-radius: 12px;\n            }\n\n            .wp-left-section {\n                height: 320px;\n                max-width: 320px;\n            }\n\n            .wp-outer-circle {\n                width: 260px;\n                height: 260px;\n                border-width: 2px;\n            }\n\n            .wp-inner-circle {\n                width: 180px;\n                height: 180px;\n                padding: 10px;\n            }\n\n            .wp-center-text {\n                max-width: 160px;\n            }\n\n            .wp-center-text h2 {\n                font-size: 1rem;\n                margin-bottom: 8px;\n            }\n\n            .wp-center-text p {\n                font-size: 1rem;\n                line-height: 1.2;\n            }\n\n            .wp-gradient-bar {\n                width: 70px;\n                height: 2px;\n                margin-bottom: 8px;\n            }\n\n            .wp-option {\n                width: 40px;\n                height: 40px;\n            }\n\n            .wp-option i {\n                font-size: 14px;\n            }\n\n            \/* Pociciones de las bolas alrededor del c\u00edrculo *\/\n            .wp-option-1 { top: 8%; left: 50%; }\n            .wp-option-2 { top: 27%; left: 85%; }\n            .wp-option-3 { top: 62%; left: 90%; }\n            .wp-option-4 { top: 90%; left: 66%; }\n            .wp-option-5 { top: 87%; left: 27%; }\n            .wp-option-6 { top: 55%; left: 8%; }\n            .wp-option-7 { top: 24%; left: 16%; }\n\n            .wp-info-dialog {\n                padding: 15px;\n                border-radius: 10px;\n                margin-top: 15px;\n                width: 90%;\n            }\n\n            .wp-info-dialog h3 {\n                font-size: 1.8rem;\n                margin-bottom: 12px;\n            }\n\n            .wp-info-dialog p {\n                font-size: 1.8rem;\n                line-height: 1.5;\n                text-align: left;\n            }\n\n            .wp-info-dialog .wp-icon-circle {\n                width: 40px;\n                height: 40px;\n                font-size: 16px;\n                margin-bottom: 10px;\n            }\n            .wp-right-section {\n                margin-bottom: 200px;\n            }\n        }\n\n        \/* M\u00d3VIL MEDIANO - 480px y menos *\/\n        @media screen and (max-width: 480px) {\n            .wp-container {\n                padding: 12px 8px;\n                gap: 15px;\n                margin-bottom: 20px;\n            }\n\n            .wp-left-section {\n                height: 300px;\n                max-width: 300px;\n            }\n\n            .wp-outer-circle {\n                width: 380px;\n                height: 380px;\n            }\n\n            .wp-inner-circle {\n                width: 360px;\n                height: 360px;\n                padding: 8px;\n            }\n\n            .wp-center-text {\n                max-width: 255px;\n            }\n\n            .wp-center-text h2 {\n                font-size: 2.2rem;\n                margin-bottom: 6px;\n            }\n\n            .wp-center-text p {\n                font-size: 1.8rem;\n            }\n\n            .wp-gradient-bar {\n                width: 60px;\n                margin-bottom: 6px;\n            }\n\n            .wp-option {\n                width: 36px;\n                height: 36px;\n            }\n\n            .wp-option i {\n                font-size: 12px;\n            }\n\n            \/* Pociciones de las bolas alrededor del c\u00edrculo *\/\n            .wp-option-1 { top: -13%; left: 50%; }\n            .wp-option-2 { top: 7%; left: 96%; }\n            .wp-option-3 { top: 100%; left: 87%; }\n            .wp-option-4 { top: 113%; left: 37%; }\n            .wp-option-5 { top: 87%; left: -1%; }\n            .wp-option-6 { top: 50%; left: -12%; }\n            .wp-option-7 { top: 8%; left: 3%; }\n\n            .wp-info-dialog {\n                padding: 12px;\n                border-radius: 8px;\n                margin-top: 12px;\n                width: 90%;\n            }\n\n            .wp-info-dialog h3 {\n                font-size: 1.8rem;\n                margin-bottom: 10px;\n            }\n\n            .wp-info-dialog p {\n                font-size: 1.8rem;\n                line-height: 1.4;\n            }\n\n            .wp-info-dialog .wp-icon-circle {\n                width: 36px;\n                height: 36px;\n                font-size: 14px;\n                margin-bottom: 8px;\n            }\n            .wp-right-section {\n                margin-bottom: 250px;\n                margin-top: 30px;\n            }\n        }\n\n        \/* M\u00d3VIL PEQUE\u00d1O - 360px y menos *\/\n        @media screen and (max-width: 360px) {\n            .wp-container {\n                padding: 10px 5px;\n                gap: 12px;\n                margin: 0;\n            }\n\n            .wp-left-section {\n                height: 280px;\n                max-width: 280px;\n            }\n\n            .wp-outer-circle {\n                width: 220px;\n                height: 220px;\n            }\n\n            .wp-inner-circle {\n                width: 140px;\n                height: 140px;\n                padding: 6px;\n            }\n\n            .wp-center-text {\n                max-width: 120px;\n            }\n\n            .wp-center-text h2 {\n                font-size: 0.85rem;\n                margin-bottom: 5px;\n            }\n\n            .wp-center-text p {\n                font-size: 0.75rem;\n                line-height: 1.1;\n            }\n\n            .wp-gradient-bar {\n                width: 50px;\n                height: 1.5px;\n                margin-bottom: 5px;\n            }\n\n            .wp-option {\n                width: 32px;\n                height: 32px;\n            }\n\n            .wp-option i {\n                font-size: 11px;\n            }\n\n            \/* Pociciones de las bolas alrededor del c\u00edrculo *\/\n            .wp-option-1 { top: 11%; left: 50%; }\n            .wp-option-2 { top: 32%; left: 85%; }\n            .wp-option-3 { top: 68%; left: 85%; }\n            .wp-option-4 { top: 88%; left: 62%; }\n            .wp-option-5 { top: 84%; left: 28%; }\n            .wp-option-6 { top: 56%; left: 10%; }\n            .wp-option-7 { top: 26%; left: 16%; }\n\n            .wp-info-dialog {\n                padding: 10px;\n                border-radius: 6px;\n                margin-top: 10px;\n                width: 90%;\n            }\n\n            .wp-info-dialog h3 {\n                font-size: 0.9rem;\n                margin-bottom: 8px;\n            }\n\n            .wp-info-dialog p {\n                font-size: 1rem;\n                line-height: 1.3;\n            }\n\n            .wp-info-dialog .wp-icon-circle {\n                width: 32px;\n                height: 32px;\n                font-size: 12px;\n                margin-bottom: 6px;\n            }\n            .wp-right-section {\n                margin-bottom: 200px;\n            }\n        }\n\n \n        \/* MODO LANDSCAPE EN M\u00d3VILES *\/\n        @media screen and (max-height: 500px) and (orientation: landscape) {\n            .wp-container {\n                flex-direction: row;\n                padding: 15px;\n                gap: 20px;\n                min-height: auto;\n                max-height: 90vh;\n                overflow: hidden;\n            }\n\n            .wp-left-section {\n                flex: 0 0 300px;\n                height: 300px;\n                max-width: 300px;\n            }\n\n            .wp-right-section {\n                flex: 1;\n                padding-left: 15px;\n                max-height: 300px;\n                overflow-y: auto;\n            }\n\n            .wp-outer-circle {\n                width: 240px;\n                height: 240px;\n            }\n\n            .wp-inner-circle {\n                width: 160px;\n                height: 160px;\n            }\n\n            .wp-info-dialog {\n                position: relative;\n                transform: none;\n                top: auto;\n                margin-top: 0;\n                max-height: 260px;\n                overflow-y: auto;\n            }\n        }\n\n<\/style>\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t <div class=\"wp-container\">\n        <div class=\"wp-left-section\">\n            <div class=\"wp-outer-circle\"><\/div>\n\n            <div class=\"wp-inner-circle\">\n                <div class=\"wp-center-text\">\n                    <h2>\u00bfPor qu\u00e9 estudiar la Especializaci\u00f3n en Gerencia de Seguridad y Salud en el Trabajo?<\/h2>\n                    <div class=\"wp-gradient-bar\"><\/div>\n                    <p>Descubre los beneficios que transformar\u00e1n tu carrera acad\u00e9mica<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Opciones sobre el c\u00edrculo con iconos Font Awesome distribuidas sim\u00e9tricamente -->\n            <div class=\"wp-option wp-option-1\" data-option=\"0\">\n                <i class=\"fas fa-university\"><\/i>\n            <\/div>\n\n            <div class=\"wp-option wp-option-2\" data-option=\"1\">\n                <i class=\"fas fa-lightbulb\"><\/i>\n            <\/div>\n\n            <div class=\"wp-option wp-option-3\" data-option=\"2\">\n                <i class=\"fas fa-graduation-cap\"><\/i>\n            <\/div>\n\n            <div class=\"wp-option wp-option-4\" data-option=\"3\">\n                <i class=\"fas fa-laptop-code\"><\/i>\n            <\/div>\n\n            <div class=\"wp-option wp-option-5\" data-option=\"4\">\n                <i class=\"fas fa-balance-scale\"><\/i>\n            <\/div>\n\n            <div class=\"wp-option wp-option-6\" data-option=\"5\">\n                <i class=\"fas fa-award\"><\/i>\n            <\/div>\n\n            <div class=\"wp-option wp-option-7\" data-option=\"6\">\n                <i class=\"fas fa-star\"><\/i>\n            <\/div>\n        <\/div>\n\n        <div class=\"wp-right-section\">\n            <!-- Di\u00e1logos de informaci\u00f3n con iconos -->\n            <div class=\"wp-info-dialog wp-dialog-1\" id=\"wp-dialog-0\">\n                <h3>Enfoque Gerencial y Estrat\u00e9gico: No solo gestionas SST, lideras organizaciones<\/h3>\n                <div class=\"wp-content\">\n                    <div class=\"wp-icon-circle\">\n                        <i class=\"fas fa-university\"><\/i>\n                    <\/div>\n               \n      <div class=\"wp-text-content\">\n                    <p>El programa est\u00e1 dise\u00f1ado para fortalecer la toma de decisiones estrat\u00e9gicas, permitiendo a los profesionales alinear la Seguridad y Salud en el Trabajo con los objetivos corporativos, la productividad y la sostenibilidad empresarial.<\/p>\n                <\/div>\n\n                <\/div>\n            <\/div>\n\n            <div class=\"wp-info-dialog wp-dialog-2\" id=\"wp-dialog-1\">\n                <h3>Dominio Integral de la Normatividad Colombiana: Cumplimiento con criterio, no por obligaci\u00f3n. <\/h3>\n                <div class=\"wp-content\">\n                    <div class=\"wp-icon-circle\">\n                        <i class=\"fas fa-lightbulb\"><\/i>\n                    <\/div>\n                          <div class=\"wp-text-content\">\n                    <p>Formaci\u00f3n s\u00f3lida y actualizada en el Sistema de Gesti\u00f3n de SST, que permite interpretar, implementar y auditar la normativa vigente con enfoque pr\u00e1ctico, \u00e9tico y orientado a resultados reales.<\/p>\n                <\/div>\n   \n                <\/div>\n            <\/div>\n\n            <div class=\"wp-info-dialog wp-dialog-3\" id=\"wp-dialog-2\">\n                <h3>Alineaci\u00f3n con Est\u00e1ndares Internacionales: Una visi\u00f3n global para un mercado competitivo.<\/h3>\n                <div class=\"wp-content\">\n                    <div class=\"wp-icon-circle\">\n                        <i class=\"fas fa-graduation-cap\"><\/i>\n                    <\/div>\n                       <div class=\"wp-text-content\">\n                    <p>El programa integra buenas pr\u00e1cticas y referentes internacionales, fortaleciendo el perfil profesional para asesorar organizaciones, participar en proyectos de alto nivel y responder a entornos laborales cada vez m\u00e1s globalizados.\n<\/p>\n                <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"wp-info-dialog wp-dialog-4\" id=\"wp-dialog-3\">\n                <h3>Innovaci\u00f3n y Transformaci\u00f3n Digital en SST: Tecnolog\u00eda aplicada a la prevenci\u00f3n y al bienestar.<\/h3>\n                <div class=\"wp-content\">\n                    <div class=\"wp-icon-circle\">\n                        <i class=\"fas fa-laptop-code\"><\/i>\n                    <\/div>\n                               <div class=\"wp-text-content\">\n                    <p>Incorpora herramientas digitales, an\u00e1lisis de datos y enfoques innovadores para la identificaci\u00f3n de peligros, evaluaci\u00f3n de riesgos y toma de decisiones, mejorando la eficiencia y el impacto de la gesti\u00f3n en SST.\n<\/p>\n                <\/div>\n            <\/div>\n<\/div>\n\n            <div class=\"wp-info-dialog wp-dialog-5\" id=\"wp-dialog-4\">\n                <h3>Liderazgo de Equipos y Cultura Organizacional: La seguridad se gestiona con personas, no solo con procesos.<\/h3>\n                <div class=\"wp-content\">\n                    <div class=\"wp-icon-circle\">\n                        <i class=\"fas fa-balance-scale\"><\/i>\n                <\/div>\n            <div class=\"wp-text-content\">\n                    <p>Desarrolla competencias para liderar equipos multidisciplinarios, fortalecer la cultura de autocuidado y generar compromiso organizacional hacia la seguridad y la salud en el trabajo.<\/p>\n                <\/div>\n                <\/div>\n            <\/div>\n         \n\n            <div class=\"wp-info-dialog wp-dialog-6\" id=\"wp-dialog-5\">\n                <h3>Enfoque en Impacto, Productividad y Sostenibilidad: La SST como ventaja competitiva.<\/h3>\n                <div class=\"wp-content\">\n                    <div class=\"wp-icon-circle\">\n                        <i class=\"fas fa-award\"><\/i>\n                    <\/div>\n     <div class=\"wp-text-content\">\n                    <p>El programa prepara profesionales capaces de demostrar c\u00f3mo una gesti\u00f3n efectiva de la SST reduce costos, mejora la productividad, fortalece la reputaci\u00f3n corporativa y aporta al desarrollo sostenible.<\/p>\n                <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"wp-info-dialog wp-dialog-7\" id=\"wp-dialog-6\">\n                <h3>Perfil Emprendedor y Consultor: Abre nuevas oportunidades profesionales.<\/h3>\n                <div class=\"wp-content\">\n                    <div class=\"wp-icon-circle\">\n                        <i class=\"fas fa-star\"><\/i>\n                    <\/div>\n                    <div class=\"wp-text-content\">\n                    <p>Forma especialistas con capacidad para emprender, asesorar y liderar proyectos independientes o corporativos en SST, ampliando las opciones de crecimiento profesional y posicionamiento en el mercado laboral.<\/p>\n                <\/div>\n\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_raw_code wpb_raw_js\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<script>\n  document.addEventListener('DOMContentLoaded', function() {\n            const options = document.querySelectorAll('.wp-option');\n            const dialogs = document.querySelectorAll('.wp-info-dialog');\n            let currentIndex = 0;\n            let autoPlayInterval;\n            let isUserInteracting = false;\n            let isPaused = false;\n            let lockedItem = null;\n\n            \/\/ Funci\u00f3n para mostrar un \u00edtem espec\u00edfico\n            function showItem(index) {\n                \/\/ Si hay un elemento bloqueado y no es el mismo, no hacer nada\n                if (lockedItem !== null && lockedItem !== index) {\n                    return;\n                }\n\n                \/\/ Ocultar todos los di\u00e1logos primero\n                dialogs.forEach(dialog => {\n                    dialog.classList.remove('show', 'fade-out');\n                });\n\n                \/\/ Quitar clase active de todas las opciones\n                options.forEach(option => option.classList.remove('active'));\n\n                \/\/ Mostrar el \u00edtem actual despu\u00e9s de un peque\u00f1o delay\n                setTimeout(() => {\n                    dialogs[index].classList.add('show');\n                    options[index].classList.add('active');\n                }, 100);\n            }\n\n            \/\/ Funci\u00f3n para el auto-play\n            function startAutoPlay() {\n                if (autoPlayInterval) clearInterval(autoPlayInterval);\n                \n                autoPlayInterval = setInterval(() => {\n                    if (!isUserInteracting && !isPaused && lockedItem === null) {\n                        showItem(currentIndex);\n                        currentIndex = (currentIndex + 1) % options.length;\n                    }\n                }, 2000);\n            }\n\n            \/\/ Funci\u00f3n para detener el auto-play\n            function stopAutoPlay() {\n                if (autoPlayInterval) {\n                    clearInterval(autoPlayInterval);\n                    autoPlayInterval = null;\n                }\n            }\n\n            \/\/ Funci\u00f3n para reanudar el ciclo desde un punto espec\u00edfico\n            function resumeFromIndex(index) {\n                currentIndex = (index + 1) % options.length;\n                if (!isPaused && lockedItem === null) {\n                    startAutoPlay();\n                }\n            }\n\n            \/\/ Event listeners para click en opciones (bloquear\/desbloquear)\n            options.forEach((option, index) => {\n                option.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    \n                    if (lockedItem === index) {\n                        \/\/ Desbloquear y reanudar el ciclo\n                        lockedItem = null;\n                        isPaused = false;\n                        resumeFromIndex(index);\n                    } else {\n                        \/\/ Bloquear en este elemento\n                        stopAutoPlay();\n                        lockedItem = index;\n                        isPaused = true;\n                        showItem(index);\n                    }\n                });\n\n                \/\/ Hover para mostrar temporalmente\n                option.addEventListener('mouseenter', function() {\n                    if (lockedItem === null) {\n                        isUserInteracting = true;\n                        stopAutoPlay();\n                        showItem(index);\n                    }\n                });\n\n                option.addEventListener('mouseleave', function() {\n                    if (lockedItem === null) {\n                        setTimeout(() => {\n                            isUserInteracting = false;\n                            resumeFromIndex(index);\n                        }, 800);\n                    }\n                });\n            });\n\n            \/\/ Event listeners para hover en di\u00e1logos\n            dialogs.forEach((dialog, index) => {\n                dialog.addEventListener('mouseenter', function() {\n                    if (lockedItem === null) {\n                        isUserInteracting = true;\n                        stopAutoPlay();\n                    }\n                });\n\n                dialog.addEventListener('mouseleave', function() {\n                    if (lockedItem === null) {\n                        setTimeout(() => {\n                            isUserInteracting = false;\n                            resumeFromIndex(index);\n                        }, 800);\n                    }\n                });\n            });\n\n            \/\/ Inicializar\n            showItem(0);\n            currentIndex = 1;\n            startAutoPlay();\n        });\n<\/script>\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 32px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\t\t<\/div> \n\t<\/div><\/div><\/div><\/div><div id=\"formulario\" data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"wpb-container vc_row-no-padding\"><div class=\"container-full\"><div class=\"vc_row wpb_row vc_row-fluid row \"><div class=\"col-sm-12  vc_\">\n\t\t<div class=\"wpb_wrapper \">\n\t\t\t<div class=\"vc_empty_space\"   style=\"height: 32px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!-- Banner Uninavarra con video de fondo y formulario -->\n<div class=\"unv-banner-container\">\n    <!-- Video de YouTube como fondo -->\n    <div class=\"unv-video-background\">\n        <div class=\"unv-video-foreground\">\n            <iframe src=\"https:\/\/www.youtube.com\/embed\/DproDzsrqcc?controls=0&showinfo=0&rel=0&autoplay=1&loop=1&playlist=DproDzsrqcc&mute=1\" frameborder=\"0\" allowfullscreen><\/iframe>\n        <\/div>\n    <\/div>\n    \n    <!-- Overlay oscuro -->\n    <div class=\"unv-overlay\"><\/div>\n    \n    <!-- Estructura de contenido de dos columnas -->\n    <div class=\"unv-content-wrapper\">\n        <!-- Columna izquierda: Textos -->\n        <div class=\"unv-text-column\">\n            <h1 class=\"unv-main-title\">\u00a1Bienvenidos a UNINAVARRA!<\/h1>\n            <h3 class=\"unv-subtitle\">Donde tus sue\u00f1os trascienden<\/h3>\n            <h2 class=\"unv-secondary-title\">Te ayudamos con tu proceso de inscripci\u00f3n<\/h2>\n            <h3 class=\"unv-subtitle\">\u00bfQuieres estudiar en UNINAVARRA?<\/h3>\n        <\/div>\n        \n        <!-- Columna derecha: Formulario -->\n        <div class=\"unv-form-column\">\n            <!-- Shortcode del formulario -->\n            \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f88781-o1\" lang=\"es-CO\" dir=\"ltr\" data-wpcf7-id=\"88781\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/91805#wpcf7-f88781-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formulario de contacto\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"88781\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"es_CO\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f88781-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7cf_hidden_group_fields\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_hidden_groups\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_visible_groups\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_repeaters\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_steps\" value=\"{}\" \/><input type=\"hidden\" name=\"_wpcf7cf_options\" value=\"{&quot;form_id&quot;:88781,&quot;conditions&quot;:[],&quot;settings&quot;:{&quot;animation&quot;:&quot;yes&quot;,&quot;animation_intime&quot;:200,&quot;animation_outtime&quot;:200,&quot;conditions_ui&quot;:&quot;normal&quot;,&quot;notice_dismissed&quot;:false,&quot;notice_dismissed_update-cf7-5.7.5.1&quot;:true,&quot;notice_dismissed_rollback-cf7-5.8.5&quot;:true,&quot;notice_dismissed_rollback-cf7-5.8.6&quot;:true,&quot;notice_dismissed_rollback-cf7-5.9.7&quot;:true,&quot;notice_dismissed_update-cf7-6.1.3&quot;:true}}\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<style>\n\n#wpcf7-f8-p9-o1 #form-container {\n height: 500px; \/* Cambia 500px por el alto deseado *\/\n overflow-y: auto; \/* Agrega un scroll vertical si el contenido excede el alto *\/\n}\n.wpcf7-form-control-wrap select {\n max-width: 250px;\n}\n\n.wpcf7-form-control-wrap:not(:nth-last-Child(3)) .wpcf7-form-control {\n height: auto;\n}\n<\/style>\n<div id=\"form-container\">\n\t<div id=\"form-content\">\n\t\t<div id=\"form-head\">\n\t\t\t<h1 class=\"pre\">Deseo recibir m\u00e1s informaci\u00f3n\n\t\t\t<\/h1>\n\t\t\t<h1 class=\"post\" style=\"color:#ffffff\">\u00a1Gracias por tu mensaje!\n\t\t\t<\/h1>\n\t\t\t<p class=\"post\">Estaremos en contacto lo antes posible\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div id=\"form\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Nombres y apellidos\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span><span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Correo electr\u00f3nico\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span><span class=\"wpcf7-form-control-wrap\" data-name=\"your-phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Tel\u00e9fono de contacto\" value=\"\" type=\"tel\" name=\"your-phone\" \/><\/span><span class=\"wpcf7-form-control-wrap\" data-name=\"programaa\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"programaa\"><option value=\"\">Programa de inter\u00e9s<\/option><option value=\"Medicina\">Medicina<\/option><option value=\"Enfermer\u00eda\">Enfermer\u00eda<\/option><option value=\"Tecnolog\u00eda en Radiolog\u00eda e Im\u00e1genes Diagn\u00f3sticas\">Tecnolog\u00eda en Radiolog\u00eda e Im\u00e1genes Diagn\u00f3sticas<\/option><option value=\"Derecho\">Derecho<\/option><option value=\"Administraci\u00f3n de Empresas\">Administraci\u00f3n de Empresas<\/option><option value=\"Ingenier\u00eda Ambiental\">Ingenier\u00eda Ambiental<\/option><option value=\"Ingenier\u00eda Industrial\">Ingenier\u00eda Industrial<\/option><option value=\"Especializaci\u00f3n en Medicina Familiar\">Especializaci\u00f3n en Medicina Familiar<\/option><option value=\"Especializaci\u00f3n en Medicina Interna\">Especializaci\u00f3n en Medicina Interna<\/option><option value=\"Especializaci\u00f3n en Derecho M\u00e9dico\">Especializaci\u00f3n en Derecho M\u00e9dico<\/option><option value=\"Especializaci\u00f3n en Derecho Constitucional y Sistema Interamericano de Derechos Humanos\">Especializaci\u00f3n en Derecho Constitucional y Sistema Interamericano de Derechos Humanos<\/option><option value=\"Especializaci\u00f3n en Derecho Laboral y Seguridad Social\">Especializaci\u00f3n en Derecho Laboral y Seguridad Social<\/option><option value=\"Especializaci\u00f3n en Litigaci\u00f3n Oral\">Especializaci\u00f3n en Litigaci\u00f3n Oral<\/option><option value=\"Especializaci\u00f3n en Gerencia de Seguridad y Salud en el Trabajo\">Especializaci\u00f3n en Gerencia de Seguridad y Salud en el Trabajo<\/option><\/select><\/span><span class=\"wpcf7-form-control-wrap\" data-name=\"your-city\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Ciudad\" value=\"\" type=\"text\" name=\"your-city\" \/><\/span><span class=\"wpcf7-form-control-wrap\" data-name=\"aceptacion-tratamiento-datos\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"aceptacion-tratamiento-datos\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\"><a href=\"https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2019\/09\/ACUERDO-002-Manual-de-Pol%C3%ADticas-para-el-Tratamiento-de-Datos-Personales.pdf\">He le\u00eddo y acepto el tratamiento de datos personales. <\/br><\/a><\/span><\/label><\/span><\/span><\/span><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Enviar\" \/>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n<\/div><input type='hidden' class='wpcf7-pum' value='{\"closepopup\":false,\"closedelay\":0,\"openpopup\":false,\"openpopup_id\":0}' \/><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* Reset para asegurar que nuestros estilos no se afecten por temas de WordPress *\/\n.unv-banner-container * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    color: #fff;\n}\n\n\/* Contenedor principal del banner - ocupa todo el ancho con altura fija *\/\n.unv-banner-container {\n    position: relative;\n    width: 100vw;\n    height: 761px;\n    max-height: 761px;\n    margin-left: calc(-50vw + 50%);\n    margin-right: calc(-50vw + 50%);\n    overflow: hidden;\n    z-index: 1;\n}\n\n\/* Contenedor del video de fondo *\/\n.unv-video-background {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    overflow: hidden;\n    z-index: 1;\n}\n\n.unv-video-foreground,\n.unv-video-background iframe {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 100vw;\n    height: 100vh;\n    transform: translate(-50%, -50%);\n    pointer-events: none;\n}\n\n@media (min-aspect-ratio: 16\/9) {\n    .unv-video-foreground {\n        width: 100%;\n        height: 56.25vw; \/* 100 * 9\/16 *\/\n    }\n}\n\n@media (max-aspect-ratio: 16\/9) {\n    .unv-video-foreground {\n        width: 177.78vh; \/* 100 * 16\/9 *\/\n        height: 100%;\n    }\n}\n\n\/* Overlay oscuro *\/\n.unv-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.7);\n    z-index: 2;\n}\n\n\/* Estructura de contenido de dos columnas *\/\n.unv-content-wrapper {\n    position: relative;\n    z-index: 3;\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    max-width: 1400px;\n    width: 100%;\n    height: 100%;\n    margin: 0 auto;\n    padding: 30px;\n}\n\n\/* Columna izquierda: Textos *\/\n.unv-text-column {\n    flex: 1;\n    color: #fff;\n    text-align: left;\n    padding-right: 50px;\n}\n\n\/* Aseguramos que todos los textos sean blancos *\/\n.unv-text-column h1,\n.unv-text-column h2,\n.unv-text-column h3,\n.unv-text-column p,\n.unv-text-column span {\n    color: #fff !important;\n}\n\n.unv-main-title {\n    font-size: 3.5em;\n    font-weight: bold;\n    margin-bottom: 20px;\n    line-height: 1.2;\n    color: #fff;\n}\n\n.unv-secondary-title {\n    font-size: 2.2em;\n    margin-bottom: 20px;\n    line-height: 1.3;\n    color: #fff;\n}\n\n.unv-subtitle {\n    font-size: 1.6em;\n    margin-bottom: 15px;\n    font-weight: normal;\n    line-height: 1.4;\n    color: #fff;\n}\n\n\/* Columna derecha: Formulario *\/\n.unv-form-column {\n    flex: 1;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n\/* === ESTILOS RESPONSIVOS === *\/\n@media (max-width: 992px) {\n    .unv-content-wrapper {\n        flex-direction: column;\n        justify-content: center;\n        text-align: center;\n        padding: 20px;\n    }\n    \n    .unv-text-column {\n        padding-right: 0;\n        padding-bottom: 30px;\n        text-align: center;\n    }\n    \n    .unv-main-title {\n        font-size: 2.5em;\n    }\n    \n    .unv-secondary-title {\n        font-size: 1.8em;\n    }\n    \n    .unv-subtitle {\n        font-size: 1.3em;\n    }\n}\n\n@media (max-width: 768px) {\n    .unv-banner-container {\n        height: auto;\n        min-height: 761px;\n    }\n    \n    .unv-main-title {\n        font-size: 2em;\n    }\n    \n    .unv-secondary-title {\n        font-size: 1.5em;\n    }\n    \n    .unv-subtitle {\n        font-size: 1.2em;\n    }\n}\n\n\/* Estilos para el formulario *\/\n.unv-form-column #form-container {\n    cursor: auto;\n    color: #fff;\n    z-index: 1000;\n    margin: 0 auto;\n    padding: 0;\n    background-color: transparent !important;\n    width: 100% !important;\n    text-align: center;\n    box-shadow: none;\n    transition: all 0.2s ease-in-out;\n    border-radius: 10px;\n}\n\n.unv-form-column #form-content {\n    width: 100%;\n    text-align: left;\n    transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0.3s, opacity 0s;\n}\n\n.unv-form-column #form-head {\n    display: none !important;\n}\n\n.unv-form-column #form-content #form {\n    color: #fff;\n    width: 100%;\n    padding: 0 10px;\n    margin-bottom: 10px;\n    box-sizing: border-box;\n}\n\n\/* Aseguramos que las etiquetas del formulario sean blancas *\/\n.unv-form-column label,\n.unv-form-column .wpcf7-list-item-label {\n    color: #fff !important;\n}\n\n.unv-form-column .wpcf7-form-control {\n    background: rgba(255, 255, 255, 0.9);\n    display: block;\n    height: 50px;\n    width: 350px !important;\n    margin: 10px 0;\n    padding: 0 15px;\n    border: none;\n    border-radius: 8px;\n    color: #333;\n    box-sizing: border-box;\n}\n\n.unv-form-column .wpcf7-form-control:hover,\n.unv-form-column .wpcf7-form-control:focus {\n    outline: 2px solid #e30613;\n}\n\n.unv-form-column .wpcf7-form-control.message {\n    resize: none;\n    height: 150px;\n    padding: 10px;\n    background: rgba(255, 255, 255, 0.9);\n}\n\n.unv-form-column .wpcf7-form-control.wpcf7-submit {\n    background-color: #e30613;\n    color: #fff;\n    font-size: 1.2em;\n    font-weight: bold;\n    padding: 12px 30px;\n    border-radius: 30px;\n    border: none;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.25);\n    transition: background-color 0.3s ease, transform 0.2s;\n    cursor: pointer;\n    width: 150px !important;\n    height: 40px !important;\n    line-height: 10px;\n    display: block;\n    margin: 10px auto 0 auto;\n}\n\n.unv-form-column .wpcf7-form-control.wpcf7-submit:hover {\n    background-color: #c10010;\n    transform: scale(1.05);\n}\n\n.unv-form-column .wpcf7-form-control.wpcf7-submit:active {\n    transform: scale(0.97);\n    box-shadow: none;\n}\n\n.unv-form-column .wpcf7-form-control.wpcf7-acceptance {\n    background: none;\n}\n\n.unv-form-column ::placeholder {\n    color: rgba(51, 51, 51, 0.7);\n    font-size: 0.95em;\n}\n\n.unv-form-column input:-webkit-autofill {\n    -webkit-box-shadow: 0 0 0px 1000px rgba(255,255,255,0.9) inset;\n}\n\n.unv-form-column .wpcf7-not-valid-tip {\n    color: #fff;\n    font-size: 0.8em;\n    display: none;\n}\n\n.unv-form-column span a {\n    color: #fff !important;\n    width: 350px !important;\n    text-decoration: underline;\n}\n\n.unv-form-column .wpcf7-form-control-wrap select {\n    max-width: 360px !important;\n    width: 350px !important;\n    height: 35px !important;\n    line-height: 35px;\n    padding: 0 15px;\n    border-radius: 8px;\n    background: rgba(255, 255, 255, 0.9);\n    color: #333;\n    border: none;\n    box-sizing: border-box;\n    appearance: none;\n}\n\n.unv-form-column input[type=\"text\"],\n.unv-form-column input[type=\"email\"],\n.unv-form-column input[type=\"tel\"],\n.unv-form-column input[type=\"number\"],\n.unv-form-column input[type=\"url\"],\n.unv-form-column input[type=\"password\"],\n.unv-form-column select,\n.unv-form-column textarea {\n    height: 35px !important;\n    line-height: 50px;\n    padding: 0 15px;\n    border-radius: 8px;\n    background: rgba(255, 255, 255, 0.9);\n    color: #333;\n    border: none;\n    box-sizing: border-box;\n    width: 350px !important;\n}\n\n.unv-form-column textarea {\n    resize: none;\n    height: 40px !important;\n    padding-top: 10px;\n    line-height: normal;\n}\n\n.unv-form-column .wpcf7-spinner {\n    display: inline-block !important;\n    width: 30px;\n    height: 30px;\n    border: 3px solid rgba(255, 255, 255, 0.3);\n    border-top: 3px solid #fff;\n    border-radius: 50%;\n    animation: unv-spin 1s linear infinite;\n    margin: 20px auto;\n}\n\n@keyframes unv-spin {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n}\n\n.unv-form-column .wpcf7-response-output {\n    max-width: 350px !important;\n    height: 35px !important;\n    margin: 20px auto !important;\n    color: #fff !important;\n    background: transparent !important;\n    text-align: center;\n    line-height: 35px;\n    font-size: 0.95em;\n    border: none !important;\n    padding: 0 !important;\n    margin-top: -52px !important;\n}\n\n@media (max-width: 768px) {\n    .unv-form-column .wpcf7-form-control,\n    .unv-form-column input[type=\"text\"],\n    .unv-form-column input[type=\"email\"],\n    .unv-form-column input[type=\"tel\"],\n    .unv-form-column input[type=\"number\"],\n    .unv-form-column input[type=\"url\"],\n    .unv-form-column input[type=\"password\"],\n    .unv-form-column select,\n    .unv-form-column textarea,\n    .unv-form-column .wpcf7-form-control-wrap select,\n    .unv-form-column span a {\n        width: 100% !important;\n        max-width: 100% !important;\n    }\n\n    .unv-form-column .wpcf7-response-output {\n        width: 100% !important;\n        max-width: 100% !important;\n    }\n}\n<\/style>\n\t\t<\/div>\n\t<\/div>\n\n\t\t<\/div> \n\t<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width\"><\/div><div id=\"titulo-acordeon-beneficios-adicionales\" data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"wpb-container \"><div class=\"container-full\"><div class=\"vc_row wpb_row vc_row-fluid row \"><div class=\"col-sm-12  vc_\">\n\t\t<div class=\"wpb_wrapper \">\n\t\t\t\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2 class=\"section-title\" style=\"text-align:center\">BENEFICIOS ADICIONALES<\/h2>\n\t\t<\/div>\n\t<\/div>\n\n\t\t<\/div> \n\t<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width\"><\/div><div id=\"acordeon-beneficios-adicionales\" class=\"wpb-container \"><div class=\"container\"><div class=\"vc_row wpb_row vc_row-fluid row \"><div class=\"col-sm-12  vc_\">\n\t\t<div class=\"wpb_wrapper \">\n\t\t\t<div class=\"vc_empty_space\"   style=\"height: 32px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n\/* Estilos espec\u00edficos para el acorde\u00f3n de beneficios *\/\n.unv-accordion-benefits-section {\n    \/*background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);*\/\n    \/*padding: 70px 30px;*\/\n    width: 100%;\n    box-sizing: border-box;\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n}\n\n.unv-accordion-benefits-container {\n    max-width: 1000px;\n    margin: 0 auto;\n}\n\n.unv-accordion-benefits-title {\n    text-align: center !important;\n    color: #e30613 !important;\n    font-size: 2.5rem !important;\n    font-weight: 700 !important;\n    margin-bottom: 50px;\n    position: relative;\n    text-shadow: 0 2px 4px rgba(227, 6, 19, 0.1) !important;\n}\n\n.unv-accordion-benefits-title:after {\n    content: \"\";\n    position: absolute;\n    bottom: -15px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 100px;\n    height: 4px;\n    background: linear-gradient(90deg, #e30613, #ff4757);\n    border-radius: 2px;\n}\n\n.unv-accordion-benefits-wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: 15px;\n}\n\n.unv-accordion-benefit-item {\n    background: #ffffff;\n    border-radius: 12px;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n    overflow: hidden;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    border: 1px solid rgba(227, 6, 19, 0.1);\n}\n\n.unv-accordion-benefit-item:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);\n    border-color: rgba(227, 6, 19, 0.2);\n}\n\n.unv-accordion-benefit-header {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    padding: 25px 30px;\n    background: transparent;\n    border: none;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    position: relative;\n    outline: none;\n}\n\n.unv-accordion-benefit-header:hover {\n    background: linear-gradient(90deg, rgba(227, 6, 19, 0.05), rgba(255, 71, 87, 0.05));\n}\n\n.unv-accordion-benefit-header:focus {\n    outline: 2px solid rgba(227, 6, 19, 0.3);\n    outline-offset: -2px;\n}\n\n.unv-accordion-benefit-icon {\n    color: #e30613;\n    font-size: 1.8rem;\n    margin-right: 20px;\n    width: 50px;\n    text-align: center;\n    flex-shrink: 0;\n    transition: transform 0.3s ease;\n}\n\n.unv-accordion-benefit-title {\n    font-size: 1.8rem !important;\n    font-weight: 600 !important;\n    color: #2c3e50 !important;\n    flex-grow: 1;\n    text-align: left !important;\n    transition: color 0.3s ease;\n}\n\n.unv-accordion-chevron {\n    color: #e30613;\n    font-size: 1.2rem;\n    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    margin-left: 15px;\n}\n\n.unv-accordion-benefit-content {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.unv-accordion-benefit-text {\n    padding: 35px 30px 30px 100px;\n    font-size: 1.4rem !important;\n    color: #5a6c7d !important;\n    line-height: 1.7 !important;\n    font-weight: 400 !important;\n    animation: fadeIn 0.4s ease-in-out;\n}\n\n\/* Estados activos *\/\n.unv-accordion-benefit-item.unv-active {\n    border-color: #e30613;\n    box-shadow: 0 8px 35px rgba(227, 6, 19, 0.15);\n}\n\n.unv-accordion-benefit-item.unv-active .unv-accordion-benefit-header {\n    background: linear-gradient(90deg, rgba(227, 6, 19, 0.08), rgba(255, 71, 87, 0.08));\n}\n\n.unv-accordion-benefit-item.unv-active .unv-accordion-chevron {\n    transform: rotate(180deg);\n}\n\n.unv-accordion-benefit-item.unv-active .unv-accordion-benefit-icon {\n    transform: scale(1.1);\n}\n\n.unv-accordion-benefit-item.unv-active .unv-accordion-benefit-title {\n    color: #e30613 !important;\n}\n\n.unv-accordion-benefit-item.unv-active .unv-accordion-benefit-content {\n    max-height: 200px;\n}\n\n\/* Animaci\u00f3n de fade in *\/\n@keyframes fadeIn {\n    from {\n        opacity: 0;\n        transform: translateY(-10px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\/* Estilos responsivos *\/\n@media (max-width: 992px) {\n    .unv-accordion-benefits-title {\n        font-size: 2.2rem !important;\n    }\n    \n    .unv-accordion-benefit-icon {\n        font-size: 1.6rem;\n        margin-right: 15px;\n        width: 45px;\n    }\n    \n    .unv-accordion-benefit-title {\n        font-size: 1.1rem !important;\n    }\n    \n    .unv-accordion-benefit-text {\n        padding-left: 75px;\n        font-size: 1rem !important;\n    }\n}\n\n@media (max-width: 768px) {\n    .unv-accordion-benefits-section {\n        padding: 50px 20px;\n    }\n    \n    .unv-accordion-benefits-title {\n        font-size: 2rem !important;\n        margin-bottom: 40px;\n    }\n    \n    .unv-accordion-benefit-header {\n        padding: 20px 25px;\n    }\n    \n    .unv-accordion-benefit-text {\n        padding: 0 25px 25px 25px;\n        font-size: 0.95rem !important;\n    }\n    \n    .unv-accordion-benefit-icon {\n        display: none;\n    }\n}\n\n@media (max-width: 480px) {\n    .unv-accordion-benefits-section {\n        padding: 40px 15px;\n    }\n    \n    .unv-accordion-benefits-title {\n        font-size: 1.7rem !important;\n    }\n    \n    .unv-accordion-benefit-header {\n        padding: 18px 20px;\n    }\n    \n    .unv-accordion-benefit-title {\n        font-size: 1.4rem !important;\n    }\n    \n    .unv-accordion-benefit-text {\n        padding: 0 20px 20px 20px;\n        font-size: 1.4rem !important;\n    }\n    \n    .unv-accordion-chevron {\n        font-size: 1rem;\n    }\n}\n<\/style>\n\n<!-- Bloque de Acorde\u00f3n de Beneficios Adicionales -->\n<div class=\"unv-accordion-benefits-section\">\n    <div class=\"unv-accordion-benefits-wrapper\">\n        <!-- Beneficio 1 -->\n        <div class=\"unv-accordion-benefit-item\">\n            <button class=\"unv-accordion-benefit-header\" type=\"button\">\n                <div class=\"unv-accordion-benefit-icon\">\n                    <i class=\"fas fa-award\"><\/i>\n                <\/div>\n                <span class=\"unv-accordion-benefit-title\">Emprendimiento e Innovaci\u00f3n<\/span>\n                <div class=\"unv-accordion-chevron\">\n                    <i class=\"fas fa-chevron-down\"><\/i>\n                <\/div>\n            <\/button>\n            <div class=\"unv-accordion-benefit-content\">\n                <div class=\"unv-accordion-benefit-text\">\n   El programa incorpora el eje de emprendimiento e innovaci\u00f3n como componente transversal, promoviendo el desarrollo de competencias para la formulaci\u00f3n, gesti\u00f3n y liderazgo de iniciativas y proyectos en Seguridad y Salud en el Trabajo. Este enfoque contribuye al fortalecimiento del perfil profesional y a la generaci\u00f3n de soluciones pertinentes para las organizaciones.\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Beneficio 2 -->\n        <div class=\"unv-accordion-benefit-item\">\n            <button class=\"unv-accordion-benefit-header\" type=\"button\">\n                <div class=\"unv-accordion-benefit-icon\">\n                    <i class=\"fas fa-map-marked-alt\"><\/i>\n                <\/div>\n                <span class=\"unv-accordion-benefit-title\">Sostenibilidad<\/span>\n                <div class=\"unv-accordion-chevron\">\n                    <i class=\"fas fa-chevron-down\"><\/i>\n                <\/div>\n            <\/button>\n            <div class=\"unv-accordion-benefit-content\">\n                <div class=\"unv-accordion-benefit-text\">\nLa Especializaci\u00f3n promueve una visi\u00f3n integral de la sostenibilidad, reconociendo la Seguridad y Salud en el Trabajo como un elemento estrat\u00e9gico del desarrollo organizacional responsable. Este componente orienta la toma de decisiones hacia el equilibrio entre el bienestar de los trabajadores, la productividad empresarial y el impacto social, en coherencia con los Objetivos de Desarrollo Sostenible.\n                <\/div>\n            <\/div>\n        <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const accordionHeaders = document.querySelectorAll('.unv-accordion-benefit-header');\n    \n    accordionHeaders.forEach(header => {\n        header.addEventListener('click', function() {\n            const currentItem = this.parentElement;\n            const isActive = currentItem.classList.contains('unv-active');\n            \n            \/\/ Cerrar todos los elementos\n            document.querySelectorAll('.unv-accordion-benefit-item').forEach(item => {\n                item.classList.remove('unv-active');\n            });\n            \n            \/\/ Si no estaba activo, activar el actual\n            if (!isActive) {\n                currentItem.classList.add('unv-active');\n            }\n        });\n        \n        \/\/ Accesibilidad con teclado\n        header.addEventListener('keydown', function(e) {\n            if (e.key === 'Enter' || e.key === ' ') {\n                e.preventDefault();\n                this.click();\n            }\n        });\n    });\n    \n    \/\/ Opcional: Abrir el primer elemento por defecto\n    \/\/ document.querySelector('.unv-accordion-benefit-item').classList.add('unv-active');\n});\n<\/script>\n\t\t<\/div>\n\t<\/div>\n\n\t\t<\/div> \n\t<\/div><\/div><\/div><\/div><div id=\"tabs-academicas\" class=\"wpb-container \"><div class=\"container\"><div class=\"vc_row wpb_row vc_row-fluid row \"><div class=\"col-sm-12  vc_\">\n\t\t<div class=\"wpb_wrapper \">\n\t\t\t<div class=\"vc_empty_space\"   style=\"height: 32px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><div class=\"vc_empty_space\"   style=\"height: 32px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><div class=\"vc_tta-container\" data-vc-action=\"collapse\"><div class=\"vc_general vc_tta vc_tta-tabs vc_tta-color-navarra vc_tta-style-classic vc_tta-shape-rounded vc_tta-spacing-1 vc_tta-tabs-position-top vc_tta-controls-align-center\"><div class=\"vc_tta-tabs-container\"><ul class=\"vc_tta-tabs-list\"><li class=\"vc_tta-tab\" data-vc-tab><a href=\"#1746740699750-4054bf60-7caa\" data-vc-tabs data-vc-container=\".vc_tta\"><span class=\"vc_tta-title-text\">Perfil Profesional<\/span><\/a><\/li><li class=\"vc_tta-tab\" data-vc-tab><a href=\"#1746740699988-47db4d92-57cb\" data-vc-tabs data-vc-container=\".vc_tta\"><span class=\"vc_tta-title-text\">Perfil Ocupacional<\/span><\/a><\/li><li class=\"vc_tta-tab vc_active\" data-vc-tab><a href=\"#1746740700238-7fb82f0d-f287\" data-vc-tabs data-vc-container=\".vc_tta\"><span class=\"vc_tta-title-text\">Plan de Estudios<\/span><\/a><\/li><\/ul><\/div><div class=\"vc_tta-panels-container\"><div class=\"vc_tta-panels\"><div class=\"vc_tta-panel\" id=\"1746740699750-4054bf60-7caa\" data-vc-content=\".vc_tta-panel-body\"><div class=\"vc_tta-panel-heading\"><h4 class=\"vc_tta-panel-title\"><a href=\"#1746740699750-4054bf60-7caa\" data-vc-accordion data-vc-container=\".vc_tta-container\"><span class=\"vc_tta-title-text\">Perfil Profesional<\/span><\/a><\/h4><\/div><div class=\"vc_tta-panel-body\"><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"vc_ col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 32px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><h3 style=\"color: #E30613;text-align: center\" class=\"vc_custom_heading vc_do_custom_heading\" >Perfil profesional<\/h3><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"vc_ col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><span style=\"font-size: 16px;\">El Especialista en Gerencia de Seguridad y Salud en el Trabajo de UNINAVARRA no solo cumple la norma: la dirige, la transforma y la convierte en oportunidad.<\/span><\/p>\n<p><span style=\"font-size: 16px;\">Con una formaci\u00f3n s\u00f3lida en legislaci\u00f3n, an\u00e1lisis de riesgos, uso de tecnolog\u00edas digitales y gesti\u00f3n sostenible, estar\u00e1 listo para liderar equipos, asesorar empresas y emprender soluciones que respondan a las exigencias del entorno laboral actual. En un pa\u00eds donde todas las organizaciones deben implementar la SST, hay una enorme demanda de profesionales que marquen la diferencia.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 16px;\"><strong>No esperes a que te asignen un rol&#8230; f\u00f3rmate para ser quien dise\u00f1a el camino. <\/strong><\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 16px;\"><strong>\u00a1Lidera, emprende y conquista el mercado de la salud laboral!<\/strong><\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"vc_ col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"wpb_single_image wpb_content_element vc_align_center\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\n\t\t\t<a href=\"#\" target=\"_self\"><img loading=\"lazy\" decoding=\"async\" class=\" vc_box_border_grey \" src=\"https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2025\/07\/esp-gerencia-salud-12-600x400.jpg\" width=\"600\" height=\"400\" alt=\"Bussiness people working in team in an office\" title=\"Bussiness people working in team in an office\" loading=\"lazy\" \/><\/a>\n\t\t<\/div> \n\t<\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_tta-panel\" id=\"1746740699988-47db4d92-57cb\" data-vc-content=\".vc_tta-panel-body\"><div class=\"vc_tta-panel-heading\"><h4 class=\"vc_tta-panel-title\"><a href=\"#1746740699988-47db4d92-57cb\" data-vc-accordion data-vc-container=\".vc_tta-container\"><span class=\"vc_tta-title-text\">Perfil Ocupacional<\/span><\/a><\/h4><\/div><div class=\"vc_tta-panel-body\"><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"vc_ col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 32px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><h3 style=\"color: #E30613;text-align: center\" class=\"vc_custom_heading vc_do_custom_heading\" >Perfil ocupacional<\/h3><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"vc_ col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"wpb_single_image wpb_content_element vc_align_center\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\n\t\t\t<a href=\"#\" target=\"_self\"><img loading=\"lazy\" decoding=\"async\" class=\" vc_box_border_grey \" src=\"https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2025\/07\/esp-gerencia-salud-6-600x400.jpg\" width=\"600\" height=\"400\" alt=\"Young architects consulting at meeting and using laptop\" title=\"Browsing in the net\" loading=\"lazy\" \/><\/a>\n\t\t<\/div> \n\t<\/div><\/div><\/div><\/div><div class=\"vc_ col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><span style=\"font-size: 16px;\">Los especialistas en Gerencia de Seguridad y Salud en el Trabajo de UNINAVARRA estar\u00e1n preparados para desempe\u00f1arse como gerentes, consultores, asesores o l\u00edderes en organizaciones p\u00fablicas y privadas, implementando y fortaleciendo el Sistema de Gesti\u00f3n en SST, exigido por la legislaci\u00f3n colombiana. Gracias a su formaci\u00f3n en tecnolog\u00edas digitales, normatividad nacional e internacional y gesti\u00f3n estrat\u00e9gica, podr\u00e1n liderar proyectos de transformaci\u00f3n laboral, dirigir \u00e1reas de bienestar organizacional y crear sus propias empresas de consultor\u00eda en riesgos laborales. Est\u00e1n listos para adaptarse a un entorno cambiante que exige innovaci\u00f3n, cumplimiento y visi\u00f3n empresarial.<\/span><\/p>\n<p style=\"text-align: center;\"><strong><span style=\"font-size: 16px;\">No te l\u00edmites a ser parte del sistema&#8230; s\u00e9 qui\u00e9n lo dirige.<br \/>\n\u00a1Gerencia la seguridad laboral del pa\u00eds con liderazgo y prop\u00f3sito!<\/span><\/strong><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_tta-panel vc_active\" id=\"1746740700238-7fb82f0d-f287\" data-vc-content=\".vc_tta-panel-body\"><div class=\"vc_tta-panel-heading\"><h4 class=\"vc_tta-panel-title\"><a href=\"#1746740700238-7fb82f0d-f287\" data-vc-accordion data-vc-container=\".vc_tta-container\"><span class=\"vc_tta-title-text\">Plan de Estudios<\/span><\/a><\/h4><\/div><div class=\"vc_tta-panel-body\"><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"vc_ col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 32px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"vc_ col-sm-4\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><div class=\"vc_ col-sm-4\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_btn3-container vc_btn3-center vc_do_btn\" ><a class=\"vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-modern vc_btn3-color-navarra\" href=\"https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2025\/07\/BROCHURE-ESPECIALIZACION-EN-GERENCIA-DE-SEGURIDAD-Y-SALUD-EN-EL-TRABAJO.pdf\" title=\"\" target=\"_blank\">Descargar portafolio<\/a><\/div><\/div><\/div><\/div><div class=\"vc_ col-sm-4\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"vc_ col-sm-3\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><div class=\"vc_ col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"wpb_single_image wpb_content_element vc_align_center\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\n\t\t\t<a href=\"https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-24-at-14.21.45.jpeg\" target=\"_self\"><img decoding=\"async\" width=\"1236\" height=\"1600\" src=\"https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-24-at-14.21.45.jpeg\" class=\" vc_box_border_grey attachment-full\" alt=\"\" title=\"WhatsApp Image 2025-07-24 at 14.21.45\" srcset=\"https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-24-at-14.21.45.jpeg 1236w, https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-24-at-14.21.45-232x300.jpeg 232w, https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-24-at-14.21.45-791x1024.jpeg 791w, https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-24-at-14.21.45-116x150.jpeg 116w, https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-24-at-14.21.45-768x994.jpeg 768w, https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-24-at-14.21.45-1187x1536.jpeg 1187w, https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-24-at-14.21.45-9x12.jpeg 9w\" sizes=\"(max-width: 1236px) 100vw, 1236px\" \/><\/a>\n\t\t<\/div> \n\t<\/div><\/div><\/div><\/div><div class=\"vc_ col-sm-3\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"vc_ col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n .plan-estudios-container {\n  background: linear-gradient(135deg, #1a237e 0%, #303f9f 100%);\n  padding: 40px 15px;\n  color: white;\n  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n  min-height: 100vh;\n}\n\n.header-section {\n  text-align: center;\n  margin-bottom: 30px;\n}\n\n.plan-title {\n  font-size: clamp(28px, 5vw, 48px);\n  font-weight: 300;\n  font-style: italic;\n  margin-bottom: 15px;\n  color: white;\n}\n\n.duration {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 20px;\n  font-size: 16px;\n}\n\n.clock-icon {\n  width: 20px;\n  height: 20px;\n  border: 2px solid white;\n  border-radius: 50%;\n  position: relative;\n}\n\n.clock-icon::before {\n  content: '';\n  position: absolute;\n  top: 2px;\n  left: 50%;\n  width: 1px;\n  height: 6px;\n  background: white;\n  transform: translateX(-50%);\n}\n\n.clock-icon::after {\n  content: '';\n  position: absolute;\n  top: 5px;\n  left: 50%;\n  width: 1px;\n  height: 4px;\n  background: white;\n  transform: translateX(-50%) rotate(90deg);\n  transform-origin: bottom;\n}\n\n.content-section {\n  max-width: 1400px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 40px;\n  align-items: start;\n}\n\n.program-emphasis {\n  text-align: left;\n}\n\n.emphasis-title {\n  font-size: 22px;\n  font-weight: 600;\n  margin-bottom: 15px;\n  color: white;\n        margin-left: 80px;\n}\n\n.emphasis-description {\n  font-size: 15px;\n  line-height: 1.6;\n  margin-bottom: 20px;\n  opacity: 0.9;\nmax-width: 700px;\n        margin-left: 80px;\n}\n\n.emphasis-list {\n  list-style: none;\n  margin-bottom: 30px;\n        margin-left: 80px;\n}\n\n.emphasis-list li {\n  padding: 8px 0;\n  padding-left: 20px;\n  position: relative;\n  font-size: 15px;\n}\n\n.emphasis-list li::before {\n  content: '\u2022';\n  color: #e30613;\n  font-weight: bold;\n  position: absolute;\n  left: 0;\n  font-size: 20px;\n}\n\n\/* CARRUSEL STYLES *\/\n.carousel-container {\n  position: relative;\n  width: 100%;\n  order: -1;\n}\n\n.carousel-header {\n  text-align: center;\n  margin-bottom: 15px;\n}\n\n.carousel-title {\n  font-size: 20px;\n  font-weight: 600;\n  color: white;\n  margin-bottom: 10px;\n}\n\n.carousel-controls {\n  display: flex;\n  justify-content: center;\n  gap: 15px;\n  align-items: center;\n  margin-bottom: 15px;\n}\n\n.carousel-btn {\n  background: rgba(255, 255, 255, 0.2);\n  border: 2px solid rgba(255, 255, 255, 0.5);\n  color: white;\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  transition: all 0.3s ease;\n}\n\n.carousel-btn:hover {\n  background: rgba(255, 255, 255, 0.3);\n  border-color: white;\n  transform: scale(1.1);\n}\n\n.carousel-btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n  transform: scale(1);\n}\n\n.carousel-indicator {\n  font-size: 14px;\n  color: rgba(255, 255, 255, 0.8);\n  min-width: 70px;\n}\n\n.carousel-wrapper {\n  overflow: hidden;\n  border-radius: 12px;\n  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);\n  margin: 0 auto;\n  max-width: 500px; \/* Ajustamos el ancho m\u00e1ximo *\/\n}\n\n.carousel-track {\n  display: flex;\n  transition: transform 0.4s ease;\n}\n\n.semestre-card {\n  background: white;\n  color: #333;\n  padding: 15px; \/* Reducimos el padding *\/\n  min-width: 100%;\n  flex-shrink: 0;\n  border-top: 4px solid #e30613;\n  height: auto; \/* Altura autom\u00e1tica *\/\n  min-height: 200px; \/* Altura m\u00ednima para consistencia *\/\n  display: flex;\n  flex-direction: column;\n}\n\n.semestre-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 12px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid #f0f0f0;\n}\n\n.semestre-title {\n  font-size: 17px;\n  font-weight: 600;\n  color: #1a237e;\n}\n\n.creditos-badge {\n  background: #e30613;\n  color: white;\n  padding: 3px 8px;\n  border-radius: 12px;\n  font-size: 10px;\n  font-weight: 600;\n}\n\n.materias-list {\n  list-style: none;\n  overflow-y: auto;\n  padding-right: 5px;\n  flex-grow: 1; \/* Hace que la lista ocupe el espacio disponible *\/\n  max-height: none; \/* Eliminamos la altura m\u00e1xima fija *\/\n}\n\n.materias-list::-webkit-scrollbar {\n  width: 4px;\n}\n\n.materias-list::-webkit-scrollbar-track {\n  background: #f1f1f1;\n  border-radius: 2px;\n}\n\n.materias-list::-webkit-scrollbar-thumb {\n  background: #e30613;\n  border-radius: 2px;\n}\n\n.materia-item {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 8px 0;\n  border-bottom: 1px solid #eee;\n  font-size: 13px;\n  transition: all 0.2s ease;\n}\n\n.materia-item:hover {\n  background-color: #f8f9fa;\n  padding-left: 8px;\n  \/*margin: 0 -8px;*\/\n  border-radius: 4px;\n}\n\n.materia-item:last-child {\n  border-bottom: none;\n}\n\n.materia-nombre {\n  color: #333;\n  font-weight: 500;\n}\n\n.materia-creditos {\n  background: #f0f0f0;\n  color: #666;\n  padding: 2px 6px;\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 600;\n  min-width: 22px;\n  text-align: center;\n}\n\n.total-creditos {\n  margin-top: auto; \/* Empuja el total de cr\u00e9ditos hacia abajo *\/\n  text-align: right;\n  font-weight: 600;\n  color: #e30613;\n  font-size: 13px;\n  padding-top: 8px;\n  border-top: 1px solid #f0f0f0;\n}\n\n.download-section {\n  text-align: center;\n  margin-top: 40px;\n}\n\n.download-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: #e30613;\n  color: white;\n  padding: 12px 25px;\n  border-radius: 6px;\n  text-decoration: none;\n  font-weight: 600;\n  transition: all 0.3s ease;\n  border: none;\n  cursor: pointer;\n  font-size: 15px;\n}\n\n.download-btn:hover {\n  background: #c20510;\n  transform: translateY(-2px);\n  box-shadow: 0 5px 15px rgba(227, 6, 19, 0.3);\n}\n\n.download-icon {\n  width: 18px;\n  height: 18px;\n  fill: currentColor;\n}\n\n@media (min-width: 768px) {\n  .plan-estudios-container {\n    padding: 50px 30px;\n  }\n  \n  .content-section {\n    grid-template-columns: 1fr 1fr;\n    gap: 40px;\n  }\n  \n  .carousel-container {\n    order: 0;\n  }\n  \n  .emphasis-title {\n    font-size: 24px;\n  }\n  \n  .emphasis-description, .emphasis-list li {\n    font-size: 16px;\n  }\n  \n  .carousel-title {\n    font-size: 22px;\n  margin-bottom: 15px;\n  }\n  \n  .semestre-card {\n    padding: 18px;\n    min-height: 220px;\n  }\n  \n  \n\n\n  .carousel-wrapper {\n    max-width: 450px;\n    margin-top: 0; \/* Eliminamos el margen superior en desktop *\/\n  }\n  \n  .semestre-title {\n    font-size: 18px;\n  }\n  \n  .download-btn {\n    padding: 15px 30px;\n    font-size: 16px;\n  }\n}\n\n@media (min-width: 1024px) {\n  .content-section {\n    grid-template-columns: 1fr 400px;\n    gap: 50px;\n  }\n  \n  .plan-estudios-container {\n    padding: 60px 40px;\n  }\n  \n  .header-section {\n    margin-bottom: 50px;\n  }\n  \n  .plan-title {\n    margin-bottom: 20px;\n  }\n  \n  .emphasis-title {\n    font-size: 24px;\n    margin-bottom: 20px;\n  }\n  \n  .emphasis-description {\n    margin-bottom: 25px;\n  }\n  \n  .emphasis-list {\n    margin-bottom: 40px;\n  }\n  \n  .carousel-header {\n    margin-bottom: 20px;\n  }\n  \n  .download-section {\n    margin-top: 50px;\n  }\n  \n  .carousel-wrapper {\n    max-width: 400px;\n  }\n  \n  .semestre-card {\n    padding: 20px;\n  }\n}\n<\/style>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"vc_ col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"plan-estudios-container\" style=\"display:none\">\n\n\n  <div class=\"content-section\">\n    <div class=\"program-emphasis\">\n        <div class=\"header-section\">\n    <h1 class=\"plan-title\">Derecho<\/h1>\n    <div class=\"duration\">\n      <div class=\"clock-icon\"><\/div>\n      <span>10 Semestres (5 a\u00f1os)<\/span>\n    <\/div>\n  <\/div>\n      <h2 class=\"emphasis-title\">\u00c9NFASIS DEL PROGRAMA<\/h2>\n      <p class=\"emphasis-description\">\n        Puedo obtenerme certificaci\u00f3n de \u00e9nfasis, al finalizar la carrera, \n        mediante la contabilizaci\u00f3n de los cr\u00e9ditos electivos en una o m\u00e1s \n        l\u00edneas de intensificaci\u00f3n de las que ofrece el programa.\n      <\/p>\n      <p class=\"emphasis-description\">En la actualidad las l\u00edneas de intensificaci\u00f3n son:<\/p>\n      <ul class=\"emphasis-list\">\n        <li>Derecho Internacional<\/li>\n        <li>Derecho de la Empresa y de los Negocios<\/li>\n        <li>Derecho Constitucional<\/li>\n        <li>Derecho Administrativo<\/li>\n        <li>Derecho Laboral<\/li>\n        <li>Derecho Civil y de Familia<\/li>\n        <li>Derecho Penal<\/li>\n        <li>En Filosof\u00eda del Derecho<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"carousel-container\">\n      <div class=\"carousel-header\">\n        <h3 class=\"carousel-title\">Plan de Estudios<\/h3>\n        <div class=\"carousel-controls\">\n          <button class=\"carousel-btn\" id=\"prevBtn\">\u2039<\/button>\n          <span class=\"carousel-indicator\" id=\"indicator\">1 \/ 10<\/span>\n          <button class=\"carousel-btn\" id=\"nextBtn\">\u203a<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"carousel-wrapper\">\n        <div class=\"carousel-track\" id=\"carouselTrack\">\n          <div class=\"semestre-card\">\n            <div class=\"semestre-header\">\n              <h3 class=\"semestre-title\">Semestre 1<\/h3>\n              <span class=\"creditos-badge\">Cr\u00e9ditos<\/span>\n            <\/div>\n            <ul class=\"materias-list\">\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Introducci\u00f3n al Derecho<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Historia del Derecho<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Teor\u00eda General del Estado<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">L\u00f3gica Jur\u00eddica<\/span>\n                <span class=\"materia-creditos\">2<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Competencias Comunicativas<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Ingl\u00e9s 1<\/span>\n                <span class=\"materia-creditos\">2<\/span>\n              <\/li>\n            <\/ul>\n            <div class=\"total-creditos\">Total cr\u00e9ditos: 16<\/div>\n          <\/div>\n\n          <div class=\"semestre-card\">\n            <div class=\"semestre-header\">\n              <h3 class=\"semestre-title\">Semestre 2<\/h3>\n              <span class=\"creditos-badge\">Cr\u00e9ditos<\/span>\n            <\/div>\n            <ul class=\"materias-list\">\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Personas y Familia<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Derecho Constitucional General<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Teor\u00eda General del Proceso<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Sociolog\u00eda Jur\u00eddica<\/span>\n                <span class=\"materia-creditos\">2<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Core Curriculum I<\/span>\n                <span class=\"materia-creditos\">2<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Ingl\u00e9s 2<\/span>\n                <span class=\"materia-creditos\">2<\/span>\n              <\/li>\n            <\/ul>\n            <div class=\"total-creditos\">Total cr\u00e9ditos: 15<\/div>\n          <\/div>\n\n          <div class=\"semestre-card\">\n            <div class=\"semestre-header\">\n              <h3 class=\"semestre-title\">Semestre 3<\/h3>\n              <span class=\"creditos-badge\">Cr\u00e9ditos<\/span>\n            <\/div>\n            <ul class=\"materias-list\">\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Argumentaci\u00f3n y Ret\u00f3rica<\/span>\n                <span class=\"materia-creditos\">2<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Derecho Constitucional Org\u00e1nico<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Penal General<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Bienes<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Obligaciones I<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Core Curriculum II<\/span>\n                <span class=\"materia-creditos\">2<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Ingl\u00e9s 3<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n            <\/ul>\n            <div class=\"total-creditos\">Total cr\u00e9ditos: 19<\/div>\n          <\/div>\n\n          <div class=\"semestre-card\">\n            <div class=\"semestre-header\">\n              <h3 class=\"semestre-title\">Semestre 4<\/h3>\n              <span class=\"creditos-badge\">Cr\u00e9ditos<\/span>\n            <\/div>\n            <ul class=\"materias-list\">\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Introducci\u00f3n al M\u00e9todo del Caso<\/span>\n                <span class=\"materia-creditos\">1<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Teor\u00eda del Delito<\/span>\n                <span class=\"materia-creditos\">2<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Obligaciones II<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Sociolog\u00eda Jur\u00eddica<\/span>\n                <span class=\"materia-creditos\">2<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Teor\u00eda de la Democracia<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Teor\u00eda General del Proceso<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Core Curriculum III<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Ingl\u00e9s 4<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n            <\/ul>\n            <div class=\"total-creditos\">Total cr\u00e9ditos: 20<\/div>\n          <\/div>\n\n          <div class=\"semestre-card\">\n            <div class=\"semestre-header\">\n              <h3 class=\"semestre-title\">Semestre 5<\/h3>\n              <span class=\"creditos-badge\">Cr\u00e9ditos<\/span>\n            <\/div>\n            <ul class=\"materias-list\">\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Contratos<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Derecho Administrativo I<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Derecho Comercial I<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Derecho Procesal Civil<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Delitos en Particular I<\/span>\n                <span class=\"materia-creditos\">2<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Core Curriculum IV<\/span>\n                <span class=\"materia-creditos\">2<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Ingl\u00e9s 5<\/span>\n                <span class=\"materia-creditos\">2<\/span>\n              <\/li>\n            <\/ul>\n            <div class=\"total-creditos\">Total cr\u00e9ditos: 18<\/div>\n          <\/div>\n\n          <div class=\"semestre-card\">\n            <div class=\"semestre-header\">\n              <h3 class=\"semestre-title\">Semestre 6<\/h3>\n              <span class=\"creditos-badge\">Cr\u00e9ditos<\/span>\n            <\/div>\n            <ul class=\"materias-list\">\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Responsabilidad Civil<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Derecho Administrativo II<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Derecho Comercial II<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Derecho Laboral Individual<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Delitos en Particular II<\/span>\n                <span class=\"materia-creditos\">2<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Electiva I<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n            <\/ul>\n            <div class=\"total-creditos\">Total cr\u00e9ditos: 17<\/div>\n          <\/div>\n\n          <div class=\"semestre-card\">\n            <div class=\"semestre-header\">\n              <h3 class=\"semestre-title\">Semestre 7<\/h3>\n              <span class=\"creditos-badge\">Cr\u00e9ditos<\/span>\n            <\/div>\n            <ul class=\"materias-list\">\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Derecho Procesal Penal<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Derecho Tributario<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Derecho Laboral Colectivo<\/span>\n                <span class=\"materia-creditos\">2<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Derecho Internacional P\u00fablico<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Consultorio Jur\u00eddico I<\/span>\n                <span class=\"materia-creditos\">4<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Electiva II<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n            <\/ul>\n            <div class=\"total-creditos\">Total cr\u00e9ditos: 18<\/div>\n          <\/div>\n\n          <div class=\"semestre-card\">\n            <div class=\"semestre-header\">\n              <h3 class=\"semestre-title\">Semestre 8<\/h3>\n              <span class=\"creditos-badge\">Cr\u00e9ditos<\/span>\n            <\/div>\n            <ul class=\"materias-list\">\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Derecho Procesal Administrativo<\/span>\n                <span class=\"materia-creditos\">2<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Derecho de la Seguridad Social<\/span>\n                <span class=\"materia-creditos\">2<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Derecho Internacional Privado<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Filosof\u00eda del Derecho<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Consultorio Jur\u00eddico II<\/span>\n                <span class=\"materia-creditos\">4<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Electiva III<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n            <\/ul>\n            <div class=\"total-creditos\">Total cr\u00e9ditos: 17<\/div>\n          <\/div>\n\n          <div class=\"semestre-card\">\n            <div class=\"semestre-header\">\n              <h3 class=\"semestre-title\">Semestre 9<\/h3>\n              <span class=\"creditos-badge\">Cr\u00e9ditos<\/span>\n            <\/div>\n            <ul class=\"materias-list\">\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Bio\u00e9tica y Bioderecho<\/span>\n                <span class=\"materia-creditos\">2<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Derecho Ambiental<\/span>\n                <span class=\"materia-creditos\">2<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Derechos Humanos<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">\u00c9tica Profesional<\/span>\n                <span class=\"materia-creditos\">2<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Consultorio Jur\u00eddico III<\/span>\n                <span class=\"materia-creditos\">4<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Electiva IV<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n            <\/ul>\n            <div class=\"total-creditos\">Total cr\u00e9ditos: 16<\/div>\n          <\/div>\n\n          <div class=\"semestre-card\">\n            <div class=\"semestre-header\">\n              <h3 class=\"semestre-title\">Semestre 10<\/h3>\n              <span class=\"creditos-badge\">Cr\u00e9ditos<\/span>\n            <\/div>\n            <ul class=\"materias-list\">\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Seminario de Grado<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Pr\u00e1ctica Empresarial<\/span>\n                <span class=\"materia-creditos\">6<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Consultorio Jur\u00eddico IV<\/span>\n                <span class=\"materia-creditos\">4<\/span>\n              <\/li>\n              <li class=\"materia-item\">\n                <span class=\"materia-nombre\">Electiva V<\/span>\n                <span class=\"materia-creditos\">3<\/span>\n              <\/li>\n            <\/ul>\n            <div class=\"total-creditos\">Total cr\u00e9ditos: 16<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"download-section\">\n      <button class=\"download-btn\">\n        <svg class=\"download-icon\" viewBox=\"0 0 24 24\">\n          <path d=\"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z\"\/>\n        <\/svg>\n        Descargar Plan de Estudio\n      <\/button>\n    <\/div>\n    <\/div>\n\n    \n  <\/div>\n<\/div>\n\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"vc_ col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_js\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<script>\nlet currentSlide = 0;\nconst totalSlides = 10;\nconst track = document.getElementById('carouselTrack');\nconst prevBtn = document.getElementById('prevBtn');\nconst nextBtn = document.getElementById('nextBtn');\nconst indicator = document.getElementById('indicator');\n\nfunction updateCarousel() {\n  const translateX = -currentSlide * 100;\n  track.style.transform = `translateX(${translateX}%)`;\n\n  \/\/ Update indicator\n  indicator.textContent = `${currentSlide + 1} \/ ${totalSlides}`;\n\n  \/\/ Update button states\n  prevBtn.disabled = currentSlide === 0;\n  nextBtn.disabled = currentSlide === totalSlides - 1;\n}\n\nfunction nextSlide() {\n  if (currentSlide < totalSlides - 1) {\n    currentSlide++;\n    updateCarousel();\n  }\n}\n\nfunction prevSlide() {\n  if (currentSlide > 0) {\n    currentSlide--;\n    updateCarousel();\n  }\n}\n\n\/\/ Event listeners\nnextBtn.addEventListener('click', nextSlide);\nprevBtn.addEventListener('click', prevSlide);\n\n\/\/ Keyboard navigation\ndocument.addEventListener('keydown', (e) => {\n  if (e.key === 'ArrowLeft') {\n    prevSlide();\n  } else if (e.key === 'ArrowRight') {\n    nextSlide();\n  }\n});\n\n\/\/ Touch\/swipe support\nlet startX = 0;\nlet startY = 0;\nlet isDragging = false;\n\nconst carousel = document.querySelector('.carousel-wrapper');\n\ncarousel.addEventListener('touchstart', (e) => {\n  startX = e.touches[0].clientX;\n  startY = e.touches[0].clientY;\n  isDragging = true;\n});\n\ncarousel.addEventListener('touchmove', (e) => {\n  if (!isDragging) return;\n  e.preventDefault();\n});\n\ncarousel.addEventListener('touchend', (e) => {\n  if (!isDragging) return;\n\n  const endX = e.changedTouches[0].clientX;\n  const endY = e.changedTouches[0].clientY;\n  const diffX = startX - endX;\n  const diffY = startY - endY;\n\n  \/\/ Only swipe horizontally if the horizontal movement is greater than vertical\n  if (Math.abs(diffX) > Math.abs(diffY) && Math.abs(diffX) > 50) {\n    if (diffX > 0) {\n      nextSlide();\n    } else {\n      prevSlide();\n    }\n  }\n\n  isDragging = false;\n});\n\n\/\/ Mouse drag support\nlet mouseStartX = 0;\nlet isMouseDragging = false;\n\ncarousel.addEventListener('mousedown', (e) => {\n  mouseStartX = e.clientX;\n  isMouseDragging = true;\n  carousel.style.cursor = 'grabbing';\n});\n\ncarousel.addEventListener('mousemove', (e) => {\n  if (!isMouseDragging) return;\n  e.preventDefault();\n});\n\ncarousel.addEventListener('mouseup', (e) => {\n  if (!isMouseDragging) return;\n\n  const mouseEndX = e.clientX;\n  const diffX = mouseStartX - mouseEndX;\n\n  if (Math.abs(diffX) > 50) {\n    if (diffX > 0) {\n      nextSlide();\n    } else {\n      prevSlide();\n    }\n  }\n\n  isMouseDragging = false;\n  carousel.style.cursor = 'grab';\n});\n\ncarousel.addEventListener('mouseleave', () => {\n  isMouseDragging = false;\n  carousel.style.cursor = 'grab';\n});\n\n\/\/ Initialize\ncarousel.style.cursor = 'grab';\nupdateCarousel();\n\n\/\/ A\u00f1adir al final del c\u00f3digo JavaScript existente\n\/\/ Mejorar la accesibilidad del carrusel\ncarousel.setAttribute('role', 'region');\ncarousel.setAttribute('aria-label', 'Plan de estudios por semestre');\ntrack.setAttribute('aria-live', 'polite');\n\n\/\/ Mejorar el focus para navegaci\u00f3n por teclado\ncarousel.querySelectorAll('.carousel-btn').forEach(button => {\n  button.addEventListener('focus', () => {\n    button.style.outline = '2px solid #e30613';\n    button.style.outlineOffset = '2px';\n  });\n  \n  button.addEventListener('blur', () => {\n    button.style.outline = 'none';\n  });\n});\n\n\n\/\/ Variables para el auto-desplazamiento\nlet autoSlideInterval;\nconst slideIntervalTime = 4000; \/\/ 2 segundos\n\n\/\/ Funci\u00f3n para iniciar el auto-desplazamiento\nfunction startAutoSlide() {\n  \/\/ Limpiar intervalo existente si hay uno\n  stopAutoSlide();\n  \n  \/\/ Iniciar nuevo intervalo\n  autoSlideInterval = setInterval(() => {\n    if (currentSlide < totalSlides - 1) {\n      nextSlide();\n    } else {\n      \/\/ Si estamos en la \u00faltima diapositiva, volver al inicio\n      currentSlide = 0;\n      updateCarousel();\n    }\n  }, slideIntervalTime);\n}\n\n\/\/ Funci\u00f3n para detener el auto-desplazamiento\nfunction stopAutoSlide() {\n  if (autoSlideInterval) {\n    clearInterval(autoSlideInterval);\n    autoSlideInterval = null;\n  }\n}\n\n\/\/ Modificar las funciones nextSlide y prevSlide para manejar el auto-desplazamiento\nfunction nextSlide() {\n  stopAutoSlide(); \/\/ Detener auto-desplazamiento al navegar manualmente\n  if (currentSlide < totalSlides - 1) {\n    currentSlide++;\n    updateCarousel();\n  }\n  startAutoSlide(); \/\/ Reanudar despu\u00e9s de la navegaci\u00f3n manual\n}\n\nfunction prevSlide() {\n  stopAutoSlide(); \/\/ Detener auto-desplazamiento al navegar manualmente\n  if (currentSlide > 0) {\n    currentSlide--;\n    updateCarousel();\n  }\n  startAutoSlide(); \/\/ Reanudar despu\u00e9s de la navegaci\u00f3n manual\n}\n\n\/\/ Pausar auto-desplazamiento cuando el mouse est\u00e1 sobre el carrusel\ncarousel.addEventListener('mouseenter', stopAutoSlide);\ncarousel.addEventListener('mouseleave', startAutoSlide);\n\n\/\/ Pausar auto-desplazamiento en dispositivos t\u00e1ctiles\ncarousel.addEventListener('touchstart', stopAutoSlide);\ncarousel.addEventListener('touchend', () => {\n  \/\/ Reanudar despu\u00e9s de 5 segundos de inactividad t\u00e1ctil\n  setTimeout(startAutoSlide, 5000);\n});\n\n\/\/ Iniciar el auto-desplazamiento al cargar la p\u00e1gina\nstartAutoSlide();\n<\/script>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\n\t\t<\/div> \n\t<\/div><\/div><\/div><\/div><div id=\"titulo-contactanos\" data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"wpb-container \"><div class=\"container-full\"><div class=\"vc_row wpb_row vc_row-fluid row \"><div class=\"col-sm-12  vc_\">\n\t\t<div class=\"wpb_wrapper \">\n\t\t\t\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2 class=\"section-title\" style=\"text-align:center\">CONT\u00c1CTENOS<\/h2>\n\t\t<\/div>\n\t<\/div>\n\n\t\t<\/div> \n\t<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width\"><\/div><div id=\"contactanos\" data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"wpb-container \"><div class=\"container-full\"><div class=\"vc_row wpb_row vc_row-fluid row \"><div class=\"col-sm-2  vc_\">\n\t\t<div class=\"wpb_wrapper \">\n\t\t\t\n\t\t<\/div> \n\t<\/div><div class=\"col-sm-8  vc_\">\n\t\t<div class=\"wpb_wrapper \">\n\t\t\t<div class=\"vc_empty_space\"   style=\"height: 32px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"text-align: center; font-size: 16px;\"><strong>Correo oficina de docencia Universitaria<\/strong><\/p>\n<p style=\"text-align: center;\"><strong><span style=\"text-align: center; color: #e30613; font-size: 16px;\">oferta.academica@uninavarra.edu.co<\/span><\/strong><\/p>\n<p style=\"text-align: center;\"><strong>+57-3180715286<\/strong><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 32px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\t\t<\/div> \n\t<\/div><div class=\"col-sm-2  vc_\">\n\t\t<div class=\"wpb_wrapper \">\n\t\t\t\n\t\t<\/div> \n\t<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width\"><\/div><div id=\"titulo-testimonios\" data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"wpb-container \"><div class=\"container-full\"><div class=\"vc_row wpb_row vc_row-fluid row \"><div class=\"col-sm-12  vc_\">\n\t\t<div class=\"wpb_wrapper \">\n\t\t\t\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2 class=\"section-title\" style=\"text-align:center; display:none\">TESTIMONIOS DE NUESTROS EGRESADOS<\/h2>\n\t\t<\/div>\n\t<\/div>\n\n\t\t<\/div> \n\t<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width\"><\/div><div class=\"wpb-container \"><div class=\"container\"><div class=\"vc_row wpb_row vc_row-fluid row \"><div class=\"col-sm-12  vc_\">\n\t\t<div class=\"wpb_wrapper \">\n\t\t\t<div class=\"vc_empty_space\"   style=\"height: 32px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\t\t<\/div> \n\t<\/div><\/div><\/div><\/div><\/section>\n<\/div>","protected":false},"excerpt":{"rendered":"ESPECIALISTA EN DOCENCIA UNIVERSITARIA C\u00f3digo SNIES: 110249 Registro Calificado: Resoluci\u00f3n n.\u00ba 7616 del 5 de mayo del 2021 del MEN, vigencia: 7 a\u00f1os Duraci\u00f3n del Programa: 2 semestres N\u00famero de [...]","protected":false},"author":13,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-91805","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Especializaci\u00f3n en Gerencia de Seguridad y Salud en el Trabajo - Uninavarra<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/uninavarra.edu.co\/en\/especializacion-en-gerencia-de-seguridad-y-salud-en-el-trabajo-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Especializaci\u00f3n en Gerencia de Seguridad y Salud en el Trabajo - Uninavarra\" \/>\n<meta property=\"og:url\" content=\"https:\/\/uninavarra.edu.co\/en\/especializacion-en-gerencia-de-seguridad-y-salud-en-el-trabajo-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Uninavarra\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/UninavarraEduca\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-23T20:22:26+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@uninavarraeduca\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/uninavarra.edu.co\/especializacion-en-gerencia-de-seguridad-y-salud-en-el-trabajo-2\/\",\"url\":\"https:\/\/uninavarra.edu.co\/especializacion-en-gerencia-de-seguridad-y-salud-en-el-trabajo-2\/\",\"name\":\"Especializaci\u00f3n en Gerencia de Seguridad y Salud en el Trabajo - Uninavarra\",\"isPartOf\":{\"@id\":\"https:\/\/uninavarra.edu.co\/#website\"},\"datePublished\":\"2025-07-04T19:28:31+00:00\",\"dateModified\":\"2026-01-23T20:22:26+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/uninavarra.edu.co\/especializacion-en-gerencia-de-seguridad-y-salud-en-el-trabajo-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/uninavarra.edu.co\/especializacion-en-gerencia-de-seguridad-y-salud-en-el-trabajo-2\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/uninavarra.edu.co\/especializacion-en-gerencia-de-seguridad-y-salud-en-el-trabajo-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/uninavarra.edu.co\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Especializaci\u00f3n en Gerencia de Seguridad y Salud en el Trabajo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/uninavarra.edu.co\/#website\",\"url\":\"https:\/\/uninavarra.edu.co\/\",\"name\":\"UNINAVARRA\",\"description\":\"Haz realidad tu deseo de aprender\",\"publisher\":{\"@id\":\"https:\/\/uninavarra.edu.co\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/uninavarra.edu.co\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/uninavarra.edu.co\/#organization\",\"name\":\"Fundaci\u00f3n Universitaria Navarra - UNINAVARRA\",\"url\":\"https:\/\/uninavarra.edu.co\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/uninavarra.edu.co\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2024\/06\/Escudo-uninavarra-Solo.png\",\"contentUrl\":\"https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2024\/06\/Escudo-uninavarra-Solo.png\",\"width\":1500,\"height\":1401,\"caption\":\"Fundaci\u00f3n Universitaria Navarra - UNINAVARRA\"},\"image\":{\"@id\":\"https:\/\/uninavarra.edu.co\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/UninavarraEduca\",\"https:\/\/x.com\/uninavarraeduca\",\"https:\/\/www.instagram.com\/uninavarra\/?hl=es\",\"https:\/\/www.linkedin.com\/in\/fundacin-universitaria-navarra-uninavarra-b41225222\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Specialization in Occupational Health and Safety Management - Uninavarra","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/uninavarra.edu.co\/en\/especializacion-en-gerencia-de-seguridad-y-salud-en-el-trabajo-2\/","og_locale":"en_US","og_type":"article","og_title":"Especializaci\u00f3n en Gerencia de Seguridad y Salud en el Trabajo - Uninavarra","og_url":"https:\/\/uninavarra.edu.co\/en\/especializacion-en-gerencia-de-seguridad-y-salud-en-el-trabajo-2\/","og_site_name":"Uninavarra","article_publisher":"https:\/\/www.facebook.com\/UninavarraEduca","article_modified_time":"2026-01-23T20:22:26+00:00","twitter_card":"summary_large_image","twitter_site":"@uninavarraeduca","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/uninavarra.edu.co\/especializacion-en-gerencia-de-seguridad-y-salud-en-el-trabajo-2\/","url":"https:\/\/uninavarra.edu.co\/especializacion-en-gerencia-de-seguridad-y-salud-en-el-trabajo-2\/","name":"Specialization in Occupational Health and Safety Management - Uninavarra","isPartOf":{"@id":"https:\/\/uninavarra.edu.co\/#website"},"datePublished":"2025-07-04T19:28:31+00:00","dateModified":"2026-01-23T20:22:26+00:00","breadcrumb":{"@id":"https:\/\/uninavarra.edu.co\/especializacion-en-gerencia-de-seguridad-y-salud-en-el-trabajo-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/uninavarra.edu.co\/especializacion-en-gerencia-de-seguridad-y-salud-en-el-trabajo-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/uninavarra.edu.co\/especializacion-en-gerencia-de-seguridad-y-salud-en-el-trabajo-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/uninavarra.edu.co\/"},{"@type":"ListItem","position":2,"name":"Especializaci\u00f3n en Gerencia de Seguridad y Salud en el Trabajo"}]},{"@type":"WebSite","@id":"https:\/\/uninavarra.edu.co\/#website","url":"https:\/\/uninavarra.edu.co\/","name":"UNINAVARRA","description":"Make your desire to learn a reality","publisher":{"@id":"https:\/\/uninavarra.edu.co\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/uninavarra.edu.co\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/uninavarra.edu.co\/#organization","name":"Navarre University Foundation - UNINAVARRA","url":"https:\/\/uninavarra.edu.co\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/uninavarra.edu.co\/#\/schema\/logo\/image\/","url":"https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2024\/06\/Escudo-uninavarra-Solo.png","contentUrl":"https:\/\/uninavarra.edu.co\/wp-content\/uploads\/2024\/06\/Escudo-uninavarra-Solo.png","width":1500,"height":1401,"caption":"Fundaci\u00f3n Universitaria Navarra - UNINAVARRA"},"image":{"@id":"https:\/\/uninavarra.edu.co\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/UninavarraEduca","https:\/\/x.com\/uninavarraeduca","https:\/\/www.instagram.com\/uninavarra\/?hl=es","https:\/\/www.linkedin.com\/in\/fundacin-universitaria-navarra-uninavarra-b41225222\/"]}]}},"_links":{"self":[{"href":"https:\/\/uninavarra.edu.co\/en\/wp-json\/wp\/v2\/pages\/91805","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uninavarra.edu.co\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uninavarra.edu.co\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uninavarra.edu.co\/en\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/uninavarra.edu.co\/en\/wp-json\/wp\/v2\/comments?post=91805"}],"version-history":[{"count":0,"href":"https:\/\/uninavarra.edu.co\/en\/wp-json\/wp\/v2\/pages\/91805\/revisions"}],"wp:attachment":[{"href":"https:\/\/uninavarra.edu.co\/en\/wp-json\/wp\/v2\/media?parent=91805"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}