{"id":478,"date":"2024-11-09T16:34:11","date_gmt":"2024-11-09T21:34:11","guid":{"rendered":"https:\/\/scm.org.co\/web\/?page_id=478"},"modified":"2025-09-02T11:33:49","modified_gmt":"2025-09-02T16:33:49","slug":"matematicas-aplicadas-e-industriales","status":"publish","type":"page","link":"https:\/\/scm.org.co\/web\/comisiones\/matematicas-aplicadas-e-industriales\/","title":{"rendered":"Matem\u00e1ticas Aplicadas e Industriales"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"478\" class=\"elementor elementor-478\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc418f1 e-flex e-con-boxed e-con e-parent\" data-id=\"bc418f1\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7dd7e17 e-con-full e-flex e-con e-child\" data-id=\"7dd7e17\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t<div class=\"elementor-element elementor-element-39e6aa8 e-con-full e-flex e-con e-child\" data-id=\"39e6aa8\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b5fce99 elementor-widget elementor-widget-html\" data-id=\"b5fce99\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>CMAI - Hero Section<\/title>\r\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n            line-height: 1.6;\r\n            color: #333;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* Header Hero Section with Dynamic Wave Animation *\/\r\n        .hero {\r\n            background: linear-gradient(135deg, #0a5b7d 0%, #1e3c5e 50%, #2a4a6b 100%);\r\n            color: white;\r\n            padding: 80px 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -100px;\r\n            left: -50px;\r\n            right: -50px;\r\n            bottom: -100px;\r\n            background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 1000\"><path d=\"M-100,500 Q200,250 500,400 T1100,300 Q1200,280 1300,320 L1300,1000 L-100,1000 Z\" fill=\"rgba(255,140,0,0.3)\"\/><path d=\"M-100,600 Q300,350 700,500 T1200,400 Q1250,380 1300,420 L1300,1000 L-100,1000 Z\" fill=\"rgba(255,69,0,0.25)\"\/><path d=\"M-100,400 Q100,200 300,300 T700,220 Q900,180 1100,250 Q1200,270 1300,220 L1300,1000 L-100,1000 Z\" fill=\"rgba(255,215,0,0.2)\"\/><\/svg>') no-repeat center\/cover;\r\n            animation: waveMove 12s ease-in-out infinite;\r\n            z-index: 0;\r\n        }\r\n\r\n        .hero::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: -100px;\r\n            left: -50px;\r\n            right: -50px;\r\n            bottom: -100px;\r\n            background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 1000\"><path d=\"M-100,700 Q50,450 200,550 Q350,650 500,500 Q650,350 800,450 Q950,550 1100,350 Q1200,300 1300,380 L1300,1000 L-100,1000 Z\" fill=\"rgba(0,191,255,0.25)\"\/><path d=\"M-100,780 Q100,550 300,650 Q500,750 700,600 Q900,450 1100,580 Q1200,620 1300,550 L1300,1000 L-100,1000 Z\" fill=\"rgba(30,144,255,0.2)\"\/><circle cx=\"150\" cy=\"300\" r=\"80\" fill=\"rgba(255,255,255,0.15)\"\/><circle cx=\"400\" cy=\"250\" r=\"60\" fill=\"rgba(255,255,255,0.1)\"\/><circle cx=\"800\" cy=\"350\" r=\"100\" fill=\"rgba(255,255,255,0.08)\"\/><circle cx=\"1000\" cy=\"280\" r=\"70\" fill=\"rgba(255,255,255,0.12)\"\/><\/svg>') no-repeat center\/cover;\r\n            animation: waveMove 18s ease-in-out infinite reverse;\r\n            z-index: 0;\r\n        }\r\n\r\n        .hero-content {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n            text-align: center;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .hero h1 {\r\n            font-size: 3.5rem;\r\n            font-weight: 700;\r\n            margin-bottom: 10px;\r\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\r\n            animation: fadeInUp 1s ease-out;\r\n            color: white;\r\n        }\r\n\r\n        .hero-subtitle {\r\n            font-size: 1.5rem;\r\n            margin-bottom: 30px;\r\n            opacity: 0.9;\r\n            animation: fadeInUp 1s ease-out 0.3s both;\r\n        }\r\n\r\n        .hero-description {\r\n            font-size: 1.1rem;\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            animation: fadeInUp 1s ease-out 0.6s both;\r\n        }\r\n\r\n        \/* Animations *\/\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(40px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes waveMove {\r\n            0%, 100% {\r\n                transform: translateY(0px) scale(1) rotateZ(0deg);\r\n                opacity: 0.8;\r\n            }\r\n            25% {\r\n                transform: translateY(-30px) scale(1.05) rotateZ(1deg);\r\n                opacity: 0.9;\r\n            }\r\n            50% {\r\n                transform: translateY(-15px) scale(0.95) rotateZ(-1deg);\r\n                opacity: 1;\r\n            }\r\n            75% {\r\n                transform: translateY(-45px) scale(1.02) rotateZ(0.5deg);\r\n                opacity: 0.7;\r\n            }\r\n        }\r\n\r\n        \/* Floating elements for extra visual interest *\/\r\n        .floating-element {\r\n            position: absolute;\r\n            border-radius: 50%;\r\n            background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 70%);\r\n            animation: float 6s ease-in-out infinite;\r\n            z-index: 1;\r\n        }\r\n\r\n        .floating-element:nth-child(1) {\r\n            width: 120px;\r\n            height: 120px;\r\n            top: 15%;\r\n            left: 10%;\r\n            animation-delay: -2s;\r\n        }\r\n\r\n        .floating-element:nth-child(2) {\r\n            width: 80px;\r\n            height: 80px;\r\n            top: 25%;\r\n            right: 15%;\r\n            animation-delay: -4s;\r\n        }\r\n\r\n        .floating-element:nth-child(3) {\r\n            width: 150px;\r\n            height: 150px;\r\n            bottom: 20%;\r\n            left: 20%;\r\n            animation-delay: -1s;\r\n        }\r\n\r\n        .floating-element:nth-child(4) {\r\n            width: 100px;\r\n            height: 100px;\r\n            bottom: 30%;\r\n            right: 25%;\r\n            animation-delay: -3s;\r\n        }\r\n\r\n        @keyframes float {\r\n            0%, 100% {\r\n                transform: translateY(0px) translateX(0px);\r\n                opacity: 0.3;\r\n            }\r\n            25% {\r\n                transform: translateY(-20px) translateX(10px);\r\n                opacity: 0.5;\r\n            }\r\n            50% {\r\n                transform: translateY(-10px) translateX(-5px);\r\n                opacity: 0.4;\r\n            }\r\n            75% {\r\n                transform: translateY(-30px) translateX(-10px);\r\n                opacity: 0.6;\r\n            }\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 768px) {\r\n            .hero h1 {\r\n                font-size: 2.5rem;\r\n            }\r\n            \r\n            .hero-subtitle {\r\n                font-size: 1.2rem;\r\n            }\r\n            \r\n            .hero-description {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .floating-element {\r\n                display: none; \/* Hide floating elements on mobile for better performance *\/\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- Hero Section with Dynamic Animated Background -->\r\n    <section class=\"hero\">\r\n        <!-- Floating decorative elements -->\r\n        <div class=\"floating-element\"><\/div>\r\n        <div class=\"floating-element\"><\/div>\r\n        <div class=\"floating-element\"><\/div>\r\n        <div class=\"floating-element\"><\/div>\r\n        \r\n        <div class=\"hero-content\">\r\n            <h1>CMAI<\/h1>\r\n            <div class=\"hero-subtitle\">Comisi\u00f3n de Matem\u00e1ticas Aplicadas e Industriales<\/div>\r\n            <p class=\"hero-description\">\r\n                Promoviendo el fortalecimiento, desarrollo y visibilidad de las matem\u00e1ticas aplicadas e industriales en Colombia\r\n            <\/p>\r\n        <\/div>\r\n    <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-13aff2f elementor-widget elementor-widget-html\" data-id=\"13aff2f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>CMAI - Comisi\u00f3n de Matem\u00e1ticas Aplicadas e Industriales<\/title>\r\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n            line-height: 1.6;\r\n            color: #333;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* Header Hero Section *\/\r\n        .hero {\r\n            background: linear-gradient(135deg, #0a5b7d 0%, #2e8b9e 50%, #4a9db8 100%);\r\n            color: white;\r\n            padding: 80px 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 1000\"><defs><radialGradient id=\"a\"><stop offset=\"0\" stop-color=\"%23fff\" stop-opacity=\".1\"\/><stop offset=\"1\" stop-color=\"%23fff\" stop-opacity=\"0\"\/><\/radialGradient><\/defs><circle cx=\"200\" cy=\"200\" r=\"100\" fill=\"url(%23a)\"\/><circle cx=\"800\" cy=\"300\" r=\"150\" fill=\"url(%23a)\"\/><circle cx=\"400\" cy=\"600\" r=\"120\" fill=\"url(%23a)\"\/><circle cx=\"700\" cy=\"800\" r=\"100\" fill=\"url(%23a)\"\/><\/svg>') no-repeat center\/cover;\r\n            opacity: 0.1;\r\n        }\r\n\r\n        .hero-content {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n            text-align: center;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .hero h1 {\r\n            font-size: 3.5rem;\r\n            font-weight: 700;\r\n            margin-bottom: 10px;\r\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\r\n            animation: fadeInUp 1s ease-out;\r\n            color: white;\r\n        }\r\n\r\n        .hero-subtitle {\r\n            font-size: 1.5rem;\r\n            margin-bottom: 30px;\r\n            opacity: 0.9;\r\n            animation: fadeInUp 1s ease-out 0.3s both;\r\n        }\r\n\r\n        .hero-description {\r\n            font-size: 1.1rem;\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            animation: fadeInUp 1s ease-out 0.6s both;\r\n        }\r\n\r\n        \/* Container *\/\r\n        .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        \/* Main Content *\/\r\n        .main-content {\r\n            padding: 80px 0;\r\n            background: #f8f9fa;\r\n            margin-top: 40px;\r\n        }\r\n\r\n        .section {\r\n            margin-bottom: 60px;\r\n            animation: fadeInUp 1s ease-out;\r\n        }\r\n\r\n        .section-header {\r\n            text-align: center;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .section-title {\r\n            font-size: 2.5rem;\r\n            color: #0a5b7d;\r\n            margin-bottom: 15px;\r\n            position: relative;\r\n            display: inline-block;\r\n        }\r\n\r\n        .section-title::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -10px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 60px;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, #ff6b35, #f39d3c);\r\n            border-radius: 2px;\r\n        }\r\n\r\n        .section-subtitle {\r\n            font-size: 1.3rem;\r\n            color: #0a5b7d;\r\n            font-weight: 600;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .section-text {\r\n            font-size: 1.1rem;\r\n            line-height: 1.8;\r\n            color: #555;\r\n            text-align: justify;\r\n        }\r\n\r\n        \/* Cards Layout *\/\r\n        .cards-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 30px;\r\n            margin-top: 40px;\r\n            max-width: 900px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .card {\r\n            background: white;\r\n            border-radius: 15px;\r\n            padding: 40px;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n            transition: all 0.3s ease;\r\n            border-top: 5px solid #ff6b35;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 5px;\r\n            background: linear-gradient(90deg, #ff6b35, #f39d3c, #4a9db8);\r\n        }\r\n\r\n        .card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 20px 40px rgba(0,0,0,0.15);\r\n        }\r\n\r\n        .card h3 {\r\n            color: #0a5b7d;\r\n            font-size: 1.5rem;\r\n            margin-bottom: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        .card h3 i {\r\n            margin-right: 10px;\r\n            color: #ff6b35;\r\n            font-size: 1.3rem;\r\n        }\r\n\r\n        \/* Mission Card *\/\r\n        .mission-card {\r\n            background: linear-gradient(135deg, #4a9db8 0%, #2e8b9e 100%);\r\n            color: white;\r\n            text-align: center;\r\n            padding: 50px;\r\n            border-radius: 20px;\r\n            margin: 40px 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .mission-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            right: -50%;\r\n            width: 200%;\r\n            height: 200%;\r\n            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);\r\n            animation: rotate 20s linear infinite;\r\n        }\r\n\r\n        .mission-card h3 {\r\n            font-size: 2rem;\r\n            margin-bottom: 20px;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .mission-card p {\r\n            font-size: 1.2rem;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* Functions List *\/\r\n        .functions-list {\r\n            display: grid;\r\n            gap: 20px;\r\n            margin-top: 30px;\r\n        }\r\n\r\n        .function-item {\r\n            background: white;\r\n            padding: 25px;\r\n            border-radius: 10px;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.08);\r\n            border-left: 5px solid #4a9db8;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .function-item:hover {\r\n            border-left-color: #ff6b35;\r\n            transform: translateX(5px);\r\n        }\r\n\r\n        .function-item h4 {\r\n            color: #0a5b7d;\r\n            font-size: 1.2rem;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        \/* Importance Section *\/\r\n        .importance-section {\r\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\r\n            padding: 60px 0;\r\n            margin: 60px 0;\r\n            border-radius: 20px;\r\n        }\r\n\r\n        \/* Tabs *\/\r\n        .tabs-container {\r\n            background: white;\r\n            border-radius: 20px;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n            overflow: hidden;\r\n        }\r\n\r\n        .tabs-nav {\r\n            display: flex;\r\n            background: linear-gradient(135deg, #0a5b7d 0%, #2e8b9e 100%);\r\n        }\r\n\r\n        .tab-button {\r\n            flex: 1;\r\n            padding: 20px;\r\n            border: none;\r\n            background: transparent;\r\n            color: rgba(255,255,255,0.7);\r\n            font-size: 1.1rem;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n        }\r\n\r\n        .tab-button:hover {\r\n            color: white;\r\n            background: rgba(255,255,255,0.1);\r\n        }\r\n\r\n        .tab-button.active {\r\n            color: white;\r\n            background: rgba(255,107,53,0.2);\r\n        }\r\n\r\n        .tab-button.active::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, #ff6b35, #f39d3c);\r\n        }\r\n\r\n        .tab-content {\r\n            display: none;\r\n            padding: 40px;\r\n            animation: fadeInUp 0.5s ease-out;\r\n        }\r\n\r\n        .tab-content.active {\r\n            display: block;\r\n        }\r\n\r\n        .team-members-grid {\r\n            display: grid;\r\n            gap: 30px;\r\n            margin-top: 40px;\r\n        }\r\n\r\n        \/* Team Section *\/\r\n        .team-member {\r\n            background: white;\r\n            border-radius: 15px;\r\n            padding: 30px;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n            transition: all 0.3s ease;\r\n            margin-bottom: 30px;\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 30px;\r\n        }\r\n\r\n        .team-member.president {\r\n            border-top: 5px solid #ff6b35;\r\n            background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%);\r\n        }\r\n\r\n        .team-member:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 20px 40px rgba(0,0,0,0.15);\r\n        }\r\n\r\n        .member-photo {\r\n            position: relative;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .member-photo img {\r\n            width: 150px;\r\n            height: 150px;\r\n            border-radius: 50%;\r\n            object-fit: cover;\r\n            border: 4px solid #fff;\r\n            box-shadow: 0 8px 25px rgba(0,0,0,0.15);\r\n        }\r\n\r\n        .member-role-badge {\r\n            position: absolute;\r\n            bottom: 10px;\r\n            right: -10px;\r\n            background: linear-gradient(135deg, #ff6b35, #f39d3c);\r\n            color: white;\r\n            padding: 5px 12px;\r\n            border-radius: 20px;\r\n            font-size: 0.8rem;\r\n            font-weight: 600;\r\n            box-shadow: 0 4px 15px rgba(255,107,53,0.3);\r\n        }\r\n\r\n        .member-info h3 {\r\n            color: #0a5b7d;\r\n            font-size: 1.5rem;\r\n            margin-bottom: 10px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .member-info h4 {\r\n            color: #ff6b35;\r\n            font-size: 1.1rem;\r\n            margin-bottom: 15px;\r\n            font-weight: 600;\r\n            line-height: 1.4;\r\n        }\r\n\r\n        .member-info p {\r\n            color: #555;\r\n            line-height: 1.6;\r\n            margin-bottom: 20px;\r\n            text-align: justify;\r\n        }\r\n\r\n        .member-contact {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            color: #4a9db8;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .member-contact a {\r\n            color: #4a9db8;\r\n            text-decoration: none;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .member-contact a:hover {\r\n            color: #ff6b35;\r\n        }\r\n\r\n        .team-members-grid {\r\n            display: grid;\r\n            gap: 30px;\r\n            margin-top: 40px;\r\n        }\r\n        .cta {\r\n            background: linear-gradient(135deg, #ff6b35 0%, #f39d3c 100%);\r\n            color: white;\r\n            text-align: center;\r\n            padding: 60px 20px;\r\n            border-radius: 20px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .cta h3 {\r\n            font-size: 2rem;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .cta p {\r\n            font-size: 1.1rem;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        \/* Animations *\/\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes rotate {\r\n            from { transform: rotate(0deg); }\r\n            to { transform: rotate(360deg); }\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 768px) {\r\n            .hero h1 {\r\n                font-size: 2.5rem;\r\n            }\r\n            \r\n            .hero-subtitle {\r\n                font-size: 1.2rem;\r\n            }\r\n            \r\n            .section-title {\r\n                font-size: 2rem;\r\n            }\r\n            \r\n            .cards-grid {\r\n                grid-template-columns: 1fr;\r\n                max-width: 100%;\r\n            }\r\n            \r\n            .card {\r\n                padding: 25px;\r\n            }\r\n\r\n            .tab-button {\r\n                font-size: 1rem;\r\n                padding: 15px 10px;\r\n            }\r\n\r\n            .tab-content {\r\n                padding: 20px;\r\n            }\r\n\r\n            .team-member {\r\n                flex-direction: column;\r\n                text-align: center;\r\n                gap: 20px;\r\n            }\r\n\r\n            .member-photo img {\r\n                width: 120px;\r\n                height: 120px;\r\n            }\r\n\r\n            .member-role-badge {\r\n                position: relative;\r\n                bottom: auto;\r\n                right: auto;\r\n                margin-top: 10px;\r\n                display: inline-block;\r\n            }\r\n        }\r\n\r\n        \/* Scroll animations *\/\r\n        .animate-on-scroll {\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            transition: all 0.6s ease;\r\n        }\r\n\r\n        .animate-on-scroll.animated {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n   \r\n    \r\n            <!-- Tabs Navigation -->\r\n            <div class=\"section animate-on-scroll\">\r\n                <div class=\"tabs-container\">\r\n                    <div class=\"tabs-nav\">\r\n                        <button class=\"tab-button active\" data-tab=\"info\">Informaci\u00f3n General<\/button>\r\n                        <button class=\"tab-button\" data-tab=\"team\">Integrantes<\/button>\r\n                    <\/div>\r\n                    \r\n                    <!-- Info Tab Content -->\r\n                    <div class=\"tab-content active\" id=\"info\">\r\n                        <!-- What is CMAI -->\r\n                        <div class=\"section-header\">\r\n                            <h2 class=\"section-title\">\u00bfQu\u00e9 es la CMAI?<\/h2>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"cards-grid\">\r\n                            <div class=\"card\">\r\n                                <h3><i class=\"fas fa-landmark\"><\/i>Instancia Permanente<\/h3>\r\n                                <p>La <strong>Comisi\u00f3n de Matem\u00e1ticas Aplicadas e Industriales (CMAI)<\/strong> es una instancia permanente de la <em>Sociedad Colombiana de Matem\u00e1ticas (SCM)<\/em>, creada en 2019 por iniciativa del Consejo Directivo.<\/p>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"card\">\r\n                                <h3><i class=\"fas fa-users\"><\/i>Comunidad Creciente<\/h3>\r\n                                <p>Articula una comunidad creciente de investigadores, docentes, estudiantes y profesionales interesados en conectar el conocimiento matem\u00e1tico con los desaf\u00edos reales del pa\u00eds.<\/p>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"card\">\r\n                                <h3><i class=\"fas fa-industry\"><\/i>Sectores Estrat\u00e9gicos<\/h3>\r\n                                <p>Enfocada en sectores como la industria, la tecnolog\u00eda, la energ\u00eda, la salud, el medio ambiente, la infraestructura y m\u00e1s.<\/p>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"card\">\r\n                                <h3><i class=\"fas fa-chart-line\"><\/i>Pol\u00edticas P\u00fablicas<\/h3>\r\n                                <p>Busca incidir en pol\u00edticas p\u00fablicas relacionadas con ciencia, tecnolog\u00eda, educaci\u00f3n y producci\u00f3n, que tengan impacto sobre las matem\u00e1ticas aplicadas.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Mission -->\r\n                        <div class=\"mission-card\">\r\n                            <h3><i class=\"fas fa-bullseye\" style=\"margin-right: 15px; color: #fff;\"><\/i>Misi\u00f3n<\/h3>\r\n                            <p>Dise\u00f1ar y coordinar estrategias que promuevan la investigaci\u00f3n, discusi\u00f3n y divulgaci\u00f3n de las matem\u00e1ticas aplicadas e industriales en Colombia, as\u00ed como su apropiaci\u00f3n por parte del sector empresarial, el Estado y la sociedad civil.<\/p>\r\n                        <\/div>\r\n\r\n                        <!-- Main Functions -->\r\n                        <div class=\"section-header\">\r\n                            <h2 class=\"section-title\">Funciones Principales<\/h2>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"functions-list\">\r\n                            <div class=\"function-item\">\r\n                                <h4><i class=\"fas fa-route\" style=\"color: #ff6b35; margin-right: 10px;\"><\/i>Hoja de Ruta<\/h4>\r\n                                <p>Definir la hoja de ruta de cada periodo de la Comisi\u00f3n, con un plan de trabajo que refleje los objetivos de la SCM y las prioridades de la comunidad de matem\u00e1ticas aplicadas del pa\u00eds.<\/p>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"function-item\">\r\n                                <h4><i class=\"fas fa-calendar-alt\" style=\"color: #ff6b35; margin-right: 10px;\"><\/i>Conferencia MAPI<\/h4>\r\n                                <p>Organizar la Conferencia de Matem\u00e1ticas Aplicadas e Industriales (MAPI) y convocar su siguiente edici\u00f3n, consolidando este evento como punto de encuentro nacional.<\/p>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"function-item\">\r\n                                <h4><i class=\"fas fa-globe\" style=\"color: #ff6b35; margin-right: 10px;\"><\/i>Representaci\u00f3n Internacional<\/h4>\r\n                                <p>Representar a la SCM en eventos nacionales e internacionales del \u00e1rea, fortaleciendo los v\u00ednculos con redes globales y actores estrat\u00e9gicos.<\/p>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"function-item\">\r\n                                <h4><i class=\"fas fa-chalkboard-teacher\" style=\"color: #ff6b35; margin-right: 10px;\"><\/i>Actividades Acad\u00e9micas<\/h4>\r\n                                <p>Apoyar la organizaci\u00f3n de actividades acad\u00e9micas, como simposios, talleres o cursos especializados en el marco del Congreso Colombiano de Matem\u00e1ticas (CCM) u otros espacios.<\/p>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"function-item\">\r\n                                <h4><i class=\"fas fa-handshake\" style=\"color: #ff6b35; margin-right: 10px;\"><\/i>Alianzas Estrat\u00e9gicas<\/h4>\r\n                                <p>Fomentar alianzas con organizaciones nacionales e internacionales que promuevan el estudio, aplicaci\u00f3n e investigaci\u00f3n de las matem\u00e1ticas aplicadas e industriales.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Importance -->\r\n                        <div class=\"importance-section\">\r\n                            <div class=\"section-header\">\r\n                                <h2 class=\"section-title\">\u00bfPor qu\u00e9 es importante la Matem\u00e1tica Aplicada e Industrial en Colombia?<\/h2>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"section-text\">\r\n                                <p>En un contexto de creciente complejidad tecnol\u00f3gica y social, las matem\u00e1ticas aplicadas juegan un papel estrat\u00e9gico en la toma de decisiones basada en evidencia, en la innovaci\u00f3n en procesos productivos, y en el dise\u00f1o de pol\u00edticas p\u00fablicas m\u00e1s eficientes.<\/p>\r\n                                \r\n                                <p style=\"margin-top: 20px;\">La CMAI se proyecta como un actor clave en la construcci\u00f3n de puentes entre la academia y los sectores estrat\u00e9gicos del pa\u00eds, y como un impulsor de las capacidades cient\u00edficas y tecnol\u00f3gicas de Colombia.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Team Tab Content -->\r\n                    <div class=\"tab-content\" id=\"team\">\r\n                        <div class=\"section-header\">\r\n                            <h2 class=\"section-title\">Integrantes<\/h2>\r\n                        <\/div>\r\n                        \r\n                        <!-- Team Member - President -->\r\n                        <div class=\"team-member president\">\r\n                            <div class=\"member-photo\">\r\n                                <img decoding=\"async\" src=\"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/09\/Diego-Munoz.png\" alt=\"Diego A. Mu\u00f1oz\" \/>\r\n                                <div class=\"member-role-badge\">Presidente<\/div>\r\n                            <\/div>\r\n                            <div class=\"member-info\">\r\n                                <h3>DIEGO A. MU\u00d1OZ<\/h3>\r\n                                <h4>Profesor e Investigador del Departamento de Matem\u00e1ticas de la Facultad de Ciencias de la Universidad Nacional de Colombia, Sede Medell\u00edn.<\/h4>\r\n                                <p>Diego A. Mu\u00f1oz es Ingeniero Qu\u00edmico y Magister en Matem\u00e1ticas de la Universidad Nacional de Colombia sede Medell\u00edn. En el 2015 recibi\u00f3 su Doctorado en Ingenier\u00eda de la RWTH Aachen University of Technology, en Alemania. Actualmente es el Vicedecano de Investigaci\u00f3n y Extensi\u00f3n de la Facultad de Ciencias de la Universidad Nacional de Colombia, Sede Medell\u00edn. Es integrante del grupo de investigaci\u00f3n en Computaci\u00f3n Cient\u00edfica. Sus intereses acad\u00e9micos han estado relacionados principalmente con la investigaci\u00f3n en el desarrollo y aplicaci\u00f3n de m\u00e9todos basados en modelo para sistemas de proceso en los que se incluyen: Optimizaci\u00f3n din\u00e1mica bajo incertidumbre, Optimizaci\u00f3n topol\u00f3gica, T\u00e9cnicas de optimizaci\u00f3n para el modelamiento, control y monitoreo, Modelamiento matem\u00e1tico, simulaci\u00f3n, an\u00e1lisis y control de procesos qu\u00edmicos e Integraci\u00f3n de dise\u00f1o de procesos y control. Desde el 2013 es el director de la divisi\u00f3n de optimizaci\u00f3n de procesos de PM-Tec Engineering (www.pm-tec.co), una empresa dirigida por profesionales altamente calificados con una visi\u00f3n clara del desarrollo industrial basado en el conocimiento. En esta divisi\u00f3n, el desarrollo de modelos matem\u00e1ticos y su uso en la industria 4.0 son piezas fundamentales para la aplicaci\u00f3n de las matem\u00e1ticas en la industria.<\/p>\r\n                                <div class=\"member-contact\">\r\n                                    <i class=\"fas fa-envelope\"><\/i>\r\n                                    <a href=\"mailto:damunozd@unal.edu.co\">damunozd@unal.edu.co<\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Team Members Grid -->\r\n                        <div class=\"team-members-grid\">\r\n                            <!-- Val\u00e9rie Gauthier Uma\u00f1a -->\r\n                            <div class=\"team-member\">\r\n                                <div class=\"member-photo\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/09\/Valerie.png\" alt=\"Val\u00e9rie Gauthier Uma\u00f1a\" \/>\r\n                                <\/div>\r\n                                <div class=\"member-info\">\r\n                                    <h3>Val\u00e9rie Gauthier Uma\u00f1a<\/h3>\r\n                                    <h4>Profesora asistente del Departamento de Ingenier\u00eda de Sistemas y Computaci\u00f3n de la Universidad de los Andes.<\/h4>\r\n                                    <p>Val\u00e9rie es matem\u00e1tica de la Universidad de los Andes, ganadora de una beca de la Comunidad Europea en el programa de maestr\u00eda Erasmus Mundus : ALGANT en \u00e1lgebra, geometr\u00eda y teor\u00eda de n\u00fameros en la Universidad de Burdeos I, Francia y la Universidad de Padova, Italia. PhD en matem\u00e1ticas aplicadas, en el \u00e1rea de criptograf\u00eda post-cu\u00e1ntica de La Universidad T\u00e9cnica de Dinamarca (DTU). Fue investigadora postdoctoral del laboratorio GREYC de la Universidad de Caen Normandia, Francia y del Departamento de Matem\u00e1ticas de la Universidad de los Andes en Bogot\u00e1. Fue directora del Departamento de Matem\u00e1ticas Aplicadas y Ciencias de la computaci\u00f3n MACC de la Universidad del Rosario, as\u00ed como de su pregrado y maestr\u00eda MACC. Fue miembro del Consejo Asesor T\u00e9cnico del Sistema Estad\u00edstico Nacional \u2013CASEN y actualmente es miembro de la Comisi\u00f3n de Matem\u00e1ticas Aplicadas e Industriales de la Sociedad Colombiana de Matem\u00e1ticas<\/p>\r\n                                    <div class=\"member-contact\">\r\n                                        <i class=\"fas fa-envelope\"><\/i>\r\n                                        <a href=\"mailto:ve.gauthier@uniandes.edu.co\">ve.gauthier@uniandes.edu.co<\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Diego Gerardo Roldan Jimenez -->\r\n                            <div class=\"team-member\">\r\n                                <div class=\"member-photo\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/09\/Diego-roldan.png\" alt=\"Diego Gerardo Roldan Jimenez\" \/>\r\n                                <\/div>\r\n                                <div class=\"member-info\">\r\n                                    <h3>Diego Gerardo Roldan Jimenez<\/h3>\r\n                                    <h4>Profesor e Investigador del departamento de matem\u00e1ticas de la Universidad Nacional de Colombia \u2013 Bogot\u00e1.<\/h4>\r\n                                    <p>Matem\u00e1tico y Magister en Matem\u00e1ticas Aplicadas de la Universidad Nacional de Colombia, Bogot\u00e1. Tiene un EngD de la universidad tecnol\u00f3gica de Eindhoven (TU\/e), en los Pa\u00edses Bajos. Como parte del 4TU.School for Technological Design, participo en proyectos de desarrollo y consultor\u00eda en empresas como Phillips LED-Lighting, SPG-Prints, Veneficus, EyeOn, Cure, y e-Logistics Control. Despu\u00e9s de ganar una beca de investigaci\u00f3n doctoral otorgada por el servicio alem\u00e1n de intercambio acad\u00e9mico (DAAD), fue galardonado como Dr.rer.nat en el 2021 en el departamento de matem\u00e1ticas de la universidad t\u00e9cnica de Kaiserslautern, Alemania (TUK) (renombrada en 2023 a RPTU). Actualmente es profesor asistente vinculado al departamento de Matem\u00e1ticas de la Facultad de Ciencias de la Universidad Nacional de Colombia en Bogot\u00e1, y es investigador agregado al departamento de procesamiento de im\u00e1genes del Instituto Fraunhofer para las Matem\u00e1ticas Aplicadas e Industriales (ITWM) en Kaiserslautern, Alemania.<\/p>\r\n                                    <div class=\"member-contact\">\r\n                                        <i class=\"fas fa-envelope\"><\/i>\r\n                                        <a href=\"mailto:dgroldanj@unal.edu.co\">dgroldanj@unal.edu.co<\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- An\u00edbal Sosa -->\r\n                            <div class=\"team-member\">\r\n                                <div class=\"member-photo\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/09\/Anibal-sosa.png\" alt=\"An\u00edbal Sosa\" \/>\r\n                                <\/div>\r\n                                <div class=\"member-info\">\r\n                                    <h3>An\u00edbal Sosa<\/h3>\r\n                                    <h4>Profesor en el Departamento de Ciencias F\u00edsicas y Exactas de la Universidad Icesi<\/h4>\r\n                                    <p>Matem\u00e1tico con PhD en Ciencias Computacionales por la Universidad de Texas en El Paso (EE. UU.), y cuenta con una doble maestr\u00eda en Matem\u00e1ticas (Universidad del Valle) y en Ciencias Computacionales (UTEP). Actualmente se desempe\u00f1a como profesor en el Departamento de Ciencias F\u00edsicas y Exactas de la Universidad Icesi e investigador en matem\u00e1ticas aplicadas dentro del grupo I2T. Su trabajo se ha centrado en la optimizaci\u00f3n num\u00e9rica para resolver problemas inversos en geof\u00edsica, teor\u00eda de portafolios y aplicaciones en inteligencia artificial. Exbecario Fulbright, acumula m\u00e1s de cinco a\u00f1os de experiencia en inteligencia artificial y optimizaci\u00f3n para el an\u00e1lisis de datos, aplicando sus conocimientos tanto en docencia (pregrado y posgrado) como en proyectos de alto impacto. Ha dirigido m\u00faltiples trabajos de grado, varios de ellos implementados con \u00e9xito en el sector empresarial, lo que evidencia su capacidad para conectar la investigaci\u00f3n acad\u00e9mica con soluciones pr\u00e1cticas que generan valor real.<\/p>\r\n                                    <div class=\"member-contact\">\r\n                                        <i class=\"fas fa-envelope\"><\/i>\r\n                                        <a href=\"mailto:uasosa@icesi.edu.co\">uasosa@icesi.edu.co<\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Juan Galvis -->\r\n                            <div class=\"team-member\">\r\n                                <div class=\"member-photo\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/09\/Juan-Galvis.png\" alt=\"Juan Galvis\" \/>\r\n                                <\/div>\r\n                                <div class=\"member-info\">\r\n                                    <h3>Juan Galvis<\/h3>\r\n                                    <h4>Profesor titular del Departamento de Matem\u00e1ticas de la Universidad Nacional de Colombia<\/h4>\r\n                                    <p>Juan Galvis (Juan Carlos Galvis-Arrieta) es profesor titular del Departamento de Matem\u00e1ticas de la Universidad Nacional de Colombia. Doctor en Matem\u00e1ticas por el Instituto Nacional de Matem\u00e1tica Pura e Aplicada (IMPA, Brasil), con estancia posdoctoral en Texas A&M University (EE. UU.). Su investigaci\u00f3n se centra en m\u00e9todos num\u00e9ricos para problemas multiescala, elementos finitos, descomposici\u00f3n de dominios y ecuaciones diferenciales parciales con aplicaciones en ingenier\u00eda y ciencias aplicadas. Ha recibido distinciones como el Premio TWAS-Colombia (2016), el Premio Jos\u00e9 Fernando Escobar de la Sociedad Colombiana de Matem\u00e1ticas (2019) y reconocimientos a la investigaci\u00f3n por parte de la Facultad de Ciencias de la Universidad Nacional en 2019 y 2023. En 2017 fue conferencista plenario en el Congreso Internacional de M\u00e9todos de Descomposici\u00f3n de Dominios.<\/p>\r\n                                    <div class=\"member-contact\">\r\n                                        <i class=\"fas fa-envelope\"><\/i>\r\n                                        <a href=\"mailto:jcgalvisa@unal.edu.co\">jcgalvisa@unal.edu.co<\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Duv\u00e1n Cardona -->\r\n                            <div class=\"team-member\">\r\n                                <div class=\"member-photo\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/09\/Duvan-Cardona.jpeg\" alt=\"Duv\u00e1n Cardona\" \/>\r\n                                <\/div>\r\n                                <div class=\"member-info\">\r\n                                    <h3>Duv\u00e1n Cardona<\/h3>\r\n                                    <h4>FWO Research Fellow, Ghent University<\/h4>\r\n                                    <p>Duv\u00e1n Cardona es un matem\u00e1tico colombiano e investigador asociado de la Fundaci\u00f3n FWO en la Universidad de Gante, B\u00e9lgica. Fue galardonado con la prestigiosa beca FWO por la Fundaci\u00f3n de Investigaci\u00f3n de Flandes (FWO). En 2024 se uni\u00f3 a la junta directiva de ISAAC, la International Society for Analysis, its Applications, and Computation, convirti\u00e9ndose en el matem\u00e1tico m\u00e1s joven elegido en en el cuerpo de directores en la historia de esta sociedad. En 2024 fu\u00e9 investigador visitante en UCLA bajo la direcci\u00f3n de Terence Tao. Desde 2022 ocupa el cargo de Director Cient\u00edfico de ICMAM Latin America. Su area de investigaci\u00f3n se centra en An\u00e1lisis Arm\u00f3nico y Ecuaciones Diferenciales Parciales (PDEs). Ha recibido el Premio Presidencial 2025 de la International Society for Analysis, its Applications and Computation (ISAAC). Recientemente se incorpor\u00f3 a la Comisi\u00f3n de Matem\u00e1ticas Aplicadas e Industriales (CMAI) de la Sociedad Colombiana de Matem\u00e1ticas. Asimismo, ingres\u00f3 a la Academia Joven de la Academia Colombiana de Ciencias Exactas, F\u00edsicas y Naturales para el periodo 2025-2030. En 2025 fue elegido Auditor de ISAAC.<\/p>\r\n                                    <div class=\"member-contact\">\r\n                                        <i class=\"fas fa-envelope\"><\/i>\r\n                                        <a href=\"mailto:duvanc306@gmail.com\">duvanc306@gmail.com<\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            \r\n   \r\n    \r\n\r\n    <script>\r\n        \/\/ Tabs functionality\r\n        const tabButtons = document.querySelectorAll('.tab-button');\r\n        const tabContents = document.querySelectorAll('.tab-content');\r\n\r\n        tabButtons.forEach(button => {\r\n            button.addEventListener('click', () => {\r\n                const tabId = button.dataset.tab;\r\n                \r\n                \/\/ Remove active class from all buttons and contents\r\n                tabButtons.forEach(btn => btn.classList.remove('active'));\r\n                tabContents.forEach(content => content.classList.remove('active'));\r\n                \r\n                \/\/ Add active class to clicked button and corresponding content\r\n                button.classList.add('active');\r\n                document.getElementById(tabId).classList.add('active');\r\n            });\r\n        });\r\n\r\n        \/\/ Scroll animations\r\n        const observerOptions = {\r\n            threshold: 0.1,\r\n            rootMargin: '0px 0px -50px 0px'\r\n        };\r\n\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('animated');\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        \/\/ Observe all elements with animate-on-scroll class\r\n        document.querySelectorAll('.animate-on-scroll').forEach(el => {\r\n            observer.observe(el);\r\n        });\r\n\r\n        \/\/ Add smooth scrolling behavior\r\n        document.documentElement.style.scrollBehavior = 'smooth';\r\n    <\/script>\r\n<\/body>\r\n<\/html>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CMAI &#8211; Hero Section CMAI Comisi\u00f3n de Matem\u00e1ticas Aplicadas e Industriales Promoviendo el fortalecimiento, desarrollo y visibilidad de las matem\u00e1ticas aplicadas e industriales en Colombia CMAI &#8211; Comisi\u00f3n de Matem\u00e1ticas Aplicadas e Industriales Informaci\u00f3n General Integrantes \u00bfQu\u00e9 es la CMAI? Instancia Permanente La Comisi\u00f3n de Matem\u00e1ticas Aplicadas e Industriales (CMAI) es una instancia permanente de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":82,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-478","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/scm.org.co\/web\/wp-json\/wp\/v2\/pages\/478","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scm.org.co\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scm.org.co\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scm.org.co\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/scm.org.co\/web\/wp-json\/wp\/v2\/comments?post=478"}],"version-history":[{"count":25,"href":"https:\/\/scm.org.co\/web\/wp-json\/wp\/v2\/pages\/478\/revisions"}],"predecessor-version":[{"id":5500,"href":"https:\/\/scm.org.co\/web\/wp-json\/wp\/v2\/pages\/478\/revisions\/5500"}],"up":[{"embeddable":true,"href":"https:\/\/scm.org.co\/web\/wp-json\/wp\/v2\/pages\/82"}],"wp:attachment":[{"href":"https:\/\/scm.org.co\/web\/wp-json\/wp\/v2\/media?parent=478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}