{"id":65419,"date":"2025-10-15T13:04:57","date_gmt":"2025-10-15T18:04:57","guid":{"rendered":"https:\/\/unisinucartagena.edu.co\/?page_id=65419"},"modified":"2025-10-20T13:56:19","modified_gmt":"2025-10-20T18:56:19","slug":"psicuslab","status":"publish","type":"page","link":"https:\/\/unisinucartagena.edu.co\/en\/psicuslab\/","title":{"rendered":"PSICUSLAB"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"65419\" class=\"elementor elementor-65419\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2c8a8cd elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2c8a8cd\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0194055\" data-id=\"0194055\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-58fd3ae elementor--h-position-center elementor--v-position-middle elementor-arrows-position-inside elementor-pagination-position-inside elementor-widget elementor-widget-slides\" data-id=\"58fd3ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;navigation&quot;:&quot;both&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;transition&quot;:&quot;slide&quot;,&quot;transition_speed&quot;:500}\" data-widget_type=\"slides.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper\">\n\t\t\t\t\t<div class=\"elementor-slides-wrapper elementor-main-swiper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Slides\" dir=\"ltr\" data-animation=\"fadeInUp\">\n\t\t\t\t<div class=\"swiper-wrapper elementor-slides\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-repeater-item-8a43188 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"Mesa de trabajo 1 copia 21\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bd40cfd elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bd40cfd\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b4c07f3\" data-id=\"b4c07f3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cfb264c elementor-widget elementor-widget-html\" data-id=\"cfb264c\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"#psicus-tabs-widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n#psicus-tabs-widget {\r\n    all: initial;\r\n    font-family: Arial, sans-serif;\r\n}\r\n\r\n#psicus-tabs-widget .psicus-tabs-container {\r\n    position: sticky;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    z-index: 1000;\r\n    background: linear-gradient(to right, #960E0E, #CC1212);\r\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1);\r\n    margin-bottom: 10px;\r\n    font-family: inherit;\r\n}\r\n\r\n#psicus-tabs-widget .psicus-tabs {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    background: transparent;\r\n    justify-content: center;\r\n    position: relative;\r\n    padding: 0;\r\n    font-family: inherit;\r\n    gap: 0;\r\n}\r\n\r\n#psicus-tabs-widget .psicus-tab {\r\n    padding: 8px 16px;\r\n    cursor: pointer;\r\n    color: #FFFFFF;\r\n    font-weight: 400;\r\n    transition: all 0.3s ease;\r\n    white-space: nowrap;\r\n    display: flex;\r\n    align-items: center;\r\n    position: relative;\r\n    border: none;\r\n    background: transparent;\r\n    font-size: 14px;\r\n    letter-spacing: 0.2px;\r\n    border-radius: 0;\r\n    font-family: inherit;\r\n    box-sizing: border-box;\r\n    text-transform: none;\r\n    height: auto;\r\n    line-height: normal;\r\n    min-height: auto;\r\n    -webkit-tap-highlight-color: transparent;\r\n    outline: none;\r\n}\r\n\r\n#psicus-tabs-widget .psicus-tab:active {\r\n    background: transparent !important;\r\n}\r\n\r\n#psicus-tabs-widget .psicus-tab span {\r\n    position: relative;\r\n    display: inline-block;\r\n    font-family: inherit;\r\n    text-transform: none;\r\n    white-space: nowrap; \/* <-- importante *\/\r\n}\r\n\r\n#psicus-tabs-widget .psicus-tab span::after {\r\n    content: '';\r\n    position: absolute;\r\n    left: 50%;                              \/* ancla en el centro horizontal *\/\r\n    bottom: -6px;                           \/* distancia vertical respecto al texto *\/\r\n    width: calc(100% + 20px);                \/* 4px extra total -> 2px a cada lado *\/\r\n    height: 1px;                            \/* grosor de la l\u00ednea *\/\r\n    background-color: #FFFFFF;\r\n    opacity: 0;\r\n    \/* Centro horizontal con translateX(-50%). \r\n       translateY empuja la l\u00ednea hacia abajo para ocultarla inicialmente *\/\r\n    transform: translateX(-50%) translateY(6px);\r\n    transition: transform 0.25s ease, opacity 0.25s ease;\r\n    pointer-events: none;\r\n    box-sizing: content-box; \/* asegurar que calc(100% + 4px) use el ancho del contenido del span *\/\r\n}\r\n\r\n#psicus-tabs-widget .psicus-tab:hover span::after,\r\n#psicus-tabs-widget .psicus-tab.active span::after {\r\n    transform: translateX(-50%) translateY(0);\r\n    opacity: 1;\r\n}\r\n\r\n#psicus-tabs-widget .psicus-tabs-scroll-controls {\r\n    display: none !important;\r\n}\r\n\r\n#psicus-tabs-widget .psicus-mobile-menu-toggle {\r\n    display: none;\r\n    width: 100%;\r\n    padding: 12px;\r\n    background: linear-gradient(to right, #960E0E, #CC1212);\r\n    color: #FFFFFF;\r\n    border: none;\r\n    cursor: pointer;\r\n    text-align: center;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-family: inherit;\r\n    box-sizing: border-box;\r\n    text-transform: none;\r\n    height: auto;\r\n    line-height: normal;\r\n    position: relative;\r\n    -webkit-tap-highlight-color: transparent;\r\n    outline: none;\r\n}\r\n\r\n#psicus-tabs-widget .psicus-mobile-menu-toggle:active {\r\n    background: linear-gradient(to right, #960E0E, #CC1212) !important;\r\n}\r\n\r\n#psicus-tabs-widget .hamburger-icon {\r\n    display: flex;\r\n    flex-direction: column;\r\n    width: 20px;\r\n    height: 18px;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n#psicus-tabs-widget .hamburger-icon span {\r\n    display: block;\r\n    width: 100%;\r\n    height: 2px;\r\n    background-color: #FFFFFF;\r\n    border-radius: 1px;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n#psicus-tabs-widget .psicus-content-container {\r\n    margin-top: 10px;\r\n}\r\n\r\n\/* Eliminar todos los efectos de focus y active no deseados *\/\r\n#psicus-tabs-widget .psicus-tab:focus {\r\n    outline: none !important;\r\n    background: transparent !important;\r\n}\r\n\r\n#psicus-tabs-widget .psicus-tab.active:focus {\r\n    outline: none !important;\r\n    background: transparent !important;\r\n}\r\n\r\n#psicus-tabs-widget .psicus-mobile-menu-toggle:focus {\r\n    outline: none !important;\r\n}\r\n\r\n\/* Media queries para comportamiento responsive *\/\r\n@media (max-width: 1024px) {\r\n    #psicus-tabs-widget .psicus-tabs {\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n    }\r\n    \r\n    #psicus-tabs-widget .psicus-tab {\r\n        flex: 0 1 auto;\r\n        padding: 8px 12px;\r\n        font-size: 13px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    #psicus-tabs-widget .psicus-tabs {\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n    }\r\n    \r\n    #psicus-tabs-widget .psicus-tab {\r\n        flex: 0 1 auto;\r\n        padding: 8px 10px;\r\n        font-size: 13px;\r\n    }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    #psicus-tabs-widget .psicus-tabs {\r\n        flex-wrap: wrap;\r\n        display: none;\r\n        justify-content: flex-start;\r\n    }\r\n    \r\n    #psicus-tabs-widget .psicus-tabs.show {\r\n        display: flex;\r\n    }\r\n    \r\n    #psicus-tabs-widget .psicus-tab {\r\n        flex: 1 0 50%;\r\n        min-width: 50%;\r\n        border-radius: 0;\r\n        padding: 10px 12px;\r\n        text-align: center;\r\n        justify-content: center;\r\n    }\r\n    \r\n    #psicus-tabs-widget .psicus-mobile-menu-toggle {\r\n        display: flex;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    #psicus-tabs-widget .psicus-tab {\r\n        flex: 1 0 100%;\r\n        min-width: 100%;\r\n        padding: 10px 12px;\r\n        font-size: 13px;\r\n    }\r\n}\r\n\r\n\/* Para pantallas muy grandes con muchos botones *\/\r\n@media (min-width: 1025px) {\r\n    #psicus-tabs-widget .psicus-tabs {\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div id=\"psicus-tabs-widget\">\r\n    <div class=\"psicus-tabs-container\">\r\n        <button class=\"psicus-mobile-menu-toggle\">\r\n            <div class=\"hamburger-icon\">\r\n                <span><\/span>\r\n                <span><\/span>\r\n                <span><\/span>\r\n            <\/div>\r\n        <\/button>\r\n        \r\n        <div class=\"psicus-tabs\">\r\n            <button class=\"psicus-tab active\" data-tab=\"inicio\" aria-selected=\"true\" role=\"tab\">\r\n                <span>Start<\/span>\r\n            <\/button>\r\n            <button class=\"psicus-tab\" data-tab=\"sobre-nosotros\" aria-selected=\"false\" role=\"tab\">\r\n                <span>About us<\/span>\r\n            <\/button>\r\n            <button class=\"psicus-tab\" data-tab=\"servicios\" aria-selected=\"false\" role=\"tab\">\r\n                <span>Nuestros Servicios<\/span>\r\n            <\/button>\r\n            <button class=\"psicus-tab\" data-tab=\"solicitudes\" aria-selected=\"false\" role=\"tab\">\r\n                <span>Solicitudes y Cotizaciones<\/span>\r\n            <\/button>\r\n            <button class=\"psicus-tab\" data-tab=\"pagos\" aria-selected=\"false\" role=\"tab\">\r\n                <span>Payments<\/span>\r\n            <\/button>\r\n            <button class=\"psicus-tab\" data-tab=\"eventos\" aria-selected=\"false\" role=\"tab\">\r\n                <span>Eventos, Noticias y Publicaciones<\/span>\r\n            <\/button>\r\n            <button class=\"psicus-tab\" data-tab=\"contacto\" aria-selected=\"false\" role=\"tab\">\r\n                <span>Comun\u00edcate con Nosotros<\/span>\r\n            <\/button>\r\n        <\/div>\r\n        \r\n        <button class=\"psicus-tabs-scroll-controls prev\" aria-label=\"Desplazar pesta\u00f1as hacia la izquierda\" style=\"display: none !important;\">\r\n            \u2039\r\n        <\/button>\r\n        <button class=\"psicus-tabs-scroll-controls next\" aria-label=\"Desplazar pesta\u00f1as hacia la derecha\" style=\"display: none !important;\">\r\n            \u203a\r\n        <\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ Funci\u00f3n auto-ejecutable para evitar conflictos\r\n(function() {\r\n    \/\/ Almacenamiento para comunicaci\u00f3n entre archivos\r\n    if (!window.psicusTabs) {\r\n        window.psicusTabs = {\r\n            currentTab: 'inicio',\r\n            updateContent: function(tabId) {\r\n                console.log('Cambiando a pesta\u00f1a:', tabId);\r\n            }\r\n        };\r\n    }\r\n\r\n    \/\/ Esperar a que el DOM est\u00e9 listo\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initPsicusTabs);\r\n    } else {\r\n        initPsicusTabs();\r\n    }\r\n\r\n    function initPsicusTabs() {\r\n        const widget = document.getElementById('psicus-tabs-widget');\r\n        if (!widget) return;\r\n\r\n        const tabs = widget.querySelectorAll('.psicus-tab');\r\n        const mobileMenuToggle = widget.querySelector('.psicus-mobile-menu-toggle');\r\n        const tabsContainer = widget.querySelector('.psicus-tabs');\r\n        \r\n        \/\/ Eliminar completamente los controles de desplazamiento\r\n        const scrollPrev = widget.querySelector('.psicus-tabs-scroll-controls.prev');\r\n        const scrollNext = widget.querySelector('.psicus-tabs-scroll-controls.next');\r\n        if (scrollPrev) scrollPrev.style.display = 'none';\r\n        if (scrollNext) scrollNext.style.display = 'none';\r\n        \r\n        \/\/ Configurar eventos para cada pesta\u00f1a\r\n        tabs.forEach(tab => {\r\n            tab.addEventListener('click', handleTabClick);\r\n            tab.addEventListener('keydown', handleTabKeydown);\r\n            \r\n            \/\/ Eliminar cualquier efecto visual no deseado al hacer clic\r\n            tab.style.webkitTapHighlightColor = 'transparent';\r\n            tab.style.webkitUserSelect = 'none';\r\n            tab.style.msUserSelect = 'none';\r\n            tab.style.userSelect = 'none';\r\n            \r\n            \/\/ Forzar estilo de texto para evitar may\u00fasculas\r\n            tab.style.textTransform = 'none';\r\n            tab.style.fontVariant = 'normal';\r\n        });\r\n        \r\n        \/\/ Configurar men\u00fa m\u00f3vil con icono de hamburguesa\r\n        if (mobileMenuToggle) {\r\n            mobileMenuToggle.addEventListener('click', function(e) {\r\n                e.preventDefault();\r\n                tabsContainer.classList.toggle('show');\r\n                \r\n                \/\/ Animaci\u00f3n del icono hamburguesa a X\r\n                const spans = this.querySelectorAll('.hamburger-icon span');\r\n                if (tabsContainer.classList.contains('show')) {\r\n                    spans[0].style.transform = 'rotate(45deg) translate(5px, 5px)';\r\n                    spans[1].style.opacity = '0';\r\n                    spans[2].style.transform = 'rotate(-45deg) translate(7px, -6px)';\r\n                } else {\r\n                    spans[0].style.transform = 'none';\r\n                    spans[1].style.opacity = '1';\r\n                    spans[2].style.transform = 'none';\r\n                }\r\n            });\r\n            \r\n            \/\/ Eliminar efectos no deseados en el bot\u00f3n m\u00f3vil\r\n            mobileMenuToggle.style.webkitTapHighlightColor = 'transparent';\r\n            mobileMenuToggle.style.webkitUserSelect = 'none';\r\n            mobileMenuToggle.style.msUserSelect = 'none';\r\n            mobileMenuToggle.style.userSelect = 'none';\r\n        }\r\n        \r\n        \/\/ Funci\u00f3n para manejar clics en pesta\u00f1as\r\n        function handleTabClick(e) {\r\n            const tab = e.currentTarget;\r\n            \r\n            \/\/ Prevenir comportamiento por defecto que podr\u00eda causar efectos visuales\r\n            e.preventDefault();\r\n            \r\n            \/\/ Remover clase activa de todas las pesta\u00f1as\r\n            tabs.forEach(t => {\r\n                t.classList.remove('active');\r\n                t.setAttribute('aria-selected', 'false');\r\n            });\r\n            \r\n            \/\/ Agregar clase activa a la pesta\u00f1a clickeada\r\n            tab.classList.add('active');\r\n            tab.setAttribute('aria-selected', 'true');\r\n            \r\n            \/\/ Obtener el ID de la pesta\u00f1a\r\n            const tabId = tab.getAttribute('data-tab');\r\n            \r\n            \/\/ Actualizar el contenido\r\n            if (window.psicusContent && window.psicusContent.showTab) {\r\n                window.psicusContent.showTab(tabId);\r\n            } else {\r\n                \/\/ Si el contenido no est\u00e1 cargado, guardar la selecci\u00f3n\r\n                window.psicusTabs.currentTab = tabId;\r\n                console.log('Contenido no disponible. Pesta\u00f1a seleccionada:', tabId);\r\n            }\r\n            \r\n            \/\/ Cerrar men\u00fa m\u00f3vil si est\u00e1 abierto\r\n            if (window.innerWidth <= 600 && tabsContainer.classList.contains('show')) {\r\n                tabsContainer.classList.remove('show');\r\n                if (mobileMenuToggle) {\r\n                    const spans = mobileMenuToggle.querySelectorAll('.hamburger-icon span');\r\n                    spans[0].style.transform = 'none';\r\n                    spans[1].style.opacity = '1';\r\n                    spans[2].style.transform = 'none';\r\n                }\r\n            }\r\n        }\r\n        \r\n        \/\/ Funci\u00f3n para manejar navegaci\u00f3n por teclado\r\n        function handleTabKeydown(e) {\r\n            const tab = e.currentTarget;\r\n            const tabId = tab.getAttribute('data-tab');\r\n            const tabIndex = Array.from(tabs).indexOf(tab);\r\n            \r\n            switch(e.key) {\r\n                case 'Enter':\r\n                case ' ':\r\n                    e.preventDefault();\r\n                    handleTabClick(e);\r\n                    break;\r\n                case 'ArrowRight':\r\n                    e.preventDefault();\r\n                    const nextTab = tabs[(tabIndex + 1) % tabs.length];\r\n                    nextTab.focus();\r\n                    break;\r\n                case 'ArrowLeft':\r\n                    e.preventDefault();\r\n                    const prevTab = tabs[(tabIndex - 1 + tabs.length) % tabs.length];\r\n                    prevTab.focus();\r\n                    break;\r\n                case 'Home':\r\n                    e.preventDefault();\r\n                    tabs[0].focus();\r\n                    break;\r\n                case 'End':\r\n                    e.preventDefault();\r\n                    tabs[tabs.length - 1].focus();\r\n                    break;\r\n            }\r\n        }\r\n        \r\n        \/\/ Actualizar cuando cambia el tama\u00f1o de la ventana\r\n        window.addEventListener('resize', function() {\r\n            \/\/ Cerrar men\u00fa m\u00f3vil al redimensionar a pantallas m\u00e1s grandes\r\n            if (window.innerWidth > 600 && tabsContainer.classList.contains('show')) {\r\n                tabsContainer.classList.remove('show');\r\n                if (mobileMenuToggle) {\r\n                    const spans = mobileMenuToggle.querySelectorAll('.hamburger-icon span');\r\n                    spans[0].style.transform = 'none';\r\n                    spans[1].style.opacity = '1';\r\n                    spans[2].style.transform = 'none';\r\n                }\r\n            }\r\n        });\r\n        \r\n        \/\/ Exponer funci\u00f3n para que el contenido pueda cambiar las pesta\u00f1as\r\n        window.psicusTabs.setActiveTab = function(tabId) {\r\n            tabs.forEach(t => {\r\n                t.classList.remove('active');\r\n                t.setAttribute('aria-selected', 'false');\r\n                if (t.getAttribute('data-tab') === tabId) {\r\n                    t.classList.add('active');\r\n                    t.setAttribute('aria-selected', 'true');\r\n                }\r\n            });\r\n        };\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-50c6cce elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"50c6cce\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f02c15c\" data-id=\"f02c15c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e41771b elementor-widget elementor-widget-html\" data-id=\"e41771b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* ===== VARIABLES Y CONFIGURACI\u00d3N GLOBAL MEJORADA ===== *\/\r\n    :root {\r\n        --primary-red: #ff0000;\r\n        --primary-dark: #571d1d;\r\n        --primary-blue: #7a0303;\r\n        --light-blue: #e9a2a2;\r\n        --cream: #f1faee;\r\n        --dark-gray: #000000;\r\n        --medium-gray: #ae8d8d;\r\n        --light-gray: #edf2f4;\r\n        --white: #ffffff;\r\n\r\n        --transition-speed: 0.3s;\r\n        --border-radius: 2px;\r\n        --border-radius-lg: 2px;\r\n        --shadow-subtle: 0 2px 10px rgba(0, 0, 0, 0.08);\r\n        --shadow-medium: 0 4px 15px rgba(0, 0, 0, 0.12);\r\n        --shadow-elegant: 0 8px 25px rgba(0, 0, 0, 0.15);\r\n\r\n        --gradient-primary: linear-gradient(135deg, var(--primary-red) 0%, var(--primary-blue) 100%);\r\n        --gradient-light: linear-gradient(135deg, var(--light-blue) 0%, var(--cream) 100%);\r\n    }\r\n\r\n    * {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: Arial, sans-serif;\r\n    }\r\n\r\n    body {\r\n        background-color: var(--cream);\r\n        color: #020101;\r\n        line-height: 1.7;\r\n        overflow-y: auto;\r\n        font-family: Arial, sans-serif;\r\n    }\r\n\r\n    \/* ===== CONTENEDOR PRINCIPAL ===== *\/\r\n    .content-container {\r\n        width: 100%;\r\n        padding: 20px;\r\n        animation: fadeIn 0.5s ease;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* ===== SISTEMA DE PESTA\u00d1AS ===== *\/\r\n    .tab-content {\r\n        display: none;\r\n        animation: fadeIn 0.5s ease;\r\n    }\r\n\r\n    .tab-content.active {\r\n        display: block;\r\n    }\r\n\r\n    \/* ===== ANIMACIONES ===== *\/\r\n    @keyframes fadeIn {\r\n        from {\r\n            opacity: 0;\r\n            transform: translateY(15px);\r\n        }\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    @keyframes slideIn {\r\n        from {\r\n            opacity: 0;\r\n            transform: translateX(-20px);\r\n        }\r\n        to {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n    }\r\n\r\n    \/* ===== TIPOGRAF\u00cdA Y T\u00cdTULOS MEJORADOS ===== *\/\r\n    h1, h2, h3 {\r\n        color: #3D3D3D;\r\n        margin-bottom: 10px;\r\n        font-weight: 900;\r\n        line-height: 1.3;\r\n        text-align: center;\r\n    }\r\n\r\n    h1 {\r\n        font-size: 45px;\r\n        padding-bottom: 15px;\r\n        margin-bottom: 25px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 12px;\r\n        border-bottom: none;\r\n        animation: slideIn 0.5s ease;\r\n        position: relative;\r\n    }\r\n\r\n    \/* Eliminar l\u00ednea debajo de los t\u00edtulos *\/\r\n    h1::after {\r\n        display: none;\r\n    }\r\n\r\n    \/* Eliminar \u00edconos de t\u00edtulos *\/\r\n    h1 i {\r\n        display: none;\r\n    }\r\n\r\n    h2 {\r\n        font-size: 28.8px;\r\n        margin-top: 35px;\r\n        animation: slideIn 0.5s ease 0.1s both;\r\n        padding-left: 0;\r\n        border-left: none;\r\n        text-align: center;\r\n    }\r\n\r\n    h3 {\r\n        font-size: 22.4px;\r\n        margin-top: 25px;\r\n        color: #3D3D3D;\r\n        animation: slideIn 0.5s ease 0.2s both;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 8px;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* Eliminar \u00edconos de h3 *\/\r\n    h3 i {\r\n        display: none;\r\n    }\r\n\r\n    \/* Textos principales con Arial 21px, justificados y color #020101 *\/\r\n    p {\r\n        margin-bottom: 20px;\r\n        line-height: 1.7;\r\n        animation: slideIn 0.5s ease 0.3s both;\r\n        font-size: 21px;\r\n        font-family: Arial, sans-serif;\r\n        color: #757575;\r\n        text-align: justify;\r\n        font-weight: normal;\r\n    }\r\n\r\n    \/* ===== ESTILOS MEJORADOS PARA LA PESTA\u00d1A DE SERVICIOS ===== *\/\r\n    .catalog-hero {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 40px;\r\n        margin: 30px 0;\r\n        padding: 30px;\r\n        background: var(--white);\r\n        border-radius: var(--border-radius-lg);\r\n        box-shadow: var(--shadow-subtle);\r\n        animation: slideIn 0.5s ease 0.3s both;\r\n    }\r\n\r\n    .hero-content {\r\n        flex: 1;\r\n    }\r\n\r\n    .hero-content h2 {\r\n        color: #3D3D3D;\r\n        margin-bottom: 10px;\r\n        border-left: none;\r\n        padding-left: 0;\r\n        text-align: center;\r\n    }\r\n\r\n    .hero-image {\r\n        flex: 1;\r\n        text-align: center;\r\n    }\r\n\r\n    .hero-image img {\r\n        max-width: 100%;\r\n        height: auto;\r\n        border-radius: var(--border-radius);\r\n        box-shadow: var(--shadow-medium);\r\n    }\r\n\r\n    .catalog-controls {\r\n        margin: 30px 0;\r\n        animation: slideIn 0.5s ease 0.4s both;\r\n    }\r\n\r\n    .search-box {\r\n        position: relative;\r\n        max-width: 500px;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .search-box i {\r\n        position: absolute;\r\n        left: 15px;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        color: var(--medium-gray);\r\n    }\r\n\r\n    .search-box input {\r\n        width: 100%;\r\n        padding: 12px 15px 12px 45px;\r\n        border: 1px solid var(--light-gray);\r\n        border-radius: var(--border-radius);\r\n        font-size: 1rem;\r\n        transition: all 0.3s ease;\r\n        font-family: Arial, sans-serif;\r\n    }\r\n\r\n    .search-box input:focus {\r\n        outline: none;\r\n        border-color: var(--primary-red);\r\n        box-shadow: 0 0 0 3px rgba(219, 35, 35, 0.1);\r\n    }\r\n\r\n    .category-filters {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 1px;\r\n        margin-bottom: 10px;\r\n        justify-content: center;\r\n    }\r\n\r\n    .category-filter {\r\n        background: var(--dark-gray);\r\n        border: 1px solid var(--light-gray);\r\n        border-radius: 2px;\r\n        padding: 8px 15px;\r\n        font-size: 14px;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        font-weight: 500;\r\n        font-family: Arial, sans-serif;\r\n    }\r\n\r\n    .category-filter:hover {\r\n        border-color: var(--primary-red);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .category-filter.active {\r\n        background: var(--primary-red);\r\n        color: var(--white);\r\n        border-color: var(--primary-red);\r\n    }\r\n\r\n    .results-info {\r\n        color: var(--medium-gray);\r\n        font-size: 0.9rem;\r\n        margin-bottom: 20px;\r\n        text-align: center;\r\n        font-family: Arial, sans-serif;\r\n    }\r\n\r\n    \/* Tarjetas de pruebas - Fondo blanco y borde lateral izquierdo *\/\r\n    .tests-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\r\n        gap: 20px;\r\n        margin: 30px 0;\r\n    }\r\n\r\n    .test-card {\r\n        background: var(--white);\r\n        border-radius: var(--border-radius);\r\n        padding: 20px;\r\n        box-shadow: var(--shadow-subtle);\r\n        transition: all 0.3s ease;\r\n        border-left: 4px solid var(--primary-red);\r\n        animation: slideIn 0.5s ease both;\r\n        display: flex;\r\n        flex-direction: column;\r\n        height: 100%;\r\n    }\r\n\r\n    .test-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: var(--shadow-medium);\r\n    }\r\n\r\n    .test-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: flex-start;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .test-name {\r\n        font-weight: 600;\r\n        color: #3D3D3D;\r\n        font-size: 21px;\r\n        line-height: 1.4;\r\n        flex: 1;\r\n        font-family: Arial, sans-serif;\r\n    }\r\n\r\n    .test-code {\r\n        background: var(--light-blue);\r\n        color: var(--primary-dark);\r\n        padding: 4px 10px;\r\n        border-radius: 20px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin-left: 10px;\r\n        white-space: nowrap;\r\n        font-family: Arial, sans-serif;\r\n    }\r\n\r\n    .test-price {\r\n        font-weight: 700;\r\n        color: var(--primary-red);\r\n        font-size: 1.1rem;\r\n        margin-top: 10px;\r\n        font-family: Arial, sans-serif;\r\n    }\r\n\r\n    .test-price.free {\r\n        color: var(--primary-blue);\r\n    }\r\n\r\n    .no-results {\r\n        text-align: center;\r\n        padding: 40px;\r\n        color: var(--medium-gray);\r\n        font-style: italic;\r\n        grid-column: 1 \/ -1;\r\n        font-family: Arial, sans-serif;\r\n    }\r\n\r\n    .catalog-footer {\r\n        margin-top: 50px;\r\n        padding: 30px;\r\n        background: var(--white);\r\n        border-radius: var(--border-radius-lg);\r\n        box-shadow: var(--shadow-subtle);\r\n        text-align: center;\r\n        animation: slideIn 0.5s ease 0.9s both;\r\n    }\r\n\r\n    .contact-info {\r\n        background-color: var(--white);\r\n        padding: 25px;\r\n        border-radius: var(--border-radius-lg);\r\n        margin-top: 25px;\r\n        border-left: 3px solid var(--primary-red);\r\n        box-shadow: var(--shadow-subtle);\r\n        animation: slideIn 0.5s ease 0.6s both;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .contact-info::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: var(--gradient-light);\r\n        opacity: 0.1;\r\n        z-index: 0;\r\n    }\r\n\r\n    .contact-info h2 {\r\n        position: relative;\r\n        z-index: 1;\r\n        margin-top: 0;\r\n        border-left: none;\r\n        padding-left: 0;\r\n        text-align: center;\r\n    }\r\n\r\n    .contact-info p {\r\n        margin-bottom: 15px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 12px;\r\n        position: relative;\r\n        z-index: 1;\r\n        text-align: center;\r\n    }\r\n\r\n    .contact-info i {\r\n        color: var(--primary-red);\r\n        width: 20px;\r\n        text-align: center;\r\n        font-size: 1.1rem;\r\n    }\r\n\r\n    .highlight {\r\n        background-color: rgba(230, 57, 70, 0.1);\r\n        padding: 4px 8px;\r\n        border-radius: var(--border-radius);\r\n        font-weight: 600;\r\n        color: var(--primary-red);\r\n        border-left: 0.5px solid var(--primary-red);\r\n        font-family: Arial, sans-serif;\r\n    }\r\n\r\n    \/* Estados para filtrado *\/\r\n    .test-card.hidden {\r\n        display: none;\r\n    }\r\n\r\n    \/* ===== CARRUSEL PROFESIONAL MEJORADO ===== *\/\r\n    .carousel-section {\r\n        margin: 40px 0;\r\n        animation: slideIn 0.5s ease 0.4s both;\r\n    }\r\n\r\n    .modern-carousel {\r\n        position: relative;\r\n        width: 100%;\r\n        margin: 0 auto;\r\n        overflow: hidden;\r\n        border-radius: var(--border-radius-lg);\r\n        box-shadow: var(--shadow-elegant);\r\n    }\r\n\r\n    .carousel-track {\r\n        display: flex;\r\n        transition: transform var(--transition-speed) cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n        height: 500px;\r\n    }\r\n\r\n    .carousel-slide {\r\n        min-width: 100%;\r\n        height: 100%;\r\n        position: relative;\r\n    }\r\n\r\n    .carousel-slide img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n    }\r\n\r\n    .slide-content {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        right: 0;\r\n        background: linear-gradient(transparent, rgba(0, 0, 0, 0.85));\r\n        color: white;\r\n        padding: 30px;\r\n        border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);\r\n    }\r\n\r\n    .slide-title {\r\n        font-size: 1.5rem;\r\n        font-weight: 600;\r\n        margin-bottom: 10px;\r\n        font-family: Arial, sans-serif;\r\n    }\r\n\r\n    .slide-description {\r\n        font-size: 1rem;\r\n        opacity: 0.9;\r\n        line-height: 1.5;\r\n        font-family: Arial, sans-serif;\r\n    }\r\n\r\n    \/* Controles del carrusel mejorados *\/\r\n    .carousel-nav {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 0;\r\n        right: 0;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        padding: 0 20px;\r\n        transform: translateY(-50%);\r\n        z-index: 10;\r\n    }\r\n\r\n    .nav-btn {\r\n        width: 50px;\r\n        height: 50px;\r\n        background: var(--white);\r\n        border: none;\r\n        border-radius: 10%;\r\n        cursor: pointer;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 18px;\r\n        color: var(--primary-dark);\r\n        transition: all 0.3s ease;\r\n        box-shadow: var(--shadow-medium);\r\n        opacity: 0.9;\r\n    }\r\n\r\n    .nav-btn:hover {\r\n        background: var(--primary-red);\r\n        color: var(--white);\r\n        transform: scale(1.1);\r\n        opacity: 1;\r\n    }\r\n\r\n    \/* Indicadores de progreso mejorados *\/\r\n    .carousel-progress {\r\n        position: absolute;\r\n        bottom: 20px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        display: flex;\r\n        gap: 8px;\r\n        z-index: 10;\r\n    }\r\n\r\n    .progress-dot {\r\n        width: 12px;\r\n        height: 12px;\r\n        border-radius: 50%;\r\n        background: rgba(252, 0, 0, 0.5);\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        border: 2px solid transparent;\r\n    }\r\n\r\n    .progress-dot.active {\r\n        background: var(--primary-red);\r\n        transform: scale(1.3);\r\n        border-color: var(--white);\r\n    }\r\n\r\n    .progress-dot:hover {\r\n        background: rgba(255, 255, 255, 0.8);\r\n    }\r\n\r\n    \/* Miniaturas mejoradas *\/\r\n    .carousel-thumbnails {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 10px;\r\n        margin-top: 20px;\r\n        padding: 0 15px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .thumbnail {\r\n        width: 80px;\r\n        height: 60px;\r\n        border-radius: var(--border-radius);\r\n        overflow: hidden;\r\n        cursor: pointer;\r\n        opacity: 0.6;\r\n        transition: all 0.3s ease;\r\n        border: 2px solid transparent;\r\n        box-shadow: var(--shadow-subtle);\r\n    }\r\n\r\n    .thumbnail.active {\r\n        opacity: 1;\r\n        border-color: var(--primary-red);\r\n        transform: scale(1.1);\r\n    }\r\n\r\n    .thumbnail:hover {\r\n        opacity: 0.8;\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .thumbnail img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n    }\r\n\r\n    \/* ===== TARJETAS DE SERVICIOS MEJORADAS ===== *\/\r\n    .service-cards {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 25px;\r\n        margin: 30px 0;\r\n        align-items: stretch;\r\n    }\r\n\r\n    .service-card {\r\n        background: var(--white);\r\n        border-radius: var(--border-radius-lg);\r\n        padding: 25px;\r\n        box-shadow: var(--shadow-subtle);\r\n        border-left: 4px solid var(--primary-red);\r\n        transition: all 0.4s ease;\r\n        animation: slideIn 0.5s ease both;\r\n        position: relative;\r\n        overflow: hidden;\r\n        height: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .service-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 0;\r\n        background: var(--gradient-primary);\r\n        opacity: 0.05;\r\n        transition: height 0.4s ease;\r\n        z-index: 0;\r\n    }\r\n\r\n    .service-card:hover::before {\r\n        height: 100%;\r\n    }\r\n\r\n    .service-card:nth-child(1) { animation-delay: 0.3s; }\r\n    .service-card:nth-child(2) { animation-delay: 0.4s; }\r\n    .service-card:nth-child(3) { animation-delay: 0.5s; }\r\n    .service-card:nth-child(4) { animation-delay: 0.6s; }\r\n\r\n    .service-card:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: var(--shadow-elegant);\r\n    }\r\n\r\n    .service-card h3 {\r\n        margin-top: 0;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 10px;\r\n        position: relative;\r\n        z-index: 1;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    \/* Eliminar \u00edconos de las tarjetas de servicio *\/\r\n    .service-card i {\r\n        display: none;\r\n    }\r\n\r\n    .service-card p {\r\n        position: relative;\r\n        z-index: 1;\r\n        flex-grow: 1;\r\n        margin-bottom: 0;\r\n        text-align: justify;\r\n        font-family: Arial, sans-serif;\r\n        font-size: 21px;\r\n        color: #020101;\r\n        font-weight: normal;\r\n    }\r\n\r\n    .image-container {\r\n        text-align: center;\r\n        margin: 25px 0;\r\n        animation: slideIn 0.5s ease 0.5s both;\r\n    }\r\n\r\n    .image-container img {\r\n        max-width: 100%;\r\n        height: auto;\r\n        border-radius: var(--border-radius-lg);\r\n        box-shadow: var(--shadow-medium);\r\n        transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n    }\r\n\r\n    .image-container img:hover {\r\n        transform: scale(1.02);\r\n        box-shadow: var(--shadow-elegant);\r\n    }\r\n\r\n    \/* ===== COMPONENTES ESPECIALES MEJORADOS ===== *\/\r\n    .flipbook-placeholder {\r\n        background: var(--white);\r\n        padding: 50px 30px;\r\n        text-align: center;\r\n        border-radius: var(--border-radius-lg);\r\n        margin: 25px 0;\r\n        border: 2px dashed var(--primary-blue);\r\n        transition: all 0.4s ease;\r\n        animation: slideIn 0.5s ease 0.7s both;\r\n        box-shadow: var(--shadow-subtle);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .flipbook-placeholder::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: var(--gradient-light);\r\n        opacity: 0.1;\r\n        z-index: 0;\r\n    }\r\n\r\n    .flipbook-placeholder:hover {\r\n        background: var(--light-gray);\r\n        transform: translateY(-5px);\r\n        box-shadow: var(--shadow-medium);\r\n        border-color: var(--primary-red);\r\n    }\r\n\r\n    .flipbook-placeholder i {\r\n        font-size: 3rem;\r\n        color: var(--primary-red);\r\n        margin-bottom: 15px;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .flipbook-placeholder h3 {\r\n        position: relative;\r\n        z-index: 1;\r\n        border-left: none;\r\n        padding-left: 0;\r\n        margin-top: 0;\r\n    }\r\n\r\n    .flipbook-placeholder p {\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .news-item {\r\n        background: var(--white);\r\n        border-radius: var(--border-radius-lg);\r\n        padding: 25px;\r\n        margin-bottom: 25px;\r\n        box-shadow: var(--shadow-subtle);\r\n        border-left: 4px solid var(--primary-red);\r\n        transition: all 0.4s ease;\r\n        animation: slideIn 0.5s ease 0.7s both;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .news-item::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: var(--gradient-light);\r\n        opacity: 0.05;\r\n        z-index: 0;\r\n    }\r\n\r\n    .news-item:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: var(--shadow-medium);\r\n    }\r\n\r\n    .news-date {\r\n        color: var(--primary-red);\r\n        font-weight: bold;\r\n        margin-bottom: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 8px;\r\n        font-size: 1rem;\r\n        position: relative;\r\n        z-index: 1;\r\n        font-family: Arial, sans-serif;\r\n    }\r\n\r\n    \/* ===== BARRA DE PROGRESO MEJORADA ===== *\/\r\n    .progress-bar {\r\n        height: 4px;\r\n        background-color: var(--light-gray);\r\n        position: relative;\r\n        margin: 15px 0 25px;\r\n        border-radius: var(--border-radius);\r\n        overflow: hidden;\r\n        box-shadow: var(--shadow-subtle);\r\n    }\r\n\r\n    .progress-fill {\r\n        height: 100%;\r\n        background: var(--gradient-primary);\r\n        width: 0%;\r\n        transition: width 0.5s ease;\r\n        border-radius: var(--border-radius);\r\n    }\r\n\r\n    \/* ===== MEJORAS DE ACCESIBILIDAD Y ESTADO ===== *\/\r\n    .sr-only {\r\n        position: absolute;\r\n        width: 1px;\r\n        height: 1px;\r\n        padding: 0;\r\n        margin: -1px;\r\n        overflow: hidden;\r\n        clip: rect(0, 0, 0, 0);\r\n        white-space: nowrap;\r\n        border: 0;\r\n    }\r\n\r\n    \/* ===== DISE\u00d1O RESPONSIVE MEJORADO ===== *\/\r\n    @media (max-width: 992px) {\r\n        .content-container {\r\n            padding: 15px;\r\n        }\r\n\r\n        h1 {\r\n            font-size: 1.8rem;\r\n        }\r\n\r\n        h2 {\r\n            font-size: 1.5rem;\r\n        }\r\n\r\n        h3 {\r\n            font-size: 1.2rem;\r\n        }\r\n\r\n        .carousel-track {\r\n            height: 400px;\r\n        }\r\n        \r\n        p {\r\n            font-size: 19px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .carousel-track {\r\n            height: 350px;\r\n        }\r\n\r\n        .nav-btn {\r\n            width: 40px;\r\n            height: 40px;\r\n            font-size: 16px;\r\n        }\r\n\r\n        .slide-content {\r\n            padding: 20px;\r\n        }\r\n\r\n        .slide-title {\r\n            font-size: 1.2rem;\r\n        }\r\n\r\n        .carousel-thumbnails {\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .service-cards {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .progress-bar {\r\n            margin: 10px 0 20px;\r\n        }\r\n\r\n        .catalog-hero {\r\n            flex-direction: column;\r\n            text-align: center;\r\n            gap: 20px;\r\n            padding: 20px;\r\n        }\r\n\r\n        .search-box {\r\n            max-width: 100%;\r\n        }\r\n\r\n        .category-filters {\r\n            justify-content: center;\r\n        }\r\n\r\n        .tests-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n        \r\n        p {\r\n            font-size: 18px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 576px) {\r\n        .content-container {\r\n            padding: 10px;\r\n        }\r\n\r\n        h1 {\r\n            font-size: 1.5rem;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .carousel-track {\r\n            height: 250px;\r\n        }\r\n\r\n        .slide-content {\r\n            padding: 15px;\r\n        }\r\n\r\n        .slide-title {\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .slide-description {\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        .thumbnail {\r\n            width: 60px;\r\n            height: 45px;\r\n        }\r\n\r\n        .service-card {\r\n            padding: 20px;\r\n        }\r\n\r\n        .contact-info {\r\n            padding: 20px;\r\n        }\r\n\r\n        .flipbook-placeholder {\r\n            padding: 30px 20px;\r\n        }\r\n\r\n        .test-header {\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n        }\r\n\r\n        .test-code {\r\n            margin-left: 0;\r\n            margin-top: 5px;\r\n        }\r\n        \r\n        p {\r\n            font-size: 17px;\r\n            text-align: left;\r\n        }\r\n        \r\n        .service-card p {\r\n            text-align: left;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<body>\r\n    <!-- Contenedor principal del contenido -->\r\n    <div class=\"content-container\">\r\n\r\n        <!-- ===== PESTA\u00d1A INICIO ===== -->\r\n        <div id=\"inicio\" class=\"tab-content active\">\r\n            <!-- T\u00edtulo principal sin \u00edcono -->\r\n            <h1>PSICUS-LAB<\/h1>\r\n\r\n            <!-- P\u00e1rrafos con texto justificado, Arial 21px, color #020101 -->\r\n            <p>El laboratorio de psicolog\u00eda <strong>PsicUS-Lab<\/strong> se concibe como un n\u00facleo de desarrollo cient\u00edfico y acad\u00e9mico, dise\u00f1ado para ofrecer a estudiantes, docentes y egresados un entorno \u00f3ptimo para la investigaci\u00f3n y la pr\u00e1ctica en las diversas \u00e1reas de la formaci\u00f3n curricular. Nuestro objetivo es fomentar el pensamiento cr\u00edtico, consolidar una s\u00f3lida base cient\u00edfica y promover una visi\u00f3n integral de la cultura en nuestros estudiantes.<\/p>\r\n\r\n            <p>Adem\u00e1s, buscamos impulsar la creaci\u00f3n de proyectos con impacto significativo en la instituci\u00f3n, la comunidad cient\u00edfica y el desarrollo social. PsicUS-Lab se proyecta como un centro de servicios integrados, donde convergen los diferentes laboratorios de la escuela, cumpliendo con los rigurosos est\u00e1ndares formativos de la psicolog\u00eda. Nos fundamentamos en una concepci\u00f3n contempor\u00e1nea del estudio del comportamiento humano, abordando todas las variables necesarias para comprender su complejidad.<\/p>\r\n\r\n            <!-- Secci\u00f3n del carrusel de im\u00e1genes -->\r\n            <div class=\"carousel-section\">\r\n                <div class=\"modern-carousel\" id=\"inicioCarousel\">\r\n                    <div class=\"carousel-track\">\r\n                        <div class=\"carousel-slide active\">\r\n                            <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/unisinucartagena.edu.co\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-15-141333.png?w=640&#038;ssl=1\" alt=\"Laboratorio PsicUS-Lab\">\r\n                            <div class=\"slide-content\">\r\n                                <div class=\"slide-title\">Laboratorio PsicUS-Lab<\/div>\r\n                                <div class=\"slide-description\">Espacio dedicado a la investigaci\u00f3n y desarrollo en psicolog\u00eda<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"carousel-slide\">\r\n                            <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/unisinucartagena.edu.co\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-15-141353.png?w=640&#038;ssl=1\" alt=\"Equipamiento especializado\">\r\n                            <div class=\"slide-content\">\r\n                                <div class=\"slide-title\">Equipamiento Especializado<\/div>\r\n                                <div class=\"slide-description\">Tecnolog\u00eda de vanguardia para investigaci\u00f3n psicol\u00f3gica<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"carousel-slide\">\r\n                            <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/unisinucartagena.edu.co\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-15-141405.png?w=640&#038;ssl=1\" alt=\"Espacios de investigaci\u00f3n\">\r\n                            <div class=\"slide-content\">\r\n                                <div class=\"slide-title\">Espacios de Investigaci\u00f3n<\/div>\r\n                                <div class=\"slide-description\">Ambientes dise\u00f1ados para el estudio del comportamiento humano<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"carousel-slide\">\r\n                            <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/unisinucartagena.edu.co\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-15-141429.png?w=640&#038;ssl=1\" alt=\"Tecnolog\u00eda de vanguardia\">\r\n                            <div class=\"slide-content\">\r\n                                <div class=\"slide-title\">Tecnolog\u00eda de Vanguardia<\/div>\r\n                                <div class=\"slide-description\">Equipos especializados para an\u00e1lisis y evaluaci\u00f3n psicol\u00f3gica<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"carousel-slide\">\r\n                            <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/unisinucartagena.edu.co\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-15-141439.png?w=640&#038;ssl=1\" alt=\"\u00c1rea de evaluaci\u00f3n\">\r\n                            <div class=\"slide-content\">\r\n                                <div class=\"slide-title\">\u00c1rea de Evaluaci\u00f3n<\/div>\r\n                                <div class=\"slide-description\">Espacios para evaluaci\u00f3n y diagn\u00f3stico psicol\u00f3gico<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"carousel-slide\">\r\n                            <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/unisinucartagena.edu.co\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-15-141453.png?w=640&#038;ssl=1\" alt=\"Sala de observaci\u00f3n\">\r\n                            <div class=\"slide-content\">\r\n                                <div class=\"slide-title\">Sala de Observaci\u00f3n<\/div>\r\n                                <div class=\"slide-description\">Ambientes controlados para estudios de comportamiento<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"carousel-nav\">\r\n                        <button class=\"nav-btn prev-btn\" aria-label=\"Previous slide\">\r\n                            \u2039\r\n                        <\/button>\r\n                        <button class=\"nav-btn next-btn\" aria-label=\"Diapositiva siguiente\">\r\n                            \u203a\r\n                        <\/button>\r\n                    <\/div>\r\n\r\n                    <div class=\"carousel-progress\">\r\n                        <span class=\"progress-dot active\" data-index=\"0\" aria-label=\"Ir a diapositiva 1\"><\/span>\r\n                        <span class=\"progress-dot\" data-index=\"1\" aria-label=\"Ir a diapositiva 2\"><\/span>\r\n                        <span class=\"progress-dot\" data-index=\"2\" aria-label=\"Ir a diapositiva 3\"><\/span>\r\n                        <span class=\"progress-dot\" data-index=\"3\" aria-label=\"Ir a diapositiva 4\"><\/span>\r\n                        <span class=\"progress-dot\" data-index=\"4\" aria-label=\"Ir a diapositiva 5\"><\/span>\r\n                        <span class=\"progress-dot\" data-index=\"5\" aria-label=\"Ir a diapositiva 6\"><\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"carousel-thumbnails\">\r\n                    <div class=\"thumbnail active\" data-index=\"0\" aria-label=\"Ver imagen Laboratorio PsicUS-Lab\">\r\n                        <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/unisinucartagena.edu.co\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-15-141333.png?w=640&#038;ssl=1\" alt=\"Miniatura Laboratorio PsicUS-Lab\">\r\n                    <\/div>\r\n                    <div class=\"thumbnail\" data-index=\"1\" aria-label=\"Ver imagen Equipamiento especializado\">\r\n                        <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/unisinucartagena.edu.co\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-15-141353.png?w=640&#038;ssl=1\" alt=\"Miniatura Equipamiento especializado\">\r\n                    <\/div>\r\n                    <div class=\"thumbnail\" data-index=\"2\" aria-label=\"Ver imagen Espacios de investigaci\u00f3n\">\r\n                        <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/unisinucartagena.edu.co\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-15-141405.png?w=640&#038;ssl=1\" alt=\"Miniatura Espacios de investigaci\u00f3n\">\r\n                    <\/div>\r\n                    <div class=\"thumbnail\" data-index=\"3\" aria-label=\"Ver imagen Tecnolog\u00eda de vanguardia\">\r\n                        <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/unisinucartagena.edu.co\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-15-141429.png?w=640&#038;ssl=1\" alt=\"Miniatura Tecnolog\u00eda de vanguardia\">\r\n                    <\/div>\r\n                    <div class=\"thumbnail\" data-index=\"4\" aria-label=\"Ver imagen \u00c1rea de evaluaci\u00f3n\">\r\n                        <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/unisinucartagena.edu.co\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-15-141439.png?w=640&#038;ssl=1\" alt=\"Miniatura \u00c1rea de evaluaci\u00f3n\">\r\n                    <\/div>\r\n                    <div class=\"thumbnail\" data-index=\"5\" aria-label=\"Ver imagen Sala de observaci\u00f3n\">\r\n                        <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/unisinucartagena.edu.co\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-15-141453.png?w=640&#038;ssl=1\" alt=\"Miniatura Sala de observaci\u00f3n\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Informaci\u00f3n de contacto -->\r\n            <div class=\"contact-info\">\r\n                <h2>Informaci\u00f3n de Contacto<\/h2>\r\n                <p><strong>Schedule:<\/strong> lunes a viernes 8:00am \u2013 6:00pm<\/p>\r\n                <p><strong>Ubicaci\u00f3n:<\/strong> Universidad del Sin\u00fa sede Santillana piso 6<\/p>\r\n                <p><strong>E-mail:<\/strong> labpsicologia@unisinucartagena.edu.co<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- ===== PESTA\u00d1A SOBRE NOSOTROS ===== -->\r\n        <div id=\"sobre-nosotros\" class=\"tab-content\">\r\n            <h1>ABOUT US<\/h1>\r\n\r\n            <div class=\"image-container\">\r\n                <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/unisinucartagena.edu.co\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-15-141845.png?w=640&#038;ssl=1\" alt=\"Logo PsicUS-Lab\">\r\n            <\/div>\r\n\r\n            <h2>Mission<\/h2>\r\n            <p><strong>PsicUS-Lab<\/strong> se dedica a potenciar la formaci\u00f3n integral, aline\u00e1ndose con la misi\u00f3n institucional de promover el desarrollo cient\u00edfico. A trav\u00e9s de la gesti\u00f3n de proyectos innovadores en docencia, investigaci\u00f3n y proyecci\u00f3n social, integramos las tecnolog\u00edas de la informaci\u00f3n y la comunicaci\u00f3n para enriquecer nuestras metodolog\u00edas y generar un impacto positivo en la comunidad.<\/p>\r\n\r\n            <h2>Vision<\/h2>\r\n            <p>Para el a\u00f1o 2027, <strong>PsicUS-Lab<\/strong> se consolidar\u00e1 como un referente acad\u00e9mico y cient\u00edfico a nivel regional, destacando por su excelencia en el apoyo integral a la investigaci\u00f3n formativa, cient\u00edfica y de desarrollo. Aspiramos a ser un espacio l\u00edder en la promoci\u00f3n de proyectos intra e interdisciplinarios, impulsando la innovaci\u00f3n y el avance del conocimiento en el campo de la psicolog\u00eda.<\/p>\r\n\r\n            <h2>General objective<\/h2>\r\n            <p>Fortalecer la comunidad cient\u00edfica unisinuana, transformando el conocimiento en una herramienta de desarrollo integral para la docencia, la investigaci\u00f3n y el servicio. Nos adaptamos \u00e1gilmente a las necesidades del entorno acad\u00e9mico y profesional, integrando las \u00faltimas tecnolog\u00edas y manteni\u00e9ndonos a la vanguardia de la informaci\u00f3n.<\/p>\r\n\r\n            <h2>Objetivos Espec\u00edficos<\/h2>\r\n            <div class=\"service-cards\">\r\n                <div class=\"service-card\">\r\n                    <h3>Apoyo a la docencia<\/h3>\r\n                    <p>Proporcionar a los docentes de psicolog\u00eda un espacio de colaboraci\u00f3n para enriquecer la formaci\u00f3n te\u00f3rico-pr\u00e1ctica e investigativa de los estudiantes.<\/p>\r\n                <\/div>\r\n                <div class=\"service-card\">\r\n                    <h3>Servicios integrales para estudiantes<\/h3>\r\n                    <p>Ofrecer a los estudiantes un entorno experimental \u00f3ptimo para el desarrollo de sus actividades acad\u00e9micas e investigaciones.<\/p>\r\n                <\/div>\r\n                <div class=\"service-card\">\r\n                    <h3>Servicios profesionales avanzados<\/h3>\r\n                    <p>Brindar a la comunidad profesional servicios de evaluaci\u00f3n psicol\u00f3gica de alto nivel y apoyo en el desarrollo de proyectos de investigaci\u00f3n.<\/p>\r\n                <\/div>\r\n                <div class=\"service-card\">\r\n                    <h3>Soluciones para el sector empresarial<\/h3>\r\n                    <p>Facilitar al sector empresarial servicios especializados en orientaci\u00f3n vocacional, evaluaci\u00f3n de trastornos del aprendizaje y programas de intervenci\u00f3n terap\u00e9utica avanzada.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <h2>Organic Structure<\/h2>\r\n            <div class=\"image-container\">\r\n                <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/unisinucartagena.edu.co\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-15-141906.png?w=640&#038;ssl=1\" alt=\"Estructura org\u00e1nica\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- ===== PESTA\u00d1A SERVICIOS MEJORADA ===== -->\r\n        <div id=\"servicios\" class=\"tab-content\">\r\n            <h1>NUESTROS SERVICIOS<\/h1>\r\n\r\n            <div class=\"catalog-hero\">\r\n                <div class=\"hero-image\">\r\n                    <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/unisinucartagena.edu.co\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-16-100920.png?w=640&#038;ssl=1\" alt=\"Cat\u00e1logo de Pruebas Psicol\u00f3gicas\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"catalog-controls\">\r\n                <div class=\"search-box\">\r\n                    <input type=\"text\" id=\"testSearch\" placeholder=\"Buscar pruebas por nombre o c\u00f3digo...\">\r\n                <\/div>\r\n\r\n                <div class=\"category-filters\">\r\n                    <button class=\"category-filter active\" data-category=\"all\">Todas las categor\u00edas<\/button>\r\n                    <button class=\"category-filter\" data-category=\"inteligencia\">Inteligencia<\/button>\r\n                    <button class=\"category-filter\" data-category=\"intereses\">Intereses y Aptitudes<\/button>\r\n                    <button class=\"category-filter\" data-category=\"personalidad\">Personalidad<\/button>\r\n                    <button class=\"category-filter\" data-category=\"clinica\">Cl\u00ednica<\/button>\r\n                    <button class=\"category-filter\" data-category=\"educativa\">Educativa<\/button>\r\n                    <button class=\"category-filter\" data-category=\"organizacional\">Organizacional<\/button>\r\n                    <button class=\"category-filter\" data-category=\"cognitiva\">Cognitiva<\/button>\r\n                    <button class=\"category-filter\" data-category=\"neuropsicologia\">neuropsychology<\/button>\r\n                <\/div>\r\n\r\n                <div class=\"results-info\">\r\n                    <span id=\"resultsCount\">Mostrando todas las pruebas<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"tests-grid\" id=\"testsContainer\">\r\n                <!-- Las pruebas se cargar\u00e1n aqu\u00ed din\u00e1micamente -->\r\n            <\/div>\r\n\r\n            <div class=\"catalog-footer\">\r\n                <div class=\"contact-info\">\r\n                    <h3>\u00bfNecesitas m\u00e1s informaci\u00f3n?<\/h3>\r\n                    <p><strong>Email:<\/strong> Labpsicologia@unisinucartagena.edu.co<\/p>\r\n                    <p><strong>Business hours:<\/strong> Lunes a viernes 8:00am - 6:00pm<\/p>\r\n                    <p><strong>Ubicaci\u00f3n:<\/strong> Universidad del Sin\u00fa sede Santillana piso 6<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- ===== PESTA\u00d1A SOLICITUDES ===== -->\r\n        <div id=\"solicitudes\" class=\"tab-content\">\r\n            <h1>SOLICITUDES Y COTIZACIONES<\/h1>\r\n            <div class=\"image-container\">\r\n                <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/unisinucartagena.edu.co\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-15-142433.png?w=640&#038;ssl=1\" alt=\"Solicitudes y cotizaciones\">\r\n            <\/div>\r\n            <p>Para solicitudes y cotizaciones de nuestros servicios, puede contactarnos a trav\u00e9s del siguiente correo electr\u00f3nico:<\/p>\r\n            <div class=\"contact-info\">\r\n                <p><strong>Correo para cotizaciones:<\/strong> Labpsicologia@unisinucartagena.edu.co<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- ===== PESTA\u00d1A PAGOS ===== -->\r\n        <div id=\"pagos\" class=\"tab-content\">\r\n            <h1>PAGOS<\/h1>\r\n            <h2>Proceso para pagos<\/h2>\r\n            <div class=\"image-container\">\r\n                <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/unisinucartagena.edu.co\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-15-142449.png?w=640&#038;ssl=1\" alt=\"Proceso para pagos\">\r\n            <\/div>\r\n            <p>Para informaci\u00f3n detallada sobre el proceso de pagos de nuestros servicios, por favor contacte a nuestra administraci\u00f3n.<\/p>\r\n            <div class=\"contact-info\">\r\n                <p><strong>Correo para informaci\u00f3n de pagos:<\/strong> Labpsicologia@unisinucartagena.edu.co<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- ===== PESTA\u00d1A EVENTOS ===== -->\r\n        <div id=\"eventos\" class=\"tab-content\">\r\n            <h1>EVENTOS y NOTICIAS<\/h1>\r\n            <div class=\"news-item\">\r\n                <div class=\"news-date\">25 de octubre de 2024<\/div>\r\n                <h3>Inauguraci\u00f3n de la C\u00e1mara Gesell<\/h3>\r\n                <p>El d\u00eda 25 de octubre de 2024 se realiz\u00f3 la inauguraci\u00f3n de la c\u00e1mara Gesell con el fin de tener espacios de innovaci\u00f3n donde los estudiantes del programa de psicolog\u00eda puedan hacer ejercicios de simulaci\u00f3n.<\/p>\r\n\r\n                <div class=\"carousel-section\">\r\n                    <div class=\"modern-carousel\" id=\"eventosCarousel\">\r\n                        <div class=\"carousel-track\">\r\n                            <div class=\"carousel-slide active\">\r\n                                <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/unisinucartagena.edu.co\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-15-142740.png?w=640&#038;ssl=1\" alt=\"Inauguraci\u00f3n C\u00e1mara Gesell\">\r\n                                <div class=\"slide-content\">\r\n                                    <div class=\"slide-title\">Inauguraci\u00f3n C\u00e1mara Gesell<\/div>\r\n                                    <div class=\"slide-description\">Ceremonia de inauguraci\u00f3n de la c\u00e1mara Gesell<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"carousel-slide\">\r\n                                <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/unisinucartagena.edu.co\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-15-142751.png?w=640&#038;ssl=1\" alt=\"Ceremonia de inauguraci\u00f3n\">\r\n                                <div class=\"slide-content\">\r\n                                    <div class=\"slide-title\">Ceremonia de Inauguraci\u00f3n<\/div>\r\n                                    <div class=\"slide-description\">Autoridades y participantes en el evento de inauguraci\u00f3n<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"carousel-slide\">\r\n                                <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/unisinucartagena.edu.co\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-15-142805.png?w=640&#038;ssl=1\" alt=\"Instalaciones de la c\u00e1mara\">\r\n                                <div class=\"slide-content\">\r\n                                    <div class=\"slide-title\">Instalaciones de la C\u00e1mara<\/div>\r\n                                    <div class=\"slide-description\">Vista de las instalaciones de la c\u00e1mara Gesell<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"carousel-slide\">\r\n                                <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/unisinucartagena.edu.co\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-15-142829.png?w=640&#038;ssl=1\" alt=\"Participantes del evento\">\r\n                                <div class=\"slide-content\">\r\n                                    <div class=\"slide-title\">Participantes del Evento<\/div>\r\n                                    <div class=\"slide-description\">Estudiantes y docentes en la inauguraci\u00f3n<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"carousel-nav\">\r\n                            <button class=\"nav-btn prev-btn\" aria-label=\"Previous slide\">\r\n                                \u2039\r\n                            <\/button>\r\n                            <button class=\"nav-btn next-btn\" aria-label=\"Diapositiva siguiente\">\r\n                                \u203a\r\n                            <\/button>\r\n                        <\/div>\r\n\r\n                        <div class=\"carousel-progress\">\r\n                            <span class=\"progress-dot active\" data-index=\"0\" aria-label=\"Ir a diapositiva 1\"><\/span>\r\n                            <span class=\"progress-dot\" data-index=\"1\" aria-label=\"Ir a diapositiva 2\"><\/span>\r\n                            <span class=\"progress-dot\" data-index=\"2\" aria-label=\"Ir a diapositiva 3\"><\/span>\r\n                            <span class=\"progress-dot\" data-index=\"3\" aria-label=\"Ir a diapositiva 4\"><\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"carousel-thumbnails\">\r\n                        <div class=\"thumbnail active\" data-index=\"0\" aria-label=\"Ver imagen Inauguraci\u00f3n C\u00e1mara Gesell\">\r\n                            <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/unisinucartagena.edu.co\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-15-142740.png?w=640&#038;ssl=1\" alt=\"Miniatura Inauguraci\u00f3n C\u00e1mara Gesell\">\r\n                        <\/div>\r\n                        <div class=\"thumbnail\" data-index=\"1\" aria-label=\"Ver imagen Ceremonia de inauguraci\u00f3n\">\r\n                            <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/unisinucartagena.edu.co\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-15-142751.png?w=640&#038;ssl=1\" alt=\"Miniatura Ceremonia de inauguraci\u00f3n\">\r\n                        <\/div>\r\n                        <div class=\"thumbnail\" data-index=\"2\" aria-label=\"Ver imagen Instalaciones de la c\u00e1mara\">\r\n                            <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/unisinucartagena.edu.co\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-15-142805.png?w=640&#038;ssl=1\" alt=\"Miniatura Instalaciones de la c\u00e1mara\">\r\n                        <\/div>\r\n                        <div class=\"thumbnail\" data-index=\"3\" aria-label=\"Ver imagen Participantes del evento\">\r\n                            <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/unisinucartagena.edu.co\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-15-142829.png?w=640&#038;ssl=1\" alt=\"Miniatura Participantes del evento\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- ===== PESTA\u00d1A CONTACTO ===== -->\r\n        <div id=\"contacto\" class=\"tab-content\">\r\n            <h1>COMUNICATE CON NOSOTROS<\/h1>\r\n            <div class=\"contact-info\">\r\n                <h2>Horarios de atenci\u00f3n<\/h2>\r\n                <p>Lunes \u2013 viernes de 8:00am \u2013 12:00m y 2:00pm- 6:00pm<\/p>\r\n\r\n                <h2>Sede - Direcci\u00f3n<\/h2>\r\n                <p>Universidad del Sin\u00fa sede Santillana<\/p>\r\n                <p>Cartagena \u2013 Bol\u00edvar<\/p>\r\n\r\n                <h2>Email<\/h2>\r\n                <p>Labpsicologia@unisinucartagena.edu.co<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ ===== DATOS DE LAS PRUEBAS PSICOL\u00d3GICAS =====\r\n        const psychologicalTests = [\r\n            \/\/ INTELIGENCIA\r\n            { name: \"Escala Wechsler de Inteligencia para Adultos\", code: \"WAIS-IV\", price: 15000, category: \"inteligencia\" },\r\n            { name: \"Escala de Inteligencia Revisada para el Nivel Escolar\", code: \"WISC-IV\", price: 20000, category: \"inteligencia\" },\r\n            { name: \"Escala de Inteligencia para los Niveles Preescolar y Primaria\", code: \"WPPSI-III\", price: 15000, category: \"inteligencia\" },\r\n            { name: \"Escala Breve de Inteligencia\", code: \"Shipley 2\", price: 10000, category: \"inteligencia\" },\r\n            { name: \"Test de Inteligencia Matrices\", code: \"Matrices\", price: 7000, category: \"inteligencia\" },\r\n\r\n            \/\/ INTERESES Y APTITUDES\r\n            { name: \"Escala de Madurez Mental de Columbia\", code: \"Columbia\", price: 3000, category: \"intereses\" },\r\n            { name: \"Test Guest\u00e1ltico Visomotor Bender\", code: \"Bender\", price: 3000, category: \"intereses\" },\r\n            { name: \"Test de Aptitudes Diferenciales\", code: \"DAT5\", price: 16000, category: \"intereses\" },\r\n            { name: \"Test de Aptitudes Mec\u00e1nicas MacQuarrie\", code: \"MacQuarrie\", price: 2500, category: \"intereses\" },\r\n            { name: \"M\u00e9todo de Evaluaci\u00f3n de la Percepci\u00f3n Visual de Frostig\", code: \"Frostig\", price: 8500, category: \"intereses\" },\r\n            { name: \"BETA-III\", code: \"BETA-III\", price: 6200, category: \"intereses\" },\r\n            { name: \"BETA IV\", code: \"BETA IV\", price: 26000, category: \"intereses\" },\r\n            { name: \"Test de Habilidades Mentales Primarias\", code: \"HMP\", price: 7000, category: \"intereses\" },\r\n            { name: \"Instrucciones Complejas\", code: \"IC\", price: 4500, category: \"intereses\" },\r\n\r\n            \/\/ PERSONALIDAD\r\n            { name: \"Cuestionario de Personalidad para Adolescentes\", code: \"HSPQ\", price: 3000, category: \"personalidad\" },\r\n            { name: \"Inventario Multif\u00e1sico de Personalidad para Adolescentes\", code: \"MMPI-A\", price: 60000, category: \"personalidad\" },\r\n            { name: \"Inventario Multif\u00e1sico de Personalidad\", code: \"MMPI-RF\", price: 36000, category: \"personalidad\" },\r\n            { name: \"Inventario Estilos de Personalidad de Millon\", code: \"MIPS\", price: 3000, category: \"personalidad\" },\r\n            { name: \"T\u00e9cnica de Dibujo Proyectivo Casa-\u00c1rbol-Persona\", code: \"H-T-P\", price: 0, category: \"personalidad\" },\r\n            { name: \"Manual para la Evaluaci\u00f3n de las Funciones del Yo\", code: \"EFY\", price: 6000, category: \"personalidad\" },\r\n            { name: \"Inventario Multif\u00e1sico de Personalidad de Minnesota-2\", code: \"MMPI-2\", price: 37000, category: \"personalidad\" },\r\n            { name: \"Inventario Personalidad NEO Revisado\", code: \"NEO PI-R\", price: 22000, category: \"personalidad\" },\r\n            { name: \"Test de la Casa\", code: \"Casa\", price: 0, category: \"personalidad\" },\r\n            { name: \"Estudio de Valores\", code: \"Valores\", price: 15000, category: \"personalidad\" },\r\n            { name: \"Inventario Cinco Factores para Ni\u00f1os\", code: \"FFPI-C\", price: 40000, category: \"personalidad\" },\r\n            { name: \"Autoconcepto Forma 5\", code: \"AF 5\", price: 4000, category: \"personalidad\" },\r\n            { name: \"Cuestionario de Valores Interpersonales\", code: \"SIV\", price: 27000, category: \"personalidad\" },\r\n\r\n            \/\/ CL\u00cdNICA\r\n            { name: \"Escala de Ansiedad Manifiesta en Ni\u00f1os-Revisada\", code: \"CMAS-R\", price: 18000, category: \"clinica\" },\r\n            { name: \"Escala de Ansiedad Manifiesta en Adultos\", code: \"AMAS\", price: 17000, category: \"clinica\" },\r\n            { name: \"Cuestionario de Sobreingesta Alimentaria\", code: \"OQ\", price: 30000, category: \"clinica\" },\r\n            { name: \"Acoso y Violencia Escolar\", code: \"AVE\", price: 15000, category: \"clinica\" },\r\n            { name: \"Cuestionario de Conductas Antisociales Delictivas\", code: \"A-D\", price: 5000, category: \"clinica\" },\r\n            { name: \"Prueba de Explor Cambridge-R para Valorac Trast. Mentales Vejez\", code: \"CAMDEX-R\", price: 17500, category: \"clinica\" },\r\n            { name: \"Cuestionario de Ansiedad Estado-Rasgo\", code: \"STAI\", price: 3500, category: \"clinica\" },\r\n            { name: \"Perfil de Estr\u00e9s\", code: \"Estr\u00e9s\", price: 8000, category: \"clinica\" },\r\n            { name: \"Sucesos de Vida\", code: \"Sucesos\", price: 15000, category: \"clinica\" },\r\n            { name: \"Escala de Motivaci\u00f3n Psicosocial\", code: \"MPS\", price: 2500, category: \"clinica\" },\r\n            { name: \"Test de Motivaci\u00f3n en Adolescentes\", code: \"SMAT\", price: 3500, category: \"clinica\" },\r\n            { name: \"Escala de Estilos de Socializaci\u00f3n Parental en la Adolescencia\", code: \"ESPA 29\", price: 13000, category: \"clinica\" },\r\n            { name: \"Inventario de Situaciones y Respuestas de Ansiedad\", code: \"ISRA\", price: 7000, category: \"clinica\" },\r\n            { name: \"Inventario de Inteligencia Emocional\", code: \"Baron\", price: 4000, category: \"clinica\" },\r\n            { name: \"Test Adaptativo Multifuncional de Adaptaci\u00f3n Infantil\", code: \"TAMAI\", price: 22000, category: \"clinica\" },\r\n            { name: \"Inventario de Depresi\u00f3n Infantil\", code: \"CDI\", price: 9000, category: \"clinica\" },\r\n            { name: \"Entrevista para el Diagn\u00f3stico de Autismo\", code: \"ADI-R\", price: 46000, category: \"clinica\" },\r\n            { name: \"Inventario de Salud Mental, Estr\u00e9s y Trabajo\", code: \"Salud Mental\", price: 15800, category: \"clinica\" },\r\n            { name: \"Sistema de Evaluaci\u00f3n de Ni\u00f1os y Adolescentes\", code: \"SENA\", price: 8200, category: \"clinica\" },\r\n            { name: \"Inventario de Calidad de Vida y Salud\", code: \"INCAVISA\", price: 10000, category: \"clinica\" },\r\n\r\n            \/\/ EDUCATIVA\r\n            { name: \"Test de Aprendizaje Verbal Espa\u00f1a-Complutense\", code: \"TAVEC\", price: 12000, category: \"educativa\" },\r\n            { name: \"B\u00fasqueda Autodirigida\", code: \"SDS\", price: 12000, category: \"educativa\" },\r\n            { name: \"Escala de Preferencias Vocacionales\", code: \"Kuder\", price: 8500, category: \"educativa\" },\r\n            { name: \"Bater\u00eda de Aptitudes de TEA\", code: \"BAT-7\", price: 12000, category: \"educativa\" },\r\n            { name: \"Escala de Estrategias de Aprendizaje\", code: \"ACRA\", price: 4000, category: \"educativa\" },\r\n\r\n            \/\/ ORGANIZACIONAL\r\n            { name: \"Inventario Personalidad para Vendedores\", code: \"IPV\", price: 9000, category: \"organizacional\" },\r\n            { name: \"Cuestionario de 16 Factores de Personalidad\", code: \"16PF-5\", price: 25000, category: \"organizacional\" },\r\n            { name: \"Test Wartegg\", code: \"Wartegg\", price: 1500, category: \"organizacional\" },\r\n            { name: \"Clima Laboral\", code: \"CLA\", price: 22000, category: \"organizacional\" },\r\n            { name: \"Evaluaci\u00f3n de Competencias\", code: \"COMPETEA\", price: 17000, category: \"organizacional\" },\r\n            { name: \"Prueba de Frases Incompletas con Aplicaci\u00f3n a la Industria\", code: \"FIGS\", price: 9000, category: \"organizacional\" },\r\n            { name: \"Test de Habilidades en la Negociaci\u00f3n\", code: \"NEGO\", price: 8600, category: \"organizacional\" },\r\n            { name: \"Bater\u00eda de Tareas Administrativas\", code: \"BTA-R\", price: 8000, category: \"organizacional\" },\r\n\r\n            \/\/ COGNITIVA\r\n            { name: \"Test de Flexibilidad Cognitiva-Cambios\", code: \"Cambios\", price: 7000, category: \"cognitiva\" },\r\n            { name: \"Escala Multidimensional de Asertividad\", code: \"EMA\", price: 12500, category: \"cognitiva\" },\r\n\r\n            \/\/ NEUROPSICOLOG\u00cdA\r\n            { name: \"Test de Colores y Palabras\", code: \"Stroop\", price: 10500, category: \"neuropsicologia\" },\r\n            { name: \"Test de Clasificaci\u00f3n de Tarjetas de Wisconsin\", code: \"WCST\", price: 5000, category: \"neuropsicologia\" },\r\n            { name: \"Evaluaci\u00f3n Neuropsicol\u00f3gica de las Funciones Ejecutivas en Ni\u00f1os\", code: \"ENFEN\", price: 15000, category: \"neuropsicologia\" },\r\n            { name: \"Diagn\u00f3stico Neuropsicol\u00f3gico del Adulto\", code: \"LURIA-DNA\", price: 19000, category: \"neuropsicologia\" },\r\n            { name: \"Evaluaci\u00f3n Neuropsicol\u00f3gica Infantil\", code: \"ENI\", price: 48000, category: \"neuropsicologia\" },\r\n            { name: \"Test para el Examen de la Afasia\", code: \"Afasia\", price: 9800, category: \"neuropsicologia\" },\r\n            { name: \"Naipes G\", code: \"Naipes G\", price: 3000, category: \"neuropsicologia\" },\r\n            { name: \"Test de Domin\u00f3s\", code: \"Domin\u00f3s\", price: 6000, category: \"neuropsicologia\" },\r\n            { name: \"Evaluaci\u00f3n Psicol\u00f3gica Breve - escolaridad nula\", code: \"NEUROPSI (nula)\", price: 25000, category: \"neuropsicologia\" },\r\n            { name: \"Evaluaci\u00f3n Psicol\u00f3gica Breve - escolaridad baja, media, alta\", code: \"NEUROPSI (baja\/alta)\", price: 25000, category: \"neuropsicologia\" },\r\n            { name: \"Bater\u00eda de Funciones Ejecutivas - protocolo da\u00f1o frontal\", code: \"BANFE 3 (frontal)\", price: 20000, category: \"neuropsicologia\" },\r\n            { name: \"Bater\u00eda de Funciones Ejecutivas - protocolo general\", code: \"BANFE 3 (general)\", price: 45000, category: \"neuropsicologia\" },\r\n            { name: \"Figura Compleja de Rey - Test de Copia\", code: \"Rey\", price: 3000, category: \"neuropsicologia\" },\r\n            { name: \"Bater\u00eda Neuropsicol\u00f3gica Computarizada de Tamizaje\", code: \"Bater\u00eda Tamizaje\", price: 40000, category: \"neuropsicologia\" }\r\n        ];\r\n\r\n        const categoryNames = {\r\n            \"inteligencia\": \"Inteligencia\",\r\n            \"intereses\": \"Intereses y Aptitudes\",\r\n            \"personalidad\": \"Personalidad\",\r\n            \"clinica\": \"Cl\u00ednica\",\r\n            \"educativa\": \"Educativa\",\r\n            \"organizacional\": \"Organizacional\",\r\n            \"cognitiva\": \"Cognitiva\",\r\n            \"neuropsicologia\": \"Neuropsicolog\u00eda\"\r\n        };\r\n\r\n        let currentCategory = \"all\";\r\n        let currentSearchTerm = \"\";\r\n\r\n        document.addEventListener('DOMContentLoaded', function () {\r\n            renderTests();\r\n            setupEventListeners();\r\n            updateResultsCount();\r\n            initCarouselsForActiveTab();\r\n        });\r\n\r\n        if (!window.psicusContent) {\r\n            window.psicusContent = {\r\n                currentTab: 'inicio',\r\n                showTab: function (tabId) {\r\n                    const tabContents = document.querySelectorAll('.tab-content');\r\n                    tabContents.forEach(content => {\r\n                        content.classList.remove('active');\r\n                    });\r\n\r\n                    setTimeout(() => {\r\n                        const selectedTab = document.getElementById(tabId);\r\n                        if (selectedTab) {\r\n                            selectedTab.classList.add('active');\r\n                            this.currentTab = tabId;\r\n                            resetProgressBar();\r\n                            if (window.psicusTabs && window.psicusTabs.setActiveTab) {\r\n                                window.psicusTabs.setActiveTab(tabId);\r\n                            }\r\n                            initCarouselsForActiveTab();\r\n                            document.querySelector('.content-container').scrollTop = 0;\r\n                        }\r\n                    }, 300);\r\n                }\r\n            };\r\n        }\r\n\r\n        function resetProgressBar() {\r\n            const progressFill = document.getElementById('progressFill');\r\n            if (progressFill) {\r\n                progressFill.style.width = '0%';\r\n                setTimeout(() => {\r\n                    progressFill.style.width = '100%';\r\n                }, 100);\r\n            }\r\n        }\r\n\r\n        function initCarouselsForActiveTab() {\r\n            const activeTab = document.querySelector('.tab-content.active');\r\n            if (activeTab) {\r\n                const carousels = activeTab.querySelectorAll('.modern-carousel');\r\n                carousels.forEach(carousel => {\r\n                    initModernCarousel(carousel.id);\r\n                });\r\n            }\r\n        }\r\n\r\n        function initModernCarousel(carouselId) {\r\n            const carousel = document.getElementById(carouselId);\r\n            if (!carousel) return;\r\n\r\n            const track = carousel.querySelector('.carousel-track');\r\n            const slides = carousel.querySelectorAll('.carousel-slide');\r\n            const prevBtn = carousel.querySelector('.prev-btn');\r\n            const nextBtn = carousel.querySelector('.next-btn');\r\n            const dots = carousel.querySelectorAll('.progress-dot');\r\n            const thumbnails = carousel.parentElement.querySelectorAll('.thumbnail');\r\n\r\n            let currentIndex = 0;\r\n            let autoPlayInterval;\r\n            const totalSlides = slides.length;\r\n\r\n            function updateCarousel() {\r\n                slides.forEach((slide, index) => {\r\n                    slide.classList.toggle('active', index === currentIndex);\r\n                });\r\n\r\n                dots.forEach((dot, index) => {\r\n                    dot.classList.toggle('active', index === currentIndex);\r\n                });\r\n\r\n                thumbnails.forEach((thumbnail, index) => {\r\n                    thumbnail.classList.toggle('active', index === currentIndex);\r\n                });\r\n\r\n                track.style.transform = `translateX(-${currentIndex * 100}%)`;\r\n            }\r\n\r\n            function nextSlide() {\r\n                currentIndex = (currentIndex + 1) % totalSlides;\r\n                updateCarousel();\r\n            }\r\n\r\n            function prevSlide() {\r\n                currentIndex = (currentIndex - 1 + totalSlides) % totalSlides;\r\n                updateCarousel();\r\n            }\r\n\r\n            function goToSlide(index) {\r\n                currentIndex = index;\r\n                updateCarousel();\r\n            }\r\n\r\n            function startAutoPlay() {\r\n                autoPlayInterval = setInterval(nextSlide, 5000);\r\n            }\r\n\r\n            function stopAutoPlay() {\r\n                clearInterval(autoPlayInterval);\r\n            }\r\n\r\n            nextBtn.addEventListener('click', () => {\r\n                nextSlide();\r\n                stopAutoPlay();\r\n                startAutoPlay();\r\n            });\r\n\r\n            prevBtn.addEventListener('click', () => {\r\n                prevSlide();\r\n                stopAutoPlay();\r\n                startAutoPlay();\r\n            });\r\n\r\n            dots.forEach(dot => {\r\n                dot.addEventListener('click', () => {\r\n                    const index = parseInt(dot.getAttribute('data-index'));\r\n                    goToSlide(index);\r\n                    stopAutoPlay();\r\n                    startAutoPlay();\r\n                });\r\n            });\r\n\r\n            thumbnails.forEach(thumbnail => {\r\n                thumbnail.addEventListener('click', () => {\r\n                    const index = parseInt(thumbnail.getAttribute('data-index'));\r\n                    goToSlide(index);\r\n                    stopAutoPlay();\r\n                    startAutoPlay();\r\n                });\r\n            });\r\n\r\n            carousel.addEventListener('mouseenter', stopAutoPlay);\r\n            carousel.addEventListener('mouseleave', startAutoPlay);\r\n\r\n            let startX = 0;\r\n            let endX = 0;\r\n\r\n            carousel.addEventListener('touchstart', (e) => {\r\n                startX = e.touches[0].clientX;\r\n                stopAutoPlay();\r\n            });\r\n\r\n            carousel.addEventListener('touchend', (e) => {\r\n                endX = e.changedTouches[0].clientX;\r\n                handleSwipe();\r\n                startAutoPlay();\r\n            });\r\n\r\n            function handleSwipe() {\r\n                const swipeThreshold = 50;\r\n                if (startX - endX > swipeThreshold) {\r\n                    nextSlide();\r\n                } else if (endX - startX > swipeThreshold) {\r\n                    prevSlide();\r\n                }\r\n            }\r\n\r\n            document.addEventListener('keydown', (e) => {\r\n                if (carousel.parentElement.offsetParent !== null) {\r\n                    if (e.key === 'ArrowLeft') {\r\n                        prevSlide();\r\n                        stopAutoPlay();\r\n                        startAutoPlay();\r\n                    } else if (e.key === 'ArrowRight') {\r\n                        nextSlide();\r\n                        stopAutoPlay();\r\n                        startAutoPlay();\r\n                    }\r\n                }\r\n            });\r\n\r\n            updateCarousel();\r\n            startAutoPlay();\r\n\r\n            nextBtn.setAttribute('tabindex', '0');\r\n            prevBtn.setAttribute('tabindex', '0');\r\n            dots.forEach(dot => dot.setAttribute('tabindex', '0'));\r\n            thumbnails.forEach(thumb => thumb.setAttribute('tabindex', '0'));\r\n        }\r\n\r\n        function renderTests() {\r\n            const container = document.getElementById('testsContainer');\r\n            container.innerHTML = '';\r\n\r\n            const filteredTests = filterTests();\r\n\r\n            if (filteredTests.length === 0) {\r\n                container.innerHTML = '<div class=\"no-results\">No se encontraron pruebas que coincidan con tu b\u00fasqueda.<\/div>';\r\n                return;\r\n            }\r\n\r\n            filteredTests.forEach(test => {\r\n                const testCard = document.createElement('div');\r\n                testCard.className = 'test-card';\r\n                testCard.setAttribute('data-category', test.category);\r\n\r\n                const priceText = test.price === 0 ? 'Gratis' : `$${test.price.toLocaleString()}`;\r\n                const priceClass = test.price === 0 ? 'free' : '';\r\n\r\n                testCard.innerHTML = `\r\n                    <div class=\"test-header\">\r\n                        <div class=\"test-name\">${test.name}<\/div>\r\n                        <div class=\"test-code\">${test.code}<\/div>\r\n                    <\/div>\r\n                    <div class=\"test-price ${priceClass}\">${priceText}<\/div>\r\n                `;\r\n\r\n                container.appendChild(testCard);\r\n            });\r\n        }\r\n\r\n        function filterTests() {\r\n            return psychologicalTests.filter(test => {\r\n                const categoryMatch = currentCategory === \"all\" || test.category === currentCategory;\r\n                const searchMatch = currentSearchTerm === \"\" ||\r\n                    test.name.toLowerCase().includes(currentSearchTerm) ||\r\n                    test.code.toLowerCase().includes(currentSearchTerm);\r\n\r\n                return categoryMatch && searchMatch;\r\n            });\r\n        }\r\n\r\n        function setupEventListeners() {\r\n            document.querySelectorAll('.category-filter').forEach(button => {\r\n                button.addEventListener('click', function () {\r\n                    document.querySelectorAll('.category-filter').forEach(btn => {\r\n                        btn.classList.remove('active');\r\n                    });\r\n\r\n                    this.classList.add('active');\r\n                    currentCategory = this.getAttribute('data-category');\r\n                    renderTests();\r\n                    updateResultsCount();\r\n                });\r\n            });\r\n\r\n            document.getElementById('testSearch').addEventListener('input', function () {\r\n                currentSearchTerm = this.value.toLowerCase().trim();\r\n                renderTests();\r\n                updateResultsCount();\r\n            });\r\n        }\r\n\r\n        function updateResultsCount() {\r\n            const count = filterTests().length;\r\n            const total = psychologicalTests.length;\r\n            const resultsElement = document.getElementById('resultsCount');\r\n\r\n            if (currentCategory === \"all\" && currentSearchTerm === \"\") {\r\n                resultsElement.textContent = `Mostrando todas las ${total} pruebas`;\r\n            } else {\r\n                const categoryText = currentCategory === \"all\" ? \"\" : ` en ${categoryNames[currentCategory]}`;\r\n                resultsElement.textContent = `${count} resultado(s) encontrado(s)${categoryText}`;\r\n            }\r\n        }\r\n    <\/script>\r\n<\/body>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-90dcc30 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"90dcc30\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0ee59c7\" data-id=\"0ee59c7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b45aa0f elementor-widget elementor-widget-spacer\" data-id=\"b45aa0f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-86bc596 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"86bc596\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b934a37\" data-id=\"b934a37\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5df6341 elementor-widget elementor-widget-spacer\" data-id=\"5df6341\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Inicio Sobre Nosotros Nuestros Servicios Solicitudes y Cotizaciones Pagos Eventos, Noticias y Publicaciones Comun\u00edcate con Nosotros \u2039 \u203a PSICUS-LAB El laboratorio de psicolog\u00eda PsicUS-Lab se concibe como un n\u00facleo de desarrollo cient\u00edfico y acad\u00e9mico, dise\u00f1ado para ofrecer a estudiantes, docentes &hellip; <\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/homepage.php","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-65419","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/unisinucartagena.edu.co\/en\/wp-json\/wp\/v2\/pages\/65419","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unisinucartagena.edu.co\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/unisinucartagena.edu.co\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/unisinucartagena.edu.co\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unisinucartagena.edu.co\/en\/wp-json\/wp\/v2\/comments?post=65419"}],"version-history":[{"count":172,"href":"https:\/\/unisinucartagena.edu.co\/en\/wp-json\/wp\/v2\/pages\/65419\/revisions"}],"predecessor-version":[{"id":65685,"href":"https:\/\/unisinucartagena.edu.co\/en\/wp-json\/wp\/v2\/pages\/65419\/revisions\/65685"}],"wp:attachment":[{"href":"https:\/\/unisinucartagena.edu.co\/en\/wp-json\/wp\/v2\/media?parent=65419"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}