{"id":86,"date":"2021-03-12T05:36:28","date_gmt":"2021-03-12T05:36:28","guid":{"rendered":"http:\/\/liceolutherking.com.co\/?page_id=86"},"modified":"2025-12-05T17:00:16","modified_gmt":"2025-12-05T17:00:16","slug":"plataforma","status":"publish","type":"page","link":"https:\/\/liceolutherking.com.co\/index.php\/plataforma\/","title":{"rendered":"Admisiones"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"86\" class=\"elementor elementor-86\" data-elementor-settings=\"[]\">\n\t\t\t\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2c7bd38 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2c7bd38\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2811353\" data-id=\"2811353\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-40be948 elementor-widget elementor-widget-html\" data-id=\"40be948\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\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>Admisiones 2026 - Liceo Luther King<\/title>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\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            background: #f5f5f5;\r\n        }\r\n\r\n        .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 20px;\r\n        }\r\n\r\n        \/* Hero Banner *\/\r\n        .hero {\r\n            position: relative;\r\n            background: #8A1016;\r\n            color: white;\r\n            padding: 80px 20px 30px 20px;\r\n            text-align: center;\r\n            border-radius: 20px;\r\n            margin-bottom: 40px;\r\n            box-shadow: 0 15px 40px rgba(138, 16, 22, 0.4);\r\n            overflow: hidden;\r\n        }\r\n\r\n        .hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            right: -10%;\r\n            width: 500px;\r\n            height: 500px;\r\n            background: rgba(255, 255, 255, 0.05);\r\n            border-radius: 50%;\r\n            z-index: 0;\r\n        }\r\n\r\n        .hero::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -30%;\r\n            left: -5%;\r\n            width: 400px;\r\n            height: 400px;\r\n            background: rgba(255, 255, 255, 0.03);\r\n            border-radius: 50%;\r\n            z-index: 0;\r\n        }\r\n\r\n        .hero-content {\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .hero h1 {\r\n            font-size: 3.5em;\r\n            margin-bottom: 15px;\r\n            text-shadow: 2px 2px 8px rgba(0,0,0,0.3);\r\n            font-weight: 800;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .hero p {\r\n            font-size: 1.4em;\r\n            margin-bottom: 15px;\r\n            text-shadow: 1px 1px 3px rgba(0,0,0,0.2);\r\n        }\r\n\r\n        .hero .subtitle {\r\n            font-size: 1.6em;\r\n            font-weight: 600;\r\n            background: rgba(255, 255, 255, 0.2);\r\n            padding: 10px 30px;\r\n            border-radius: 50px;\r\n            display: inline-block;\r\n            margin-top: 10px;\r\n            backdrop-filter: blur(10px);\r\n        }\r\n\r\n        \/* Step Navigation *\/\r\n        .step-nav {\r\n            display: flex;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n            gap: 10px;\r\n            padding: 20px;\r\n            background: rgba(255, 255, 255, 0.15);\r\n            border-radius: 15px;\r\n            backdrop-filter: blur(10px);\r\n            margin-top: 30px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .step-btn {\r\n            background: rgba(255, 255, 255, 0.9);\r\n            border: 2px solid rgba(255, 255, 255, 0.3);\r\n            padding: 12px 20px;\r\n            border-radius: 25px;\r\n            cursor: pointer;\r\n            font-weight: 600;\r\n            transition: all 0.3s;\r\n            font-size: 0.95em;\r\n            color: #8A1016;\r\n            position: relative;\r\n            z-index: 3;\r\n        }\r\n\r\n        .step-btn:hover {\r\n            background: white;\r\n            color: #8A1016;\r\n            border-color: white;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.3);\r\n        }\r\n\r\n        .step-btn.active {\r\n            background: white;\r\n            color: #8A1016;\r\n            border-color: white;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.3);\r\n        }\r\n\r\n        .step-btn.costs {\r\n            background: linear-gradient(135deg, #ffd700, #ffed4e);\r\n            color: #8A1016;\r\n            font-weight: 700;\r\n            border: 2px solid #ffd700;\r\n        }\r\n\r\n        .step-btn.costs:hover {\r\n            background: linear-gradient(135deg, #ffed4e, #ffd700);\r\n            transform: translateY(-2px) scale(1.05);\r\n        }\r\n\r\n        \/* Step Content *\/\r\n        .step-content {\r\n            display: none;\r\n            background: white;\r\n            padding: 40px;\r\n            border-radius: 15px;\r\n            box-shadow: 0 5px 20px rgba(0,0,0,0.1);\r\n            margin-bottom: 30px;\r\n            animation: fadeIn 0.5s;\r\n        }\r\n\r\n        .step-content.active {\r\n            display: block;\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            from { opacity: 0; transform: translateY(20px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        .step-header {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 20px;\r\n            margin-bottom: 30px;\r\n            padding-bottom: 20px;\r\n            border-bottom: 3px solid #8A1016;\r\n        }\r\n\r\n        .step-number {\r\n            background: #8A1016;\r\n            color: white;\r\n            width: 60px;\r\n            height: 60px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 1.8em;\r\n            font-weight: bold;\r\n            box-shadow: 0 5px 15px rgba(138, 16, 22, 0.4);\r\n        }\r\n\r\n        .step-title {\r\n            font-size: 2em;\r\n            color: #8A1016;\r\n            font-weight: 700;\r\n        }\r\n\r\n        \/* Content Sections *\/\r\n        .welcome-section {\r\n            text-align: center;\r\n            padding: 30px 0;\r\n        }\r\n\r\n        .logo-carousel-container {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 40px;\r\n            align-items: start;\r\n            margin: 30px 0;\r\n            max-width: 1000px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .logo-container {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n\r\n        .carousel-section {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n\r\n        .section-title {\r\n            font-size: 1.5em;\r\n            color: #8A1016;\r\n            font-weight: 700;\r\n            margin-bottom: 20px;\r\n            text-align: center;\r\n        }\r\n\r\n        .logo-image {\r\n            width: 100%;\r\n            max-width: 250px;\r\n            height: auto;\r\n            border-radius: 15px;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.2);\r\n        }\r\n\r\n        \/* Carousel Styles *\/\r\n        .carousel-container {\r\n            width: 100%;\r\n            position: relative;\r\n            overflow: hidden;\r\n            border-radius: 20px;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.2);\r\n        }\r\n\r\n        .carousel-wrapper {\r\n            display: flex;\r\n            transition: transform 0.5s ease-in-out;\r\n        }\r\n\r\n        .carousel-slide {\r\n            min-width: 100%;\r\n            height: 400px;\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        .carousel-dots {\r\n            text-align: center;\r\n            padding: 15px 0;\r\n            position: absolute;\r\n            bottom: 20px;\r\n            left: 0;\r\n            right: 0;\r\n            z-index: 10;\r\n        }\r\n\r\n        .dot {\r\n            display: inline-block;\r\n            width: 12px;\r\n            height: 12px;\r\n            border-radius: 50%;\r\n            background: rgba(255, 255, 255, 0.5);\r\n            margin: 0 5px;\r\n            cursor: pointer;\r\n            transition: all 0.3s;\r\n        }\r\n\r\n        .dot.active {\r\n            background: white;\r\n            transform: scale(1.3);\r\n        }\r\n\r\n        .carousel-arrow {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            background: rgba(138, 16, 22, 0.8);\r\n            color: white;\r\n            border: none;\r\n            width: 45px;\r\n            height: 45px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            font-size: 1.3em;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            z-index: 10;\r\n            transition: all 0.3s;\r\n        }\r\n\r\n        .carousel-arrow:hover {\r\n            background: rgba(138, 16, 22, 1);\r\n            transform: translateY(-50%) scale(1.1);\r\n        }\r\n\r\n        .carousel-arrow.left {\r\n            left: 15px;\r\n        }\r\n\r\n        .carousel-arrow.right {\r\n            right: 15px;\r\n        }\r\n\r\n        .slogan {\r\n            font-size: 2.5em;\r\n            color: #8A1016;\r\n            font-weight: 700;\r\n            margin: 20px 0;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n        }\r\n\r\n        .info-box {\r\n            background: #f8f9fa;\r\n            padding: 25px;\r\n            border-radius: 10px;\r\n            margin: 20px 0;\r\n            border-left: 5px solid #8A1016;\r\n        }\r\n\r\n        .info-box h3 {\r\n            color: #8A1016;\r\n            margin-bottom: 15px;\r\n            font-size: 1.4em;\r\n        }\r\n\r\n        .info-box ul {\r\n            list-style: none;\r\n            padding-left: 0;\r\n        }\r\n\r\n        .info-box li {\r\n            padding: 10px 0;\r\n            padding-left: 30px;\r\n            position: relative;\r\n        }\r\n\r\n        .info-box li:before {\r\n            content: \"\u2713\";\r\n            position: absolute;\r\n            left: 0;\r\n            color: #8A1016;\r\n            font-weight: bold;\r\n            font-size: 1.2em;\r\n        }\r\n\r\n        .procedure-steps {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 20px;\r\n            margin: 30px 0;\r\n        }\r\n\r\n        .procedure-card {\r\n            background: #8A1016;\r\n            color: white;\r\n            padding: 30px 20px;\r\n            border-radius: 15px;\r\n            text-align: center;\r\n            box-shadow: 0 5px 15px rgba(138, 16, 22, 0.3);\r\n            transition: transform 0.3s;\r\n        }\r\n\r\n        .procedure-card:hover {\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        .procedure-card h4 {\r\n            font-size: 1.3em;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .highlight-box {\r\n            background: #fff3cd;\r\n            border: 2px solid #ffc107;\r\n            padding: 20px;\r\n            border-radius: 10px;\r\n            margin: 20px 0;\r\n        }\r\n\r\n        .highlight-box strong {\r\n            color: #8A1016;\r\n        }\r\n\r\n        .requirements-list {\r\n            background: white;\r\n            padding: 25px;\r\n            border-radius: 10px;\r\n            border: 2px solid #8A1016;\r\n            margin: 20px 0;\r\n        }\r\n\r\n        .requirements-list h4 {\r\n            color: #8A1016;\r\n            margin-bottom: 15px;\r\n            font-size: 1.3em;\r\n        }\r\n\r\n        .cost-badge {\r\n            display: inline-block;\r\n            background: #28a745;\r\n            color: white;\r\n            padding: 10px 20px;\r\n            border-radius: 25px;\r\n            font-weight: bold;\r\n            font-size: 1.2em;\r\n            margin: 15px 0;\r\n        }\r\n\r\n        .thank-you-section {\r\n            text-align: center;\r\n            padding: 50px 20px;\r\n            background: #8A1016;\r\n            color: white;\r\n            border-radius: 15px;\r\n        }\r\n\r\n        .thank-you-section h2 {\r\n            font-size: 2.5em;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .thank-you-section p {\r\n            font-size: 1.3em;\r\n            line-height: 1.8;\r\n        }\r\n\r\n        .navigation-buttons {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            margin-top: 30px;\r\n            gap: 10px;\r\n        }\r\n\r\n        .nav-btn {\r\n            padding: 15px 30px;\r\n            border: none;\r\n            border-radius: 25px;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s;\r\n            font-size: 1em;\r\n        }\r\n\r\n        .nav-btn.prev {\r\n            background: #6c757d;\r\n            color: white;\r\n        }\r\n\r\n        .nav-btn.next {\r\n            background: #8A1016;\r\n            color: white;\r\n        }\r\n\r\n        .nav-btn:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.2);\r\n        }\r\n\r\n        .nav-btn:disabled {\r\n            opacity: 0.5;\r\n            cursor: not-allowed;\r\n        }\r\n\r\n        .form-link {\r\n            display: inline-block;\r\n            background: #8A1016;\r\n            color: white;\r\n            padding: 15px 30px;\r\n            border-radius: 25px;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            transition: all 0.3s;\r\n            box-shadow: 0 5px 15px rgba(138, 16, 22, 0.3);\r\n        }\r\n\r\n        .form-link:hover {\r\n            background: #6d0c11;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 8px 20px rgba(138, 16, 22, 0.4);\r\n        }\r\n\r\n        .form-container {\r\n            width: 100%;\r\n            max-width: 900px;\r\n            margin: 30px auto;\r\n            border-radius: 15px;\r\n            overflow: hidden;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.2);\r\n            background: white;\r\n        }\r\n\r\n        .form-iframe {\r\n            width: 100%;\r\n            height: 1200px;\r\n            border: none;\r\n            display: block;\r\n        }\r\n\r\n        \/* Estilos para botones de PDF *\/\r\n        .pdf-button {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            padding: 15px 35px;\r\n            border-radius: 50px;\r\n            text-decoration: none;\r\n            font-weight: 700;\r\n            font-size: 1.1em;\r\n            transition: all 0.3s;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .pdf-button:hover {\r\n            transform: translateY(-3px) scale(1.05);\r\n        }\r\n\r\n        .pdf-button.primary {\r\n            background: linear-gradient(135deg, #9c27b0, #ba68c8);\r\n            color: white;\r\n            box-shadow: 0 8px 20px rgba(156, 39, 176, 0.4);\r\n        }\r\n\r\n        .pdf-button.primary:hover {\r\n            box-shadow: 0 12px 30px rgba(156, 39, 176, 0.6);\r\n        }\r\n\r\n        .pdf-button.secondary {\r\n            background: white;\r\n            color: #9c27b0;\r\n            box-shadow: 0 8px 20px rgba(0,0,0,0.15);\r\n            border: 3px solid #9c27b0;\r\n        }\r\n\r\n        .pdf-button.secondary:hover {\r\n            box-shadow: 0 12px 30px rgba(156, 39, 176, 0.3);\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            .container {\r\n                padding: 15px;\r\n            }\r\n            \r\n            .hero h1 {\r\n                font-size: 2.5em;\r\n            }\r\n\r\n            .hero p {\r\n                font-size: 1.2em;\r\n            }\r\n\r\n            .hero .subtitle {\r\n                font-size: 1.3em;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .hero {\r\n                padding: 50px 15px;\r\n                border-radius: 15px;\r\n            }\r\n\r\n            .hero h1 {\r\n                font-size: 2em;\r\n                letter-spacing: 0;\r\n            }\r\n\r\n            .hero p {\r\n                font-size: 1.1em;\r\n            }\r\n\r\n            .hero .subtitle {\r\n                font-size: 1.1em;\r\n                padding: 8px 20px;\r\n            }\r\n\r\n            .hero::before,\r\n            .hero::after {\r\n                width: 300px;\r\n                height: 300px;\r\n            }\r\n\r\n            .step-nav {\r\n                padding: 10px;\r\n                gap: 8px;\r\n            }\r\n\r\n            .step-btn {\r\n                font-size: 0.8em;\r\n                padding: 8px 12px;\r\n            }\r\n\r\n            .step-content {\r\n                padding: 25px 15px;\r\n            }\r\n\r\n            .step-header {\r\n                flex-direction: column;\r\n                align-items: flex-start;\r\n                gap: 15px;\r\n            }\r\n\r\n            .step-number {\r\n                width: 50px;\r\n                height: 50px;\r\n                font-size: 1.5em;\r\n            }\r\n\r\n            .step-title {\r\n                font-size: 1.5em;\r\n            }\r\n\r\n            .slogan {\r\n                font-size: 1.5em;\r\n                letter-spacing: 1px;\r\n            }\r\n\r\n            .logo-carousel-container {\r\n                grid-template-columns: 1fr;\r\n                gap: 30px;\r\n            }\r\n\r\n            .logo-image {\r\n                max-width: 250px;\r\n            }\r\n\r\n            .carousel-slide {\r\n                height: 300px;\r\n            }\r\n\r\n            .carousel-arrow {\r\n                width: 40px;\r\n                height: 40px;\r\n                font-size: 1.2em;\r\n            }\r\n\r\n            .carousel-arrow.left {\r\n                left: 10px;\r\n            }\r\n\r\n            .carousel-arrow.right {\r\n                right: 10px;\r\n            }\r\n\r\n            .procedure-steps {\r\n                grid-template-columns: 1fr;\r\n                gap: 15px;\r\n            }\r\n\r\n            .procedure-card {\r\n                padding: 25px 15px;\r\n            }\r\n\r\n            .procedure-card h4 {\r\n                font-size: 1.2em;\r\n            }\r\n\r\n            .info-box,\r\n            .requirements-list,\r\n            .highlight-box {\r\n                padding: 20px;\r\n                margin: 15px 0;\r\n            }\r\n\r\n            .info-box h3,\r\n            .requirements-list h4 {\r\n                font-size: 1.2em;\r\n            }\r\n\r\n            .info-box li {\r\n                padding: 8px 0;\r\n                padding-left: 25px;\r\n            }\r\n\r\n            .navigation-buttons {\r\n                flex-direction: column;\r\n                gap: 10px;\r\n            }\r\n\r\n            .nav-btn {\r\n                width: 100%;\r\n                padding: 12px 20px;\r\n            }\r\n\r\n            .thank-you-section {\r\n                padding: 40px 15px;\r\n            }\r\n\r\n            .thank-you-section h2 {\r\n                font-size: 1.8em;\r\n            }\r\n\r\n            .thank-you-section p {\r\n                font-size: 1em;\r\n            }\r\n\r\n            .cost-badge {\r\n                font-size: 1em;\r\n                padding: 8px 15px;\r\n            }\r\n\r\n            .pdf-button {\r\n                font-size: 0.95em;\r\n                padding: 12px 25px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .hero h1 {\r\n                font-size: 1.6em;\r\n            }\r\n\r\n            .hero p {\r\n                font-size: 1em;\r\n            }\r\n\r\n            .hero .subtitle {\r\n                font-size: 1em;\r\n                padding: 6px 15px;\r\n            }\r\n\r\n            .step-btn {\r\n                font-size: 0.75em;\r\n                padding: 6px 10px;\r\n            }\r\n\r\n            .step-title {\r\n                font-size: 1.3em;\r\n            }\r\n\r\n            .slogan {\r\n                font-size: 1.2em;\r\n            }\r\n\r\n            .logo-image {\r\n                max-width: 200px;\r\n            }\r\n\r\n            .section-title {\r\n                font-size: 1.2em;\r\n                margin-bottom: 15px;\r\n            }\r\n\r\n            .carousel-slide {\r\n                height: 250px;\r\n            }\r\n\r\n            .carousel-arrow {\r\n                width: 35px;\r\n                height: 35px;\r\n                font-size: 1em;\r\n            }\r\n\r\n            .dot {\r\n                width: 10px;\r\n                height: 10px;\r\n            }\r\n\r\n            .procedure-card h4 {\r\n                font-size: 1.1em;\r\n            }\r\n\r\n            .procedure-card p {\r\n                font-size: 0.95em;\r\n            }\r\n\r\n            .info-box h3,\r\n            .requirements-list h4 {\r\n                font-size: 1.1em;\r\n            }\r\n\r\n            .info-box,\r\n            .requirements-list,\r\n            .highlight-box {\r\n                padding: 15px;\r\n            }\r\n\r\n            .thank-you-section h2 {\r\n                font-size: 1.5em;\r\n            }\r\n\r\n            .form-container {\r\n                margin: 20px 0;\r\n            }\r\n\r\n            .form-iframe {\r\n                height: 1000px;\r\n            }\r\n\r\n            .pdf-button {\r\n                font-size: 0.85em;\r\n                padding: 10px 20px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"container\">\r\n        <div class=\"hero\">\r\n            <div class=\"hero-content\">\r\n                <h1><i class=\"fas fa-graduation-cap\"><\/i> ADMISIONES 2026<\/h1>\r\n                <div class=\"subtitle\">\r\n                    <i class=\"fas fa-star\"><\/i> Construyendo Sue\u00f1os <i class=\"fas fa-star\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"step-nav\">\r\n                <button class=\"step-btn active\" onclick=\"showStep(1)\">Paso 1: Bienvenida<\/button>\r\n                <button class=\"step-btn\" onclick=\"showStep(2)\">Paso 2: Informaci\u00f3n General<\/button>\r\n                <button class=\"step-btn\" onclick=\"showStep(3)\">Paso 3: Procedimiento<\/button>\r\n                <button class=\"step-btn\" onclick=\"showStep(4)\">Paso 4: Inscripci\u00f3n<\/button>\r\n                <button class=\"step-btn\" onclick=\"showStep(5)\">Paso 5: Inducci\u00f3n y Examen<\/button>\r\n                <button class=\"step-btn\" onclick=\"showStep(6)\">Paso 6: Entrevista<\/button>\r\n                <button class=\"step-btn\" onclick=\"showStep(7)\">Paso 7: Documentos<\/button>\r\n                <button class=\"step-btn\" onclick=\"showStep(8)\">Paso 8: Matr\u00edcula<\/button>\r\n                <button class=\"step-btn costs\" onclick=\"showStep(9)\">\ud83d\udcb0 Costos 2026<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- PASO 1: BIENVENIDA -->\r\n        <div class=\"step-content active\" id=\"step1\">\r\n            <div class=\"step-header\">\r\n                <div class=\"step-number\">1<\/div>\r\n                <div class=\"step-title\">Bienvenida al Liceo Luther King<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"welcome-section\">\r\n                <h2 style=\"color: #8A1016; font-size: 2em; margin-bottom: 20px;\">\r\n                    <i class=\"fas fa-school\"><\/i> \u00bfQui\u00e9nes Somos?\r\n                <\/h2>\r\n                \r\n                <div class=\"logo-carousel-container\">\r\n                    <div class=\"logo-container\">\r\n                        <h3 class=\"section-title\"><i class=\"fas fa-shield-alt\"><\/i> Nuestro Escudo<\/h3>\r\n                        <img src=\"http:\/\/liceolutherking.com.co\/wp-content\/uploads\/2025\/10\/lutherking.png\" alt=\"Escudo Liceo Luther King\" class=\"logo-image\">\r\n                    <\/div>\r\n                    \r\n                    <div class=\"carousel-section\">\r\n                        <h3 class=\"section-title\"><i class=\"fas fa-images\"><\/i> Nuestra Mascota<\/h3>\r\n                        <div class=\"carousel-container\">\r\n                            <button class=\"carousel-arrow left\" onclick=\"prevSlide()\">\r\n                                <i class=\"fas fa-chevron-left\"><\/i>\r\n                            <\/button>\r\n                            <div class=\"carousel-wrapper\" id=\"carouselWrapper\">\r\n                                <div class=\"carousel-slide\">\r\n                                    <img src=\"http:\/\/liceolutherking.com.co\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-17-at-8.53.24-AM.jpeg\" alt=\"Liceo Luther King 1\">\r\n                                <\/div>\r\n                                <div class=\"carousel-slide\">\r\n                                    <img src=\"http:\/\/liceolutherking.com.co\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-17-at-8.53.24-AM-1.jpeg\" alt=\"Liceo Luther King 2\">\r\n                                <\/div>\r\n                                <div class=\"carousel-slide\">\r\n                                    <img src=\"http:\/\/liceolutherking.com.co\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-17-at-8.53.25-AM.jpeg\" alt=\"Liceo Luther King 3\">\r\n                                <\/div>\r\n                                <div class=\"carousel-slide\">\r\n                                    <img src=\"http:\/\/liceolutherking.com.co\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-17-at-8.53.25-AM-1.jpeg\" alt=\"Liceo Luther King 4\">\r\n                                <\/div>\r\n                                <div class=\"carousel-slide\">\r\n                                    <img src=\"http:\/\/liceolutherking.com.co\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-17-at-8.53.25-AM-2.jpeg\" alt=\"Liceo Luther King 5\">\r\n                                <\/div>\r\n                            <\/div>\r\n                            <button class=\"carousel-arrow right\" onclick=\"nextSlide()\">\r\n                                <i class=\"fas fa-chevron-right\"><\/i>\r\n                            <\/button>\r\n                            <div class=\"carousel-dots\" id=\"carouselDots\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"slogan\">\r\n                     Construyendo Sue\u00f1os\r\n                <\/div>\r\n\r\n                <p style=\"font-size: 1.2em; color: #666; max-width: 800px; margin: 30px auto; line-height: 1.8;\">\r\n                    El Liceo Luther King es una instituci\u00f3n educativa comprometida con la excelencia acad\u00e9mica \r\n                    y la formaci\u00f3n integral de nuestros estudiantes. Nos enfocamos en construir los sue\u00f1os de \r\n                    cada familia que conf\u00eda en nosotros.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"navigation-buttons\">\r\n                <button class=\"nav-btn prev\" onclick=\"prevStep()\" disabled>\u2190 Anterior<\/button>\r\n                <button class=\"nav-btn next\" onclick=\"nextStep()\">Siguiente \u2192<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- PASO 2: INFORMACI\u00d3N GENERAL -->\r\n        <div class=\"step-content\" id=\"step2\">\r\n            <div class=\"step-header\">\r\n                <div class=\"step-number\">2<\/div>\r\n                <div class=\"step-title\">Informaci\u00f3n General 2026<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"info-box\">\r\n                <h3><i class=\"fas fa-book-open\"><\/i> Oferta Educativa 2026<\/h3>\r\n                <p style=\"font-size: 1.1em; margin-bottom: 20px;\">\r\n                    Abrimos cupos nuevos para el a\u00f1o lectivo 2026 en los siguientes niveles:\r\n                <\/p>\r\n                <ul>\r\n                    <li>Preescolar (Prejard\u00edn, Jard\u00edn y Transici\u00f3n)<\/li>\r\n                    <li>B\u00e1sica Primaria (Grados 1\u00b0 a 5\u00b0)<\/li>\r\n                    <li>B\u00e1sica Secundaria (Grados 6\u00b0 a 9\u00b0)<\/li>\r\n                    <li>Media (Grados 10\u00b0 y 11\u00b0)<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <div class=\"highlight-box\">\r\n                <p style=\"font-size: 1.1em; line-height: 1.8;\">\r\n                    <strong><i class=\"fas fa-exclamation-triangle\"><\/i> Importante:<\/strong> Como instituci\u00f3n educativa privada, nos reservamos \r\n                    el derecho de admisi\u00f3n de los estudiantes nuevos, garantizando un ambiente educativo \r\n                    que promueva los valores y principios de nuestra instituci\u00f3n.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"navigation-buttons\">\r\n                <button class=\"nav-btn prev\" onclick=\"prevStep()\">\u2190 Anterior<\/button>\r\n                <button class=\"nav-btn next\" onclick=\"nextStep()\">Siguiente \u2192<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- PASO 3: PROCEDIMIENTO GENERAL -->\r\n        <div class=\"step-content\" id=\"step3\">\r\n            <div class=\"step-header\">\r\n                <div class=\"step-number\">3<\/div>\r\n                <div class=\"step-title\">Procedimiento de Admisi\u00f3n<\/div>\r\n            <\/div>\r\n\r\n            <p style=\"font-size: 1.2em; color: #666; margin-bottom: 30px; text-align: center;\">\r\n                Nuestro proceso de admisi\u00f3n consta de 5 fases principales:\r\n            <\/p>\r\n\r\n            <div class=\"procedure-steps\">\r\n                <div class=\"procedure-card\">\r\n                    <h4><i class=\"fas fa-clipboard-list\"><\/i> 1. INSCRIPCI\u00d3N<\/h4>\r\n                    <p>Adquisici\u00f3n y diligenciamiento del formulario de admisi\u00f3n<\/p>\r\n                <\/div>\r\n                <div class=\"procedure-card\">\r\n                    <h4><i class=\"fas fa-chalkboard-teacher\"><\/i> 2. INDUCCI\u00d3N Y EXAMEN<\/h4>\r\n                    <p>Inducci\u00f3n a padres y examen de admisi\u00f3n a estudiantes<\/p>\r\n                <\/div>\r\n                <div class=\"procedure-card\">\r\n                    <h4><i class=\"fas fa-comments\"><\/i> 3. ENTREVISTA<\/h4>\r\n                    <p>Entrevista con estudiantes y padres de familia<\/p>\r\n                <\/div>\r\n                <div class=\"procedure-card\">\r\n                    <h4><i class=\"fas fa-folder-open\"><\/i> 4. DOCUMENTOS<\/h4>\r\n                    <p>Entrega de documentaci\u00f3n completa requerida<\/p>\r\n                <\/div>\r\n                <div class=\"procedure-card\">\r\n                    <h4><i class=\"fas fa-file-signature\"><\/i> 5. MATR\u00cdCULA<\/h4>\r\n                    <p>Formalizaci\u00f3n del proceso de matr\u00edcula<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"info-box\">\r\n                <p style=\"font-size: 1.1em; text-align: center;\">\r\n                    A continuaci\u00f3n, conocer\u00e1s cada fase en detalle para que puedas completar \r\n                    exitosamente tu proceso de admisi\u00f3n. <i class=\"fas fa-bullseye\"><\/i>\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"navigation-buttons\">\r\n                <button class=\"nav-btn prev\" onclick=\"prevStep()\">\u2190 Anterior<\/button>\r\n                <button class=\"nav-btn next\" onclick=\"nextStep()\">Siguiente \u2192<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- PASO 4: INSCRIPCI\u00d3N DETALLADA -->\r\n        <div class=\"step-content\" id=\"step4\">\r\n            <div class=\"step-header\">\r\n                <div class=\"step-number\">4<\/div>\r\n                <div class=\"step-title\">Fase 1: Inscripci\u00f3n<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"info-box\">\r\n                <h3><i class=\"fas fa-edit\"><\/i> 1. Adquirir el Formulario de Admisi\u00f3n<\/h3>\r\n                <p style=\"font-size: 1.1em; margin: 15px 0;\">\r\n                    <strong>Horario de atenci\u00f3n:<\/strong> Lunes a Viernes de 7:00 AM a 3:00 PM\r\n                <\/p>\r\n                <p style=\"font-size: 1.1em;\">\r\n                    <strong>Lugar:<\/strong> Secretar\u00eda General del Liceo Luther King\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"requirements-list\">\r\n                <h4><i class=\"fas fa-folder-open\"><\/i> 2. Documentaci\u00f3n Requerida<\/h4>\r\n                <ul style=\"list-style: none; padding: 0;\">\r\n                    <li style=\"padding: 10px 0; border-bottom: 1px solid #eee;\">\u2713 Formulario de admisi\u00f3n<\/li>\r\n                    <li style=\"padding: 10px 0; border-bottom: 1px solid #eee;\">\u2713 \u00daltimo bolet\u00edn de notas<\/li>\r\n                    <li style=\"padding: 10px 0; border-bottom: 1px solid #eee;\">\u2713 Certificado de buena conducta o convivencia<\/li>\r\n                    <li style=\"padding: 10px 0;\">\u2713 Paz y salvo del colegio de procedencia<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <div class=\"highlight-box\">\r\n                <p style=\"font-size: 1.1em; line-height: 1.8;\">\r\n                    <strong><i class=\"fas fa-lightbulb\"><\/i> Paso importante:<\/strong> Una vez revisada y aprobada la documentaci\u00f3n, \r\n                    se procede al pago del formulario.\r\n                <\/p>\r\n                <div style=\"text-align: center;\">\r\n                    <span class=\"cost-badge\"><i class=\"fas fa-money-bill-wave\"><\/i> Costo: $60.000<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"info-box\">\r\n                <h3><i class=\"fas fa-pen\"><\/i> 3. Diligenciar el Formulario<\/h3>\r\n                <p style=\"font-size: 1.1em;\">\r\n                    Complete cuidadosamente todos los campos del formulario y entr\u00e9guelo \r\n                    en la Secretar\u00eda General del colegio.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"info-box\" style=\"background: #e8f5e9; border-left-color: #28a745;\">\r\n                <h3><i class=\"fas fa-calendar-check\"><\/i> 4. Asignaci\u00f3n de Entrevista<\/h3>\r\n                <p style=\"font-size: 1.1em;\">\r\n                    Luego de la recepci\u00f3n del formulario, se programar\u00e1 la entrevista familiar. \r\n                    Recibir\u00e1 la fecha y hora por correo electr\u00f3nico o llamada telef\u00f3nica.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"navigation-buttons\">\r\n                <button class=\"nav-btn prev\" onclick=\"prevStep()\">\u2190 Anterior<\/button>\r\n                <button class=\"nav-btn next\" onclick=\"nextStep()\">Siguiente \u2192<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- PASO 5: INDUCCI\u00d3N Y EXAMEN -->\r\n        <div class=\"step-content\" id=\"step5\">\r\n            <div class=\"step-header\">\r\n                <div class=\"step-number\">5<\/div>\r\n                <div class=\"step-title\">Fase 2: Inducci\u00f3n y Examen de Admisi\u00f3n<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"procedure-steps\">\r\n                <div class=\"procedure-card\">\r\n                    <h4><i class=\"fas fa-chalkboard\"><\/i> 1. INDUCCI\u00d3N<\/h4>\r\n                    <p>Inducci\u00f3n a padres de familia sobre el funcionamiento institucional<\/p>\r\n                <\/div>\r\n                <div class=\"procedure-card\">\r\n                    <h4><i class=\"fas fa-file-alt\"><\/i> 2. EXAMEN<\/h4>\r\n                    <p>Aplicaci\u00f3n del examen de admisi\u00f3n a los estudiantes<\/p>\r\n                <\/div>\r\n                <div class=\"procedure-card\">\r\n                    <h4><i class=\"fas fa-cloud-upload-alt\"><\/i> 3. CARGA DE DOCUMENTOS<\/h4>\r\n                    <p>Env\u00edo de link para cargar documentaci\u00f3n y recibos<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"info-box\">\r\n                <h3><i class=\"fas fa-user-friends\"><\/i> Paso 1: Inducci\u00f3n a Padres de Familia<\/h3>\r\n                <p style=\"font-size: 1.1em; line-height: 1.8;\">\r\n                    Los padres de familia recibir\u00e1n una inducci\u00f3n completa sobre:\r\n                <\/p>\r\n                <ul>\r\n                    <li>Reglamento interno y manual de convivencia<\/li>\r\n                    <li>Proyecto Educativo Institucional (PEI)<\/li>\r\n                    <li>Servicios y recursos disponibles<\/li>\r\n                    <li>Canales de comunicaci\u00f3n familia-colegio<\/li>\r\n                    <li>Calendario acad\u00e9mico y actividades institucionales<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <div class=\"info-box\" style=\"background: #fff3cd; border-left-color: #ffc107;\">\r\n                <h3><i class=\"fas fa-pencil-alt\"><\/i> Paso 2: Examen de Admisi\u00f3n<\/h3>\r\n                <p style=\"font-size: 1.1em; line-height: 1.8;\">\r\n                    Los estudiantes presentar\u00e1n un examen de admisi\u00f3n que eval\u00faa:\r\n                <\/p>\r\n                <ul>\r\n                    <li>Conocimientos en \u00e1reas fundamentales<\/li>\r\n                    <li>Competencias seg\u00fan el grado al que aspira<\/li>\r\n                    <li>Habilidades de razonamiento l\u00f3gico<\/li>\r\n                <\/ul>\r\n                <p style=\"font-size: 1.1em; margin-top: 15px;\">\r\n                    <strong><i class=\"fas fa-calendar\"><\/i> Fecha:<\/strong> Se confirmar\u00e1 el d\u00eda de aplicaci\u00f3n del examen\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"info-box\" style=\"background: #e8f5e9; border-left-color: #28a745;\">\r\n                <h3><i class=\"fas fa-envelope\"><\/i> Paso 3: Carga Digital de Documentos<\/h3>\r\n                <p style=\"font-size: 1.1em; line-height: 1.8;\">\r\n                    Finalizado el proceso de inducci\u00f3n y examen, los padres recibir\u00e1n por correo \r\n                    electr\u00f3nico un link especial donde podr\u00e1n cargar:\r\n                <\/p>\r\n                <ul>\r\n                    <li>Documentaci\u00f3n requerida para la matr\u00edcula<\/li>\r\n                    <li>Comprobantes de pago y recibos<\/li>\r\n                    <li>Otros documentos solicitados<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <div class=\"navigation-buttons\">\r\n                <button class=\"nav-btn prev\" onclick=\"prevStep()\">\u2190 Anterior<\/button>\r\n                <button class=\"nav-btn next\" onclick=\"nextStep()\">Siguiente \u2192<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- PASO 6: ENTREVISTA FAMILIAR -->\r\n        <div class=\"step-content\" id=\"step6\">\r\n            <div class=\"step-header\">\r\n                <div class=\"step-number\">6<\/div>\r\n                <div class=\"step-title\">Fase 3: Entrevista Familiar<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"info-box\">\r\n                <h3><i class=\"fas fa-calendar-alt\"><\/i> Fecha y Horario<\/h3>\r\n                <p style=\"font-size: 1.1em; margin: 15px 0;\">\r\n                    <strong>Fecha:<\/strong> [Se confirmar\u00e1 por correo electr\u00f3nico o llamada telef\u00f3nica]\r\n                <\/p>\r\n                <p style=\"font-size: 1.1em;\">\r\n                    La fecha espec\u00edfica de la entrevista ser\u00e1 comunicada oportunamente por la \r\n                    psicoorientadora del colegio.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"requirements-list\">\r\n                <h4><i class=\"fas fa-users\"><\/i> Asistencia Obligatoria<\/h4>\r\n                <p style=\"font-size: 1.1em; margin: 15px 0; color: #666;\">\r\n                    Deben asistir:\r\n                <\/p>\r\n                <ul style=\"list-style: none; padding: 0;\">\r\n                    <li style=\"padding: 10px 0; border-bottom: 1px solid #eee;\">\u2713 Padres de familia o acudientes legales<\/li>\r\n                    <li style=\"padding: 10px 0;\">\u2713 El estudiante aspirante<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <div class=\"info-box\" style=\"background: #e3f2fd; border-left-color: #2196F3;\">\r\n                <h3><i class=\"fas fa-bullseye\"><\/i> Prop\u00f3sito de la Entrevista<\/h3>\r\n                <p style=\"font-size: 1.1em; line-height: 1.8;\">\r\n                    El prop\u00f3sito principal de esta entrevista es dinamizar los valores que la familia \r\n                    inculca en el estudiante y establecer claramente las obligaciones y compromisos que \r\n                    como instituci\u00f3n educativa vamos a compartir entre la familia y el Liceo Luther King.\r\n                <\/p>\r\n                <p style=\"font-size: 1.1em; margin-top: 15px; line-height: 1.8;\">\r\n                    Es un espacio de di\u00e1logo para conocernos mutuamente y asegurar que nuestros valores \r\n                    institucionales est\u00e9n alineados con los valores familiares, garantizando as\u00ed un \r\n                    ambiente educativo armonioso y productivo para el estudiante.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"highlight-box\">\r\n                <p style=\"font-size: 1.1em; text-align: center;\">\r\n                    <strong><i class=\"fas fa-clock\"><\/i> Puntualidad:<\/strong> Por favor, llegue a tiempo a su cita programada.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"info-box\" style=\"background: #e8f5e9; border-left-color: #28a745;\">\r\n                <h3><i class=\"fas fa-file-invoice\"><\/i> Entrega de Orden de Matr\u00edcula<\/h3>\r\n                <p style=\"font-size: 1.1em; line-height: 1.8;\">\r\n                    Una vez finalizada la entrevista exitosamente, el colegio har\u00e1 entrega de la \r\n                    <strong>Orden de Matr\u00edcula<\/strong>. En este momento se generar\u00e1 el c\u00f3digo del \r\n                    estudiante en nuestro sistema institucional.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"navigation-buttons\">\r\n                <button class=\"nav-btn prev\" onclick=\"prevStep()\">\u2190 Anterior<\/button>\r\n                <button class=\"nav-btn next\" onclick=\"nextStep()\">Siguiente \u2192<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- PASO 7: DOCUMENTOS REQUERIDOS -->\r\n        <div class=\"step-content\" id=\"step7\">\r\n            <div class=\"step-header\">\r\n                <div class=\"step-number\">7<\/div>\r\n                <div class=\"step-title\">Fase 4: Documentos Requeridos<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"info-box\" style=\"background: linear-gradient(135deg, #fff3cd, #ffe8a1); border-left-color: #ffc107;\">\r\n                <h3><i class=\"fas fa-exclamation-circle\"><\/i> Documentaci\u00f3n Completa para Matr\u00edcula<\/h3>\r\n                <p style=\"font-size: 1.1em; line-height: 1.8; margin-bottom: 20px;\">\r\n                    Adem\u00e1s de los documentos solicitados durante la inscripci\u00f3n, se requiere \r\n                    presentar la siguiente documentaci\u00f3n completa antes de formalizar la matr\u00edcula:\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"requirements-list\">\r\n                <h4><i class=\"fas fa-file-alt\"><\/i> Documentos Iniciales de Inscripci\u00f3n<\/h4>\r\n                <ul style=\"list-style: none; padding: 0;\">\r\n                    <li style=\"padding: 10px 0; border-bottom: 1px solid #eee;\">\u2713 Formulario de admisi\u00f3n<\/li>\r\n                    <li style=\"padding: 10px 0; border-bottom: 1px solid #eee;\">\u2713 \u00daltimo bolet\u00edn de notas<\/li>\r\n                    <li style=\"padding: 10px 0; border-bottom: 1px solid #eee;\">\u2713 Certificado de buena conducta o convivencia<\/li>\r\n                    <li style=\"padding: 10px 0;\">\u2713 Paz y salvo del colegio de procedencia<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <div class=\"requirements-list\">\r\n                <h4><i class=\"fas fa-folder-plus\"><\/i> Documentos Adicionales Requeridos<\/h4>\r\n                <ul style=\"list-style: none; padding: 0;\">\r\n                    <li style=\"padding: 10px 0; border-bottom: 1px solid #eee;\">\u2713 Registro civil o tarjeta de identidad del estudiante<\/li>\r\n                    <li style=\"padding: 10px 0; border-bottom: 1px solid #eee;\">\u2713 Certificado m\u00e9dico<\/li>\r\n                    <li style=\"padding: 10px 0; border-bottom: 1px solid #eee;\">\u2713 Certificado visual<\/li>\r\n                    <li style=\"padding: 10px 0; border-bottom: 1px solid #eee;\">\u2713 C\u00e9dula de ciudadan\u00eda de padres de familia y\/o acudientes<\/li>\r\n                    <li style=\"padding: 10px 0; border-bottom: 1px solid #eee;\">\u2713 Carn\u00e9 o certificaci\u00f3n de la EPS<\/li>\r\n                    <li style=\"padding: 10px 0; border-bottom: 1px solid #eee;\">\u2713 Carn\u00e9 de vacunas (aplica para preescolar a quinto grado)<\/li>\r\n                    <li style=\"padding: 10px 0; border-bottom: 1px solid #eee;\">\u2713 Certificado de notas de a\u00f1os anteriores (estudiantes nuevos desde grado quinto)<\/li>\r\n                    <li style=\"padding: 10px 0; border-bottom: 1px solid #eee;\">\u2713 Constancia de comportamiento y conducta<\/li>\r\n                    <li style=\"padding: 10px 0; border-bottom: 1px solid #eee;\">\u2713 Retiro del SIMAT (estudiantes nuevos)<\/li>\r\n                    <li style=\"padding: 10px 0;\">\u2713 Paz y salvo del colegio anterior (estudiantes nuevos)<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <div class=\"highlight-box\">\r\n                <p style=\"font-size: 1.1em; text-align: center; line-height: 1.8;\">\r\n                    <strong><i class=\"fas fa-info-circle\"><\/i> Importante:<\/strong> Todos los documentos deben estar \r\n                    completos y actualizados antes de proceder con la matr\u00edcula. La documentaci\u00f3n incompleta \r\n                    puede retrasar el proceso de admisi\u00f3n.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"navigation-buttons\">\r\n                <button class=\"nav-btn prev\" onclick=\"prevStep()\">\u2190 Anterior<\/button>\r\n                <button class=\"nav-btn next\" onclick=\"nextStep()\">Siguiente \u2192<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- PASO 8: MATR\u00cdCULA -->\r\n        <div class=\"step-content\" id=\"step8\">\r\n            <div class=\"step-header\">\r\n                <div class=\"step-number\">8<\/div>\r\n                <div class=\"step-title\">Fase 5: Matr\u00edcula<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"info-box\" style=\"background: linear-gradient(135deg, #e3f2fd, #bbdefb); border-left-color: #2196F3;\">\r\n                <h3><i class=\"fas fa-trophy\"><\/i> \u00a1Felicitaciones! Has llegado a la fase final<\/h3>\r\n                <p style=\"font-size: 1.2em; line-height: 1.8; margin-top: 15px;\">\r\n                    Una vez aprobado todo el proceso de admisi\u00f3n y entregados los documentos requeridos, \r\n                    procederemos con la formalizaci\u00f3n de la matr\u00edcula.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"info-box\" style=\"background: #fff3cd; border-left-color: #ffc107;\">\r\n                <h3><i class=\"fas fa-wpforms\"><\/i> Formulario de Matr\u00edcula<\/h3>\r\n                <p style=\"font-size: 1.1em; line-height: 1.8; margin-bottom: 15px;\">\r\n                    Los padres de familia deben diligenciar el siguiente formulario de matr\u00edcula. \r\n                    Puede completarlo directamente aqu\u00ed o abrirlo en pantalla completa:\r\n                <\/p>\r\n                <div style=\"text-align: center; margin: 20px 0;\">\r\n                    <a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLScxLY0Km3szyqKTkRxrw3RiDooObl_vRmXze1f6cU-Na81jSw\/viewform?usp=header\" \r\n                       target=\"_blank\" \r\n                       class=\"form-link\">\r\n                        <i class=\"fas fa-external-link-alt\"><\/i> Abrir en Pantalla Completa\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"requirements-list\">\r\n                <h4><i class=\"fas fa-calendar-day\"><\/i> Fecha de Matr\u00edcula<\/h4>\r\n                <p style=\"font-size: 1.1em; margin: 15px 0; color: #666;\">\r\n                    La fecha espec\u00edfica para acercarse a firmar la matr\u00edcula ser\u00e1 comunicada \r\n                    oportunamente a cada familia una vez completado el formulario en l\u00ednea.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"info-box\">\r\n                <h3><i class=\"fas fa-signature\"><\/i> Formalizaci\u00f3n del Proceso<\/h3>\r\n                <p style=\"font-size: 1.1em; line-height: 1.8; margin-bottom: 15px;\">\r\n                    Los estudiantes admitidos deben presentarse a la instituci\u00f3n junto con sus \r\n                    acudientes legales para:\r\n                <\/p>\r\n                <ul>\r\n                    <li>Firmar el contrato de matr\u00edcula<\/li>\r\n                    <li>Revisar y firmar el manual de convivencia<\/li>\r\n                    <li>Recibir informaci\u00f3n sobre uniformes y lista de \u00fatiles<\/li>\r\n                    <li>Conocer al director de grupo<\/li>\r\n                    <li>Recibir credencial y horario de clases<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <div class=\"highlight-box\">\r\n                <p style=\"font-size: 1.1em; text-align: center; line-height: 1.8;\">\r\n                    <strong><i class=\"fas fa-clipboard-check\"><\/i> Importante:<\/strong> Debe traer el comprobante de pago correspondiente \r\n                    y todos los documentos originales solicitados.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"thank-you-section\">\r\n                <h2>\ud83c\udf93 \u00a1Gracias por confiar en nosotros! \ud83c\udf93<\/h2>\r\n                <p style=\"margin: 20px 0;\">\r\n                    Agradecemos profundamente que hayan elegido al Liceo Luther King para la \r\n                    educaci\u00f3n de sus hijos. Es un honor y una gran responsabilidad que asumimos \r\n                    con compromiso y dedicaci\u00f3n.\r\n                <\/p>\r\n                <p style=\"margin: 20px 0;\">\r\n                    Juntos, familia e instituci\u00f3n, trabajaremos para construir los sue\u00f1os de \r\n                    cada uno de nuestros estudiantes.\r\n                <\/p>\r\n                <p style=\"font-size: 1.5em; margin-top: 30px;\">\r\n                    <i class=\"fas fa-star\"><\/i> #ConstruyendoSue\u00f1os <i class=\"fas fa-star\"><\/i>\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"navigation-buttons\">\r\n                <button class=\"nav-btn prev\" onclick=\"prevStep()\">\u2190 Anterior<\/button>\r\n                <button class=\"nav-btn next\" onclick=\"nextStep()\">Ver Costos 2026 \u2192<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- SECCI\u00d3N COSTOS 2026 - AL FINAL -->\r\n        <div class=\"step-content\" id=\"step9\">\r\n            <div class=\"step-header\">\r\n                <div class=\"step-number\"><i class=\"fas fa-dollar-sign\"><\/i><\/div>\r\n                <div class=\"step-title\">Costos Acad\u00e9micos 2026<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"info-box\" style=\"background: linear-gradient(135deg, #e8f5e9, #c8e6c9); border-left-color: #28a745;\">\r\n                <h3 style=\"text-align: center; font-size: 1.5em; margin-bottom: 25px;\">\r\n                    <i class=\"fas fa-money-check-alt\"><\/i> Estructura de Costos A\u00f1o Lectivo 2026\r\n                <\/h3>\r\n                <p style=\"text-align: center; font-size: 1.1em; color: #666;\">\r\n                    A continuaci\u00f3n encontrar\u00e1s el detalle completo de los costos educativos para el a\u00f1o 2026\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Costos Ordinarios -->\r\n            <div class=\"requirements-list\" style=\"background: linear-gradient(135deg, #fff3cd, #ffe8a1); border: 3px solid #ffc107;\">\r\n                <h4 style=\"color: #8A1016; font-size: 1.4em; text-align: center; margin-bottom: 20px;\">\r\n                    <i class=\"fas fa-calendar-check\"><\/i> COSTOS ORDINARIOS\r\n                <\/h4>\r\n                \r\n                <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 15px; margin-top: 20px;\">\r\n                    <div style=\"background: white; padding: 20px; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.1);\">\r\n                        <p style=\"font-size: 1.1em; color: #666; margin-bottom: 10px;\">Formulario de Inscripci\u00f3n<\/p>\r\n                        <p style=\"font-size: 1.5em; font-weight: bold; color: #8A1016;\">$60.000<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div style=\"background: white; padding: 20px; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.1);\">\r\n                        <p style=\"font-size: 1.1em; color: #666; margin-bottom: 10px;\">Matr\u00edcula<\/p>\r\n                        <p style=\"font-size: 0.9em; color: #999; margin-bottom: 10px;\">(1 al 15 de diciembre)<\/p>\r\n                        <p style=\"font-size: 1.5em; font-weight: bold; color: #8A1016;\">$500.000<\/p>\r\n                    <\/div>\r\n\r\n                    <div style=\"background: white; padding: 20px; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.1);\">\r\n                        <p style=\"font-size: 1.1em; color: #666; margin-bottom: 10px;\">Pensi\u00f3n Preescolar<\/p>\r\n                        <p style=\"font-size: 0.9em; color: #999; margin-bottom: 10px;\">(1 al 7 de cada mes)<\/p>\r\n                        <p style=\"font-size: 1.5em; font-weight: bold; color: #8A1016;\">$285.000<\/p>\r\n                    <\/div>\r\n\r\n                    <div style=\"background: white; padding: 20px; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.1);\">\r\n                        <p style=\"font-size: 1.1em; color: #666; margin-bottom: 10px;\">Pensi\u00f3n primaria 1 a 5<\/p>\r\n                        <p style=\"font-size: 0.9em; color: #999; margin-bottom: 10px;\">(1 al 7 de cada mes)<\/p>\r\n                        <p style=\"font-size: 1.5em; font-weight: bold; color: #8A1016;\">$280.000<\/p>\r\n                    <\/div>\r\n\r\n                    <div style=\"background: white; padding: 20px; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.1);\">\r\n                        <p style=\"font-size: 1.1em; color: #666; margin-bottom: 10px;\">Pensi\u00f3n b\u00e1sica 6 a 9<\/p>\r\n                        <p style=\"font-size: 0.9em; color: #999; margin-bottom: 10px;\">(1 al 7 de cada mes)<\/p>\r\n                        <p style=\"font-size: 1.5em; font-weight: bold; color: #8A1016;\">$305.000<\/p>\r\n                    <\/div>\r\n\r\n                    <div style=\"background: white; padding: 20px; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.1);\">\r\n                        <p style=\"font-size: 1.1em; color: #666; margin-bottom: 10px;\">Pensi\u00f3n Media 10<\/p>\r\n                        <p style=\"font-size: 0.9em; color: #999; margin-bottom: 10px;\">(1 al 7 de cada mes)<\/p>\r\n                        <p style=\"font-size: 1.5em; font-weight: bold; color: #8A1016;\">$305.000<\/p>\r\n                    <\/div>\r\n\r\n                    <div style=\"background: white; padding: 20px; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.1);\">\r\n                        <p style=\"font-size: 1.1em; color: #666; margin-bottom: 10px;\">Pensi\u00f3n media 11<\/p>\r\n                        <p style=\"font-size: 0.9em; color: #999; margin-bottom: 10px;\">(1 al 7 de cada mes)<\/p>\r\n                        <p style=\"font-size: 1.5em; font-weight: bold; color: #8A1016;\">$280.000<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Servicios Adicionales -->\r\n            <div class=\"procedure-steps\" style=\"margin-top: 30px;\">\r\n                <div class=\"procedure-card\" style=\"background: #2196F3;\">\r\n                    <h4><i class=\"fas fa-book-reader\"><\/i> Asesor\u00eda de Tareas<\/h4>\r\n                    <p style=\"font-size: 1.3em; font-weight: bold; margin-top: 10px;\">$160.000<\/p>\r\n                    <p style=\"margin-top: 10px; font-size: 0.95em;\">Servicio mensual<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"procedure-card\" style=\"background: #FF5722;\">\r\n                    <h4><i class=\"fas fa-drum\"><\/i> Extracurricular Banda Marcial<\/h4>\r\n                    <p style=\"font-size: 1.3em; font-weight: bold; margin-top: 10px;\">$180.000<\/p>\r\n                    <p style=\"margin-top: 10px; font-size: 0.95em;\">Servicio mensual<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div style=\"height: 30px;\"><\/div>\r\n\r\n            <!-- NUEVA SECCI\u00d3N: TEXTOS ESCOLARES -->\r\n            <div class=\"requirements-list\" style=\"background: linear-gradient(135deg, #e1f5fe, #b3e5fc); border: 3px solid #03a9f4;\">\r\n                <h4 style=\"color: #8A1016; font-size: 1.4em; text-align: center; margin-bottom: 20px;\">\r\n                    <i class=\"fas fa-book\"><\/i> TEXTOS ESCOLARES - PAGO \u00daNICO\r\n                <\/h4>\r\n                \r\n                <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-top: 20px;\">\r\n                    <div style=\"background: white; padding: 25px; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.1);\">\r\n                        <p style=\"font-size: 1.2em; color: #666; margin-bottom: 15px; font-weight: 600;\">\r\n                            <i class=\"fas fa-child\"><\/i> Textos Preescolar\r\n                        <\/p>\r\n                        <p style=\"font-size: 1.6em; font-weight: bold; color: #03a9f4; margin-bottom: 10px;\">$250.000<\/p>\r\n                        <p style=\"font-size: 0.95em; color: #999;\">Pago \u00fanico anual<\/p>\r\n                    <\/div>\r\n\r\n                    <div style=\"background: white; padding: 25px; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.1);\">\r\n                        <p style=\"font-size: 1.2em; color: #666; margin-bottom: 15px; font-weight: 600;\">\r\n                            <i class=\"fas fa-graduation-cap\"><\/i> Textos Grados 1\u00b0 a 11\u00b0\r\n                        <\/p>\r\n                        <p style=\"font-size: 1.6em; font-weight: bold; color: #03a9f4; margin-bottom: 10px;\">$610.000<\/p>\r\n                        <p style=\"font-size: 0.95em; color: #999;\">Pago \u00fanico anual<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div style=\"height: 30px;\"><\/div>\r\n\r\n            <!-- SECCI\u00d3N: LISTAS ESCOLARES CON PREVIEW -->\r\n            <div class=\"requirements-list\" style=\"background: linear-gradient(135deg, #f3e5f5, #e1bee7); border: 3px solid #9c27b0;\">\r\n                <h4 style=\"color: #8A1016; font-size: 1.4em; text-align: center; margin-bottom: 20px;\">\r\n                    <i class=\"fas fa-clipboard-list\"><\/i> LISTAS ESCOLARES 2026\r\n                <\/h4>\r\n                \r\n                <!-- Visor PDF -->\r\n                <div style=\"background: white; border-radius: 15px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.2); margin: 20px 0;\">\r\n                    <iframe \r\n                        src=\"http:\/\/liceolutherking.com.co\/wp-content\/uploads\/2025\/12\/LISTAS-ESCOLARES.pdf\" \r\n                        style=\"width: 100%; height: 600px; border: none; display: block;\">\r\n                    <\/iframe>\r\n                <\/div>\r\n                \r\n                <!-- Botones de acci\u00f3n -->\r\n                <div style=\"display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 20px;\">\r\n                    <a href=\"http:\/\/liceolutherking.com.co\/wp-content\/uploads\/2025\/12\/LISTAS-ESCOLARES.pdf\" \r\n                       class=\"pdf-button primary\"\r\n                       download>\r\n                        <i class=\"fas fa-download\" style=\"font-size: 1.3em;\"><\/i>\r\n                        Descargar PDF\r\n                    <\/a>\r\n                    \r\n                    <a href=\"http:\/\/liceolutherking.com.co\/wp-content\/uploads\/2025\/12\/LISTAS-ESCOLARES.pdf\" \r\n                       class=\"pdf-button secondary\"\r\n                       target=\"_blank\">\r\n                        <i class=\"fas fa-external-link-alt\" style=\"font-size: 1.3em;\"><\/i>\r\n                        Abrir en Nueva Pesta\u00f1a\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div style=\"height: 30px;\"><\/div>\r\n\r\n            <!-- Costos Extraordinarios -->\r\n            <div class=\"requirements-list\" style=\"background: linear-gradient(135deg, #ffebee, #ffcdd2); border: 3px solid #f44336;\">\r\n                <h4 style=\"color: #8A1016; font-size: 1.4em; text-align: center; margin-bottom: 20px;\">\r\n                    <i class=\"fas fa-exclamation-triangle\"><\/i> COSTOS EXTRAORDINARIOS\r\n                <\/h4>\r\n                \r\n                <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 15px; margin-top: 20px;\">\r\n                    <div style=\"background: white; padding: 20px; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.1);\">\r\n                        <p style=\"font-size: 1.1em; color: #666; margin-bottom: 10px;\">Matr\u00edcula<\/p>\r\n                        <p style=\"font-size: 0.9em; color: #999; margin-bottom: 10px;\">(15 al 30 de enero)<\/p>\r\n                        <p style=\"font-size: 1.5em; font-weight: bold; color: #f44336;\">$520.000<\/p>\r\n                    <\/div>\r\n\r\n                    <div style=\"background: white; padding: 20px; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.1);\">\r\n                        <p style=\"font-size: 1.1em; color: #666; margin-bottom: 10px;\">Pensi\u00f3n Preescolar<\/p>\r\n                        <p style=\"font-size: 0.9em; color: #999; margin-bottom: 10px;\">(8 al 30 de cada mes)<\/p>\r\n                        <p style=\"font-size: 1.5em; font-weight: bold; color: #f44336;\">$295.000<\/p>\r\n                    <\/div>\r\n\r\n                    <div style=\"background: white; padding: 20px; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.1);\">\r\n                        <p style=\"font-size: 1.1em; color: #666; margin-bottom: 10px;\">Pensi\u00f3n primaria 1 a 5<\/p>\r\n                        <p style=\"font-size: 0.9em; color: #999; margin-bottom: 10px;\">(8 al 30 de cada mes)<\/p>\r\n                        <p style=\"font-size: 1.5em; font-weight: bold; color: #f44336;\">$290.000<\/p>\r\n                    <\/div>\r\n\r\n                    <div style=\"background: white; padding: 20px; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.1);\">\r\n                        <p style=\"font-size: 1.1em; color: #666; margin-bottom: 10px;\">Pensi\u00f3n b\u00e1sica 6 a 9<\/p>\r\n                        <p style=\"font-size: 0.9em; color: #999; margin-bottom: 10px;\">(8 al 30 de cada mes)<\/p>\r\n                        <p style=\"font-size: 1.5em; font-weight: bold; color: #f44336;\">$315.000<\/p>\r\n                    <\/div>\r\n\r\n                    <div style=\"background: white; padding: 20px; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.1);\">\r\n                        <p style=\"font-size: 1.1em; color: #666; margin-bottom: 10px;\">Pensi\u00f3n media 10<\/p>\r\n                        <p style=\"font-size: 0.9em; color: #999; margin-bottom: 10px;\">(8 al 30 de cada mes)<\/p>\r\n                        <p style=\"font-size: 1.5em; font-weight: bold; color: #f44336;\">$315.000<\/p>\r\n                    <\/div>\r\n\r\n                    <div style=\"background: white; padding: 20px; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.1);\">\r\n                        <p style=\"font-size: 1.1em; color: #666; margin-bottom: 10px;\">Pensi\u00f3n media 11<\/p>\r\n                        <p style=\"font-size: 0.9em; color: #999; margin-bottom: 10px;\">(8 al 30 de cada mes)<\/p>\r\n                        <p style=\"font-size: 1.5em; font-weight: bold; color: #f44336;\">$290.000<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"highlight-box\" style=\"margin-top: 30px;\">\r\n                <p style=\"font-size: 1.1em; text-align: center; line-height: 1.8;\">\r\n                    <strong><i class=\"fas fa-info-circle\"><\/i> Nota Importante:<\/strong> Los costos ordinarios aplican para matr\u00edculas \r\n                    realizadas del 1 al 15 de diciembre de 2025, con pagos de pensi\u00f3n del 1 al 7 de cada mes. Los costos extraordinarios \r\n                    aplican para matr\u00edculas del 15 al 30 de enero de 2026, con pagos de pensi\u00f3n del 8 al 30 de cada mes.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"info-box\" style=\"background: #e3f2fd; border-left-color: #2196F3; margin-top: 30px;\">\r\n                <h3><i class=\"fas fa-calculator\"><\/i> Informaci\u00f3n Adicional<\/h3>\r\n                <p style=\"font-size: 1.1em; line-height: 1.8;\">\r\n                    Para mayor informaci\u00f3n sobre medios de pago, convenios y otras opciones de financiaci\u00f3n, \r\n                    por favor ac\u00e9rquese a nuestra oficina de secretar\u00eda o comun\u00edquese con nosotros a trav\u00e9s \r\n                    de nuestros canales oficiales.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"navigation-buttons\">\r\n                <button class=\"nav-btn prev\" onclick=\"showStep(8)\">\u2190 Volver a Matr\u00edcula<\/button>\r\n                <button class=\"nav-btn next\" onclick=\"showStep(1)\"><i class=\"fas fa-redo\"><\/i> Volver al Inicio<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <script>\r\n        let currentStep = 1;\r\n        const totalSteps = 9;\r\n\r\n        \/\/ Carousel functionality\r\n        let currentSlide = 0;\r\n        const totalSlides = 5;\r\n        let carouselInterval;\r\n\r\n        function initCarousel() {\r\n            const dotsContainer = document.getElementById('carouselDots');\r\n            for (let i = 0; i < totalSlides; i++) {\r\n                const dot = document.createElement('span');\r\n                dot.className = 'dot' + (i === 0 ? ' active' : '');\r\n                dot.onclick = () => goToSlide(i);\r\n                dotsContainer.appendChild(dot);\r\n            }\r\n            startAutoSlide();\r\n        }\r\n\r\n        function updateCarousel() {\r\n            const wrapper = document.getElementById('carouselWrapper');\r\n            wrapper.style.transform = `translateX(-${currentSlide * 100}%)`;\r\n            \r\n            const dots = document.querySelectorAll('.dot');\r\n            dots.forEach((dot, index) => {\r\n                dot.classList.toggle('active', index === currentSlide);\r\n            });\r\n        }\r\n\r\n        function nextSlide() {\r\n            currentSlide = (currentSlide + 1) % totalSlides;\r\n            updateCarousel();\r\n            resetAutoSlide();\r\n        }\r\n\r\n        function prevSlide() {\r\n            currentSlide = (currentSlide - 1 + totalSlides) % totalSlides;\r\n            updateCarousel();\r\n            resetAutoSlide();\r\n        }\r\n\r\n        function goToSlide(index) {\r\n            currentSlide = index;\r\n            updateCarousel();\r\n            resetAutoSlide();\r\n        }\r\n\r\n        function startAutoSlide() {\r\n            carouselInterval = setInterval(nextSlide, 4000);\r\n        }\r\n\r\n        function resetAutoSlide() {\r\n            clearInterval(carouselInterval);\r\n            startAutoSlide();\r\n        }\r\n\r\n        \/\/ Initialize carousel when page loads\r\n        window.addEventListener('load', initCarousel);\r\n\r\n        function showStep(step) {\r\n            \/\/ Hide all steps\r\n            document.querySelectorAll('.step-content').forEach(content => {\r\n                content.classList.remove('active');\r\n                content.style.display = 'none';\r\n            });\r\n            \r\n            \/\/ Remove active class from all buttons\r\n            document.querySelectorAll('.step-btn').forEach(btn => {\r\n                btn.classList.remove('active');\r\n            });\r\n\r\n            \/\/ Show selected step\r\n            document.getElementById('step' + step).classList.add('active');\r\n            document.getElementById('step' + step).style.display = 'block';\r\n            \r\n            \/\/ Activate correct button (adjust index for the costs button)\r\n            const buttonIndex = step === 9 ? 8 : (step > 2 ? step - 1 : step - 1);\r\n            document.querySelectorAll('.step-btn')[buttonIndex].classList.add('active');\r\n            \r\n            currentStep = step;\r\n\r\n            \/\/ Scroll to top\r\n            window.scrollTo({ top: 0, behavior: 'smooth' });\r\n        }\r\n\r\n        function nextStep() {\r\n            if (currentStep < totalSteps) {\r\n                showStep(currentStep + 1);\r\n            } else {\r\n                showStep(1);\r\n            }\r\n        }\r\n\r\n        function prevStep() {\r\n            if (currentStep > 1) {\r\n                showStep(currentStep - 1);\r\n            }\r\n        }\r\n\r\n        \/\/ Keyboard navigation\r\n        document.addEventListener('keydown', function(e) {\r\n            if (e.key === 'ArrowRight') {\r\n                nextStep();\r\n            } else if (e.key === 'ArrowLeft') {\r\n                prevStep();\r\n            }\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6f5c226 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"6f5c226\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\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-a63487f\" data-id=\"a63487f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-548df53 elementor-widget elementor-widget-spacer\" data-id=\"548df53\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6310cd2 elementor-widget elementor-widget-heading\" data-id=\"6310cd2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-xl\">LICEO LUTHER KING<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-925b7b4 elementor-widget elementor-widget-heading\" data-id=\"925b7b4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">#ConstruyendoSue\u00f1os<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1103c5c elementor-shape-rounded elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons\" data-id=\"1103c5c\" data-element_type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\">\n\t\t\t\t\t\t\t<div class=\"elementor-grid-item\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-repeater-item-4c07d2e\" href=\"https:\/\/web.facebook.com\/liceo.lutherking.9\/?_rdc=1&#038;_rdr\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Facebook<\/span>\n\t\t\t\t\t\t<i class=\"fab fa-facebook\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-grid-item\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-twitter elementor-repeater-item-4da9d2e\" href=\"https:\/\/twitter.com\/LiceoLutherKing\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Twitter<\/span>\n\t\t\t\t\t\t<i class=\"fab fa-twitter\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-grid-item\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-youtube elementor-repeater-item-e3ad8fc\" href=\"https:\/\/www.youtube.com\/channel\/UC9t2pIz_Y0ZwpZ81YNRPwVQ\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Youtube<\/span>\n\t\t\t\t\t\t<i class=\"fab fa-youtube\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-grid-item\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-093d970\" href=\"https:\/\/www.instagram.com\/liceolutherking\/?hl=es\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<i class=\"fab fa-instagram\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-grid-item\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-whatsapp elementor-repeater-item-3cfc214\" href=\"https:\/\/api.whatsapp.com\/send?phone=573197555500\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Whatsapp<\/span>\n\t\t\t\t\t\t<i class=\"fab fa-whatsapp\"><\/i>\t\t\t\t\t<\/a>\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Admisiones 2026 &#8211; Liceo Luther King ADMISIONES 2026 Construyendo Sue\u00f1os Paso 1: Bienvenida Paso 2: Informaci\u00f3n General Paso 3: Procedimiento&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":[],"_links":{"self":[{"href":"https:\/\/liceolutherking.com.co\/index.php\/wp-json\/wp\/v2\/pages\/86"}],"collection":[{"href":"https:\/\/liceolutherking.com.co\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/liceolutherking.com.co\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/liceolutherking.com.co\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/liceolutherking.com.co\/index.php\/wp-json\/wp\/v2\/comments?post=86"}],"version-history":[{"count":589,"href":"https:\/\/liceolutherking.com.co\/index.php\/wp-json\/wp\/v2\/pages\/86\/revisions"}],"predecessor-version":[{"id":3557,"href":"https:\/\/liceolutherking.com.co\/index.php\/wp-json\/wp\/v2\/pages\/86\/revisions\/3557"}],"wp:attachment":[{"href":"https:\/\/liceolutherking.com.co\/index.php\/wp-json\/wp\/v2\/media?parent=86"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}