{"id":1497,"date":"2025-02-20T11:40:16","date_gmt":"2025-02-20T16:40:16","guid":{"rendered":"https:\/\/centroadaptia.com\/?page_id=1497"},"modified":"2025-03-31T10:55:25","modified_gmt":"2025-03-31T15:55:25","slug":"proposito","status":"publish","type":"page","link":"https:\/\/centroadaptia.com\/?page_id=1497","title":{"rendered":"Prop\u00f3sito"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1497\" class=\"elementor elementor-1497\">\n\t\t\t\t<div class=\"has_eae_slider elementor-element elementor-element-77da34c e-con-full e-flex e-con e-parent\" data-id=\"77da34c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" data-core-v316-plus=\"true\">\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-924a34d e-flex e-con-boxed e-con e-child\" data-id=\"924a34d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-4def7d4 e-con-full e-flex e-con e-child\" data-id=\"4def7d4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29f35be elementor-widget elementor-widget-image\" data-id=\"29f35be\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.20.0 - 26-03-2024 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/centroadaptia.com\/\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"181\" height=\"76\" src=\"https:\/\/centroadaptia.com\/wp-content\/uploads\/2025\/02\/Icono-principal-Unisimon-Adaptia.png\" class=\"attachment-full size-full wp-image-703\" alt=\"\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e660d70 elementor-icon-list--layout-inline elementor-align-right elementor-mobile-align-center elementor-widget__width-initial e-transform elementor-hidden-tablet elementor-hidden-mobile elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"e660d70\" data-element_type=\"widget\" data-settings=\"{&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-50,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/centroadaptia.com\/wp-content\/plugins\/elementor\/assets\/css\/widget-icon-list.min.css\">\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/centroadaptia.com\/\" rel=\"nofollow\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Inicio<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#proyectos\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Proyectos<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/centroadaptia.com\/?page_id=976\" rel=\"nofollow\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Nosotros<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/centroadaptia.com\/?page_id=1497\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Prop\u00f3sito<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-8152fde e-con-full e-grid e-con e-child\" data-id=\"8152fde\" data-element_type=\"container\">\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-6e0ce32 e-flex e-con-boxed e-con e-child\" data-id=\"6e0ce32\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-1fcafe2 elementor-hidden-desktop e-flex e-con-boxed e-con e-child\" data-id=\"1fcafe2\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2976ecc elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"2976ecc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- \ud83d\udd25 NAVBAR -->\r\n<nav class=\"navbar\">\r\n    <button class=\"hamburger\" id=\"hamburger\">\r\n        \u2630\r\n    <\/button>\r\n    <ul class=\"nav-links\" id=\"nav-links\">\r\n        <li><a href=\"https:\/\/centroadaptia.com\/\">Inicio<\/a><\/li>\r\n        <li><a href=\"#Nothing\">Proyectos<\/a><\/li>\r\n        <li><a href=\"https:\/\/centroadaptia.com\/?page_id=976\">Nosotros<\/a><\/li>\r\n        <li><a href=\"https:\/\/centroadaptia.com\/?page_id=1497\">Proposito<\/a><\/li>\r\n    <\/ul>\r\n<\/nav>\r\n\r\n<!-- \ud83c\udf11 Overlay -->\r\n<div class=\"overlay\" id=\"overlay\"><\/div>\r\n\r\n<style>\r\n    \/* \ud83c\udf0d General Reset *\/\r\n    * {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Poppins', sans-serif;\r\n    }\r\n    \r\n    body {\r\n        position: relative;\r\n        overflow-x: hidden;\r\n    }\r\n    \r\n    \/* \ud83c\udfe0 Navbar *\/\r\n    .navbar {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        background: none;\r\n        color: white;\r\n        padding: 15px 20px;\r\n        position: relative;\r\n        z-index: 1000;\r\n    }\r\n    \r\n    .logo {\r\n        font-size: 24px;\r\n        font-weight: bold;\r\n    }\r\n    \r\n    \/* \ud83c\udf54 Hamburger Button *\/\r\n    .hamburger {\r\n        font-size: 24px;\r\n        background: none;\r\n        border: none;\r\n        color: white;\r\n        cursor: pointer;\r\n        display: none; \/* Hidden on desktop *\/\r\n        z-index: 1001;\r\n    }\r\n    \r\n    \/* \ud83d\udcdc Navigation Links *\/\r\n    .nav-links {\r\n        list-style: none;\r\n        display: flex;\r\n    }\r\n    \r\n    .nav-links li {\r\n        margin: 0 15px;\r\n    }\r\n    \r\n    .nav-links a {\r\n        color: white;\r\n        text-decoration: none;\r\n        font-size: 18px;\r\n        transition: 0.3s;\r\n    }\r\n    \r\n    .nav-links a:hover {\r\n        color: #2AB7CA;\r\n    }\r\n    \r\n    \/* \ud83c\udf11 Overlay *\/\r\n    .overlay {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0, 0, 0, 0.7);\r\n        z-index: 998;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        transition: opacity 0.3s ease, visibility 0.3s ease;\r\n    }\r\n    \r\n    .overlay.active {\r\n        opacity: 1;\r\n        visibility: visible;\r\n    }\r\n    \r\n    \/* \ud83d\udcf1 Responsive - Mobile View *\/\r\n    @media (max-width: 768px) {\r\n        .hamburger {\r\n            display: block;\r\n        }\r\n        \r\n        .nav-links {\r\n            position: fixed;\r\n            top: 0;\r\n            right: -300px; \/* Start off-screen *\/\r\n            background: rgba(0, 0, 0, 0.9);\r\n            width: 300px;\r\n            height: 100vh;\r\n            flex-direction: column;\r\n            text-align: center;\r\n            padding: 80px 0 20px;\r\n            transition: right 0.3s ease;\r\n            z-index: 999;\r\n        }\r\n        \r\n        .nav-links li {\r\n            margin: 15px 0;\r\n        }\r\n        \r\n        \/* \ud83c\udfad Active Menu *\/\r\n        .nav-links.show {\r\n            right: 0; \/* Slide in from right *\/\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const hamburger = document.getElementById(\"hamburger\");\r\n        const navLinks = document.getElementById(\"nav-links\");\r\n        const overlay = document.getElementById(\"overlay\");\r\n        \r\n        \/\/ Toggle menu and overlay when hamburger is clicked\r\n        hamburger.addEventListener(\"click\", function(event) {\r\n            event.stopPropagation();\r\n            navLinks.classList.toggle(\"show\");\r\n            overlay.classList.toggle(\"active\");\r\n            \r\n            \/\/ Prevent body scrolling when menu is open\r\n            if (navLinks.classList.contains(\"show\")) {\r\n                document.body.style.overflow = \"hidden\";\r\n            } else {\r\n                document.body.style.overflow = \"auto\";\r\n            }\r\n        });\r\n        \r\n        \/\/ Close menu when clicking the overlay\r\n        overlay.addEventListener(\"click\", function() {\r\n            navLinks.classList.remove(\"show\");\r\n            overlay.classList.remove(\"active\");\r\n            document.body.style.overflow = \"auto\";\r\n        });\r\n        \r\n        \/\/ Close menu when clicking a navigation link\r\n        const navItems = document.querySelectorAll(\".nav-links a\");\r\n        navItems.forEach(item => {\r\n            item.addEventListener(\"click\", function() {\r\n                navLinks.classList.remove(\"show\");\r\n                overlay.classList.remove(\"active\");\r\n                document.body.style.overflow = \"auto\";\r\n            });\r\n        });\r\n        \r\n        \/\/ Close menu when clicking outside\r\n        document.addEventListener(\"click\", function(event) {\r\n            if (!hamburger.contains(event.target) && \r\n                !navLinks.contains(event.target) && \r\n                !overlay.contains(event.target)) {\r\n                navLinks.classList.remove(\"show\");\r\n                overlay.classList.remove(\"active\");\r\n                document.body.style.overflow = \"auto\";\r\n            }\r\n        });\r\n    });\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-7b7f4a8 e-grid e-con-boxed e-con e-child\" data-id=\"7b7f4a8\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-14579db elementor-widget elementor-widget-html\" data-id=\"14579db\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Button to Open Popup -->\r\n<button id=\"openPopup\">MISI\u00d3N<\/button>\r\n\r\n<!-- The Popup Modal -->\r\n<div id=\"popupModal\" class=\"modal\">\r\n    <div class=\"modal-content\">\r\n        <!-- Header with Image -->\r\n        <div class=\"modal-header\">\r\n            <img decoding=\"async\" src=\"https:\/\/centroadaptia.com\/wp-content\/uploads\/2025\/02\/Logo-Adaptia.png\" alt=\"Encabezado\">\r\n            <span class=\"close\">&times;<\/span> <!-- Close Button -->\r\n        <\/div>\r\n\r\n        <!-- Message Content -->\r\n        <div class=\"modal-body\">\r\n            \r\n            <h1>\r\n                MISI\u00d3N\r\n            <\/h1>\r\n            <p>Nuestro prop\u00f3sito es producir conocimiento desde la investigaci\u00f3n cient\u00edfica, haciendo \u00e9nfasis en la biodiversidad colombiana, el medioambiente y la biotecnolog\u00eda, aplicada en la conservaci\u00f3n, mitigaci\u00f3n del cambio clim\u00e1tico, seguridad agroalimentaria, la sostenibilidad y la bioeconom\u00eda, orientados a mejorar los ecosistemas y la calidad de vida de la regi\u00f3n Caribe y del pa\u00eds aportando soluciones innovaci\u00f3n de relevancia nacional e internacional.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Footer with Image -->\r\n        <div class=\"modal-footer\">\r\n            <img decoding=\"async\" src=\"https:\/\/centroadaptia.com\/wp-content\/uploads\/2025\/02\/Sello-de-Excelencia.png\" alt=\"Pieseses\">\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<style>\r\n\r\n@keyframes fadeInScale {\r\n    from {\r\n        opacity: 0;\r\n        transform: scale(0.8);\r\n    }\r\n    to {\r\n        opacity: 10;\r\n        transform: scale(1);\r\n    }\r\n}\r\n\r\n    \/* Popup Modal *\/\r\n.modal {\r\n    display: none; \/* Hidden by default *\/\r\n    position: fixed;\r\n    z-index: 1000;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0, 0, 0, 0.6); \/* Semi-transparent background *\/\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n\/* Modal Content *\/\r\n.modal-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    background-color: white;\r\n    padding: 5vw;\r\n    max-width: 1000px;\r\n    width: 90vw;\r\n    max-height: 1000px;\r\n    height: 130vh;\r\n    height: auto;\r\n    text-align: center;\r\n    border-radius: 30px;\r\n    position: absolute;\r\n    padding: 5vw;\r\n    \r\n    \/*Animacion*\/\r\n    opacity: 0;\r\n    transform: scale(0.8);\r\n    transition: opacity 0.3s ease, transform 0.3s ease;\r\n}\r\n.modal-body{\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n}\r\n\r\n.modal-body p{\r\n    font-size: 22px;\r\n    font-family: poppins;\r\n    color: #333;  \r\n    font-size: clamp(14px, 4vw, 22px);\r\n}\r\n\r\n.modal-body h1{\r\n    font-family: poppins;\r\n    font-weight: bold;\r\n    color: #44747f;\r\n    font-size: clamp(24px, 6vw, 36px);\r\n}\r\n\r\n\r\n.modal-header img, .modal-footer2 img {\r\n    width: 100%; \r\n    max-width: 400px;\r\n    height: auto;\r\n    object-fit: contain; \/* Mantener proporci\u00f3n *\/\r\n    transform: none; \/* Eliminar transformaciones fijas *\/\r\n}\r\n\r\n\/* Header & Footer Images *\/\r\n.modal-header img {\r\n    width: 13%;\r\n    height: auto;\r\n    transform: translateY(-110px);\r\n}\r\n\r\n.modal-footer {\r\n    height: 120px; \/* Aumenta la altura del footer *\/\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding-top: 10px; \/* Ajusta el espaciado *\/\r\n}\r\n\r\n\/* Imagen dentro del Footer *\/\r\n.modal-footer img {\r\n    width: 70%; \/* Aumenta el tama\u00f1o de la imagen *\/\r\n    max-width: 400px; \/* Limita el tama\u00f1o m\u00e1ximo *\/\r\n    height: auto;\r\n    transform: translateY(-70px); \/* Ajuste de posici\u00f3n *\/\r\n}\r\n\r\n\/* Close Button *\/\r\n.close {\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 15px;\r\n    font-size: 24px;\r\n    font-weight: bold;\r\n    cursor: pointer;\r\n}\r\n\r\n\/* Open Button *\/\r\n#openPopup {\r\n    background-color: #44747f;\r\n    color: white;\r\n    padding: 20px;\r\n    border: none;\r\n    cursor: pointer;\r\n    font-size: 15px;\r\n    border-radius: 100px;\r\n    width: 100%;\r\n    height: auto;\r\n    font-size: clamp(30px, 10vw, 60px);\r\n    font-weight: bold;\r\n}\r\n\r\n#openPopup:hover {\r\n    background-color: #375F68;\r\n    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;\r\n}\r\n\r\n\/*Activar Animacion*\/\r\n.modal.show .modal-content {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n}\r\n\r\n  @media (max-width: 768px) {\r\n        .modal-content {\r\n            padding:3vw;\r\n            width: 95vw;\r\n            border-radius: 15px;\r\n            max-height: 60vh;\r\n        }\r\n        .modal-body p{\r\n        font-size: 14px;\r\n        font-family: poppins, 'Sans-Serif';\r\n        color: #333;  \r\n        transform: translateY(-55px);\r\n        }\r\n        \r\n        .modal-body h1{\r\n        transform: translateY(-70px);\r\n        }\r\n        \r\n        .modal-header img {\r\n            width: 30%;\r\n        }\r\n        \r\n        .modal-footer img {\r\n            width: 80%;\r\n            max-width: 250px;\r\n        }\r\n        \r\n        #openPopup{\r\n            width: 100%;\r\n            height: auto;\r\n            padding: 20px;\r\n            font-size: clamp(30px, 10vw, 60px);\r\n        }\r\n        \r\n        \/* Header & Footer Images *\/\r\n        .modal-header img {\r\n            width: 30%;\r\n            height: auto;\r\n            transform: translateY(-80px);\r\n        }\r\n        .modal-footer {\r\n            height: 120px; \/* Aumenta la altura del footer *\/\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            padding-top: 10px; \/* Ajusta el espaciado *\/\r\n        }\r\n\r\n        \/* Imagen dentro del Footer *\/\r\n        .modal-footer img {\r\n            width: 70%; \/* Aumenta el tama\u00f1o de la imagen *\/\r\n            max-width: 400px; \/* Limita el tama\u00f1o m\u00e1ximo *\/\r\n            height: auto;\r\n            transform: translateY(-65px); \/* Ajuste de posici\u00f3n *\/\r\n        }\r\n        \r\n    }\r\n    \r\n@media (min-width: 769px) {\r\n    .modal-content {\r\n        width: 60vw; \/* Width similar to the example *\/\r\n        max-width: 800px; \/* Restrict max width *\/\r\n        height: auto;\r\n        max-height: 70vh; \/* Prevent excessive height *\/\r\n        padding: 3vw;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center; \/* Center elements *\/\r\n        text-align: center; \/* Center text *\/\r\n        position: relative;\r\n    }\r\n\r\n    .modal-header img {\r\n        width: 120px; \/* Adjust header icon size *\/\r\n        max-width: 150px;\r\n        position: absolute;\r\n        top: -50px; \/* Move icon up *\/\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n    }\r\n\r\n    .modal-body h1 {\r\n        font-size: 45px; \/* Adjust title size *\/\r\n        font-weight: bold;\r\n        margin-top: 40px; \/* Push down *\/\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .modal-body p {\r\n        font-size: clamp(16px, 1.2vw, 22px); \/* Responsive text *\/\r\n        line-height: 1.6;\r\n        padding: 0 2vw; \/* Add side padding *\/\r\n    }\r\n\r\n    .modal-footer {\r\n        position: absolute;\r\n        bottom: -120px; \/* Move footer down *\/\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n    }\r\n\r\n    .modal-footer img {\r\n        width: 300px; \/* Adjust size of footer image *\/\r\n        max-width: 400px;\r\n    }\r\n\r\n    #openPopup {\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n    }\r\n}\r\n\r\n\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n    var modal = document.getElementById(\"popupModal\");\r\n    var btn = document.getElementById(\"openPopup\");\r\n    var closeBtn = document.querySelector(\".close\");\r\n\r\n    \/\/ Abrir el modal con animaci\u00f3n\r\n    btn.onclick = function() {\r\n        modal.style.display = \"flex\";\r\n        setTimeout(() => {\r\n            modal.classList.add(\"show\"); \/\/ Activa la animaci\u00f3n\r\n        }, 10);\r\n    }\r\n\r\n    \/\/ Cerrar el modal con animaci\u00f3n\r\n    closeBtn.onclick = function() {\r\n        modal.classList.remove(\"show\"); \/\/ Remueve la animaci\u00f3n\r\n        setTimeout(() => {\r\n            modal.style.display = \"none\";\r\n        }, 300); \/\/ Esconde el modal despu\u00e9s de la animaci\u00f3n\r\n    }\r\n\r\n    \/\/ Cerrar modal al hacer clic fuera de \u00e9l\r\n    window.onclick = function(event) {\r\n        if (event.target === modal) {\r\n            modal.classList.remove(\"show\");\r\n            setTimeout(() => {\r\n                modal.style.display = \"none\";\r\n            }, 300);\r\n        }\r\n    }\r\n});\r\n\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a6aa09 elementor-widget elementor-widget-html\" data-id=\"2a6aa09\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Button to Open Popup -->\r\n<button id=\"openPopup2\">VISI\u00d3N<\/button>\r\n\r\n<!-- The Popup Modal -->\r\n<div id=\"popupModal2\" class=\"modal\">\r\n    <div class=\"modal-content2\">\r\n        <!-- Header with Image -->\r\n        <div class=\"modal-header\">\r\n            <img decoding=\"async\" src=\"https:\/\/centroadaptia.com\/wp-content\/uploads\/2025\/02\/Logo-Adaptia.png\" alt=\"Encabezado\">\r\n            <span class=\"close\">&times;<\/span> <!-- Close Button -->\r\n        <\/div>\r\n\r\n        <!-- Message Content -->\r\n        <div class=\"modal-body\">\r\n            \r\n            <h1>\r\n                VISI\u00d3N\r\n            <\/h1>\r\n            <p>En 2030 Adaptia habr\u00e1 fortalecido producci\u00f3n cient\u00edfica, innovaci\u00f3n y su experiencia en la gesti\u00f3n y ejecuci\u00f3n de proyectos CTeI en biodiversidad, biotecnolog\u00eda y medio ambiente, obteniendo reconocimiento a nivel nacional e internacional. Asimismo, habr\u00e1 puesto en marcha desarrollos tecnol\u00f3gicos que generar\u00e1n valor agregado a la USB, manteniendo un enfoque de mitigaci\u00f3n del cambio clim\u00e1tico, conservaci\u00f3n de la biodiversidad y los ecosistemas para el desarrollo sostenible.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Footer with Image -->\r\n        <div class=\"modal-footer2\">\r\n            <img decoding=\"async\" src=\"https:\/\/centroadaptia.com\/wp-content\/uploads\/2025\/02\/Sello-de-Excelencia.png\" alt=\"Pieseses\">\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<style>\r\n\r\n@keyframes fadeInScale {\r\n    from {\r\n        opacity: 0;\r\n        transform: scale(0.8);\r\n    }\r\n    to {\r\n        opacity: 10;\r\n        transform: scale(1);\r\n    }\r\n}\r\n\r\n    \/* Popup Modal *\/\r\n.modal {\r\n    display: none; \/* Hidden by default *\/\r\n    position: fixed;\r\n    z-index: 1000;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0, 0, 0, 0.6); \/* Semi-transparent background *\/\r\n    \/*display: flex;*\/\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n\/* Modal Content *\/\r\n.modal-content2 {\r\n    display: flex;\r\n    flex-direction: column;\r\n    background-color: white;\r\n    padding: 5vw;\r\n    max-width: 1000px;\r\n    width: 90vw;\r\n    max-height: 1000px;\r\n    height: 130vh;\r\n    \r\n    height: auto;\r\n    text-align: center;\r\n    border-radius: 30px;\r\n    position: absolute;\r\n    \r\n    \/*Animacion*\/\r\n    opacity: 0;\r\n    transform: scale(0.8);\r\n    transition: opacity 0.3s ease, transform 0.3s ease;\r\n}\r\n.modal-body{\r\n    flex-grow: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n}\r\n.modal-body p{\r\n    font-size: 22px;\r\n    font-family: poppins;\r\n    color: #333;  \r\n    font-size: clamp(14px, 4vw, 22px);\r\n}\r\n\r\n\r\n\r\n.modal-body h1{\r\n    font-family: poppins;\r\n    font-weight: bold;\r\n    color: #44747f;\r\n    font-size: clamp(24px, 6vw, 36px);\r\n}\r\n\r\n\r\n\/* Header & Footer Images *\/\r\n.modal-header img {\r\n    width: 13%;\r\n    height: auto;\r\n    transform: translateY(-110px);\r\n}\r\n\r\n.modal-header img, .modal-footer2 img {\r\n    width: 100%; \r\n    max-width: 400px;\r\n    height: auto;\r\n    object-fit: : contain; \/* Mantener proporci\u00f3n *\/\r\n    transform: none; \/* Eliminar transformaciones fijas *\/\r\n}\r\n\r\n.modal-footer2 {\r\n    height: 120px; \/* Aumenta la altura del footer *\/\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding-top: 10px; \/* Ajusta el espaciado *\/\r\n}\r\n\r\n\/* Imagen dentro del Footer *\/\r\n.modal-footer2 img {\r\n    width: 70%; \/* Aumenta el tama\u00f1o de la imagen *\/\r\n    max-width: 400px; \/* Limita el tama\u00f1o m\u00e1ximo *\/\r\n    height: auto;\r\n    transform: translateY(-70px); \/* Ajuste de posici\u00f3n *\/\r\n}\r\n\/* Close Button *\/\r\n.close {\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 15px;\r\n    font-size: 24px;\r\n    font-weight: bold;\r\n    cursor: pointer;\r\n}\r\n\r\n\/* Open Button *\/\r\n#openPopup2 {\r\n    background-color: #44747f;\r\n    color: white;\r\n    padding: 20px;\r\n    border: none;\r\n    cursor: pointer;\r\n    font-size: 15px;\r\n    border-radius: 100px;\r\n    width: 100%;\r\n    height: auto;\r\n    font-size: clamp(30px, 10vw, 60px);\r\n    font-weight: bold;\r\n}\r\n\r\n#openPopup2:hover {\r\n    background-color: #375F68;\r\n    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;\r\n}\r\n\r\n\/*Activar Animacion*\/\r\n.modal.show .modal-content2 {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n}\r\n\r\n @media (max-width: 768px) {\r\n        .modal-content2 {\r\n            padding:3vw;\r\n            width: 95vw;\r\n            border-radius: 15px;\r\n            max-height: 60vh;\r\n        }\r\n        .modal-body p{\r\n        font-size: 14px;\r\n        font-family: poppins, 'Sans-Serif';\r\n        color: #333;  \r\n        transform: translateY(-55px);\r\n        }\r\n        \r\n        .modal-body h1{\r\n        transform: translateY(-70px);\r\n        }\r\n        \r\n        .modal-header img {\r\n            width: 30%;\r\n        }\r\n        \r\n        .modal-footer2 img {\r\n            width: 80%;\r\n            max-width: 250px;\r\n        }\r\n        \r\n        #openPopup2{\r\n            width: 100%;\r\n            height: auto;\r\n            padding: 20px;\r\n            font-size: 60px;\r\n            font-size: clamp(30px, 10vw, 60px);\r\n        }\r\n        \r\n        \/* Header & Footer Images *\/\r\n        .modal-header img {\r\n            width: 30%;\r\n            height: auto;\r\n            transform: translateY(-80px);\r\n        }\r\n        .modal-footer2 {\r\n            height: 120px; \/* Aumenta la altura del footer *\/\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            padding-top: 10px; \/* Ajusta el espaciado *\/\r\n        }\r\n    \r\n        \/* Imagen dentro del Footer *\/\r\n        .modal-footer2 img {\r\n            width: 70%; \/* Aumenta el tama\u00f1o de la imagen *\/\r\n            max-width: 400px; \/* Limita el tama\u00f1o m\u00e1ximo *\/\r\n            height: auto;\r\n            transform: translateY(-66px); \/* Ajuste de posici\u00f3n *\/\r\n        }\r\n        \r\n    }\r\n    \/*DESKTOP*\/\r\n@media (min-width: 769px) {\r\n    .modal-content2 {\r\n        width: 60vw; \/* Width similar to the example *\/\r\n        max-width: 800px; \/* Restrict max width *\/\r\n        height: auto;\r\n        max-height: 70vh; \/* Prevent excessive height *\/\r\n        padding: 3vw;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center; \/* Center elements *\/\r\n        text-align: center; \/* Center text *\/\r\n        position: relative;\r\n    }\r\n\r\n    .modal-header img {\r\n        width: 120px; \/* Adjust header icon size *\/\r\n        max-width: 150px;\r\n        position: absolute;\r\n        top: -50px; \/* Move icon up *\/\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n    }\r\n\r\n    .modal-body h1 {\r\n        font-size: 45px; \/* Adjust title size *\/\r\n        font-weight: bold;\r\n        margin-top: 40px; \/* Push down *\/\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .modal-body p {\r\n        font-size: clamp(16px, 1.2vw, 22px); \/* Responsive text *\/\r\n        line-height: 1.6;\r\n        padding: 0 2vw; \/* Add side padding *\/\r\n    }\r\n\r\n    .modal-footer2 {\r\n        position: absolute;\r\n        bottom: -120px; \/* Move footer down *\/\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n    }\r\n\r\n    .modal-footer2 img {\r\n        width: 300px; \/* Adjust size of footer image *\/\r\n        max-width: 400px;\r\n    }\r\n\r\n    #openPopup2 {\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n    }\r\n}\r\n\r\n\r\n\r\n<\/style>\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function () {\r\n    \/\/ Get all modal buttons\r\n    document.querySelectorAll(\"[id^='openPopup']\").forEach((btn) => {\r\n        btn.addEventListener(\"click\", function () {\r\n            let modalId = this.id.replace(\"openPopup\", \"popupModal\"); \/\/ Match corresponding modal\r\n            let modal = document.getElementById(modalId);\r\n            if (modal) {\r\n                modal.style.display = \"flex\";\r\n                setTimeout(() => {\r\n                    modal.classList.add(\"show\"); \/\/ Activate animation\r\n                }, 10);\r\n            }\r\n        });\r\n    });\r\n\r\n    \/\/ Close modal when clicking on close button\r\n    document.querySelectorAll(\".close\").forEach((closeBtn) => {\r\n        closeBtn.addEventListener(\"click\", function () {\r\n            let modal = this.closest(\".modal\");\r\n            modal.classList.remove(\"show\");\r\n            setTimeout(() => {\r\n                modal.style.display = \"none\";\r\n            }, 300);\r\n        });\r\n    });\r\n\r\n    \/\/ Close modal when clicking outside the content\r\n    window.onclick = function (event) {\r\n        if (event.target.classList.contains(\"modal\")) {\r\n            event.target.classList.remove(\"show\");\r\n            setTimeout(() => {\r\n                event.target.style.display = \"none\";\r\n            }, 300);\r\n        }\r\n    };\r\n});\r\n\r\n<\/script>\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Inicio Proyectos Nosotros Prop\u00f3sito \u2630 Inicio Proyectos Nosotros Proposito MISI\u00d3N &times; MISI\u00d3N Nuestro prop\u00f3sito es producir conocimiento desde la investigaci\u00f3n [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"_links":{"self":[{"href":"https:\/\/centroadaptia.com\/index.php?rest_route=\/wp\/v2\/pages\/1497"}],"collection":[{"href":"https:\/\/centroadaptia.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/centroadaptia.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/centroadaptia.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/centroadaptia.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1497"}],"version-history":[{"count":311,"href":"https:\/\/centroadaptia.com\/index.php?rest_route=\/wp\/v2\/pages\/1497\/revisions"}],"predecessor-version":[{"id":4516,"href":"https:\/\/centroadaptia.com\/index.php?rest_route=\/wp\/v2\/pages\/1497\/revisions\/4516"}],"wp:attachment":[{"href":"https:\/\/centroadaptia.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1497"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}