{"id":159,"date":"2024-12-17T19:58:39","date_gmt":"2024-12-17T19:58:39","guid":{"rendered":"https:\/\/sairv.com.mx\/?page_id=159"},"modified":"2025-04-25T22:09:50","modified_gmt":"2025-04-25T22:09:50","slug":"lenguas-extranjeras","status":"publish","type":"page","link":"https:\/\/sairv.com.mx\/index.php\/lenguas-extranjeras\/","title":{"rendered":"Lenguas Extranjeras"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Descripci\u00f3n<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u00bfTe apasionan los idiomas, las culturas y la comunicaci\u00f3n global? La Licenciatura en Lenguas Extranjeras de SAIRV te ofrece una formaci\u00f3n integral y de vanguardia que va m\u00e1s all\u00e1 del dominio de idiomas. Aqu\u00ed, te preparamos para convertirte en un profesional altamente competente con habilidades ling\u00fc\u00edsticas avanzadas, pensamiento cr\u00edtico y competencias interculturales.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nuestro programa est\u00e1 dise\u00f1ado para que adquieras no solo fluidez en diversas lenguas extranjeras, sino tambi\u00e9n la capacidad de comprender y conectar culturas, facilitando el di\u00e1logo y la colaboraci\u00f3n en un mundo globalizado.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em><strong>\u00bfQu\u00e9 aprender\u00e1s?<\/strong><\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A lo largo de tu formaci\u00f3n, desarrollar\u00e1s un conjunto de competencias clave que te permitir\u00e1n sobresalir en diversos \u00e1mbitos profesionales:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Competencias ling\u00fc\u00edsticas avanzadas:<\/strong> dominio de al menos dos lenguas extranjeras con fluidez y precisi\u00f3n.<\/li>\n\n\n\n<li><strong>Conocimiento cultural e intercultural:<\/strong> comprensi\u00f3n profunda de las culturas, tradiciones y valores, permitiendo actuar como un puente entre sociedades.<\/li>\n\n\n\n<li><strong>Teor\u00edas y metodolog\u00edas ling\u00fc\u00edsticas:<\/strong> fundamentos para el an\u00e1lisis de lenguas y su aplicaci\u00f3n en la ense\u00f1anza y traducci\u00f3n.<\/li>\n\n\n\n<li><strong>T\u00e9cnicas de ense\u00f1anza y traducci\u00f3n:<\/strong> estrategias did\u00e1cticas y herramientas profesionales para educar y traducir con eficacia.<\/li>\n\n\n\n<li><strong>Tecnolog\u00edas aplicadas al aprendizaje y ense\u00f1anza:<\/strong> uso de plataformas y recursos digitales innovadores para optimizar la ense\u00f1anza de idiomas.<\/li>\n\n\n\n<li><strong>Habilidades de investigaci\u00f3n:<\/strong> capacidad para analizar, investigar y proponer soluciones creativas en el campo de las lenguas y la comunicaci\u00f3n.<\/li>\n\n\n\n<li><strong>Desarrollo profesional:<\/strong> formaci\u00f3n en competencias laborales, liderazgo y \u00e9tica profesional para enfrentar desaf\u00edos globales con \u00e9xito.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">En SAIRV, te formamos para liderar en un mundo sin fronteras, contribuyendo con soluciones creativas y efectivas a los desaf\u00edos de la ense\u00f1anza de idiomas, la traducci\u00f3n profesional y la comunicaci\u00f3n intercultural.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00a1Prep\u00e1rate para romper barreras y llevar tu talento al siguiente nivel en un entorno de aprendizaje flexible, din\u00e1mico y conectado con las necesidades del mundo actual!<\/p>\n\n\n\n<div class=\"custom-separator\">\n    <div class=\"fancy-line left\"><\/div>\n    <div class=\"logo-container\">\n        <img decoding=\"async\" src=\"https:\/\/sairv.com.mx\/wp-content\/uploads\/2024\/11\/LOGO-SAIRV2.png\" alt=\"Logo SAIRV\">\n    <\/div>\n    <div class=\"fancy-line right\"><\/div>\n<\/div>\n\n<style>\n\/* Contenedor principal del separador *\/\n.custom-separator {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 50%; \/* Ocupa todo el ancho *\/\n    max-width: 900px; \/* M\u00e1ximo ancho *\/\n    margin: 20px auto; \/* Centrado *\/\n    position: relative;\n}\n\n\/* L\u00edneas estilizadas *\/\n.fancy-line {\n    height: 3px;\n    position: relative;\n    flex: 1;\n    margin: 0 10px;\n    background: linear-gradient(to right, transparent, #808186, black, transparent);\n}\n\n\/* Segmentos cortos amarillos *\/\n.fancy-line.left::before,\n.fancy-line.right::after {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    height: 3px;\n    background-color: #f1e899;\n    width: 50px; \/* Longitud *\/\n}\n\n.fancy-line.left::before {\ntop:-5px;    \nleft: 0;\n}\n\n.fancy-line.right::after {\ntop:-5px;    \nright: 0;\n}\n\n\/* Logo centrado *\/\n.logo-container img {\n    height: 70px; \/* Ajustar tama\u00f1o del logo *\/\n    width: auto;\n    display: block;\n    position: relative;\n    z-index: 2; \/* Asegura que quede encima *\/\n}\n\n\/* RESPONSIVO *\/\n@media (max-width: 768px) {\n    .custom-separator {\n        width: 90%; \/* M\u00e1s compacto en m\u00f3viles *\/\n    }\n\n    .fancy-line {\n        margin: 0 5px; \/* Reducir el espacio *\/\n    }\n\n    .fancy-line.left::before,\n    .fancy-line.right::after {\n        width: 30px; \/* Longitud m\u00e1s corta *\/\n    }\n\n    .logo-container img {\n        height: 50px; \/* Reducci\u00f3n del tama\u00f1o del logo *\/\n    }\n}\n<\/style>\n\n\n\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Objetivos Responsivos<\/title>\n    <!-- Font Awesome -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n    <style>\n        \/* Estilos Generales *\/\n        body {\n            font-family: 'Arial', sans-serif;\n            margin: 0;\n            padding: 0;\n            background-color: #f4f4f9;\n            color: #333;\n        }\n\n        .accordion-container {\n            max-width: 1200px; \/* Ancho m\u00e1ximo respetado *\/\n            margin: 20px auto;\n            background-color: #fff;\n            border-radius: 10px;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n            overflow: hidden;\n        }\n\n        \/* Bot\u00f3n Desplegable *\/\n        .accordion-toggle {\n            width: 100%;\n            text-align: left;\n            background: linear-gradient(to right, #21558f, #2f4b70);\n            color: white;\n            font-size: 1.2rem;\n            font-weight:400;\n            padding: 15px 20px;\n            border: none;\n            outline: none;\n            cursor: pointer;\n            transition: background 0.3s ease;\n        }\n\n        .accordion-toggle:hover {\n            background: linear-gradient(to right, #2f4b70, #21558f);\n        }\n\n        \/* Contenido Desplegable *\/\n        .accordion-content {\n            display: none;\n            padding: 20px;\n            background-color: #f9f9f9;\n        }\n\n        \/* Lista de Objetivos *\/\n        .custom-list {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n\n        .custom-list li {\n            display: flex;\n            align-items: center;\n            margin-bottom: 15px;\n            transition: transform 0.3s ease;\n        }\n\n        .custom-list li:hover {\n            transform: translateX(10px);\n        }\n\n        .custom-list i {\n            font-size: 1.6rem;\n            color: #21558f;\n            margin-right: 15px;\n            transition: transform 0.3s ease, color 0.3s ease;\n        }\n\n        .custom-list li:hover i {\n            transform: scale(1.3) rotate(10deg);\n            color: #2f4b70;\n        }\n\n        .custom-list span {\n            font-size: 1rem;\n            color: #333;\n        }\n\n        \/* Responsividad para Objetivos *\/\n@media (max-width: 768px) {\n    .accordion-toggle {\n        font-size: 1.1rem;\n        padding: 15px 20px;\n        font-weight:400;\n    }\n\n    .accordion-content {\n        padding: 15px;\n    }\n\n    .custom-list li {\n        flex-direction: column; \/* Los \u00edconos y texto se apilan *\/\n        align-items: flex-start;\n    }\n\n    .custom-list i {\n        margin-bottom: 10px;\n    }\n\n    .custom-list span {\n        font-size: 0.9rem;\n    }\n}\n\n@media (max-width: 480px) {\n    .accordion-toggle {\n        font-size: 1.1rem;\n        padding: 15px 20px;\n        font-weight:400;}\n\n    .accordion-content {\n        padding: 15px;\n    }\n\n    .custom-list li {\n        flex-direction: column; \/* Los \u00edconos y texto se apilan *\/\n        align-items: flex-start;\n    }\n\n    .custom-list i {\n        margin-bottom: 10px;\n    }\n\n    .custom-list span {\n        font-size: 0.9rem;\n    }\n}\n\n\n    <\/style>\n<\/head>\n<body>\n    <div class=\"accordion-container\">\n        <!-- Bot\u00f3n Desplegable -->\n        <button class=\"accordion-toggle\">Objetivos<\/button>\n        \n        <!-- Contenido Desplegable -->\n        <div class=\"accordion-content\">\n            <ul class=\"custom-list\">\n                <li>\n                    <i class=\"fa-solid fa-globe\"><\/i>\n                    <span>Desarrollar en los estudiantes un dominio avanzado de al menos dos lenguas extranjeras y competencias interculturales s\u00f3lidas.<\/span>\n                <\/li>\n                <li>\n                    <i class=\"fa-solid fa-book-open\"><\/i>\n                    <span>Formar profesionales vers\u00e1tiles con conocimientos y habilidades en ling\u00fc\u00edstica aplicada, metodolog\u00edas de ense\u00f1anza, traducci\u00f3n e interpretaci\u00f3n.<\/span>\n                <\/li>\n                <li>\n                    <i class=\"fa-solid fa-laptop-code\"><\/i>\n                    <span>Fomentar el uso avanzado de tecnolog\u00edas de la informaci\u00f3n y comunicaci\u00f3n aplicadas a las lenguas, as\u00ed como habilidades de investigaci\u00f3n y emprendimiento.<\/span>\n                <\/li>\n                <li>\n                    <i class=\"fa-solid fa-handshake\"><\/i>\n                    <span>Promover valores de integridad, respeto y compromiso social, formando profesionistas que act\u00faen con \u00e9tica y responsabilidad en su pr\u00e1ctica profesional.<\/span>\n                <\/li>\n            <\/ul>\n        <\/div>\n    <\/div>\n\n    <!-- Script para el bot\u00f3n desplegable -->\n    <script>\n        document.addEventListener('DOMContentLoaded', function () {\n            const toggleButton = document.querySelector('.accordion-toggle');\n            const content = document.querySelector('.accordion-content');\n\n            toggleButton.addEventListener('click', function () {\n                content.style.display = content.style.display === 'block' ? 'none' : 'block';\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Perfil de Ingreso<\/title>\n    <!-- Font Awesome -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n    <style>\n        \/* Estilos Generales *\/\n        body {\n            font-family: 'Arial', sans-serif;\n            margin: 0;\n            padding: 0;\n            background-color: #f4f4f9;\n            color: #333;\n        }\n\n        .accordion-item_LLE {\n            max-width: 1200px;\n            margin: 20px auto;\n            background-color: #fff;\n            border-radius: 10px;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n            overflow: hidden;\n        }\n\n        .accordion-toggle_LLE {\n            width: 100%;\n            text-align: left;\n            background: linear-gradient(to right, #21558f, #2f4b70);\n            color: white;\n            padding: 15px 20px;\n            font-size: 1.2rem;\n            font-weight: 400;\n            border: none;\n            outline: none;\n            cursor: pointer;\n            transition: background 0.3s ease;\n        }\n\n        .accordion-toggle_LLE:hover {\n            background: linear-gradient(to right, #2f4b70, #21558f);\n        }\n\n        .accordion-content_LLE {\n            display: none;\n            padding: 20px;\n            background-color: #f9f9f9;\n        }\n\n        .accordion-content_LLE.active {\n            display: block;\n        }\n\n        \/* T\u00edtulos Personalizados *\/\n        accordion-content_LLE .h2_LLE {\n            color: #21558f;\n            text-align: center !important;\n            font-size: 1.5rem; \/* Tama\u00f1o por defecto *\/\n            margin-bottom: 1rem;\n            line-height: 1.4;\n        }\n\n        accordion-content_LLE .h3_LLE {\n            color: #2f4b70;\n            font-size: 1.2rem;\n            margin-bottom: 0.8rem;\n            line-height: 1.3;\n            text-align: center;\n        }\n\n        accordion-content_LLE .h4_LLE {\n            color: #333;\n            font-size: 1rem;\n            margin-bottom: 0.6rem;\n            line-height: 1.2;\n        }\n\n        \/* Dise\u00f1o de Tarjetas *\/\n        .grid_LLE {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 20px;\n            text-align: center;\n        }\n\n        .card_LLE {\n            background: #ffffff;\n            border: 2px solid #e8f1ff;\n            padding: 20px;\n            border-radius: 10px;\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n\n        .card_LLE:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n        }\n\n        .card_LLE i {\n            font-size: 2rem;\n            color: #21558f;\n            margin-bottom: 10px;\n            transition: transform 0.3s ease, color 0.3s ease;\n        }\n\n        .card_LLE:hover i {\n            color: #2f4b70;\n            transform: scale(1.2) rotate(10deg);\n        }\n\n        .card_LLE p {\n            font-size: 1rem;\n            color: #555;\n        }\n\n        \/* Responsividad *\/\n        @media (max-width: 768px) {\n           accordion-content_LLE .h2_LLE {\n                font-size: 1.2rem; \/* Ajuste para pantallas peque\u00f1as *\/\n                text-align: center !important;\n            }\n\n           accordion-content_LLE .h3_LLE {\n                font-size: 1.1rem;\n                text-align: center !important;\n            }\n\n           accordion-content_LLE .h4_LLE {\n                font-size: 1.1rem;\n                text-align: center;\n            }\n\n            .card_LLE p {\n                font-size: 0.9rem;\n            }\n\n            .accordion-toggle_LLE {\n                padding: 15px 20px;\n                font-size: 1.1rem;\n                font-weight: 400;\n            }\n        }\n        @media (max-width: 480px) {\n           accordion-content_LLE .h2_LLE {\n                font-size: 1.2rem; \/* Ajuste para pantallas peque\u00f1as *\/\n                text-align: center !important;\n            }\n\n           accordion-content_LLE .h3_LLE {\n                font-size: 1.1rem;\n                text-align: center !important;\n            }\n\n           accordion-content_LLE .h4_LLE {\n                font-size: 1.1rem;\n                text-align: center;\n            }\n\n            .card_LLE p {\n                font-size: 0.9rem;\n            }\n\n            .accordion-toggle_LLE {\n                padding: 15px 20px;\n                font-size: 1.1rem;\n                font-weight: 400;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"accordion-item_LLE\">\n        <!-- Bot\u00f3n Desplegable -->\n        <button class=\"accordion-toggle_LLE\">Perfil de ingreso<\/button>\n\n        <!-- Contenido Desplegable -->\n        <div class=\"accordion-content_LLE\">\n            <p style=\"padding-bottom:10px;\">El estudiante debe contar con el siguiente perfil:<\/p>\n            <div class=\"grid_LLE\">\n                <!-- Tarjeta 1 -->\n                <div class=\"card_LLE\">\n                    <i class=\"fa-solid fa-graduation-cap\"><\/i>\n                    <h3 class=\"h3_LLE\">Formaci\u00f3n previa<\/h3>\n                    <p>Educaci\u00f3n media superior concluida o su equivalente.<\/p>\n                <\/div>\n                <!-- Tarjeta 2 -->\n                <div class=\"card_LLE\">\n                    <i class=\"fa-solid fa-language\"><\/i>\n                    <h3 class=\"h3_LLE\">Conocimientos ling\u00fc\u00edsticos<\/h3>\n                    <p>Dominio del espa\u00f1ol y\/o franc\u00e9s hablado y escrito.<\/p>\n                <\/div>\n                <!-- Tarjeta 3 -->\n                <div class=\"card_LLE\">\n                    <i class=\"fa-solid fa-microchip\"><\/i>\n                    <h3 class=\"h3_LLE\">Habilidades anal\u00edticas y tecnol\u00f3gicas<\/h3>\n                    <p>Capacidad de an\u00e1lisis, s\u00edntesis, pensamiento\ncr\u00edtico y uso b\u00e1sico de TIC.<\/p>\n                <\/div>\n                <!-- Tarjeta 4 -->\n                <div class=\"card_LLE\">\n                    <i class=\"fa-solid fa-user-clock\"><\/i>\n                    <h3 class=\"h3_LLE\">Competencias de aprendizaje<\/h3>\n                    <p>Habilidad para el autoaprendizaje, gesti\u00f3n del\ntiempo y organizaci\u00f3n.<\/p>\n                <\/div>\n                <!-- Tarjeta 5 -->\n                <div class=\"card_LLE\">\n                    <i class=\"fa-solid fa-users\"><\/i>\n                    <h3 class=\"h3_LLE\">Trabajo en equipo<\/h3>\n                    <p>Capacidad para colaborar en entornos virtuales, compartiendo\nideas y conocimientos.<\/p>\n                <\/div>\n                <!-- Tarjeta 6 -->\n                <div class=\"card_LLE\">\n                    <i class=\"fa-solid fa-globe\"><\/i>\n                    <h3 class=\"h3_LLE\">Actitudes culturales<\/h3>\n                    <p>Inter\u00e9s por aprender nuevas culturas e idiomas, valorando la\ndiversidad ling\u00fc\u00edstica y cultural.<\/p>\n                <\/div>\n                <!-- Tarjeta 7 -->\n                <div class=\"card_LLE\">\n                    <i class=\"fa-solid fa-balance-scale\"><\/i>\n                    <h3 class=\"h3_LLE\">Compromiso \u00e9tico<\/h3>\n                    <p>Honestidad, responsabilidad, y respeto en contextos\nacad\u00e9micos y profesionales.<\/p>\n                <\/div>\n                <!-- Tarjeta 8 -->\n                <div class=\"card_LLE\">\n                    <i class=\"fa-solid fa-seedling\"><\/i>\n                    <h3 class=\"h3_LLE\">Adaptabilidad y proactividad<\/h3>\n                    <p>Disposici\u00f3n para enfrentar retos, adaptarse al\ncambio y contribuir positivamente a la sociedad.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Script para el acorde\u00f3n -->\n    <script>\n        document.addEventListener('DOMContentLoaded', function () {\n            const toggle = document.querySelector('.accordion-toggle_LLE');\n            const content = document.querySelector('.accordion-content_LLE');\n\n            toggle.addEventListener('click', function () {\n                content.classList.toggle('active');\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Perfil de Egreso<\/title>\n    <!-- Font Awesome -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n    <style>\n        \/* Estilos Generales *\/\n        body {\n            font-family: 'Arial', sans-serif;\n            margin: 0;\n            padding: 0;\n            background-color: #f4f4f9;\n            color: #333;\n        }\n\n        .accordion-item_PDE {\n            max-width: 1200px;\n            margin: 20px auto;\n            background-color: #fff;\n            border-radius: 10px;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n            overflow: hidden;\n        }\n\n        .accordion-toggle_PDE {\n            width: 100%;\n            text-align: left;\n            background: linear-gradient(to right, #21558f, #2f4b70);\n            color: white;\n            padding: 15px 20px;\n            font-size: 1.2rem;\n            font-weight: 400;\n            border: none;\n            outline: none;\n            cursor: pointer;\n            transition: background 0.3s ease;\n        }\n\n        .accordion-toggle_PDE:hover {\n            background: linear-gradient(to right, #2f4b70, #21558f);\n        }\n\n        .accordion-content_PDE {\n            display: none;\n            padding: 20px;\n            background-color: #f9f9f9;\n        }\n\n        .accordion-content_PDE.active {\n            display: block;\n        }\n\n        .h3_PDE {\n            color: #21558f;\n            text-align: center;\n            font-size: 1.4rem;\n            margin-bottom: 1rem;\n        }\n\n        \/* Dise\u00f1o de Tarjetas *\/\n        .grid_PDE {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 20px;\n            text-align: left;\n        }\n\n        .card_PDE {\n            background: #ffffff;\n            border: 2px solid #e8f1ff;\n            padding: 20px;\n            border-radius: 10px;\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            display: flex;\n            align-items: flex-start;\n            gap: 15px;\n        }\n\n        .card_PDE:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n        }\n\n        .card_PDE i {\n            font-size: 2rem;\n            color: #21558f;\n            transition: transform 0.3s ease, color 0.3s ease;\n        }\n\n        .card_PDE:hover i {\n            color: #2f4b70;\n            transform: scale(1.2) rotate(10deg);\n        }\n\n        .card_PDE p {\n            font-size: 1rem;\n            color: #555;\n        }\n\n        \/* Responsividad *\/\n        @media (max-width: 768px) {\n            .h3_PDE {\n                font-size: 1.2rem;\n            }\n\n            .grid_PDE {\n                grid-template-columns: 1fr;\n            }\n\n            .card_PDE p {\n                font-size: 0.9rem;\n            }\n            .accordion-toggle_PDE {\n                padding: 15px 20px;\n                font-size: 1.1rem;\n                font-weight: 400;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .h3_PDE {\n                font-size: 1.1rem;\n            }\n\n            .card_PDE p {\n                font-size: 0.9rem;\n            }\n            .accordion-toggle_PDE {\n                padding: 15px 20px;\n                font-size: 1.1rem;\n                font-weight: 400;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"accordion-item_PDE\">\n        <!-- Bot\u00f3n Desplegable -->\n        <button class=\"accordion-toggle_PDE\">Perfil de egreso<\/button>\n\n        <!-- Contenido Desplegable -->\n        <div class=\"accordion-content_PDE\">\n            <p style=\"color:#2f4b70\";>Nuestros egresados est\u00e1n formados para enfrentar con \u00e9xito los desaf\u00edos de un mundo globalizado, destac\u00e1ndose por su capacidad de contribuir significativamente al desarrollo social y profesional. A continuaci\u00f3n, se presenta el perfil que los distingue:<\/p>\n            <div class=\"grid_PDE\">\n                <!-- Tarjeta 1 -->\n                <div class=\"card_PDE\">\n                    <i class=\"fa-solid fa-language\"><\/i>\n                    <p>Dominio avanzado de al menos dos lenguas extranjeras adicionales al espa\u00f1ol, con habilidades orales y escritas efectivas en distintos contextos.<\/p>\n                <\/div>\n                <!-- Tarjeta 2 -->\n                <div class=\"card_PDE\">\n                    <i class=\"fa-solid fa-lightbulb\"><\/i>\n                    <p>Capacidad para analizar, sintetizar y resolver problemas aplicando un enfoque informado y reflexivo.<\/p>\n                <\/div>\n                <!-- Tarjeta 3 -->\n                <div class=\"card_PDE\">\n                    <i class=\"fa-solid fa-laptop\"><\/i>\n                    <p>Manejo fluido de herramientas tecnol\u00f3gicas aplicadas a entornos educativos, laborales y sociales.<\/p>\n                <\/div>\n                <!-- Tarjeta 4 -->\n                <div class=\"card_PDE\">\n                    <i class=\"fa-solid fa-globe\"><\/i>\n                    <p>Comprensi\u00f3n de culturas asociadas a las lenguas estudiadas y habilidad para actuar como enlace entre diferentes contextos culturales.<\/p>\n                <\/div>\n                <!-- Tarjeta 5 -->\n                <div class=\"card_PDE\">\n                    <i class=\"fa-solid fa-book\"><\/i>\n                    <p>Aplicaci\u00f3n de metodolog\u00edas innovadoras y adaptables para la ense\u00f1anza de lenguas extranjeras en diversos contextos educativos.<\/p>\n                <\/div>\n                <!-- Tarjeta 6 -->\n                <div class=\"card_PDE\">\n                    <i class=\"fa-solid fa-hands-helping\"><\/i>\n                    <p>Compromiso con la mejora comunitaria y la promoci\u00f3n de la justicia social a trav\u00e9s de su pr\u00e1ctica profesional.<\/p>\n                <\/div>\n                <!-- Tarjeta 7 -->\n                <div class=\"card_PDE\">\n                    <i class=\"fa-solid fa-scale-balanced\"><\/i>\n                    <p>Actuaci\u00f3n basada en la integridad, responsabilidad y altos est\u00e1ndares \u00e9ticos.<\/p>\n                <\/div>\n                <!-- Tarjeta 8 -->\n                <div class=\"card_PDE\">\n                    <i class=\"fa-solid fa-briefcase\"><\/i>\n                    <p>Dise\u00f1o y ejecuci\u00f3n de proyectos relacionados con la ense\u00f1anza y promoci\u00f3n de lenguas extranjeras, con habilidades de liderazgo y trabajo en equipo.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Script para el acorde\u00f3n -->\n    <script>\n        document.addEventListener('DOMContentLoaded', function () {\n            const toggle = document.querySelector('.accordion-toggle_PDE');\n            const content = document.querySelector('.accordion-content_PDE');\n\n            toggle.addEventListener('click', function () {\n                content.classList.toggle('active');\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Campo Laboral<\/title>\n    <!-- Font Awesome -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n    <style>\n        \/* Estilos Generales *\/\n        body {\n            font-family: 'Arial', sans-serif;\n            margin: 0;\n            padding: 0;\n            background-color: #f4f4f9;\n            color: #333;\n        }\n\n        .accordion-item_CLB {\n            max-width: 1200px;\n            margin: 20px auto;\n            background-color: #fff;\n            border-radius: 10px;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n            overflow: hidden;\n        }\n\n        .accordion-toggle_CLB {\n            width: 100%;\n            text-align: left;\n            background: linear-gradient(to right, #21558f, #2f4b70);\n            color: white;\n            padding: 15px 20px;\n            font-size: 1.2rem;\n            font-weight: 400;\n            border: none;\n            outline: none;\n            cursor: pointer;\n            transition: background 0.3s ease;\n        }\n\n        .accordion-toggle_CLB:hover {\n            background: linear-gradient(to right, #2f4b70, #21558f);\n        }\n\n        .accordion-content_CLB {\n            display: none;\n            padding: 20px;\n            background-color: #f9f9f9;\n            text-align: left; \/* Alineaci\u00f3n izquierda *\/\n        }\n\n        .accordion-content_CLB.active {\n            display: block;\n        }\n\n        \/* Estilos de T\u00edtulos *\/\n        .h2_CLB {\n            color: #21558f;\n            font-size: 1.5rem;\n            margin-bottom: 1rem;\n            text-align: center;\n        }\n\n        \/* Dise\u00f1o de Listas Agrupadas *\/\n        .list-group_CLB {\n            margin-bottom: 20px;\n        }\n\n        .list-title_CLB {\n            font-size: 1.2rem;\n            font-weight: bold;\n            color: #2f4b70;\n            margin-bottom: 10px;\n            display: flex;\n            align-items: center;\n        }\n\n        .list-title_CLB i {\n            margin-right: 10px;\n            color: #21558f;\n        }\n\n        .list-items_CLB li {\n            margin-bottom: 8px;\n            color: #555;\n            font-size: 1rem;\n            display: flex;\n            align-items: center;\n        }\n\n        .list-items_CLB li::before {\n            content: '\\2022';\n            color: #2f4b70;\n            font-weight: bold;\n            margin-right: 10px; \/* Espacio entre la vi\u00f1eta y el texto *\/\n        }\n\n       \/* Responsividad *\/\n        @media (max-width: 768px) {\n            .accordion-toggle_CLB {\n                 font-size: 1.1rem;\n                 padding: 15px 20px;\n                 font-weight:400;\n            }\n            .list-items_CLB li {\n                font-size: 0.9rem; \/* Reducci\u00f3n del tama\u00f1o del texto *\/\n                margin-bottom: 5px; \/* Menor espaciado entre \u00edtems *\/\n            }\n\n            .h2_CLB {\n                font-size: 1.2rem;\n            }\n            .list-title_CLB {\n                font-size: 1rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .accordion-toggle_CLB {\n                 font-size: 1.1rem;\n                 padding: 15px 20px;\n                 font-weight:400;\n            }\n\n            .h2_CLB {\n                font-size: 1.1rem;\n            }\n            .list-title_CLB {\n                font-size: 1rem;\n            }\n        .list-items_CLB {\n            list-style: none; \/* Eliminamos la indentaci\u00f3n por defecto *\/\n            margin: 0;\n            padding-left: 0; \/* Alineamos las vi\u00f1etas a la izquierda *\/\n        }\n            .list-items_CLB li {\n                font-size: 0.9rem; \/* Reducci\u00f3n del tama\u00f1o del texto *\/\n                margin-bottom: 5px; \/* Menor espaciado entre \u00edtems *\/\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"accordion-item_CLB\">\n        <!-- Bot\u00f3n Desplegable -->\n        <button class=\"accordion-toggle_CLB\">Campo laboral<\/button>\n\n        <!-- Contenido Desplegable -->\n        <div class=\"accordion-content_CLB\">\n            <p style=\"color:#2f4b70\">Las opciones profesionales para nuestros graduados en Lenguas Extranjeras son:<\/p>\n\n            <!-- Grupo 1: Negocios y comercio internacional -->\n            <div class=\"list-group_CLB\">\n                <div class=\"list-title_CLB\">\n                    <i class=\"fa-solid fa-briefcase\"><\/i>Negocios y comercio internacional\n                <\/div>\n                <ul class=\"list-items_CLB\">\n                    <li>Asesor de negocios internacionales.<\/li>\n                    <li>Especialista en marketing digital global.<\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- Grupo 2: Turismo y hospitalidad -->\n            <div class=\"list-group_CLB\">\n                <div class=\"list-title_CLB\">\n                    <i class=\"fa-solid fa-plane\"><\/i>Turismo y hospitalidad\n                <\/div>\n                <ul class=\"list-items_CLB\">\n                    <li>Gu\u00eda tur\u00edstico o asesor en agencias de viajes para clientes internacionales.<\/li>\n                    <li>Coordinador de eventos internacionales en hoteles, congresos o ferias comerciales.<\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- Grupo 3: Comunicaci\u00f3n y relaciones internacionales -->\n            <div class=\"list-group_CLB\">\n                <div class=\"list-title_CLB\">\n                    <i class=\"fa-solid fa-comments\"><\/i>Comunicaci\u00f3n y relaciones internacionales\n                <\/div>\n                <ul class=\"list-items_CLB\">\n                    <li>Mediador cultural.<\/li>\n                    <li>Especialista en relaciones internacionales en embajadas, consulados, ONGs o empresas multinacionales.<\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- Grupo 4: Tecnolog\u00edas y contenido digital -->\n            <div class=\"list-group_CLB\">\n                <div class=\"list-title_CLB\">\n                    <i class=\"fa-solid fa-laptop-code\"><\/i>Tecnolog\u00edas y contenido digital\n                <\/div>\n                <ul class=\"list-items_CLB\">\n                    <li>Redactor o editor de contenido multiling\u00fce para blogs, redes sociales o medios digitales.<\/li>\n                    <li>Especialista en e-learning, desarrollando cursos o plataformas educativas.<\/li>\n                    <li>Creador de contenido audiovisual subtitulado o doblado.<\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- Grupo 5: Educaci\u00f3n y ense\u00f1anza -->\n            <div class=\"list-group_CLB\">\n                <div class=\"list-title_CLB\">\n                    <i class=\"fa-solid fa-chalkboard-teacher\"><\/i>Educaci\u00f3n y ense\u00f1anza\n                <\/div>\n                <ul class=\"list-items_CLB\">\n                    <li>Profesor de lenguas extranjeras en colegios, institutos, academias o plataformas virtuales.<\/li>\n                    <li>Tutor privado o coach ling\u00fc\u00edstico.<\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- Grupo 6: Traducci\u00f3n e interpretaci\u00f3n -->\n            <div class=\"list-group_CLB\">\n                <div class=\"list-title_CLB\">\n                    <i class=\"fa-solid fa-language\"><\/i>Traducci\u00f3n e interpretaci\u00f3n\n                <\/div>\n                <ul class=\"list-items_CLB\">\n                    <li>Traductor de textos t\u00e9cnicos, literarios, legales, comerciales o m\u00e9dicos.<\/li>\n                    <li>Int\u00e9rprete en conferencias, reuniones de negocios, eventos o servicios p\u00fablicos.<\/li>\n                <\/ul>\n            <\/div>\n\n            <p style=\"margin-top: 20px; text-align: center; color: #2f4b70;\">\n                La diversidad de posibilidades permite a los egresados integrarse en sectores\n                din\u00e1micos que requieren habilidades ling\u00fc\u00edsticas avanzadas y competencias interculturales.\n            <\/p>\n        <\/div>\n    <\/div>\n\n    <!-- Script para el acorde\u00f3n -->\n    <script>\n        document.addEventListener('DOMContentLoaded', function () {\n            const toggle = document.querySelector('.accordion-toggle_CLB');\n            const content = document.querySelector('.accordion-content_CLB');\n\n            toggle.addEventListener('click', function () {\n                content.classList.toggle('active');\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Metodolog\u00eda<\/title>\n    <!-- Font Awesome -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n    <style>\n        \/* Estilos Generales *\/\n        body {\n            font-family: 'Arial', sans-serif;\n            margin: 0;\n            padding: 0;\n            background-color: #f4f4f9;\n            color: #333;\n        }\n\n        \/* Acorde\u00f3n Personalizado *\/\n        .accordion-item_MET {\n            max-width: 1200px;\n            margin: 20px auto;\n            background-color: #fff;\n            border-radius: 10px;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n            overflow: hidden;\n        }\n\n        .accordion-toggle_MET {\n            width: 100%;\n            text-align: left;\n            background: linear-gradient(to right, #21558f, #2f4b70);\n            color: white;\n            padding: 15px 20px;\n            font-size: 1.2rem;\n            font-weight: 400;\n            border: none;\n            outline: none;\n            cursor: pointer;\n            transition: background 0.3s ease;\n        }\n\n        .accordion-toggle_MET:hover {\n            background: linear-gradient(to right, #2f4b70, #21558f);\n        }\n\n        .accordion-content_MET {\n            display: none;\n            padding: 20px;\n            background-color: #f9f9f9;\n        }\n\n        .accordion-content_MET.active {\n            display: block;\n        }\n\n        \/* Metodolog\u00eda Personalizada *\/\n        .methodology-container_MET {\n            display: flex;\n            flex-direction: column; \/* Una sola columna *\/\n            align-items: center;\n            gap: 20px;\n        }\n\n        .methodology-card_MET {\n            background: #fff;\n            border: 2px solid #e8f1ff;\n            padding: 20px;\n            border-radius: 10px;\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n            text-align: center;\n            max-width: 600px; \/* Ancho m\u00e1ximo para las tarjetas *\/\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        .methodology-card_MET li{\n            text-align: justify;\n        }\n\n        .methodology-card_MET:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n        }\n\n        .methodology-card_MET i {\n            font-size: 2.5rem;\n            color: #21558f;\n            margin-bottom: 10px;\n        }\n\n        .methodology-card_MET h3 {\n            color: #2f4b70;\n            font-size: 1.2rem;\n            margin-bottom: 10px;\n        }\n\n        .methodology-card_MET p {\n            font-size: 1rem;\n            color: #555;\n            text-align: justify;\n        }\n\n        \/* Responsividad *\/\n        @media (max-width: 768px) {\n            .accordion-toggle_MET {\n                 font-size: 1.1rem;\n                 padding: 15px 20px;\n                 font-weight:400;}\n            }\n\n            .methodology-card_MET i {\n                font-size: 2rem;\n            }\n\n            .methodology-card_MET h3 {\n                font-size: 1.1rem;\n            }\n\n            .methodology-card_MET p {\n                font-size: 1rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .accordion-toggle_MET {\n                 font-size: 1.1rem;\n                 padding: 15px 20px;\n                 font-weight:400;}\n            }\n\n            .methodology-card_MET i {\n                font-size: 1.8rem;\n            }\n\n            .methodology-card_MET h3 {\n                font-size: 1rem;\n            }\n\n            .methodology-card_MET p {\n                font-size: 0.9rem;\n            }\n        .methodology-card_MET li{\n            text-align: justify;\n            font-size:0.9rem;\n        }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"accordion-item_MET\">\n        <!-- Bot\u00f3n Desplegable -->\n        <button class=\"accordion-toggle_MET\">Metodolog\u00eda<\/button>\n\n        <!-- Contenido Desplegable -->\n        <div class=\"accordion-content_MET\">\n            <p style=\"color: #2f4b70; margin-bottom: 20px;\">\n                Nuestra metodolog\u00eda est\u00e1 dise\u00f1ada para brindar a los estudiantes una experiencia educativa din\u00e1mica e innovadora. A trav\u00e9s de recursos digitales, clases en tiempo real y un sistema de evaluaci\u00f3n integral, garantizamos un aprendizaje efectivo y flexible que se adapta a las necesidades actuales.\n            <\/p>\n\n            <div class=\"methodology-container_MET\">\n                <!-- Tarjeta 1 -->\n                <div class=\"methodology-card_MET\">\n                    <i class=\"fa-solid fa-laptop\"><\/i>\n                    <h3>Clases en l\u00ednea en vivo<\/h3>\n                    <p>\n                        Los estudiantes cuentan con la oportunidad de participar diariamente en <strong>clases en l\u00ednea en vivo<\/strong>, donde pueden interactuar en tiempo real con el docente y resolver sus dudas de forma inmediata. Adem\u00e1s, todas <strong>las sesiones se graban<\/strong>, permitiendo a los alumnos acceder a ellas en cualquier momento y revisarlas tantas veces como necesiten.\n                    <\/p>\n                <\/div>\n                <!-- Tarjeta 2 -->\n                <div class=\"methodology-card_MET\">\n                    <i class=\"fa-solid fa-book\"><\/i>\n                    <h3>Recursos did\u00e1cticos<\/h3>\n                    <p>\n                        La Universidad de SAIRV, a trav\u00e9s de su campus virtual, proporciona una amplia gama de recursos dise\u00f1ados para facilitar el estudio eficiente de cada asignatura. Estos materiales est\u00e1n cuidadosamente estructurados para fomentar un aprendizaje din\u00e1mico y efectivo.\nDentro de la plataforma, los estudiantes podr\u00e1n acceder a temarios, conceptos clave, material audiovisual complementario, actividades pr\u00e1cticas, lecturas, evaluaciones, foros, chats, blogs y clases magistrales enfocadas en temas espec\u00edficos.\n                    <\/p>\n                <\/div>\n                <!-- Tarjeta 3 -->\n                <div class=\"methodology-card_MET\">\n                    <i class=\"fa-solid fa-graduation-cap\"><\/i>\n                    <h3>Sistema de evaluaci\u00f3n<\/h3>\n                    <ul style=\"margin-top:10px; padding-left: 20px; color: #333; font-size: 1rem; \">\n                        <li style=\"margin-bottom: 8px;\">\n                        <strong style=\"color: #2f4b70;\">Evaluaci\u00f3n continua<\/strong>: incluye la resoluci\u00f3n de casos pr\u00e1cticos, la participaci\u00f3n en foros, debates, actividades colaborativas y pruebas de evaluaci\u00f3n.\n                        <\/li>\n                        <li style=\"margin-bottom: 8px;\">\n                        <strong style=\"color: #2f4b70;\">Ex\u00e1menes en l\u00ednea<\/strong>: que complementan y fortalecen el proceso formativo, asegurando un aprendizaje integral y s\u00f3lido.\n                        <\/li>\n                      <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Script para el acorde\u00f3n -->\n    <script>\n        document.addEventListener('DOMContentLoaded', function () {\n            const toggle = document.querySelector('.accordion-toggle_MET');\n            const content = document.querySelector('.accordion-content_MET');\n\n            toggle.addEventListener('click', function () {\n                content.classList.toggle('active');\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Malla Curricular<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n    <style>\n        body {\n            font-family: 'Arial', sans-serif;\n            margin: 0;\n            padding: 0;\n            background-color: #f4f4f9;\n            color: #333;\n        }\n\n        .accordion-item_CUR {\n            max-width: 1200px;\n            margin: 20px auto;\n            background-color: #fff;\n            border-radius: 10px;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n            overflow: hidden;\n        }\n\n        .accordion-toggle_CUR {\n            width: 100%;\n            text-align: left;\n            background: linear-gradient(to right, #21558f, #2f4b70);\n            color: white;\n            padding: 15px 20px;\n            font-size: 1.2rem;\n            border: none;\n            cursor: pointer;\n        }\n\n        .accordion-content_CUR {\n            display: none;\n            padding: 20px;\n            background-color: #f9f9f9;\n        }\n\n        .accordion-content_CUR.active {\n            display: block;\n        }\n\n        .image-wrapper {\n            position: relative;\n            overflow: hidden;\n            width: 100%;\n            max-width: 800px;\n            height: 500px;\n            margin: 20px auto;\n            border-radius: 10px;\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n        }\n\n        .image-wrapper img {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%) scale(1);\n            max-width: 100%;\n            max-height: 100%;\n            width: auto;\n            height: auto;\n            transition: transform 0.3s ease;\n        }\n\n        .zoom-buttons, .arrow-buttons {\n            position: absolute;\n            display: flex;\n            gap: 5px;\n        }\n\n        .zoom-buttons {\n            top: 10px;\n            right: 10px;\n        }\n\n        .arrow-buttons {\n            bottom: 10px;\n            left: 50%;\n            transform: translateX(-50%);\n        }\n\n        .zoom-buttons button, .arrow-buttons button {\n            background-color: rgba(33, 85, 143, 0.8);\n            border: none;\n            color: white;\n            padding: 5px 8px; \/* Tama\u00f1o reducido *\/\n            border-radius: 5px;\n            cursor: pointer;\n            font-size: 0.9rem; \/* Tama\u00f1o de texto m\u00e1s peque\u00f1o *\/\n            transition: background-color 0.3s ease;\n        }\n\n        .zoom-buttons button:hover, .arrow-buttons button:hover {\n            background-color: #f1e899; \/* Color amarillo en hover *\/\n            color: black; \/* Cambiar texto a negro para contraste *\/\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"accordion-item_CUR\">\n        <button class=\"accordion-toggle_CUR\">Malla curricular<\/button>\n        <div class=\"accordion-content_CUR\">\n            <p style=\"color: #2f4b70; margin-bottom: 20px;\">\n                La malla curricular de la Licenciatura en Lenguas Extranjeras est\u00e1 dise\u00f1ada para proporcionar una formaci\u00f3n integral que combina fundamentos te\u00f3ricos con pr\u00e1cticas aplicadas. A continuaci\u00f3n, se presenta la estructura completa:\n            <\/p>\n\n            <div class=\"image-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/sairv.com.mx\/wp-content\/uploads\/2024\/12\/MallaLEE1.jpg\" alt=\"Malla Curricular - Parte 1\">\n                <div class=\"zoom-buttons\">\n                    <button onclick=\"zoomIn(this)\">+<\/button>\n                    <button onclick=\"zoomOut(this)\">&#8211;<\/button>\n                <\/div>\n                <div class=\"arrow-buttons\">\n                    <button onclick=\"moveImage(this, 'left')\">\u25c0<\/button>\n                    <button onclick=\"moveImage(this, 'up')\">\u25b2<\/button>\n                    <button onclick=\"moveImage(this, 'down')\">\u25bc<\/button>\n                    <button onclick=\"moveImage(this, 'right')\">\u25b6<\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"image-wrapper\" style=\"max-width: 400px; height: 300px;\">\n                <img decoding=\"async\" src=\"https:\/\/sairv.com.mx\/wp-content\/uploads\/2024\/12\/MallaLEE2.jpg\" alt=\"Malla Curricular - Parte 2\">\n                <div class=\"zoom-buttons\">\n                    <button onclick=\"zoomIn(this)\">+<\/button>\n                    <button onclick=\"zoomOut(this)\">&#8211;<\/button>\n                <\/div>\n                <div class=\"arrow-buttons\">\n                    <button onclick=\"moveImage(this, 'up')\">\u25b2<\/button>\n                    <button onclick=\"moveImage(this, 'left')\">\u25c0<\/button>\n                    <button onclick=\"moveImage(this, 'down')\">\u25bc<\/button>\n                    <button onclick=\"moveImage(this, 'right')\">\u25b6<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ Funcionalidad del acorde\u00f3n\n        document.querySelectorAll('.accordion-toggle_CUR').forEach(button => {\n            button.addEventListener('click', () => {\n                const content = button.nextElementSibling;\n\n                \/\/ Alternar la clase 'active'\n                content.classList.toggle('active');\n\n                \/\/ Ocultar otros contenidos si est\u00e1n abiertos\n                document.querySelectorAll('.accordion-content_CUR').forEach(otherContent => {\n                    if (otherContent !== content && otherContent.classList.contains('active')) {\n                        otherContent.classList.remove('active');\n                    }\n                });\n            });\n        });\n\n        function zoomIn(button) {\n            const img = button.closest('.image-wrapper').querySelector('img');\n            const scale = getCurrentScale(img) + 0.1;\n            img.style.transform = `translate(-50%, -50%) scale(${scale})`;\n        }\n\n        function zoomOut(button) {\n            const img = button.closest('.image-wrapper').querySelector('img');\n            const scale = Math.max(getCurrentScale(img) - 0.1, 1);\n            img.style.transform = `translate(-50%, -50%) scale(${scale})`;\n        }\n\n        function moveImage(button, direction) {\n            const img = button.closest('.image-wrapper').querySelector('img');\n            const scale = getCurrentScale(img);\n\n            let currentX = parseFloat(img.dataset.x || 0);\n            let currentY = parseFloat(img.dataset.y || 0);\n\n            const step = 20 \/ scale;\n\n            switch (direction) {\n                case 'up':\n                    currentY -= step;\n                    break;\n                case 'down':\n                    currentY += step;\n                    break;\n                case 'left':\n                    currentX -= step;\n                    break;\n                case 'right':\n                    currentX += step;\n                    break;\n            }\n\n            img.dataset.x = currentX;\n            img.dataset.y = currentY;\n\n            img.style.transform = `translate(calc(-50% + ${currentX}px), calc(-50% + ${currentY}px)) scale(${scale})`;\n        }\n\n        function getCurrentScale(img) {\n            const transform = window.getComputedStyle(img).transform;\n            return transform === 'none' ? 1 : parseFloat(transform.split('(')[1].split(',')[0]);\n        }\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<div class=\"custom-separator\">\n    <div class=\"fancy-line left\"><\/div>\n    <div class=\"logo-container\">\n        <img decoding=\"async\" src=\"https:\/\/sairv.com.mx\/wp-content\/uploads\/2024\/11\/LOGO-SAIRV2.png\" alt=\"Logo SAIRV\">\n    <\/div>\n    <div class=\"fancy-line right\"><\/div>\n<\/div>\n\n<style>\n\/* Contenedor principal del separador *\/\n.custom-separator {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 50%; \/* Ocupa todo el ancho *\/\n    max-width: 900px; \/* M\u00e1ximo ancho *\/\n    margin: 20px auto; \/* Centrado *\/\n    position: relative;\n}\n\n\/* L\u00edneas estilizadas *\/\n.fancy-line {\n    height: 3px;\n    position: relative;\n    flex: 1;\n    margin: 0 10px;\n    background: linear-gradient(to right, transparent, #808186, black, transparent);\n}\n\n\/* Segmentos cortos amarillos *\/\n.fancy-line.left::before,\n.fancy-line.right::after {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    height: 3px;\n    background-color: #f1e899;\n    width: 50px; \/* Longitud *\/\n}\n\n.fancy-line.left::before {\ntop:-5px;    \nleft: 0;\n}\n\n.fancy-line.right::after {\ntop:-5px;    \nright: 0;\n}\n\n\/* Logo centrado *\/\n.logo-container img {\n    height: 70px; \/* Ajustar tama\u00f1o del logo *\/\n    width: auto;\n    display: block;\n    position: relative;\n    z-index: 2; \/* Asegura que quede encima *\/\n}\n\n\/* RESPONSIVO *\/\n@media (max-width: 768px) {\n    .custom-separator {\n        width: 90%; \/* M\u00e1s compacto en m\u00f3viles *\/\n    }\n\n    .fancy-line {\n        margin: 0 5px; \/* Reducir el espacio *\/\n    }\n\n    .fancy-line.left::before,\n    .fancy-line.right::after {\n        width: 30px; \/* Longitud m\u00e1s corta *\/\n    }\n\n    .logo-container img {\n        height: 50px; \/* Reducci\u00f3n del tama\u00f1o del logo *\/\n    }\n}\n<\/style>\n\n\n\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <title>Registro para Descargar PDF<\/title>\n    <style>\n        .container {\n            max-width: 600px;\n            margin: 0 auto;\n            padding: 20px;\n            font-family: Montserrat, sans-serif;\n            background-color: #fff;\n            border-radius: 8px;\n            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\n        }\n\n        .header-box {\n            padding: 15px;\n            background: linear-gradient(180deg, #2f4b70, #000000);\n            border-radius: 8px;\n            text-align: center;\n            margin-bottom: 20px;\n        }\n\n        .header-box h3 {\n            margin: 0;\n            font-size: 1.2rem !important;\n            color: white;\n            text-align: justify;\n        }\n\n        p {\n            font-size: 1rem;\n            margin-bottom: 20px;\n            text-align: justify;\n        }\n\n        input, select, button, textarea {\n            padding: 10px;\n            margin-bottom: 15px;\n            border: 1px solid #ccc;\n            border-radius: 5px;\n        }\n\n        select {\n            width: 30%;\n        }\n\n        input, textarea {\n            flex: 1;\n            width: 100%;\n            box-sizing: border-box;\n        }\n\n        .form-button {\n            background-color: #21558f;\n            color: white;\n            cursor: pointer;\n            width: auto;\n            padding: 10px 20px;\n            text-align: center;\n            border: none;\n            margin-top: 20px;\n        }\n\n        .form-button:hover {\n            background-color: #2f4b70;\n        }\n\n        .hidden {\n            display: none;\n        }\n\n        @media (max-width: 768px) {\n            select {\n                width: 100%;\n            }\n\n            .container {\n                padding: 15px;\n            }\n\n            .form-button {\n                width: 100%;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n    <div class=\"header-box\">\n        <h3 class=\"section-title\">Folleto informativo<\/h3>\n    <\/div>\n    \n    <p id=\"registerInstructions\">\n        Por favor, complete el formulario de registro para habilitar la descarga del archivo PDF del folleto informativo de la licenciatura de Lenguas Extranjeras.\n    <\/p>\n\n    <form id=\"sairvDownloadForm\">\n        <label for=\"download_name\">Nombres completos *<\/label>\n        <input type=\"text\" id=\"download_name\" name=\"download_name\" required placeholder=\"Ingrese su nombre\">\n\n        <label for=\"download_email\">Correo electr\u00f3nico *<\/label>\n        <input type=\"email\" id=\"download_email\" name=\"download_email\" required placeholder=\"Ingrese su correo electr\u00f3nico\">\n\n        <label for=\"download_phone\">Celular *<\/label>\n        <div style=\"display: flex; gap: 10px; flex-wrap: wrap;\">\n            <select id=\"country_code\" name=\"country_code\" required>\n                <option value=\"+52\">M\u00e9xico (+52)<\/option>\n                <option value=\"+1\">Estados Unidos (+1)<\/option>\n                <option value=\"+57\">Colombia (+57)<\/option>\n                <option value=\"+34\">Espa\u00f1a (+34)<\/option>\n                <option value=\"+44\">Reino Unido (+44)<\/option>\n            <\/select>\n            <input type=\"tel\" id=\"download_phone\" name=\"download_phone\" required placeholder=\"Ingrese su n\u00famero\">\n        <\/div>\n\n        <label for=\"download_message\">D\u00e9janos tu mensaje (opcional)<\/label>\n        <textarea id=\"download_message\" name=\"download_message\" rows=\"4\" placeholder=\"Escribe tu mensaje aqu\u00ed...\"><\/textarea>\n\n        <!-- Campos ocultos obligatorios para el backend -->\n        <input type=\"hidden\" id=\"programa_hidden\" value=\"licenciatura\">\n        <input type=\"hidden\" id=\"especialidad_hidden\" value=\"Lenguas Extranjeras\">\n        <input type=\"hidden\" id=\"origen_hidden\" value=\"Registro Directo - Licenciatura Lenguas Extranjeras\">\n\n        <button type=\"submit\" class=\"form-button\">Registrarse<\/button>\n    <\/form>\n\n    <div id=\"downloadSection\" class=\"hidden\">\n        <p>\u00a1Gracias por registrarte! Ahora puedes descargar el archivo PDF.<\/p>\n        <a href=\"https:\/\/sairv.com.mx\/wp-content\/themes\/gradiant-child\/pdf\/Lenguas_Extranjeras.pdf\" download style=\"background-color: #2f4b70; color: white; padding: 10px 20px; text-decoration: none; border-radius: 5px;\">Descargar PDF<\/a>\n    <\/div>\n<\/div>\n\n<script>\n    document.getElementById('sairvDownloadForm').addEventListener('submit', function(event) {\n        event.preventDefault();\n\n        const name = document.getElementById('download_name').value.trim();\n        const email = document.getElementById('download_email').value.trim();\n        const countryCode = document.getElementById('country_code').value;\n        const phone = document.getElementById('download_phone').value.trim();\n        const mensaje = document.getElementById('download_message').value.trim();\n        const programa = document.getElementById('programa_hidden').value;\n        const especialidad = document.getElementById('especialidad_hidden').value;\n        const origen = document.getElementById('origen_hidden').value;\n\n        if (name && email && countryCode && phone) {\n            const formData = {\n                name: name,\n                email: email,\n                phone: `${countryCode} ${phone}`,\n                programa: programa,\n                especialidad: especialidad,\n                mensaje: mensaje || \"-\",\n                origen: origen\n            };\n\n            fetch('\/wp-json\/sairv\/v1\/register', {\n                method: 'POST',\n                headers: {\n                    'Content-Type': 'application\/json; charset=UTF-8',\n                },\n                body: JSON.stringify(formData),\n            })\n            .then(response => response.json())\n            .then(data => {\n                if (data.success) {\n                    document.getElementById('sairvDownloadForm').classList.add('hidden');\n                    document.getElementById('registerInstructions').classList.add('hidden');\n                    document.getElementById('downloadSection').classList.remove('hidden');\n                } else {\n                    alert('Error al enviar el registro. Int\u00e9ntalo nuevamente.');\n                }\n            })\n            .catch(error => {\n                console.error('Error:', error);\n                alert('Error al procesar la solicitud. Int\u00e9ntalo nuevamente.');\n            });\n        } else {\n            alert('Por favor, complete todos los campos.');\n        }\n    });\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n\n\n<div class=\"custom-separator\">\n    <div class=\"fancy-line left\"><\/div>\n    <div class=\"logo-container\">\n        <img decoding=\"async\" src=\"https:\/\/sairv.com.mx\/wp-content\/uploads\/2024\/11\/LOGO-SAIRV2.png\" alt=\"Logo SAIRV\">\n    <\/div>\n    <div class=\"fancy-line right\"><\/div>\n<\/div>\n\n<style>\n\/* Contenedor principal del separador *\/\n.custom-separator {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 50%; \/* Ocupa todo el ancho *\/\n    max-width: 900px; \/* M\u00e1ximo ancho *\/\n    margin: 20px auto; \/* Centrado *\/\n    position: relative;\n}\n\n\/* L\u00edneas estilizadas *\/\n.fancy-line {\n    height: 3px;\n    position: relative;\n    flex: 1;\n    margin: 0 10px;\n    background: linear-gradient(to right, transparent, #808186, black, transparent);\n}\n\n\/* Segmentos cortos amarillos *\/\n.fancy-line.left::before,\n.fancy-line.right::after {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    height: 3px;\n    background-color: #f1e899;\n    width: 50px; \/* Longitud *\/\n}\n\n.fancy-line.left::before {\ntop:-5px;    \nleft: 0;\n}\n\n.fancy-line.right::after {\ntop:-5px;    \nright: 0;\n}\n\n\/* Logo centrado *\/\n.logo-container img {\n    height: 70px; \/* Ajustar tama\u00f1o del logo *\/\n    width: auto;\n    display: block;\n    position: relative;\n    z-index: 2; \/* Asegura que quede encima *\/\n}\n\n\/* RESPONSIVO *\/\n@media (max-width: 768px) {\n    .custom-separator {\n        width: 90%; \/* M\u00e1s compacto en m\u00f3viles *\/\n    }\n\n    .fancy-line {\n        margin: 0 5px; \/* Reducir el espacio *\/\n    }\n\n    .fancy-line.left::before,\n    .fancy-line.right::after {\n        width: 30px; \/* Longitud m\u00e1s corta *\/\n    }\n\n    .logo-container img {\n        height: 50px; \/* Reducci\u00f3n del tama\u00f1o del logo *\/\n    }\n}\n<\/style>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">En la Universidad de SAIRV, tu desarrollo es nuestra prioridad.<br>Entendemos que tus metas profesionales son importantes, por eso hemos dise\u00f1ado una universidad 100% en l\u00ednea adaptada a tus necesidades y aspiraciones.<\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Nuestro modelo educativo te impulsa a ir m\u00e1s all\u00e1 de lo convencional: integramos disciplinas para que desarrolles habilidades innovadoras y resuelvas los desaf\u00edos del mundo real con inteligencia y creatividad.<\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Estamos comprometidos con brindarte una educaci\u00f3n de excelencia, sustentada en valores como integridad, respeto, compromiso social, filantrop\u00eda y desarrollo sostenible.<\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">En SAIRV, no solo obtendr\u00e1s conocimientos, sino que te formar\u00e1s como un profesional \u00edntegro, listo para transformar el mundo con tu visi\u00f3n y talento.<\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><strong>\u00a1\u00danete a la comunidad SAIRV y conecta con el futuro que mereces!<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Descripci\u00f3n \u00bfTe apasionan los idiomas, las culturas y la comunicaci\u00f3n global? La Licenciatura en Lenguas Extranjeras de SAIRV te ofrece una formaci\u00f3n integral y de vanguardia que va m\u00e1s all\u00e1 del dominio de idiomas. Aqu\u00ed, te preparamos para convertirte en un profesional altamente competente con habilidades ling\u00fc\u00edsticas avanzadas, pensamiento cr\u00edtico y competencias interculturales. Nuestro programa [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-159","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sairv.com.mx\/index.php\/wp-json\/wp\/v2\/pages\/159","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sairv.com.mx\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sairv.com.mx\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sairv.com.mx\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sairv.com.mx\/index.php\/wp-json\/wp\/v2\/comments?post=159"}],"version-history":[{"count":198,"href":"https:\/\/sairv.com.mx\/index.php\/wp-json\/wp\/v2\/pages\/159\/revisions"}],"predecessor-version":[{"id":526,"href":"https:\/\/sairv.com.mx\/index.php\/wp-json\/wp\/v2\/pages\/159\/revisions\/526"}],"wp:attachment":[{"href":"https:\/\/sairv.com.mx\/index.php\/wp-json\/wp\/v2\/media?parent=159"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}