{"id":384,"date":"2025-11-07T11:05:06","date_gmt":"2025-11-07T16:05:06","guid":{"rendered":"http:\/\/localhost\/startup\/wordpress\/index.php\/home\/"},"modified":"2025-11-07T15:35:41","modified_gmt":"2025-11-07T20:35:41","slug":"home","status":"publish","type":"page","link":"https:\/\/www.startup.edu.co\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"384\" class=\"elementor elementor-384\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"has_eae_slider elementor-element elementor-element-3e5c029 e-flex e-con-boxed wcf-starter-animations-none e-con e-parent\" data-eae-slider=\"11984\" data-id=\"3e5c029\" data-element_type=\"container\" data-e-type=\"container\" id=\"home\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-1c01855 e-con-full e-flex wcf-starter-animations-none e-con e-child\" data-eae-slider=\"98974\" data-id=\"1c01855\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0473734 wcf-starter-animations-none elementor-widget elementor-widget-heading\" data-id=\"0473734\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wcf_starter_animations&quot;:&quot;none&quot;,&quot;wcf_anim_duration&quot;:1000,&quot;wcf_anim_delay&quot;:0,&quot;wcf_anim_ease&quot;:&quot;ease&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Formaci\u00f3n real para trabajo real<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7661b97 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"7661b97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d5837de wcf-starter-animations-none elementor-widget elementor-widget-heading\" data-id=\"d5837de\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wcf_starter_animations&quot;:&quot;none&quot;,&quot;wcf_anim_duration&quot;:1000,&quot;wcf_anim_delay&quot;:0,&quot;wcf_anim_ease&quot;:&quot;ease&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">T\u00e9cnicos laborales y biling\u00fcismo con metodolog\u00eda 80% virtual \/ 20% presencial o remoto\n\nAprende con tutores expertos, pr\u00e1ctica intensiva (50%) y convenios de pr\u00e1ctica. Estudia de noche, fines de semana o en modalidad mixta\/online.<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-4d1b507 e-con-full e-flex wcf-starter-animations-none e-con e-child\" data-eae-slider=\"56495\" data-id=\"4d1b507\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f18dcd7 wcf-starter-animations-none elementor-widget elementor-widget-heading\" data-id=\"f18dcd7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wcf_starter_animations&quot;:&quot;none&quot;,&quot;wcf_anim_duration&quot;:1000,&quot;wcf_anim_delay&quot;:0,&quot;wcf_anim_ease&quot;:&quot;ease&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Informaci\u00f3n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c320d4 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"1c320d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2828c98 wcf-starter-animations-none elementor-widget elementor-widget-text-editor\" data-id=\"2828c98\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wcf_starter_animations&quot;:&quot;none&quot;,&quot;wcf_anim_duration&quot;:1000,&quot;wcf_anim_delay&quot;:0,&quot;wcf_anim_ease&quot;:&quot;ease&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"wpforms-container \" id=\"wpforms-8\"><form id=\"wpforms-form-8\" class=\"wpforms-validate wpforms-form\" data-formid=\"8\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F384\" data-token=\"8cbee13fba68cd5f7af1badb87614a18\" data-token-time=\"1776506300\"><noscript class=\"wpforms-error-noscript\">Por favor, activa JavaScript en tu navegador para completar este formulario.<\/noscript><div class=\"wpforms-field-container\"><div id=\"wpforms-8-field_0-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"0\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-8-field_0\">Name <span class=\"wpforms-required-label\">*<\/span><\/label><div class=\"wpforms-field-row wpforms-field-large\"><div class=\"wpforms-field-row-block wpforms-first wpforms-one-half\"><input type=\"text\" id=\"wpforms-8-field_0\" class=\"wpforms-field-name-first wpforms-field-required\" name=\"wpforms[fields][0][first]\" placeholder=\"First Name\" required><label for=\"wpforms-8-field_0\" class=\"wpforms-field-sublabel after wpforms-sublabel-hide\">Nombre<\/label><\/div><div class=\"wpforms-field-row-block wpforms-one-half\"><input type=\"text\" id=\"wpforms-8-field_0-last\" class=\"wpforms-field-name-last wpforms-field-required\" name=\"wpforms[fields][0][last]\" placeholder=\"Last Name\" required><label for=\"wpforms-8-field_0-last\" class=\"wpforms-field-sublabel after wpforms-sublabel-hide\">Apellidos<\/label><\/div><\/div><\/div><div id=\"wpforms-8-field_3-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"3\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-8-field_3\">Phone <span class=\"wpforms-required-label\">*<\/span><\/label><input type=\"text\" id=\"wpforms-8-field_3\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][3]\" placeholder=\"Phone\" required><\/div><div id=\"wpforms-8-field_1-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"1\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-8-field_1\">Email <span class=\"wpforms-required-label\">*<\/span><\/label><input type=\"email\" id=\"wpforms-8-field_1\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][1]\" placeholder=\"Email\" spellcheck=\"false\" required><\/div><div id=\"wpforms-8-field_2-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"2\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-8-field_2\">Message <span class=\"wpforms-required-label\">*<\/span><\/label><textarea id=\"wpforms-8-field_2\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][2]\" placeholder=\"Message\" required><\/textarea><\/div><\/div><!-- .wpforms-field-container --><div class=\"wpforms-field wpforms-field-hp\"><label for=\"wpforms-8-field-hp\" class=\"wpforms-field-label\">Website<\/label><input type=\"text\" name=\"wpforms[hp]\" id=\"wpforms-8-field-hp\" class=\"wpforms-field-medium\"><\/div><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"8\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/www.startup.edu.co\/index.php?rest_route=\/wp\/v2\/pages\/384\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-8\" class=\"wpforms-submit\" data-alt-text=\"Sending...\" data-submit-text=\"Book Now\" aria-live=\"assertive\" value=\"wpforms-submit\">Book Now<\/button><\/div><\/form><\/div>  <!-- .wpforms-container -->\t\t\t\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\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-d75d21c e-flex e-con-boxed wcf-starter-animations-none e-con e-parent\" data-eae-slider=\"27260\" data-id=\"d75d21c\" data-element_type=\"container\" data-e-type=\"container\" id=\"nosotros\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-096b46b e-con-full e-flex wcf-starter-animations-none e-con e-child\" data-eae-slider=\"65989\" data-id=\"096b46b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c20d063 wcf-starter-animations-none elementor-invisible elementor-widget elementor-widget-image\" data-id=\"c20d063\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInLeft&quot;,&quot;wcf_starter_animations&quot;:&quot;none&quot;,&quot;wcf_anim_duration&quot;:1000,&quot;wcf_anim_delay&quot;:0,&quot;wcf_anim_ease&quot;:&quot;ease&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"848\" height=\"1024\" src=\"https:\/\/www.startup.edu.co\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_pzwdakpzwdakpzwd.png\" class=\"attachment-large size-large wp-image-1313\" alt=\"gemini generated image pzwdakpzwdakpzwd\" title=\"Home\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a36878d wcf-starter-animations-none elementor-invisible elementor-widget elementor-widget-image\" data-id=\"a36878d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;,&quot;wcf_starter_animations&quot;:&quot;none&quot;,&quot;wcf_anim_duration&quot;:1000,&quot;wcf_anim_delay&quot;:0,&quot;wcf_anim_ease&quot;:&quot;ease&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"832\" height=\"1248\" src=\"https:\/\/www.startup.edu.co\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_vif74zvif74zvif7.png\" class=\"attachment-full size-full wp-image-1317\" alt=\"Estudiante moder\" title=\"Home\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-51e70e6 e-con-full e-flex wcf-starter-animations-none e-con e-child\" data-eae-slider=\"44919\" data-id=\"51e70e6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5dc98b5 wcf-starter-animations-none elementor-widget elementor-widget-heading\" data-id=\"5dc98b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wcf_starter_animations&quot;:&quot;none&quot;,&quot;wcf_anim_duration&quot;:1000,&quot;wcf_anim_delay&quot;:0,&quot;wcf_anim_ease&quot;:&quot;ease&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Transformamos tu futuro profesional<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-86e9f91 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"86e9f91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aac3e0e wcf-starter-animations-none elementor-widget elementor-widget-text-editor\" data-id=\"aac3e0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wcf_starter_animations&quot;:&quot;none&quot;,&quot;wcf_anim_duration&quot;:1000,&quot;wcf_anim_delay&quot;:0,&quot;wcf_anim_ease&quot;:&quot;ease&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Muchos programas de formaci\u00f3n no se conectan con las necesidades reales del mercado laboral, ofrecen teor\u00eda sin pr\u00e1ctica suficiente, y tienen horarios incompatibles con el trabajo.<\/p><p>Los estudiantes terminan con certificados pero sin las habilidades pr\u00e1cticas que demandan los empleadores.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6089049 wcf-starter-animations-none elementor-widget elementor-widget-text-editor\" data-id=\"6089049\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wcf_starter_animations&quot;:&quot;none&quot;,&quot;wcf_anim_duration&quot;:1000,&quot;wcf_anim_delay&quot;:0,&quot;wcf_anim_ease&quot;:&quot;ease&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>En <em><strong>STARTUP<\/strong><\/em> dise\u00f1amos programas intensivos por competencias para que en 2 semestres entres al mundo laboral con habilidades t\u00e9cnicas y blandas, usando plataformas l\u00edderes y un sistema 80\/20 que acelera tu aprendizaje.<\/p><p>Qu\u00e9 cambia despu\u00e9s de estudiar con nosotros:<\/p><ul><li>Obtienes habilidades pr\u00e1cticas demandadas por el mercado<\/li><li>Tienes experiencia real a trav\u00e9s de convenios de pr\u00e1ctica<\/li><li>Puedes estudiar sin dejar de trabajar<\/li><li>Desarrollas tu propio emprendimiento<\/li><\/ul>\t\t\t\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\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-40aed94 e-flex e-con-boxed wcf-starter-animations-none e-con e-parent\" data-eae-slider=\"55590\" data-id=\"40aed94\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-0d9c872 e-con-full e-flex wcf-starter-animations-none e-con e-child\" data-eae-slider=\"41101\" data-id=\"0d9c872\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b86d52 eae-fb-animate-flip box elementor-widget elementor-widget-wts-flipbox\" data-id=\"5b86d52\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wts-flipbox.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"eae-flip-box-wrapper\">\n\t\t\t<div class=\"eae-flip-box-inner\" onclick=\"\">\n\n\t\t\t\t<div class=\"eae-flip-box-front\">\n\t\t\t\t\t<div class=\"flipbox-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"icon-wrapper eae-fb-icon-view-stacked eae-fb-icon-shape-circle\">\n\t\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check\"><\/i>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<h3 class=\"front-icon-title\">Metodolog\u00eda 80\/20<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"eae-flip-box-back\">\n\t\t\t\t\t<div class=\"flipbox-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"icon-wrapper eae-fb-icon-view-stacked eae-fb-icon-shape-circle\">\n\t\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-checkmark\"><\/i>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t80% virtual (clases, contenidos y pr\u00e1cticas guiadas) + 20% presencial o remoto (sesiones pr\u00e1cticas, laboratorios, proyectos)\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-225705d e-con-full e-flex wcf-starter-animations-none e-con e-child\" data-eae-slider=\"72120\" data-id=\"225705d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4b08f2 eae-fb-animate-flip box elementor-widget elementor-widget-wts-flipbox\" data-id=\"c4b08f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wts-flipbox.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"eae-flip-box-wrapper\">\n\t\t\t<div class=\"eae-flip-box-inner\" onclick=\"\">\n\n\t\t\t\t<div class=\"eae-flip-box-front\">\n\t\t\t\t\t<div class=\"flipbox-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"icon-wrapper eae-fb-icon-view-stacked eae-fb-icon-shape-circle\">\n\t\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check\"><\/i>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<h3 class=\"front-icon-title\">50% Pr\u00e1ctico<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"eae-flip-box-back\">\n\t\t\t\t\t<div class=\"flipbox-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"icon-wrapper eae-fb-icon-view-stacked eae-fb-icon-shape-circle\">\n\t\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-checkmark\"><\/i>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\tTodos nuestros programas incluyen 50% de contenido pr\u00e1ctico con proyectos reales\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-9471252 e-con-full e-flex wcf-starter-animations-none e-con e-child\" data-eae-slider=\"79877\" data-id=\"9471252\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bdd0ccc eae-fb-animate-flip box elementor-widget elementor-widget-wts-flipbox\" data-id=\"bdd0ccc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wts-flipbox.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"eae-flip-box-wrapper\">\n\t\t\t<div class=\"eae-flip-box-inner\" onclick=\"\">\n\n\t\t\t\t<div class=\"eae-flip-box-front\">\n\t\t\t\t\t<div class=\"flipbox-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"icon-wrapper eae-fb-icon-view-stacked eae-fb-icon-shape-circle\">\n\t\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check\"><\/i>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<h3 class=\"front-icon-title\">Horarios Flexibles<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"eae-flip-box-back\">\n\t\t\t\t\t<div class=\"flipbox-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"icon-wrapper eae-fb-icon-view-stacked eae-fb-icon-shape-circle\">\n\t\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-checkmark\"><\/i>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\tEstudia de noche, fines de semana o en modalidad mixta\/online\/remoto\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-75b6b6c e-con-full e-flex wcf-starter-animations-none e-con e-child\" data-eae-slider=\"59158\" data-id=\"75b6b6c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5062322 eae-fb-animate-flip box elementor-widget elementor-widget-wts-flipbox\" data-id=\"5062322\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wts-flipbox.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"eae-flip-box-wrapper\">\n\t\t\t<div class=\"eae-flip-box-inner\" onclick=\"\">\n\n\t\t\t\t<div class=\"eae-flip-box-front\">\n\t\t\t\t\t<div class=\"flipbox-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"icon-wrapper eae-fb-icon-view-stacked eae-fb-icon-shape-circle\">\n\t\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check\"><\/i>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<h3 class=\"front-icon-title\">Enfoque Laboral<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"eae-flip-box-back\">\n\t\t\t\t\t<div class=\"flipbox-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"icon-wrapper eae-fb-icon-view-stacked eae-fb-icon-shape-circle\">\n\t\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-checkmark\"><\/i>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\tProgramas dise\u00f1ados espec\u00edficamente para la empleabilidad y el emprendimiento\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t\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\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-c03da83 e-flex e-con-boxed wcf-starter-animations-none e-con e-parent\" data-eae-slider=\"91364\" data-id=\"c03da83\" data-element_type=\"container\" data-e-type=\"container\" id=\"programas\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-036076d e-con-full e-flex wcf-starter-animations-none e-con e-child\" data-eae-slider=\"64572\" data-id=\"036076d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-0cd0fd9 e-con-full e-flex wcf-starter-animations-none e-con e-child\" data-eae-slider=\"75483\" data-id=\"0cd0fd9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-c882f38 e-con-full e-flex wcf-starter-animations-none e-con e-child\" data-eae-slider=\"26229\" data-id=\"c882f38\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-275a574 elementor-widget elementor-widget-hfe-infocard\" data-id=\"275a574\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hfe-infocard.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"hfe-infocard\">\n\t\t\t\t\t\t\t\t\t<div class=\"hfe-infocard-title-wrap\">\n\t\t\t\t<h3 class=\"hfe-infocard-title elementor-inline-editing\" data-elementor-setting-key=\"infocard_title\" data-elementor-inline-editing-toolbar=\"basic\" >Nuestros Programas T\u00e9cnicos<\/h3>\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"hfe-infocard-text-wrap\">\n\t\t\t\t<div class=\"hfe-infocard-text elementor-inline-editing\" data-elementor-setting-key=\"infocard_description\" data-elementor-inline-editing-toolbar=\"advanced\">\n\t\t\t\t\tNuestros programas cuentan con respaldo oficial seg\u00fan:\n\nDecreto 1075 de 2015, Resoluci\u00f3n 4904 de 2023 y 15177 de 2022\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-b206740 e-con-full e-flex wcf-starter-animations-none e-con e-child\" data-eae-slider=\"57687\" data-id=\"b206740\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c55f3b elementor-align-center elementor-button-success elementor-widget elementor-widget-button\" data-id=\"8c55f3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Call +1800 456 789<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-55d07e5 e-flex e-con-boxed wcf-starter-animations-none e-con e-parent\" data-eae-slider=\"65195\" data-id=\"55d07e5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-318752d e-con-full e-flex wcf-starter-animations-none e-con e-child\" data-eae-slider=\"27672\" data-id=\"318752d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d5d58e elementor-widget elementor-widget-html\" data-id=\"7d5d58e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!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>Tarjeta de Programa T\u00e9cnico<\/title>\r\n    <style>\r\n        \/* Estilos encapsulados para evitar conflictos *\/\r\n        .luxury-card-container {\r\n            --primary-color: #01578C; \/* Azul especificado *\/\r\n            --secondary-color: #01578C; \/* Mismo azul para consistencia *\/\r\n            --accent-color: #b21f1f;\r\n            --highlight-color: #fdbb2d;\r\n            --text-color: #333;\r\n            --light-bg: #f8f9fa;\r\n            --card-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);\r\n            --card-radius: 20px;\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        }\r\n        \r\n        .luxury-card {\r\n            width: 100%;\r\n            max-width: 800px;\r\n            background: rgba(255, 255, 255, 0.95);\r\n            border-radius: var(--card-radius);\r\n            overflow: hidden;\r\n            box-shadow: var(--card-shadow);\r\n            transition: all 0.3s ease;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .luxury-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\r\n        }\r\n        \r\n        .card-header {\r\n            background: var(--primary-color); \/* Azul s\u00f3lido *\/\r\n            color: white;\r\n            padding: 25px 20px;\r\n            text-align: center;\r\n            position: relative;\r\n        }\r\n        \r\n        .card-header::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 5px;\r\n            background: var(--highlight-color); \/* L\u00ednea s\u00f3lida sin degradado *\/\r\n        }\r\n        \r\n        .card-title {\r\n            font-size: 1.6rem;\r\n            font-weight: 700;\r\n            margin: 0 auto 10px;\r\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);\r\n            line-height: 1.3;\r\n            max-width: 90%;\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 3;\r\n            -webkit-box-orient: vertical;\r\n            overflow: hidden;\r\n            color: white;\r\n        }\r\n        \r\n        .card-subtitle {\r\n            font-size: 1rem;\r\n            font-weight: 300;\r\n            opacity: 0.9;\r\n            color: white;\r\n        }\r\n        \r\n        .card-content {\r\n            padding: 25px;\r\n        }\r\n        \r\n        .toggle-btn {\r\n            display: block;\r\n            width: 100%;\r\n            padding: 14px 20px;\r\n            background: var(--primary-color); \/* Azul s\u00f3lido *\/\r\n            color: white;\r\n            border: none;\r\n            border-radius: 10px;\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\r\n            margin-top: 10px;\r\n        }\r\n        \r\n        .toggle-btn:hover {\r\n            background: #014a75; \/* Azul m\u00e1s oscuro para hover *\/\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 7px 20px rgba(0, 0, 0, 0.3);\r\n        }\r\n        \r\n        .toggle-btn:active {\r\n            transform: translateY(1px);\r\n        }\r\n        \r\n        .accordion-content {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.5s ease, padding 0.3s ease;\r\n            background: var(--light-bg);\r\n            border-radius: 10px;\r\n            margin-top: 20px;\r\n        }\r\n        \r\n        .accordion-content.active {\r\n            max-height: 2000px;\r\n            padding: 20px;\r\n        }\r\n        \r\n        .info-summary {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            flex-wrap: wrap;\r\n            margin-bottom: 20px;\r\n            padding-bottom: 15px;\r\n            border-bottom: 1px solid #eaeaea;\r\n        }\r\n        \r\n        .info-item {\r\n            flex: 1;\r\n            min-width: 180px;\r\n            margin: 8px;\r\n            text-align: center;\r\n            padding: 12px;\r\n            background: white;\r\n            border-radius: 8px;\r\n            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            border: 2px solid transparent;\r\n        }\r\n        \r\n        .info-item:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);\r\n            border-color: var(--primary-color); \/* Borde azul al hover *\/\r\n        }\r\n        \r\n        .info-item h3 {\r\n            color: var(--primary-color); \/* Azul para los t\u00edtulos *\/\r\n            margin-bottom: 6px;\r\n            font-size: 1rem;\r\n        }\r\n        \r\n        .info-item p {\r\n            color: var(--text-color);\r\n            font-weight: 500;\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .section {\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .section h3 {\r\n            color: var(--primary-color); \/* Azul para los t\u00edtulos de secci\u00f3n *\/\r\n            margin-bottom: 12px;\r\n            padding-bottom: 6px;\r\n            border-bottom: 2px solid var(--highlight-color);\r\n            font-size: 1.2rem;\r\n        }\r\n        \r\n        .section p, .section ul {\r\n            color: var(--text-color);\r\n            line-height: 1.5;\r\n            font-size: 0.95rem;\r\n        }\r\n        \r\n        .section ul {\r\n            padding-left: 18px;\r\n        }\r\n        \r\n        .section li {\r\n            margin-bottom: 6px;\r\n            position: relative;\r\n            font-size: 0.95rem;\r\n        }\r\n        \r\n        .section li::before {\r\n            content: \"\u2022\";\r\n            color: var(--primary-color); \/* Azul para los puntos de lista *\/\r\n            font-weight: bold;\r\n            display: inline-block;\r\n            width: 1em;\r\n            margin-left: -1em;\r\n        }\r\n        \r\n        .highlight {\r\n            background: linear-gradient(120deg, rgba(253, 187, 45, 0.2), rgba(178, 31, 31, 0.2));\r\n            padding: 12px;\r\n            border-radius: 6px;\r\n            margin-top: 12px;\r\n            border-left: 4px solid var(--primary-color); \/* Borde azul *\/\r\n            font-size: 0.95rem;\r\n        }\r\n        \r\n        \/* Media queries para dispositivos m\u00f3viles *\/\r\n        @media (max-width: 768px) {\r\n            .card-header {\r\n                padding: 20px 15px;\r\n            }\r\n            \r\n            .card-title {\r\n                font-size: 1.3rem;\r\n                max-width: 95%;\r\n                line-height: 1.25;\r\n                -webkit-line-clamp: 3;\r\n            }\r\n            \r\n            .card-subtitle {\r\n                font-size: 0.9rem;\r\n            }\r\n            \r\n            .card-content {\r\n                padding: 20px 15px;\r\n            }\r\n            \r\n            .toggle-btn {\r\n                padding: 12px 15px;\r\n                font-size: 0.95rem;\r\n            }\r\n            \r\n            .info-summary {\r\n                flex-direction: column;\r\n                margin-bottom: 15px;\r\n            }\r\n            \r\n            .info-item {\r\n                min-width: 100%;\r\n                margin: 5px 0;\r\n                padding: 10px;\r\n            }\r\n            \r\n            .info-item h3 {\r\n                font-size: 0.95rem;\r\n            }\r\n            \r\n            .info-item p {\r\n                font-size: 0.85rem;\r\n            }\r\n            \r\n            .accordion-content.active {\r\n                padding: 15px;\r\n            }\r\n            \r\n            .section h3 {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .section p, .section ul, .section li, .highlight {\r\n                font-size: 0.9rem;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 480px) {\r\n            .card-title {\r\n                font-size: 1.15rem;\r\n                line-height: 1.2;\r\n                -webkit-line-clamp: 3;\r\n            }\r\n            \r\n            .card-subtitle {\r\n                font-size: 0.85rem;\r\n            }\r\n            \r\n            .section h3 {\r\n                font-size: 1rem;\r\n            }\r\n            \r\n            .section p, .section ul, .section li, .highlight {\r\n                font-size: 0.85rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 360px) {\r\n            .card-title {\r\n                font-size: 1.05rem;\r\n                -webkit-line-clamp: 3;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"luxury-card-container\">\r\n        <div class=\"luxury-card\">\r\n            <div class=\"card-header\">\r\n                <h1 class=\"card-title\">T\u00e9cnico Laboral en Instalaci\u00f3n y Mantenimiento de Computadores y Perif\u00e9ricos<\/h1>\r\n                <p class=\"card-subtitle\">Formaci\u00f3n especializada para el sector tecnol\u00f3gico<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"card-content\">\r\n                <button class=\"toggle-btn\" id=\"toggleBtn\">Ver m\u00e1s informaci\u00f3n<\/button>\r\n                \r\n                <div class=\"accordion-content\" id=\"accordionContent\">\r\n                    <div class=\"info-summary\">\r\n                        <div class=\"info-item\" data-info=\"duracion\">\r\n                            <h3>Duraci\u00f3n<\/h3>\r\n                            <p>2 semestres<\/p>\r\n                        <\/div>\r\n                        <div class=\"info-item\" data-info=\"practica\">\r\n                            <h3>Pr\u00e1ctica<\/h3>\r\n                            <p>50% del programa<\/p>\r\n                        <\/div>\r\n                        <div class=\"info-item\" data-info=\"modalidad\">\r\n                            <h3>Modalidad<\/h3>\r\n                            <p>80% virtual \/ 20% presencial o remoto<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"section\">\r\n                        <h3>Prop\u00f3sito del Programa<\/h3>\r\n                        <p>Formar t\u00e9cnicos capaces de diagnosticar, reparar y mantener equipos de c\u00f3mputo y perif\u00e9ricos, optimizando el rendimiento de hardware\/OS para hogares, pymes y entornos corporativos.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"section\">\r\n                        <h3>Detalles del Programa<\/h3>\r\n                        <p><strong>Horarios:<\/strong> Nocturno \/ Fin de semana \/ Mixto \u2013 Online \u2013 Remoto<\/p>\r\n                        <p><strong>Requisitos:<\/strong> Ser bachiller<\/p>\r\n                        <p><strong>Convenios de pr\u00e1ctica:<\/strong> S\u00ed<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"section\">\r\n                        <h3>Competencias Clave<\/h3>\r\n                        <ul>\r\n                            <li>Diagn\u00f3stico y mantenimiento preventivo\/correctivo de hardware<\/li>\r\n                            <li>Instalaci\u00f3n y configuraci\u00f3n de sistemas operativos y drivers<\/li>\r\n                            <li>Ensamble, upgrades y optimizaci\u00f3n de rendimiento<\/li>\r\n                            <li>Gesti\u00f3n b\u00e1sica de inventarios de repuestos y servicio al cliente t\u00e9cnico<\/li>\r\n                            <li>Buenas pr\u00e1cticas de seguridad el\u00e9ctrica y ESD<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"section\">\r\n                        <h3>Plan de Estudios<\/h3>\r\n                        <p><strong>Semestre 1:<\/strong> Fundamentos de hardware y OS \u00b7 Ensamble\/Desensamble \u00b7 Perif\u00e9ricos y drivers \u00b7 Seguridad ESD \u00b7 Atenci\u00f3n al usuario<\/p>\r\n                        <p><strong>Semestre 2:<\/strong> Mantenimiento preventivo\/correctivo \u00b7 Diagn\u00f3stico avanzado \u00b7 Imagen y clonado \u00b7 Gesti\u00f3n de servicio t\u00e9cnico \u00b7 Proyecto integrador (portafolio)<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"section\">\r\n                        <h3>Salidas Ocupacionales<\/h3>\r\n                        <ul>\r\n                            <li>T\u00e9cnico de mantenimiento de computadores<\/li>\r\n                            <li>T\u00e9cnico de soporte en campo<\/li>\r\n                            <li>Auxiliar de mesa de ayuda<\/li>\r\n                            <li>Emprendedor en servicio t\u00e9cnico<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"section\">\r\n                        <h3>Emprendimiento<\/h3>\r\n                        <div class=\"highlight\">\r\n                            <p>Lanza tu microservicio de soporte (domicilio o remoto), paquetes de mantenimiento para empresas, y venta de partes\/servicios recurrentes.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Script encapsulado para evitar conflictos\r\n        (function() {\r\n            'use strict';\r\n            \r\n            \/\/ Elementos principales\r\n            const toggleBtn = document.getElementById('toggleBtn');\r\n            const accordionContent = document.getElementById('accordionContent');\r\n            const infoItems = document.querySelectorAll('.info-item');\r\n            \r\n            \/\/ Funci\u00f3n para alternar el acorde\u00f3n\r\n            function toggleAccordion() {\r\n                const isActive = accordionContent.classList.contains('active');\r\n                \r\n                if (isActive) {\r\n                    accordionContent.classList.remove('active');\r\n                    toggleBtn.textContent = 'Ver m\u00e1s informaci\u00f3n';\r\n                } else {\r\n                    accordionContent.classList.add('active');\r\n                    toggleBtn.textContent = 'Ver menos informaci\u00f3n';\r\n                }\r\n            }\r\n            \r\n            \/\/ Efectos para los elementos de informaci\u00f3n\r\n            infoItems.forEach(item => {\r\n                item.addEventListener('click', function() {\r\n                    \/\/ Efecto visual al hacer clic\r\n                    this.style.transform = 'scale(0.98)';\r\n                    setTimeout(() => {\r\n                        this.style.transform = '';\r\n                    }, 150);\r\n                    \r\n                    \/\/ Podr\u00edas agregar aqu\u00ed funcionalidad adicional para cada elemento\r\n                    const infoType = this.getAttribute('data-info');\r\n                    console.log(`Informaci\u00f3n sobre: ${infoType}`);\r\n                });\r\n            });\r\n            \r\n            \/\/ Asignar evento al bot\u00f3n\r\n            toggleBtn.addEventListener('click', toggleAccordion);\r\n            \r\n            \/\/ Inicializaci\u00f3n\r\n            console.log('Tarjeta de lujo inicializada correctamente');\r\n        })();\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<div class=\"has_eae_slider elementor-element elementor-element-00603f5 e-con-full e-flex wcf-starter-animations-none e-con e-child\" data-eae-slider=\"10261\" data-id=\"00603f5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8527c19 elementor-widget elementor-widget-html\" data-id=\"8527c19\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!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>Tarjeta de Programa T\u00e9cnico<\/title>\r\n    <style>\r\n        \/* Estilos encapsulados para evitar conflictos *\/\r\n        .luxury-card-container {\r\n            --primary-color: #01578C;\r\n            --secondary-color: #01578C;\r\n            --accent-color: #b21f1f;\r\n            --highlight-color: #fdbb2d;\r\n            --text-color: #333;\r\n            --light-bg: #f8f9fa;\r\n            --card-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);\r\n            --card-radius: 20px;\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        }\r\n        \r\n        .luxury-card {\r\n            width: 100%;\r\n            max-width: 800px;\r\n            background: rgba(255, 255, 255, 0.95);\r\n            border-radius: var(--card-radius);\r\n            overflow: hidden;\r\n            box-shadow: var(--card-shadow);\r\n            transition: all 0.3s ease;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .luxury-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\r\n        }\r\n        \r\n        .card-header {\r\n            background: var(--primary-color);\r\n            color: white;\r\n            padding: 45px 25px; \/* Significativamente aumentado *\/\r\n            text-align: center;\r\n            position: relative;\r\n            min-height: 180px; \/* Muy aumentada altura m\u00ednima *\/\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .card-header::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 6px; \/* L\u00ednea un poco m\u00e1s gruesa *\/\r\n            background: var(--highlight-color);\r\n        }\r\n        \r\n        .card-title {\r\n            font-size: 2.1rem; \/* Significativamente aumentado *\/\r\n            font-weight: 700;\r\n            margin: 0 auto 15px; \/* Margen inferior aumentado *\/\r\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);\r\n            line-height: 1.35; \/* Line-height ajustado *\/\r\n            max-width: 85%;\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 3;\r\n            -webkit-box-orient: vertical;\r\n            overflow: hidden;\r\n            color: white;\r\n            min-height: 110px; \/* Muy aumentada altura m\u00ednima *\/\r\n            padding: 10px 0; \/* Padding aumentado *\/\r\n        }\r\n        \r\n        .card-subtitle {\r\n            font-size: 1.3rem; \/* Significativamente aumentado *\/\r\n            font-weight: 300;\r\n            opacity: 0.9;\r\n            color: white;\r\n            margin-top: 10px; \/* Margen superior aumentado *\/\r\n            padding: 6px 0; \/* Padding aumentado *\/\r\n        }\r\n        \r\n        .card-content {\r\n            padding: 30px; \/* Padding aumentado *\/\r\n        }\r\n        \r\n        .toggle-btn {\r\n            display: block;\r\n            width: 100%;\r\n            padding: 16px 20px; \/* Padding aumentado *\/\r\n            background: var(--primary-color);\r\n            color: white;\r\n            border: none;\r\n            border-radius: 10px;\r\n            font-size: 1.1rem; \/* Tama\u00f1o de fuente aumentado *\/\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\r\n            margin-top: 10px;\r\n        }\r\n        \r\n        .toggle-btn:hover {\r\n            background: #014a75;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 7px 20px rgba(0, 0, 0, 0.3);\r\n        }\r\n        \r\n        .toggle-btn:active {\r\n            transform: translateY(1px);\r\n        }\r\n        \r\n        .accordion-content {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.5s ease, padding 0.3s ease;\r\n            background: var(--light-bg);\r\n            border-radius: 10px;\r\n            margin-top: 20px;\r\n        }\r\n        \r\n        .accordion-content.active {\r\n            max-height: 2000px;\r\n            padding: 25px; \/* Padding aumentado *\/\r\n        }\r\n        \r\n        .info-summary {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            flex-wrap: wrap;\r\n            margin-bottom: 25px; \/* Margen aumentado *\/\r\n            padding-bottom: 20px; \/* Padding aumentado *\/\r\n            border-bottom: 1px solid #eaeaea;\r\n        }\r\n        \r\n        .info-item {\r\n            flex: 1;\r\n            min-width: 180px;\r\n            margin: 10px; \/* Margen aumentado *\/\r\n            text-align: center;\r\n            padding: 15px; \/* Padding aumentado *\/\r\n            background: white;\r\n            border-radius: 8px;\r\n            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            border: 2px solid transparent;\r\n        }\r\n        \r\n        .info-item:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);\r\n            border-color: var(--primary-color);\r\n        }\r\n        \r\n        .info-item h3 {\r\n            color: var(--primary-color);\r\n            margin-bottom: 8px; \/* Margen aumentado *\/\r\n            font-size: 1.1rem; \/* Tama\u00f1o aumentado *\/\r\n        }\r\n        \r\n        .info-item p {\r\n            color: var(--text-color);\r\n            font-weight: 500;\r\n            font-size: 1rem; \/* Tama\u00f1o aumentado *\/\r\n        }\r\n        \r\n        .section {\r\n            margin-bottom: 25px; \/* Margen aumentado *\/\r\n        }\r\n        \r\n        .section h3 {\r\n            color: var(--primary-color);\r\n            margin-bottom: 15px; \/* Margen aumentado *\/\r\n            padding-bottom: 8px; \/* Padding aumentado *\/\r\n            border-bottom: 2px solid var(--highlight-color);\r\n            font-size: 1.3rem; \/* Tama\u00f1o aumentado *\/\r\n        }\r\n        \r\n        .section p, .section ul {\r\n            color: var(--text-color);\r\n            line-height: 1.5;\r\n            font-size: 1.05rem; \/* Tama\u00f1o aumentado *\/\r\n        }\r\n        \r\n        .section ul {\r\n            padding-left: 20px; \/* Padding aumentado *\/\r\n        }\r\n        \r\n        .section li {\r\n            margin-bottom: 8px; \/* Margen aumentado *\/\r\n            position: relative;\r\n            font-size: 1.05rem; \/* Tama\u00f1o aumentado *\/\r\n        }\r\n        \r\n        .section li::before {\r\n            content: \"\u2022\";\r\n            color: var(--primary-color);\r\n            font-weight: bold;\r\n            display: inline-block;\r\n            width: 1em;\r\n            margin-left: -1em;\r\n        }\r\n        \r\n        .highlight {\r\n            background: linear-gradient(120deg, rgba(253, 187, 45, 0.2), rgba(178, 31, 31, 0.2));\r\n            padding: 15px; \/* Padding aumentado *\/\r\n            border-radius: 6px;\r\n            margin-top: 15px; \/* Margen aumentado *\/\r\n            border-left: 4px solid var(--primary-color);\r\n            font-size: 1.05rem; \/* Tama\u00f1o aumentado *\/\r\n        }\r\n        \r\n        \/* Media queries para dispositivos m\u00f3viles *\/\r\n        @media (max-width: 768px) {\r\n            .card-header {\r\n                padding: 35px 20px;\r\n                min-height: 160px;\r\n            }\r\n            \r\n            .card-title {\r\n                font-size: 1.8rem;\r\n                max-width: 90%;\r\n                line-height: 1.3;\r\n                -webkit-line-clamp: 3;\r\n                min-height: 95px;\r\n                margin-bottom: 12px;\r\n            }\r\n            \r\n            .card-subtitle {\r\n                font-size: 1.15rem;\r\n                margin-top: 8px;\r\n            }\r\n            \r\n            .card-content {\r\n                padding: 25px 20px;\r\n            }\r\n            \r\n            .toggle-btn {\r\n                padding: 14px 15px;\r\n                font-size: 1.05rem;\r\n            }\r\n            \r\n            .info-summary {\r\n                flex-direction: column;\r\n                margin-bottom: 20px;\r\n            }\r\n            \r\n            .info-item {\r\n                min-width: 100%;\r\n                margin: 8px 0;\r\n                padding: 12px;\r\n            }\r\n            \r\n            .info-item h3 {\r\n                font-size: 1.05rem;\r\n            }\r\n            \r\n            .info-item p {\r\n                font-size: 0.95rem;\r\n            }\r\n            \r\n            .accordion-content.active {\r\n                padding: 20px;\r\n            }\r\n            \r\n            .section h3 {\r\n                font-size: 1.2rem;\r\n            }\r\n            \r\n            .section p, .section ul, .section li, .highlight {\r\n                font-size: 1rem;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 480px) {\r\n            .card-header {\r\n                padding: 30px 15px;\r\n                min-height: 150px;\r\n            }\r\n            \r\n            .card-title {\r\n                font-size: 1.5rem;\r\n                line-height: 1.25;\r\n                -webkit-line-clamp: 3;\r\n                min-height: 85px;\r\n                max-width: 92%;\r\n            }\r\n            \r\n            .card-subtitle {\r\n                font-size: 1.05rem;\r\n            }\r\n            \r\n            .section h3 {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .section p, .section ul, .section li, .highlight {\r\n                font-size: 0.95rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 360px) {\r\n            .card-header {\r\n                min-height: 140px;\r\n                padding: 25px 15px;\r\n            }\r\n            \r\n            .card-title {\r\n                font-size: 1.4rem;\r\n                -webkit-line-clamp: 3;\r\n                min-height: 80px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"luxury-card-container\">\r\n        <div class=\"luxury-card\">\r\n            <div class=\"card-header\">\r\n                <h1 class=\"card-title\">T\u00e9cnico Laboral en Auxiliar de Seguridad en el Trabajo<\/h1>\r\n                <p class=\"card-subtitle\">Formaci\u00f3n especializada en gesti\u00f3n de riesgos laborales<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"card-content\">\r\n                <button class=\"toggle-btn\" id=\"toggleBtn\">Ver m\u00e1s informaci\u00f3n<\/button>\r\n                \r\n                <div class=\"accordion-content\" id=\"accordionContent\">\r\n                    <div class=\"info-summary\">\r\n                        <div class=\"info-item\" data-info=\"duracion\">\r\n                            <h3>Duraci\u00f3n<\/h3>\r\n                            <p>2 semestres<\/p>\r\n                        <\/div>\r\n                        <div class=\"info-item\" data-info=\"practica\">\r\n                            <h3>Pr\u00e1ctica<\/h3>\r\n                            <p>50% del programa<\/p>\r\n                        <\/div>\r\n                        <div class=\"info-item\" data-info=\"modalidad\">\r\n                            <h3>Modalidad<\/h3>\r\n                            <p>80% virtual \/ 20% presencial o remoto<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"section\">\r\n                        <h3>Prop\u00f3sito del Programa<\/h3>\r\n                        <p>Formar auxiliares que apoyen la gesti\u00f3n de riesgos y la implementaci\u00f3n del SG-SST, promoviendo ambientes laborales seguros y cumpliendo normativa vigente.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"section\">\r\n                        <h3>Detalles del Programa<\/h3>\r\n                        <p><strong>Horarios:<\/strong> Nocturno \/ Fin de semana \/ Mixto \u2013 Online \u2013 Remoto<\/p>\r\n                        <p><strong>Requisitos:<\/strong> Ser bachiller<\/p>\r\n                        <p><strong>Convenios de pr\u00e1ctica:<\/strong> S\u00ed<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"section\">\r\n                        <h3>Competencias Clave<\/h3>\r\n                        <ul>\r\n                            <li>Identificaci\u00f3n de peligros, valoraci\u00f3n y control del riesgo<\/li>\r\n                            <li>Apoyo a inspecciones, reportes e indicadores del SG-SST<\/li>\r\n                            <li>Protocolos de seguridad, EPP y ergonom\u00eda<\/li>\r\n                            <li>Cultura de prevenci\u00f3n, pausas activas, brigadas b\u00e1sicas<\/li>\r\n                            <li>Normativa colombiana aplicada (Decretos y Resoluciones del SG-SST)<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"section\">\r\n                        <h3>Plan de Estudios<\/h3>\r\n                        <p><strong>Semestre 1:<\/strong> Fundamentos de Seguridad y Salud en el Trabajo \u00b7 Peligros y riesgos \u00b7 EPP \u00b7 Primeros auxilios b\u00e1sicos \u00b7 Reportes e investigaci\u00f3n de incidentes<\/p>\r\n                        <p><strong>Semestre 2:<\/strong> Sistema de Gesti\u00f3n SST (planear\u2013hacer\u2013verificar\u2013actuar) \u00b7 Indicadores \u00b7 Inspecciones \u00b7 Ergonom\u00eda \u00b7 Proyecto integrador (plan SST para pyme)<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"section\">\r\n                        <h3>Salidas Ocupacionales<\/h3>\r\n                        <ul>\r\n                            <li>Auxiliar SG-SST<\/li>\r\n                            <li>Inspector de seguridad b\u00e1sica<\/li>\r\n                            <li>Apoyo en brigadas<\/li>\r\n                            <li>Promotor de prevenci\u00f3n<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"section\">\r\n                        <h3>Emprendimiento<\/h3>\r\n                        <div class=\"highlight\">\r\n                            <p>Consultor\u00edas b\u00e1sicas para pymes: diagn\u00f3sticos, charlas, se\u00f1alizaci\u00f3n, protocolos y kits de EPP<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Script encapsulado para evitar conflictos\r\n        (function() {\r\n            'use strict';\r\n            \r\n            \/\/ Elementos principales\r\n            const toggleBtn = document.getElementById('toggleBtn');\r\n            const accordionContent = document.getElementById('accordionContent');\r\n            const infoItems = document.querySelectorAll('.info-item');\r\n            \r\n            \/\/ Funci\u00f3n para alternar el acorde\u00f3n\r\n            function toggleAccordion() {\r\n                const isActive = accordionContent.classList.contains('active');\r\n                \r\n                if (isActive) {\r\n                    accordionContent.classList.remove('active');\r\n                    toggleBtn.textContent = 'Ver m\u00e1s informaci\u00f3n';\r\n                } else {\r\n                    accordionContent.classList.add('active');\r\n                    toggleBtn.textContent = 'Ver menos informaci\u00f3n';\r\n                }\r\n            }\r\n            \r\n            \/\/ Efectos para los elementos de informaci\u00f3n\r\n            infoItems.forEach(item => {\r\n                item.addEventListener('click', function() {\r\n                    \/\/ Efecto visual al hacer clic\r\n                    this.style.transform = 'scale(0.98)';\r\n                    setTimeout(() => {\r\n                        this.style.transform = '';\r\n                    }, 150);\r\n                    \r\n                    \/\/ Podr\u00edas agregar aqu\u00ed funcionalidad adicional para cada elemento\r\n                    const infoType = this.getAttribute('data-info');\r\n                    console.log(`Informaci\u00f3n sobre: ${infoType}`);\r\n                });\r\n            });\r\n            \r\n            \/\/ Asignar evento al bot\u00f3n\r\n            toggleBtn.addEventListener('click', toggleAccordion);\r\n            \r\n            \/\/ Inicializaci\u00f3n\r\n            console.log('Tarjeta de lujo inicializada correctamente');\r\n        })();\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<div class=\"has_eae_slider elementor-element elementor-element-1e0523a e-con-full e-flex wcf-starter-animations-none e-con e-child\" data-eae-slider=\"16630\" data-id=\"1e0523a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11c1209 elementor-widget elementor-widget-html\" data-id=\"11c1209\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!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>Tarjeta de Programa T\u00e9cnico<\/title>\r\n    <style>\r\n        \/* Estilos encapsulados para evitar conflictos *\/\r\n        .luxury-card-container {\r\n            --primary-color: #01578C;\r\n            --secondary-color: #01578C;\r\n            --accent-color: #b21f1f;\r\n            --highlight-color: #fdbb2d;\r\n            --text-color: #333;\r\n            --light-bg: #f8f9fa;\r\n            --card-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);\r\n            --card-radius: 20px;\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        }\r\n        \r\n        .luxury-card {\r\n            width: 100%;\r\n            max-width: 800px;\r\n            background: rgba(255, 255, 255, 0.95);\r\n            border-radius: var(--card-radius);\r\n            overflow: hidden;\r\n            box-shadow: var(--card-shadow);\r\n            transition: all 0.3s ease;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .luxury-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\r\n        }\r\n        \r\n        .card-header {\r\n            background: var(--primary-color);\r\n            color: white;\r\n            padding: 30px 20px;\r\n            text-align: center;\r\n            position: relative;\r\n            min-height: 140px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .card-header::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 5px;\r\n            background: var(--highlight-color);\r\n        }\r\n        \r\n        .card-title {\r\n            font-size: 1.7rem;\r\n            font-weight: 700;\r\n            margin: 0 auto 8px;\r\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);\r\n            line-height: 1.4;\r\n            max-width: 90%;\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 3;\r\n            -webkit-box-orient: vertical;\r\n            overflow: hidden;\r\n            color: white;\r\n            min-height: 72px;\r\n        }\r\n        \r\n        .card-subtitle {\r\n            font-size: 1rem;\r\n            font-weight: 300;\r\n            opacity: 0.9;\r\n            color: white;\r\n            margin-top: 5px;\r\n        }\r\n        \r\n        .card-content {\r\n            padding: 25px;\r\n        }\r\n        \r\n        .toggle-btn {\r\n            display: block;\r\n            width: 100%;\r\n            padding: 14px 20px;\r\n            background: var(--primary-color);\r\n            color: white;\r\n            border: none;\r\n            border-radius: 10px;\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\r\n            margin-top: 10px;\r\n        }\r\n        \r\n        .toggle-btn:hover {\r\n            background: #014a75;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 7px 20px rgba(0, 0, 0, 0.3);\r\n        }\r\n        \r\n        .toggle-btn:active {\r\n            transform: translateY(1px);\r\n        }\r\n        \r\n        .accordion-content {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.5s ease, padding 0.3s ease;\r\n            background: var(--light-bg);\r\n            border-radius: 10px;\r\n            margin-top: 20px;\r\n        }\r\n        \r\n        .accordion-content.active {\r\n            max-height: 2000px;\r\n            padding: 20px;\r\n        }\r\n        \r\n        .info-summary {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            flex-wrap: wrap;\r\n            margin-bottom: 20px;\r\n            padding-bottom: 15px;\r\n            border-bottom: 1px solid #eaeaea;\r\n        }\r\n        \r\n        .info-item {\r\n            flex: 1;\r\n            min-width: 180px;\r\n            margin: 8px;\r\n            text-align: center;\r\n            padding: 12px;\r\n            background: white;\r\n            border-radius: 8px;\r\n            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            border: 2px solid transparent;\r\n        }\r\n        \r\n        .info-item:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);\r\n            border-color: var(--primary-color);\r\n        }\r\n        \r\n        .info-item h3 {\r\n            color: var(--primary-color);\r\n            margin-bottom: 6px;\r\n            font-size: 1rem;\r\n        }\r\n        \r\n        .info-item p {\r\n            color: var(--text-color);\r\n            font-weight: 500;\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .section {\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .section h3 {\r\n            color: var(--primary-color);\r\n            margin-bottom: 12px;\r\n            padding-bottom: 6px;\r\n            border-bottom: 2px solid var(--highlight-color);\r\n            font-size: 1.2rem;\r\n        }\r\n        \r\n        .section p, .section ul {\r\n            color: var(--text-color);\r\n            line-height: 1.5;\r\n            font-size: 0.95rem;\r\n        }\r\n        \r\n        .section ul {\r\n            padding-left: 18px;\r\n        }\r\n        \r\n        .section li {\r\n            margin-bottom: 6px;\r\n            position: relative;\r\n            font-size: 0.95rem;\r\n        }\r\n        \r\n        .section li::before {\r\n            content: \"\u2022\";\r\n            color: var(--primary-color);\r\n            font-weight: bold;\r\n            display: inline-block;\r\n            width: 1em;\r\n            margin-left: -1em;\r\n        }\r\n        \r\n        .highlight {\r\n            background: linear-gradient(120deg, rgba(253, 187, 45, 0.2), rgba(178, 31, 31, 0.2));\r\n            padding: 12px;\r\n            border-radius: 6px;\r\n            margin-top: 12px;\r\n            border-left: 4px solid var(--primary-color);\r\n            font-size: 0.95rem;\r\n        }\r\n        \r\n        .cta-button {\r\n            display: inline-block;\r\n            background: var(--accent-color);\r\n            color: white;\r\n            padding: 12px 30px;\r\n            border-radius: 25px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            margin-top: 15px;\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n            cursor: pointer;\r\n            font-size: 1rem;\r\n        }\r\n        \r\n        .cta-button:hover {\r\n            background: #9a1a1a;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 5px 15px rgba(178, 31, 31, 0.3);\r\n        }\r\n        \r\n        \/* Media queries para dispositivos m\u00f3viles *\/\r\n        @media (max-width: 768px) {\r\n            .card-header {\r\n                padding: 25px 15px;\r\n                min-height: 130px;\r\n            }\r\n            \r\n            .card-title {\r\n                font-size: 1.4rem;\r\n                max-width: 95%;\r\n                line-height: 1.3;\r\n                -webkit-line-clamp: 3;\r\n                min-height: 68px;\r\n            }\r\n            \r\n            .card-subtitle {\r\n                font-size: 0.9rem;\r\n            }\r\n            \r\n            .card-content {\r\n                padding: 20px 15px;\r\n            }\r\n            \r\n            .toggle-btn {\r\n                padding: 12px 15px;\r\n                font-size: 0.95rem;\r\n            }\r\n            \r\n            .info-summary {\r\n                flex-direction: column;\r\n                margin-bottom: 15px;\r\n            }\r\n            \r\n            .info-item {\r\n                min-width: 100%;\r\n                margin: 5px 0;\r\n                padding: 10px;\r\n            }\r\n            \r\n            .info-item h3 {\r\n                font-size: 0.95rem;\r\n            }\r\n            \r\n            .info-item p {\r\n                font-size: 0.85rem;\r\n            }\r\n            \r\n            .accordion-content.active {\r\n                padding: 15px;\r\n            }\r\n            \r\n            .section h3 {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .section p, .section ul, .section li, .highlight {\r\n                font-size: 0.9rem;\r\n            }\r\n            \r\n            .cta-button {\r\n                padding: 10px 25px;\r\n                font-size: 0.95rem;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 480px) {\r\n            .card-header {\r\n                padding: 22px 15px;\r\n                min-height: 120px;\r\n            }\r\n            \r\n            .card-title {\r\n                font-size: 1.25rem;\r\n                line-height: 1.25;\r\n                -webkit-line-clamp: 3;\r\n                min-height: 60px;\r\n            }\r\n            \r\n            .card-subtitle {\r\n                font-size: 0.85rem;\r\n            }\r\n            \r\n            .section h3 {\r\n                font-size: 1rem;\r\n            }\r\n            \r\n            .section p, .section ul, .section li, .highlight {\r\n                font-size: 0.85rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 360px) {\r\n            .card-header {\r\n                min-height: 115px;\r\n            }\r\n            \r\n            .card-title {\r\n                font-size: 1.15rem;\r\n                -webkit-line-clamp: 3;\r\n                min-height: 55px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"luxury-card-container\">\r\n        <div class=\"luxury-card\">\r\n            <div class=\"card-header\">\r\n                <h1 class=\"card-title\">T\u00e9cnico Laboral en Instalaci\u00f3n y Soporte de Redes de Cableado Estructurado<\/h1>\r\n                <p class=\"card-subtitle\">Formaci\u00f3n especializada en infraestructura de redes<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"card-content\">\r\n                <button class=\"toggle-btn\" id=\"toggleBtn\">Ver m\u00e1s informaci\u00f3n<\/button>\r\n                \r\n                <div class=\"accordion-content\" id=\"accordionContent\">\r\n                    <div class=\"info-summary\">\r\n                        <div class=\"info-item\" data-info=\"duracion\">\r\n                            <h3>Duraci\u00f3n<\/h3>\r\n                            <p>2 semestres<\/p>\r\n                        <\/div>\r\n                        <div class=\"info-item\" data-info=\"practica\">\r\n                            <h3>Pr\u00e1ctica<\/h3>\r\n                            <p>50% del programa<\/p>\r\n                        <\/div>\r\n                        <div class=\"info-item\" data-info=\"modalidad\">\r\n                            <h3>Modalidad<\/h3>\r\n                            <p>80% virtual \/ 20% presencial o remoto<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"section\">\r\n                        <h3>Prop\u00f3sito del Programa<\/h3>\r\n                        <p>Formar t\u00e9cnicos que instalen, certifiquen y mantengan redes de cableado estructurado para hogares, pymes y entornos corporativos, listos para voz, datos y video.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"section\">\r\n                        <h3>Detalles del Programa<\/h3>\r\n                        <p><strong>Horarios:<\/strong> Nocturno \/ Fin de semana \/ Mixto \u2013 Online \u2013 Remoto<\/p>\r\n                        <p><strong>Requisitos:<\/strong> Ser bachiller<\/p>\r\n                        <p><strong>Convenios de pr\u00e1ctica:<\/strong> S\u00ed<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"section\">\r\n                        <h3>Competencias Clave<\/h3>\r\n                        <ul>\r\n                            <li>Normas TIA\/EIA para cableado (categor\u00edas, patch panels, racks)<\/li>\r\n                            <li>Tendido, ponchado, canalizaci\u00f3n y etiquetado profesional<\/li>\r\n                            <li>Pruebas y certificaci\u00f3n (herramientas y protocolos)<\/li>\r\n                            <li>Soporte b\u00e1sico de switches, routers y Wi-Fi<\/li>\r\n                            <li>Documentaci\u00f3n t\u00e9cnica y seguridad en obra<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"section\">\r\n                        <h3>Plan de Estudios<\/h3>\r\n                        <p><strong>Semestre 1:<\/strong> Fundamentos de redes y cableado \u00b7 Herramientas y seguridad \u00b7 Tendido\/ponchado \u00b7 Canalizaci\u00f3n y racks \u00b7 Planos y etiquetado<\/p>\r\n                        <p><strong>Semestre 2:<\/strong> Certificaci\u00f3n de enlaces \u00b7 Soporte L1\/L2 \u00b7 Wi-Fi y optimizaci\u00f3n \u00b7 Documentaci\u00f3n \u00b7 Proyecto integrador (instalaci\u00f3n real)<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"section\">\r\n                        <h3>Salidas Ocupacionales<\/h3>\r\n                        <ul>\r\n                            <li>T\u00e9cnico instalador de redes<\/li>\r\n                            <li>Soporte de cableado estructurado<\/li>\r\n                            <li>Auxiliar NOC b\u00e1sico<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"section\">\r\n                        <h3>Emprendimiento<\/h3>\r\n                        <div class=\"highlight\">\r\n                            <p>Servicios de instalaci\u00f3n\/certificaci\u00f3n para residencias y pymes; contratos de mantenimiento y ampliaciones.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"section\" style=\"text-align: center; margin-top: 25px;\">\r\n                        <button class=\"cta-button\">Quiero esta carrera<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Script encapsulado para evitar conflictos\r\n        (function() {\r\n            'use strict';\r\n            \r\n            \/\/ Elementos principales\r\n            const toggleBtn = document.getElementById('toggleBtn');\r\n            const accordionContent = document.getElementById('accordionContent');\r\n            const infoItems = document.querySelectorAll('.info-item');\r\n            const ctaButton = document.querySelector('.cta-button');\r\n            \r\n            \/\/ Funci\u00f3n para alternar el acorde\u00f3n\r\n            function toggleAccordion() {\r\n                const isActive = accordionContent.classList.contains('active');\r\n                \r\n                if (isActive) {\r\n                    accordionContent.classList.remove('active');\r\n                    toggleBtn.textContent = 'Ver m\u00e1s informaci\u00f3n';\r\n                } else {\r\n                    accordionContent.classList.add('active');\r\n                    toggleBtn.textContent = 'Ver menos informaci\u00f3n';\r\n                }\r\n            }\r\n            \r\n            \/\/ Efectos para los elementos de informaci\u00f3n\r\n            infoItems.forEach(item => {\r\n                item.addEventListener('click', function() {\r\n                    \/\/ Efecto visual al hacer clic\r\n                    this.style.transform = 'scale(0.98)';\r\n                    setTimeout(() => {\r\n                        this.style.transform = '';\r\n                    }, 150);\r\n                    \r\n                    const infoType = this.getAttribute('data-info');\r\n                    console.log(`Informaci\u00f3n sobre: ${infoType}`);\r\n                });\r\n            });\r\n            \r\n            \/\/ Acci\u00f3n para el bot\u00f3n CTA\r\n            ctaButton.addEventListener('click', function() {\r\n                alert('\u00a1Excelente elecci\u00f3n! Te contactaremos para brindarte m\u00e1s informaci\u00f3n sobre el programa de Cableado Estructurado.');\r\n                \/\/ Aqu\u00ed podr\u00edas redirigir a un formulario de contacto\r\n            });\r\n            \r\n            \/\/ Asignar evento al bot\u00f3n\r\n            toggleBtn.addEventListener('click', toggleAccordion);\r\n            \r\n            \/\/ Inicializaci\u00f3n\r\n            console.log('Tarjeta de lujo inicializada correctamente');\r\n        })();\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<div class=\"has_eae_slider elementor-element elementor-element-30b0ca1 e-con-full e-flex wcf-starter-animations-none e-con e-child\" data-eae-slider=\"47230\" data-id=\"30b0ca1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a285510 elementor-widget elementor-widget-html\" data-id=\"a285510\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!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>Tarjeta de Programa T\u00e9cnico<\/title>\r\n    <style>\r\n        \/* Estilos encapsulados para evitar conflictos *\/\r\n        .luxury-card-container {\r\n            --primary-color: #01578C;\r\n            --secondary-color: #01578C;\r\n            --accent-color: #b21f1f;\r\n            --highlight-color: #fdbb2d;\r\n            --text-color: #333;\r\n            --light-bg: #f8f9fa;\r\n            --card-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);\r\n            --card-radius: 20px;\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        }\r\n        \r\n        .luxury-card {\r\n            width: 100%;\r\n            max-width: 800px;\r\n            background: rgba(255, 255, 255, 0.95);\r\n            border-radius: var(--card-radius);\r\n            overflow: hidden;\r\n            box-shadow: var(--card-shadow);\r\n            transition: all 0.3s ease;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .luxury-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\r\n        }\r\n        \r\n        .card-header {\r\n            background: var(--primary-color);\r\n            color: white;\r\n            padding: 30px 20px;\r\n            text-align: center;\r\n            position: relative;\r\n            min-height: 140px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .card-header::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 5px;\r\n            background: var(--highlight-color);\r\n        }\r\n        \r\n        .card-title {\r\n            font-size: 1.65rem;\r\n            font-weight: 700;\r\n            margin: 0 auto 8px;\r\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);\r\n            line-height: 1.35;\r\n            max-width: 90%;\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 3;\r\n            -webkit-box-orient: vertical;\r\n            overflow: hidden;\r\n            color: white;\r\n            min-height: 72px;\r\n        }\r\n        \r\n        .card-subtitle {\r\n            font-size: 1rem;\r\n            font-weight: 300;\r\n            opacity: 0.9;\r\n            color: white;\r\n            margin-top: 5px;\r\n        }\r\n        \r\n        .card-content {\r\n            padding: 25px;\r\n        }\r\n        \r\n        .toggle-btn {\r\n            display: block;\r\n            width: 100%;\r\n            padding: 14px 20px;\r\n            background: var(--primary-color);\r\n            color: white;\r\n            border: none;\r\n            border-radius: 10px;\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\r\n            margin-top: 10px;\r\n        }\r\n        \r\n        .toggle-btn:hover {\r\n            background: #014a75;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 7px 20px rgba(0, 0, 0, 0.3);\r\n        }\r\n        \r\n        .toggle-btn:active {\r\n            transform: translateY(1px);\r\n        }\r\n        \r\n        .accordion-content {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.5s ease, padding 0.3s ease;\r\n            background: var(--light-bg);\r\n            border-radius: 10px;\r\n            margin-top: 20px;\r\n        }\r\n        \r\n        .accordion-content.active {\r\n            max-height: 2000px;\r\n            padding: 20px;\r\n        }\r\n        \r\n        .info-summary {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            flex-wrap: wrap;\r\n            margin-bottom: 20px;\r\n            padding-bottom: 15px;\r\n            border-bottom: 1px solid #eaeaea;\r\n        }\r\n        \r\n        .info-item {\r\n            flex: 1;\r\n            min-width: 180px;\r\n            margin: 8px;\r\n            text-align: center;\r\n            padding: 12px;\r\n            background: white;\r\n            border-radius: 8px;\r\n            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            border: 2px solid transparent;\r\n        }\r\n        \r\n        .info-item:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);\r\n            border-color: var(--primary-color);\r\n        }\r\n        \r\n        .info-item h3 {\r\n            color: var(--primary-color);\r\n            margin-bottom: 6px;\r\n            font-size: 1rem;\r\n        }\r\n        \r\n        .info-item p {\r\n            color: var(--text-color);\r\n            font-weight: 500;\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .section {\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .section h3 {\r\n            color: var(--primary-color);\r\n            margin-bottom: 12px;\r\n            padding-bottom: 6px;\r\n            border-bottom: 2px solid var(--highlight-color);\r\n            font-size: 1.2rem;\r\n        }\r\n        \r\n        .section p, .section ul {\r\n            color: var(--text-color);\r\n            line-height: 1.5;\r\n            font-size: 0.95rem;\r\n        }\r\n        \r\n        .section ul {\r\n            padding-left: 18px;\r\n        }\r\n        \r\n        .section li {\r\n            margin-bottom: 6px;\r\n            position: relative;\r\n            font-size: 0.95rem;\r\n        }\r\n        \r\n        .section li::before {\r\n            content: \"\u2022\";\r\n            color: var(--primary-color);\r\n            font-weight: bold;\r\n            display: inline-block;\r\n            width: 1em;\r\n            margin-left: -1em;\r\n        }\r\n        \r\n        .highlight {\r\n            background: linear-gradient(120deg, rgba(253, 187, 45, 0.2), rgba(178, 31, 31, 0.2));\r\n            padding: 12px;\r\n            border-radius: 6px;\r\n            margin-top: 12px;\r\n            border-left: 4px solid var(--primary-color);\r\n            font-size: 0.95rem;\r\n        }\r\n        \r\n        .cta-button {\r\n            display: inline-block;\r\n            background: var(--accent-color);\r\n            color: white;\r\n            padding: 12px 30px;\r\n            border-radius: 25px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            margin-top: 15px;\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n            cursor: pointer;\r\n            font-size: 1rem;\r\n        }\r\n        \r\n        .cta-button:hover {\r\n            background: #9a1a1a;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 5px 15px rgba(178, 31, 31, 0.3);\r\n        }\r\n        \r\n        \/* Media queries para dispositivos m\u00f3viles *\/\r\n        @media (max-width: 768px) {\r\n            .card-header {\r\n                padding: 25px 15px;\r\n                min-height: 130px;\r\n            }\r\n            \r\n            .card-title {\r\n                font-size: 1.35rem;\r\n                max-width: 95%;\r\n                line-height: 1.3;\r\n                -webkit-line-clamp: 3;\r\n                min-height: 68px;\r\n            }\r\n            \r\n            .card-subtitle {\r\n                font-size: 0.9rem;\r\n            }\r\n            \r\n            .card-content {\r\n                padding: 20px 15px;\r\n            }\r\n            \r\n            .toggle-btn {\r\n                padding: 12px 15px;\r\n                font-size: 0.95rem;\r\n            }\r\n            \r\n            .info-summary {\r\n                flex-direction: column;\r\n                margin-bottom: 15px;\r\n            }\r\n            \r\n            .info-item {\r\n                min-width: 100%;\r\n                margin: 5px 0;\r\n                padding: 10px;\r\n            }\r\n            \r\n            .info-item h3 {\r\n                font-size: 0.95rem;\r\n            }\r\n            \r\n            .info-item p {\r\n                font-size: 0.85rem;\r\n            }\r\n            \r\n            .accordion-content.active {\r\n                padding: 15px;\r\n            }\r\n            \r\n            .section h3 {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .section p, .section ul, .section li, .highlight {\r\n                font-size: 0.9rem;\r\n            }\r\n            \r\n            .cta-button {\r\n                padding: 10px 25px;\r\n                font-size: 0.95rem;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 480px) {\r\n            .card-header {\r\n                padding: 22px 15px;\r\n                min-height: 120px;\r\n            }\r\n            \r\n            .card-title {\r\n                font-size: 1.2rem;\r\n                line-height: 1.25;\r\n                -webkit-line-clamp: 3;\r\n                min-height: 60px;\r\n            }\r\n            \r\n            .card-subtitle {\r\n                font-size: 0.85rem;\r\n            }\r\n            \r\n            .section h3 {\r\n                font-size: 1rem;\r\n            }\r\n            \r\n            .section p, .section ul, .section li, .highlight {\r\n                font-size: 0.85rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 360px) {\r\n            .card-header {\r\n                min-height: 115px;\r\n            }\r\n            \r\n            .card-title {\r\n                font-size: 1.1rem;\r\n                -webkit-line-clamp: 3;\r\n                min-height: 55px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"luxury-card-container\">\r\n        <div class=\"luxury-card\">\r\n            <div class=\"card-header\">\r\n                <h1 class=\"card-title\">T\u00e9cnico Laboral en Operaciones de Apoyo a la Perforaci\u00f3n y Completamiento de Pozos de Petr\u00f3leo y Gas<\/h1>\r\n                <p class=\"card-subtitle\">Formaci\u00f3n especializada en operaciones petroleras<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"card-content\">\r\n                <button class=\"toggle-btn\" id=\"toggleBtn\">Ver m\u00e1s informaci\u00f3n<\/button>\r\n                \r\n                <div class=\"accordion-content\" id=\"accordionContent\">\r\n                    <div class=\"info-summary\">\r\n                        <div class=\"info-item\" data-info=\"duracion\">\r\n                            <h3>Duraci\u00f3n<\/h3>\r\n                            <p>2 semestres<\/p>\r\n                        <\/div>\r\n                        <div class=\"info-item\" data-info=\"practica\">\r\n                            <h3>Pr\u00e1ctica<\/h3>\r\n                            <p>50% del programa<\/p>\r\n                        <\/div>\r\n                        <div class=\"info-item\" data-info=\"modalidad\">\r\n                            <h3>Modalidad<\/h3>\r\n                            <p>80% virtual \/ 20% presencial o remoto<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"section\">\r\n                        <h3>Prop\u00f3sito del Programa<\/h3>\r\n                        <p>Formar t\u00e9cnicos para apoyo operativo en actividades de perforaci\u00f3n y completamiento de pozos, priorizando seguridad industrial, procedimientos y trabajo en equipo.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"section\">\r\n                        <h3>Detalles del Programa<\/h3>\r\n                        <p><strong>Horarios:<\/strong> Nocturno \/ Fin de semana \/ Mixto \u2013 Online \u2013 Remoto<\/p>\r\n                        <p><strong>Requisitos:<\/strong> Ser bachiller<\/p>\r\n                        <p><strong>Convenios de pr\u00e1ctica:<\/strong> S\u00ed<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"section\">\r\n                        <h3>Competencias Clave<\/h3>\r\n                        <ul>\r\n                            <li>Nociones de equipos y sistemas del taladro (rotatoria, circulaci\u00f3n, control)<\/li>\r\n                            <li>Apoyo a operaciones de perforaci\u00f3n, encamisado, cementaci\u00f3n y completamiento<\/li>\r\n                            <li>Protocolos de HSE, permisos de trabajo, manejo de herramientas y materiales<\/li>\r\n                            <li>Lectura de indicadores operativos b\u00e1sicos y reporte al supervisor<\/li>\r\n                            <li>Trabajo en cuadrillas y respuesta ante emergencias<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"section\">\r\n                        <h3>Plan de Estudios<\/h3>\r\n                        <p><strong>Semestre 1:<\/strong> Fundamentos de perforaci\u00f3n \u00b7 Equipos del taladro \u00b7 Fluidos y circulaci\u00f3n \u00b7 Seguridad HSE \u00b7 Roles y reportes b\u00e1sicos<\/p>\r\n                        <p><strong>Semestre 2:<\/strong> Completamiento (tubing, packers, pruebas) \u00b7 Cementaci\u00f3n b\u00e1sica \u00b7 Procedimientos y checklists \u00b7 Simulaciones \u00b7 Proyecto integrador (plan operativo)<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"section\">\r\n                        <h3>Salidas Ocupacionales<\/h3>\r\n                        <ul>\r\n                            <li>Auxiliar de perforaci\u00f3n\/completamiento<\/li>\r\n                            <li>Ayudante de operaciones<\/li>\r\n                            <li>Auxiliar HSE en pozo<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"section\">\r\n                        <h3>Emprendimiento<\/h3>\r\n                        <div class=\"highlight\">\r\n                            <p>Servicios auxiliares a contratistas (log\u00edstica ligera, se\u00f1alizaci\u00f3n, EPP, capacitaci\u00f3n b\u00e1sica HSE para cuadrillas locales).<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"section\" style=\"text-align: center; margin-top: 25px;\">\r\n                        <button class=\"cta-button\">Quiero esta carrera<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Script encapsulado para evitar conflictos\r\n        (function() {\r\n            'use strict';\r\n            \r\n            \/\/ Elementos principales\r\n            const toggleBtn = document.getElementById('toggleBtn');\r\n            const accordionContent = document.getElementById('accordionContent');\r\n            const infoItems = document.querySelectorAll('.info-item');\r\n            const ctaButton = document.querySelector('.cta-button');\r\n            \r\n            \/\/ Funci\u00f3n para alternar el acorde\u00f3n\r\n            function toggleAccordion() {\r\n                const isActive = accordionContent.classList.contains('active');\r\n                \r\n                if (isActive) {\r\n                    accordionContent.classList.remove('active');\r\n                    toggleBtn.textContent = 'Ver m\u00e1s informaci\u00f3n';\r\n                } else {\r\n                    accordionContent.classList.add('active');\r\n                    toggleBtn.textContent = 'Ver menos informaci\u00f3n';\r\n                }\r\n            }\r\n            \r\n            \/\/ Efectos para los elementos de informaci\u00f3n\r\n            infoItems.forEach(item => {\r\n                item.addEventListener('click', function() {\r\n                    \/\/ Efecto visual al hacer clic\r\n                    this.style.transform = 'scale(0.98)';\r\n                    setTimeout(() => {\r\n                        this.style.transform = '';\r\n                    }, 150);\r\n                    \r\n                    const infoType = this.getAttribute('data-info');\r\n                    console.log(`Informaci\u00f3n sobre: ${infoType}`);\r\n                });\r\n            });\r\n            \r\n            \/\/ Acci\u00f3n para el bot\u00f3n CTA\r\n            ctaButton.addEventListener('click', function() {\r\n                alert('\u00a1Excelente elecci\u00f3n! Te contactaremos para brindarte m\u00e1s informaci\u00f3n sobre el programa de Operaciones de Perforaci\u00f3n y Completamiento.');\r\n            });\r\n            \r\n            \/\/ Asignar evento al bot\u00f3n\r\n            toggleBtn.addEventListener('click', toggleAccordion);\r\n            \r\n            \/\/ Inicializaci\u00f3n\r\n            console.log('Tarjeta de lujo inicializada correctamente');\r\n        })();\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<div class=\"has_eae_slider elementor-element elementor-element-e43ca91 e-con-full e-flex wcf-starter-animations-none e-con e-child\" data-eae-slider=\"30618\" data-id=\"e43ca91\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f37667 elementor-widget elementor-widget-html\" data-id=\"4f37667\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!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>Programas en Proceso de Registro<\/title>\r\n    <style>\r\n        \/* Estilos encapsulados para evitar conflictos *\/\r\n        .luxury-card-container {\r\n            --primary-color: #01578C;\r\n            --secondary-color: #01578C;\r\n            --accent-color: #b21f1f;\r\n            --highlight-color: #fdbb2d;\r\n            --text-color: #333;\r\n            --light-bg: #f8f9fa;\r\n            --card-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);\r\n            --card-radius: 20px;\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        }\r\n        \r\n        .luxury-card {\r\n            width: 100%;\r\n            max-width: 800px;\r\n            background: rgba(255, 255, 255, 0.95);\r\n            border-radius: var(--card-radius);\r\n            overflow: hidden;\r\n            box-shadow: var(--card-shadow);\r\n            transition: all 0.3s ease;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .luxury-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\r\n        }\r\n        \r\n        .card-header {\r\n            background: var(--primary-color);\r\n            color: white;\r\n            padding: 45px 25px;\r\n            text-align: center;\r\n            position: relative;\r\n            min-height: 180px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .card-header::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 6px;\r\n            background: var(--highlight-color);\r\n        }\r\n        \r\n        .card-title {\r\n            font-size: 2.1rem;\r\n            font-weight: 700;\r\n            margin: 0 auto 15px;\r\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);\r\n            line-height: 1.35;\r\n            max-width: 85%;\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 3;\r\n            -webkit-box-orient: vertical;\r\n            overflow: hidden;\r\n            color: white;\r\n            min-height: 110px;\r\n            padding: 10px 0;\r\n        }\r\n        \r\n        .card-subtitle {\r\n            font-size: 1.3rem;\r\n            font-weight: 300;\r\n            opacity: 0.9;\r\n            color: white;\r\n            margin-top: 10px;\r\n            padding: 6px 0;\r\n        }\r\n        \r\n        .card-content {\r\n            padding: 30px;\r\n        }\r\n        \r\n        .toggle-btn {\r\n            display: block;\r\n            width: 100%;\r\n            padding: 16px 20px;\r\n            background: var(--primary-color);\r\n            color: white;\r\n            border: none;\r\n            border-radius: 10px;\r\n            font-size: 1.1rem;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\r\n            margin-top: 10px;\r\n        }\r\n        \r\n        .toggle-btn:hover {\r\n            background: #014a75;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 7px 20px rgba(0, 0, 0, 0.3);\r\n        }\r\n        \r\n        .toggle-btn:active {\r\n            transform: translateY(1px);\r\n        }\r\n        \r\n        .accordion-content {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.5s ease, padding 0.3s ease;\r\n            background: var(--light-bg);\r\n            border-radius: 10px;\r\n            margin-top: 20px;\r\n        }\r\n        \r\n        .accordion-content.active {\r\n            max-height: 2000px;\r\n            padding: 25px;\r\n        }\r\n        \r\n        .programs-list {\r\n            background: white;\r\n            border-radius: 8px;\r\n            overflow: hidden;\r\n            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);\r\n        }\r\n        \r\n        .program-item {\r\n            padding: 25px;\r\n            border-bottom: 1px solid #eaeaea;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .program-item:hover {\r\n            background: #f8f9fa;\r\n        }\r\n        \r\n        .program-item:last-child {\r\n            border-bottom: none;\r\n        }\r\n        \r\n        .program-name {\r\n            font-size: 1.4rem;\r\n            font-weight: 600;\r\n            color: var(--primary-color);\r\n            margin-bottom: 8px;\r\n        }\r\n        \r\n        .program-level {\r\n            font-size: 1.2rem;\r\n            color: var(--text-color);\r\n            margin-bottom: 10px;\r\n            font-weight: 500;\r\n        }\r\n        \r\n        .program-status {\r\n            display: inline-block;\r\n            background: #e67e22;\r\n            color: white;\r\n            padding: 8px 20px;\r\n            border-radius: 20px;\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        .info-note {\r\n            text-align: center;\r\n            margin-top: 25px;\r\n            padding: 20px;\r\n            background: linear-gradient(120deg, rgba(253, 187, 45, 0.1), rgba(178, 31, 31, 0.1));\r\n            border-radius: 8px;\r\n            border-left: 4px solid var(--highlight-color);\r\n        }\r\n        \r\n        .info-note p {\r\n            font-size: 1.1rem;\r\n            color: var(--text-color);\r\n            margin: 0;\r\n            font-style: italic;\r\n            line-height: 1.5;\r\n        }\r\n        \r\n        \/* Media queries para dispositivos m\u00f3viles *\/\r\n        @media (max-width: 768px) {\r\n            .card-header {\r\n                padding: 35px 20px;\r\n                min-height: 160px;\r\n            }\r\n            \r\n            .card-title {\r\n                font-size: 1.8rem;\r\n                max-width: 90%;\r\n                line-height: 1.3;\r\n                -webkit-line-clamp: 3;\r\n                min-height: 95px;\r\n                margin-bottom: 12px;\r\n            }\r\n            \r\n            .card-subtitle {\r\n                font-size: 1.15rem;\r\n                margin-top: 8px;\r\n            }\r\n            \r\n            .card-content {\r\n                padding: 25px 20px;\r\n            }\r\n            \r\n            .toggle-btn {\r\n                padding: 14px 15px;\r\n                font-size: 1.05rem;\r\n            }\r\n            \r\n            .accordion-content.active {\r\n                padding: 20px;\r\n            }\r\n            \r\n            .program-item {\r\n                padding: 20px;\r\n            }\r\n            \r\n            .program-name {\r\n                font-size: 1.3rem;\r\n            }\r\n            \r\n            .program-level {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .info-note p {\r\n                font-size: 1rem;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 480px) {\r\n            .card-header {\r\n                padding: 30px 15px;\r\n                min-height: 150px;\r\n            }\r\n            \r\n            .card-title {\r\n                font-size: 1.5rem;\r\n                line-height: 1.25;\r\n                -webkit-line-clamp: 3;\r\n                min-height: 85px;\r\n                max-width: 92%;\r\n            }\r\n            \r\n            .card-subtitle {\r\n                font-size: 1.05rem;\r\n            }\r\n            \r\n            .program-name {\r\n                font-size: 1.2rem;\r\n            }\r\n            \r\n            .program-level {\r\n                font-size: 1rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 360px) {\r\n            .card-header {\r\n                min-height: 140px;\r\n                padding: 25px 15px;\r\n            }\r\n            \r\n            .card-title {\r\n                font-size: 1.4rem;\r\n                -webkit-line-clamp: 3;\r\n                min-height: 80px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"luxury-card-container\">\r\n        <div class=\"luxury-card\">\r\n            <div class=\"card-header\">\r\n                <h1 class=\"card-title\">Programas en proceso de registro<\/h1>\r\n                <p class=\"card-subtitle\">Pr\u00f3ximamente disponibles<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"card-content\">\r\n                <button class=\"toggle-btn\" id=\"toggleBtn\">Ver m\u00e1s informaci\u00f3n<\/button>\r\n                \r\n                <div class=\"accordion-content\" id=\"accordionContent\">\r\n                    <div class=\"programs-list\">\r\n                        <div class=\"program-item\">\r\n                            <div class=\"program-name\">Conocimientos Acad\u00e9micos en Ingl\u00e9s - A1 a C1<\/div>\r\n                            <span class=\"program-status\">En proceso<\/span>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"program-item\">\r\n                            <div class=\"program-name\">T\u00e9cnico Laboral en Auxiliar de Clasificaci\u00f3n de Procesamiento de Datos<\/div>\r\n                            <span class=\"program-status\">En proceso<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"info-note\">\r\n                        <p>Estos programas se encuentran en fase de registro ante las autoridades educativas competentes y estar\u00e1n disponibles pr\u00f3ximamente.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Script encapsulado para evitar conflictos\r\n        (function() {\r\n            'use strict';\r\n            \r\n            \/\/ Elementos principales\r\n            const toggleBtn = document.getElementById('toggleBtn');\r\n            const accordionContent = document.getElementById('accordionContent');\r\n            const programItems = document.querySelectorAll('.program-item');\r\n            \r\n            \/\/ Funci\u00f3n para alternar el acorde\u00f3n\r\n            function toggleAccordion() {\r\n                const isActive = accordionContent.classList.contains('active');\r\n                \r\n                if (isActive) {\r\n                    accordionContent.classList.remove('active');\r\n                    toggleBtn.textContent = 'Ver m\u00e1s informaci\u00f3n';\r\n                } else {\r\n                    accordionContent.classList.add('active');\r\n                    toggleBtn.textContent = 'Ver menos informaci\u00f3n';\r\n                }\r\n            }\r\n            \r\n            \/\/ Efectos para los elementos del programa\r\n            programItems.forEach(item => {\r\n                item.addEventListener('click', function() {\r\n                    \/\/ Efecto visual al hacer clic\r\n                    this.style.transform = 'scale(0.98)';\r\n                    setTimeout(() => {\r\n                        this.style.transform = '';\r\n                    }, 150);\r\n                });\r\n            });\r\n            \r\n            \/\/ Asignar evento al bot\u00f3n\r\n            toggleBtn.addEventListener('click', toggleAccordion);\r\n            \r\n            \/\/ Inicializaci\u00f3n\r\n            console.log('Tarjeta de programas en proceso inicializada correctamente');\r\n        })();\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<div class=\"has_eae_slider elementor-element elementor-element-0ea054a e-flex e-con-boxed wcf-starter-animations-none e-con e-parent\" data-eae-slider=\"30132\" data-id=\"0ea054a\" data-element_type=\"container\" data-e-type=\"container\" id=\"faq\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-2746515 e-con-full e-flex wcf-starter-animations-none e-con e-child\" data-eae-slider=\"71460\" data-id=\"2746515\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-dd59d5e e-con-full e-flex wcf-starter-animations-none e-con e-child\" data-eae-slider=\"71474\" data-id=\"dd59d5e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-52a55d5 e-con-full e-flex wcf-starter-animations-none e-con e-child\" data-eae-slider=\"69293\" data-id=\"52a55d5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b774507 wcf-starter-animations-none elementor-widget elementor-widget-heading\" data-id=\"b774507\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wcf_starter_animations&quot;:&quot;none&quot;,&quot;wcf_anim_duration&quot;:1000,&quot;wcf_anim_delay&quot;:0,&quot;wcf_anim_ease&quot;:&quot;ease&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">FAQ<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f01775 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"4f01775\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b218d41 elementor-widget elementor-widget-html\" data-id=\"b218d41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!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>Preguntas Frecuentes<\/title>\r\n    <style>\r\n        \/* Estilos encapsulados para evitar conflictos *\/\r\n        .faq-container {\r\n            --primary-color: #01578C;\r\n            --secondary-color: #01578C;\r\n            --accent-color: #b21f1f;\r\n            --highlight-color: #fdbb2d;\r\n            --text-color: #333;\r\n            --light-bg: #f8f9fa;\r\n            --card-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);\r\n            --card-radius: 20px;\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .faq-card {\r\n            background: rgba(255, 255, 255, 0.95);\r\n            border-radius: var(--card-radius);\r\n            overflow: hidden;\r\n            box-shadow: var(--card-shadow);\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .faq-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\r\n        }\r\n        \r\n        .faq-header {\r\n            background: var(--primary-color);\r\n            color: white;\r\n            padding: 40px 30px;\r\n            text-align: center;\r\n            position: relative;\r\n        }\r\n        \r\n        .faq-header::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 6px;\r\n            background: var(--highlight-color);\r\n        }\r\n        \r\n        .faq-title {\r\n            font-size: 2.5rem;\r\n            font-weight: 700;\r\n            margin: 0;\r\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);\r\n            color: white;\r\n        }\r\n        \r\n        .faq-content {\r\n            padding: 30px;\r\n        }\r\n        \r\n        .faq-item {\r\n            margin-bottom: 15px;\r\n            border-radius: 10px;\r\n            overflow: hidden;\r\n            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);\r\n            background: white;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .faq-item:hover {\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);\r\n        }\r\n        \r\n        .faq-question {\r\n            padding: 20px 25px;\r\n            background: var(--light-bg);\r\n            border: none;\r\n            width: 100%;\r\n            text-align: left;\r\n            font-size: 1.2rem;\r\n            font-weight: 600;\r\n            color: var(--primary-color);\r\n            cursor: pointer;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .faq-question:hover {\r\n            background: #e9ecef;\r\n        }\r\n        \r\n        .faq-question::after {\r\n            content: '+';\r\n            font-size: 1.5rem;\r\n            font-weight: 300;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .faq-question.active::after {\r\n            content: '-';\r\n            font-weight: 600;\r\n        }\r\n        \r\n        .faq-answer {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            padding: 0 25px;\r\n            background: white;\r\n            transition: all 0.5s ease;\r\n            line-height: 1.6;\r\n        }\r\n        \r\n        .faq-answer.active {\r\n            max-height: 500px;\r\n            padding: 20px 25px 25px;\r\n        }\r\n        \r\n        .faq-answer p {\r\n            margin-bottom: 15px;\r\n            font-size: 1.05rem;\r\n            color: var(--text-color);\r\n        }\r\n        \r\n        .faq-answer p:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n        \r\n        .highlight {\r\n            background: linear-gradient(120deg, rgba(253, 187, 45, 0.1), rgba(178, 31, 31, 0.1));\r\n            padding: 15px;\r\n            border-radius: 8px;\r\n            margin: 15px 0;\r\n            border-left: 4px solid var(--primary-color);\r\n        }\r\n        \r\n        .info-box {\r\n            background: var(--light-bg);\r\n            padding: 20px;\r\n            border-radius: 8px;\r\n            margin-top: 25px;\r\n            text-align: center;\r\n        }\r\n        \r\n        .info-box p {\r\n            margin: 0;\r\n            font-size: 1.1rem;\r\n            color: var(--text-color);\r\n            font-style: italic;\r\n        }\r\n        \r\n        \/* Media queries para dispositivos m\u00f3viles *\/\r\n        @media (max-width: 768px) {\r\n            .faq-header {\r\n                padding: 30px 20px;\r\n            }\r\n            \r\n            .faq-title {\r\n                font-size: 2rem;\r\n            }\r\n            \r\n            .faq-content {\r\n                padding: 25px 20px;\r\n            }\r\n            \r\n            .faq-question {\r\n                padding: 18px 20px;\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .faq-answer.active {\r\n                padding: 18px 20px 20px;\r\n            }\r\n            \r\n            .faq-answer p {\r\n                font-size: 1rem;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 480px) {\r\n            .faq-header {\r\n                padding: 25px 15px;\r\n            }\r\n            \r\n            .faq-title {\r\n                font-size: 1.8rem;\r\n            }\r\n            \r\n            .faq-content {\r\n                padding: 20px 15px;\r\n            }\r\n            \r\n            .faq-question {\r\n                padding: 16px 18px;\r\n                font-size: 1rem;\r\n            }\r\n            \r\n            .faq-answer.active {\r\n                padding: 16px 18px 18px;\r\n            }\r\n            \r\n            .faq-answer p {\r\n                font-size: 0.95rem;\r\n            }\r\n            \r\n            .info-box {\r\n                padding: 15px;\r\n            }\r\n            \r\n            .info-box p {\r\n                font-size: 1rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"faq-container\">\r\n        <div class=\"faq-card\">\r\n            <div class=\"faq-header\">\r\n                <h1 class=\"faq-title\">Preguntas Frecuentes<\/h1>\r\n            <\/div>\r\n            \r\n            <div class=\"faq-content\">\r\n                <div class=\"faq-item\">\r\n                    <button class=\"faq-question\">\r\n                        \u00bfQu\u00e9 significa 80% virtual \/ 20% presencial o remoto?\r\n                    <\/button>\r\n                    <div class=\"faq-answer\">\r\n                        <p>Nuestros programas t\u00e9cnicos laborales est\u00e1n dise\u00f1ados con una modalidad <strong>h\u00edbrida flexible<\/strong> que combina:<\/p>\r\n                        <p><strong>80% Virtual:<\/strong> Accedes a plataformas digitales con contenidos interactivos, videoclases, foros y actividades asincr\u00f3nicas que puedes realizar seg\u00fan tu disponibilidad.<\/p>\r\n                        <p><strong>20% Presencial o Remoto:<\/strong> Sesiones pr\u00e1cticas que puedes tomar:<\/p>\r\n                        <ul style=\"padding-left: 20px; margin: 10px 0;\">\r\n                            <li><strong>Presencial:<\/strong> En nuestros laboratorios y talleres equipados<\/li>\r\n                            <li><strong>Remoto:<\/strong> Mediante simuladores y herramientas virtuales especializadas<\/li>\r\n                        <\/ul>\r\n                        <div class=\"highlight\">\r\n                            <p>Esta modalidad te permite estudiar desde cualquier lugar manteniendo la calidad de la formaci\u00f3n pr\u00e1ctica esencial para tu desarrollo profesional.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"faq-item\">\r\n                    <button class=\"faq-question\">\r\n                        \u00bfC\u00f3mo funcionan los horarios nocturno y fin de semana?\r\n                    <\/button>\r\n                    <div class=\"faq-answer\">\r\n                        <p>Entendemos que muchos estudiantes trabajan, por eso ofrecemos <strong>flexibilidad horaria completa<\/strong>:<\/p>\r\n                        <p><strong>Nocturno:<\/strong><\/p>\r\n                        <ul style=\"padding-left: 20px; margin: 10px 0;\">\r\n                            <li>Sesiones de 6:00 PM a 10:00 PM<\/li>\r\n                            <li>De lunes a viernes<\/li>\r\n                            <li>Ideal para quienes trabajan en horario diurno<\/li>\r\n                        <\/ul>\r\n                        <p><strong>Fin de Semana:<\/strong><\/p>\r\n                        <ul style=\"padding-left: 20px; margin: 10px 0;\">\r\n                            <li>S\u00e1bados de 8:00 AM a 6:00 PM<\/li>\r\n                            <li>Domingos de 8:00 AM a 1:00 PM (cuando aplica)<\/li>\r\n                            <li>Perfecto para compromisos laborales de semana completa<\/li>\r\n                        <\/ul>\r\n                        <p><strong>Mixto:<\/strong> Combinaci\u00f3n seg\u00fan tu disponibilidad, con opciones online y remoto.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"faq-item\">\r\n                    <button class=\"faq-question\">\r\n                        \u00bfEl 50% pr\u00e1ctico es real?\r\n                    <\/button>\r\n                    <div class=\"faq-answer\">\r\n                        <p><strong>S\u00ed, es completamente real y verificable.<\/strong> Nuestro modelo educativo se basa en el aprendizaje experiencial:<\/p>\r\n                        <p><strong>Componente Pr\u00e1ctico (50%):<\/strong><\/p>\r\n                        <ul style=\"padding-left: 20px; margin: 10px 0;\">\r\n                            <li>Talleres en laboratorios especializados<\/li>\r\n                            <li>Pr\u00e1cticas con equipos reales de la industria<\/li>\r\n                            <li>Simulaciones de situaciones laborales<\/li>\r\n                            <li>Proyectos integradores aplicados<\/li>\r\n                            <li>Convenios con empresas para pr\u00e1cticas profesionales<\/li>\r\n                        <\/ul>\r\n                        <div class=\"highlight\">\r\n                            <p>Al culminar, contar\u00e1s con un portafolio de evidencias y experiencia real que te prepara para el mercado laboral inmediato.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"faq-item\">\r\n                    <button class=\"faq-question\">\r\n                        \u00bfPuedo estudiar y trabajar a la vez?\r\n                    <\/button>\r\n                    <div class=\"faq-answer\">\r\n                        <p><strong>\u00a1Absolutamente! Nuestros programas est\u00e1n dise\u00f1ados espec\u00edficamente para personas que trabajan.<\/strong><\/p>\r\n                        <p>Ventajas de nuestro sistema:<\/p>\r\n                        <ul style=\"padding-left: 20px; margin: 10px 0;\">\r\n                            <li><strong>Flexibilidad total:<\/strong> Acceso 24\/7 a plataformas virtuales<\/li>\r\n                            <li><strong>Horarios extendidos:<\/strong> Nocturnos y fines de semana<\/li>\r\n                            <li><strong>Modalidad h\u00edbrida:<\/strong> Reduce desplazamientos<\/li>\r\n                            <li><strong>Acompa\u00f1amiento permanente:<\/strong> Tutores disponibles en diversos horarios<\/li>\r\n                            <li><strong>Contenidos modulares:<\/strong> Avanzas a tu propio ritmo<\/li>\r\n                        <\/ul>\r\n                        <p>M\u00e1s del <strong>70% de nuestros estudiantes<\/strong> trabajan mientras estudian y logran culminar exitosamente sus programas.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"faq-item\">\r\n                    <button class=\"faq-question\">\r\n                        \u00bfQu\u00e9 t\u00edtulos obtengo?\r\n                    <\/button>\r\n                    <div class=\"faq-answer\">\r\n                        <p>Al culminar satisfactoriamente cualquier programa t\u00e9cnico laboral, obtienes:<\/p>\r\n                        <p><strong>T\u00edtulo Principal:<\/strong><\/p>\r\n                        <ul style=\"padding-left: 20px; margin: 10px 0;\">\r\n                            <li>\"T\u00e9cnico Laboral por Competencias en [nombre del programa]\"<\/li>\r\n                            <li>V\u00e1lido ante el sistema educativo colombiano<\/li>\r\n                            <li>Con registro en el libro de actas de la instituci\u00f3n<\/li>\r\n                        <\/ul>\r\n                        <p><strong>Certificaciones Adicionales (seg\u00fan programa):<\/strong><\/p>\r\n                        <ul style=\"padding-left: 20px; margin: 10px 0;\">\r\n                            <li>Certificados de competencias espec\u00edficas<\/li>\r\n                            <li>Diplomas de cursos complementarios<\/li>\r\n                            <li>Constancias de pr\u00e1cticas profesionales<\/li>\r\n                            <li>Portafolio de evidencias de proyectos realizados<\/li>\r\n                        <\/ul>\r\n                        <div class=\"highlight\">\r\n                            <p>Todos nuestros t\u00edtulos tienen validez para continuar estudios superiores y son reconocidos por el sector productivo nacional.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"info-box\">\r\n                    <p>\u00bfTienes m\u00e1s preguntas? Cont\u00e1ctanos y con gusto resolveremos todas tus inquietudes.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Script encapsulado para evitar conflictos\r\n        (function() {\r\n            'use strict';\r\n            \r\n            \/\/ Funci\u00f3n para alternar las preguntas FAQ\r\n            function initFAQ() {\r\n                const faqQuestions = document.querySelectorAll('.faq-question');\r\n                \r\n                faqQuestions.forEach(question => {\r\n                    question.addEventListener('click', function() {\r\n                        const answer = this.nextElementSibling;\r\n                        const isActive = this.classList.contains('active');\r\n                        \r\n                        \/\/ Cerrar todas las respuestas\r\n                        faqQuestions.forEach(q => {\r\n                            q.classList.remove('active');\r\n                            q.nextElementSibling.classList.remove('active');\r\n                        });\r\n                        \r\n                        \/\/ Abrir la respuesta actual si no estaba activa\r\n                        if (!isActive) {\r\n                            this.classList.add('active');\r\n                            answer.classList.add('active');\r\n                        }\r\n                    });\r\n                });\r\n            }\r\n            \r\n            \/\/ Inicializar FAQ cuando el DOM est\u00e9 listo\r\n            if (document.readyState === 'loading') {\r\n                document.addEventListener('DOMContentLoaded', initFAQ);\r\n            } else {\r\n                initFAQ();\r\n            }\r\n            \r\n            console.log('Acorde\u00f3n FAQ inicializado correctamente');\r\n        })();\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-47b6ed7 e-flex e-con-boxed wcf-starter-animations-none e-con e-parent\" data-eae-slider=\"74285\" data-id=\"47b6ed7\" data-element_type=\"container\" data-e-type=\"container\" id=\"contact\" data-settings=\"{&quot;shape_divider_top&quot;:&quot;tilt&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M0,6V0h1000v100L0,6z\"\/>\n<\/svg>\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-51e23a6 e-con-full e-flex wcf-starter-animations-none e-con e-child\" data-eae-slider=\"51569\" data-id=\"51e23a6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd23baa elementor-widget elementor-widget-google_maps\" data-id=\"cd23baa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"google_maps.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=117%20Crown%20Street%2C%20London%2C%20SW11%209JP%2C%20UK&#038;t=m&#038;z=16&#038;output=embed&#038;iwloc=near\"\n\t\t\t\t\ttitle=\"117 Crown Street, London, SW11 9JP, UK\"\n\t\t\t\t\taria-label=\"117 Crown Street, London, SW11 9JP, UK\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Formaci\u00f3n real para trabajo real T\u00e9cnicos laborales y biling\u00fcismo con metodolog\u00eda 80% virtual \/ 20% presencial o remoto Aprende con tutores expertos, pr\u00e1ctica intensiva (50%) y convenios de pr\u00e1ctica. Estudia de noche, fines de semana o en modalidad mixta\/online. Informaci\u00f3n Transformamos tu futuro profesional Muchos programas de formaci\u00f3n no se conectan con las necesidades reales [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"disabled","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-384","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.startup.edu.co\/index.php?rest_route=\/wp\/v2\/pages\/384","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.startup.edu.co\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.startup.edu.co\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.startup.edu.co\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.startup.edu.co\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=384"}],"version-history":[{"count":42,"href":"https:\/\/www.startup.edu.co\/index.php?rest_route=\/wp\/v2\/pages\/384\/revisions"}],"predecessor-version":[{"id":1320,"href":"https:\/\/www.startup.edu.co\/index.php?rest_route=\/wp\/v2\/pages\/384\/revisions\/1320"}],"wp:attachment":[{"href":"https:\/\/www.startup.edu.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}