{"id":383,"date":"2025-01-31T17:48:18","date_gmt":"2025-01-31T17:48:18","guid":{"rendered":"https:\/\/sairv.com.mx\/?page_id=383"},"modified":"2025-04-25T22:16:13","modified_gmt":"2025-04-25T22:16:13","slug":"extencion-haiti","status":"publish","type":"page","link":"https:\/\/sairv.com.mx\/index.php\/extencion-haiti\/","title":{"rendered":"Extenci\u00f3n Hait\u00ed"},"content":{"rendered":"\n<h2 class=\"wp-block-heading has-text-align-center\"><strong>Educaci\u00f3n transformadora para el futuro de Hait\u00ed<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La Universidad SAIRV llega a Hait\u00ed con un prop\u00f3sito claro: revolucionar la educaci\u00f3n superior mediante formaci\u00f3n virtual de calidad, dise\u00f1ada espec\u00edficamente para llegar a regiones vulnerables y comunidades desfavorecidas. Creemos firmemente que la educaci\u00f3n a distancia, centrada en la innovaci\u00f3n y la accesibilidad, puede convertirse en un motor para el desarrollo sostenible, empoderando a la juventud haitiana con herramientas acad\u00e9micas y valores \u00e9ticos para transformar su realidad.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En SAIRV Hait\u00ed, no solo impartimos conocimientos acad\u00e9micos, sino que tambi\u00e9n fomentamos la formaci\u00f3n de l\u00edderes comprometidos con su comunidad. Nuestro modelo educativo promueve la solidaridad, la responsabilidad y la innovaci\u00f3n, valores que consideramos esenciales para forjar el cambio social que Hait\u00ed necesita. Con el apoyo de las Tecnolog\u00edas de la Informaci\u00f3n y la Comunicaci\u00f3n (TIC), facilitamos el acceso a la educaci\u00f3n, superando barreras geogr\u00e1ficas y econ\u00f3micas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nuestro objetivo es claro: formar agentes de cambio con una visi\u00f3n integral, capaces de impactar positivamente en sus entornos. Queremos que cada estudiante se sienta respaldado y motivado para explorar su m\u00e1ximo potencial, contribuyendo a construir un futuro m\u00e1s pr\u00f3spero y equitativo para todos. Conoce m\u00e1s sobre nuestra historia, valores y programas, y descubre c\u00f3mo juntos podemos transformar la realidad de Hait\u00ed desde el aula virtual.<\/p>\n\n\n\n<!-- SOLO INCRUSTACI\u00d3N DE VIDEO CON EFECTO FADE-IN Y AUTOPLAY -->\n<video \n  src=\"https:\/\/sairv.com.mx\/wp-content\/uploads\/2025\/01\/graduado_Haiti.mp4\"\n  autoplay\n  loop\n  muted\n  playsinline\n  class=\"fade-in-video\"\n  style=\"\n    width: 100%; \n    max-width: 800px; \n    border-radius: 10px; \n    margin: 20px auto; \n    display: block;\n  \"\n>\n  Tu navegador no soporta la reproducci\u00f3n de video. \n  <a href=\"https:\/\/sairv.com.mx\/wp-content\/uploads\/2025\/01\/graduado_Haiti.mp4\">\n    Descarga el video aqu\u00ed\n  <\/a>.\n<\/video>\n\n<style>\n  \/* Efecto de aparici\u00f3n (fade-in) *\/\n  .fade-in-video {\n    opacity: 0;              \/* inicia transparente *\/\n    animation: fadeIn 2s forwards; \/* Ajusta la duraci\u00f3n de la animaci\u00f3n a tu preferencia *\/\n  }\n\n  @keyframes fadeIn {\n    to {\n      opacity: 1;           \/* termina totalmente visible *\/\n    }\n  }\n<\/style>\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<h2 class=\"wp-block-heading has-text-align-center\"><strong>Valores<\/strong><\/h2>\n\n\n\n<!-- SECCI\u00d3N DE VALORES -->\n<section class=\"valores-section\">\n  <div class=\"container\">\n    <div class=\"valores-grid\">\n      <!-- Tarjeta 1: Integridad -->\n      <div class=\"valor-card\">\n        <h3>Integridad<\/h3>\n        <p>\n          Promovemos la honestidad y la coherencia de nuestros actos, \n          garantizando la transparencia en todos los procesos educativos.\n        <\/p>\n      <\/div>\n\n      <!-- Tarjeta 2: Respeto -->\n      <div class=\"valor-card\">\n        <h3>Respeto<\/h3>\n        <p>\n          Fomentamos la empat\u00eda y la colaboraci\u00f3n entre estudiantes, \n          docentes y la comunidad haitiana, valorando la diversidad cultural.\n        <\/p>\n      <\/div>\n\n      <!-- Tarjeta 3: Compromiso social -->\n      <div class=\"valor-card\">\n        <h3>Compromiso social<\/h3>\n        <p>\n          Creemos en la responsabilidad colectiva y en la acci\u00f3n solidaria \n          para mejorar la calidad de vida de las comunidades.\n        <\/p>\n      <\/div>\n\n      <!-- Tarjeta 4: Filantrop\u00eda -->\n      <div class=\"valor-card\">\n        <h3>Filantrop\u00eda<\/h3>\n        <p>\n          Incentivamos la generosidad y el deseo de aportar recursos \n          y conocimientos que beneficien al bien com\u00fan.\n        <\/p>\n      <\/div>\n\n      <!-- Tarjeta 5: Desarrollo -->\n      <div class=\"valor-card\">\n        <h3>Desarrollo<\/h3>\n        <p>\n          Trabajamos por el progreso sostenible de Hait\u00ed, impulsando \n          la creaci\u00f3n de iniciativas que generen cambios positivos.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ESTILOS DE LA SECCI\u00d3N DE VALORES -->\n<style>\n  \/* Contenedor principal de la secci\u00f3n *\/\n  .valores-section {\n    background-color: #ffffff;  \/* Color de fondo de la secci\u00f3n (puede ajustarse) *\/\n    padding: 20px 20px;\n  }\n  \n  \/* Contenedor interno para limitar el ancho y centrar contenido *\/\n  .valores-section .container {\n    max-width: 1200px;\n    margin: 0 auto;\n    text-align: center;\n  }\n\n  \/* Grid para las tarjetas *\/\n  .valores-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));\n    gap: 10px;\n  }\n\n  \/* Estilo general de cada tarjeta *\/\n  .valor-card {\n    position: relative; \/* Para usar el pseudo-elemento overlay *\/\n    background: url('https:\/\/sairv.com.mx\/wp-content\/themes\/gradiant-child\/img\/flag-haiti.jpg') \n                no-repeat center center \/ cover;\n    border-radius: 8px;\n    padding: 20px 20px;  \/* Espacio interno para el texto *\/\n    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);\n    overflow: hidden;    \/* Para asegurar que el overlay no se desborde *\/\n    transition: transform 0.3s ease;\n  }\n\n  \/* Capa oscura dentro de cada tarjeta (pseudo-elemento) *\/\n  .valor-card::before {\n    content: \"\";\n    position: absolute;\n    top: 0; \n    right: 0; \n    bottom: 0; \n    left: 0;\n    background: rgba(0, 0, 0, 0.6); \/* Ajusta la opacidad al gusto *\/\n    z-index: 0;  \/* Para que el contenido de la tarjeta quede por encima *\/\n  }\n\n  \/* Efecto hover en la tarjeta *\/\n  .valor-card:hover {\n    transform: translateY(-5px);\n  }\n\n  \/* Contenido de la tarjeta por encima del overlay *\/\n  .valor-card p {\n    position: relative;  \/* Para que queden sobre el pseudo-elemento *\/\n    z-index: 1;\n    color: #c2c3c4;\n  }\n  \/* Contenido de la tarjeta por encima del overlay *\/\n  .valor-card h3 {\n    position: relative;  \/* Para que queden sobre el pseudo-elemento *\/\n    z-index: 1;\n    color: white;\n  }\n\n  \/* T\u00edtulo de cada valor *\/\n  .valor-card h3 {\n    margin-bottom: 10px;\n    font-weight: bold;\n    font-size: 1.3em;\n  }\n\n  \/* Texto descriptivo *\/\n  .valor-card p {\n    line-height: 1.5;\n    font-size: 1em;\n  }\n\n  \/* Responsivo para pantallas peque\u00f1as *\/\n  @media (max-width: 768px) {\n    .valores-grid {\n      grid-template-columns: 1fr; \/* Cada tarjeta en una fila *\/\n    }\n  }\n<\/style>\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<div style=\"height:27px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\"><strong>\u00bfPor qu\u00e9 Hait\u00ed?<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Crisis de acceso:<\/strong><br>M\u00e1s del 60% de los j\u00f3venes haitianos no accede a educaci\u00f3n superior (UNESCO, 2023), principalmente por barreras econ\u00f3micas y la concentraci\u00f3n de universidades en zonas urbanas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Brecha profesional:<\/strong><br>Solo el 12% de los egresados trabaja en \u00e1reas relacionadas con su formaci\u00f3n (Banco Mundial, 2022), lo que limita de manera significativa las oportunidades de crecimiento y desarrollo socioecon\u00f3mico en el pa\u00eds.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Infraestructura inclusiva:<\/strong><br>Aulas virtuales accesibles desde dispositivos m\u00f3viles y centros comunitarios con internet subsidiado, brindando opciones de estudio incluso en zonas rurales o con escasa conectividad.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Vinculaci\u00f3n pr\u00e1ctica:<\/strong><br>Proyectos acad\u00e9micos que buscan resolver problemas reales de la comunidad, en colaboraci\u00f3n con organizaciones y expertos locales, fortaleciendo la aplicaci\u00f3n inmediata de los conocimientos adquiridos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Compromiso SAIRV:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Programas becarios para estudiantes de bajos recursos. Ofrecemos diferentes modalidades de becas que permiten a los j\u00f3venes haitianos continuar sus estudios sin limitaciones econ\u00f3micas.<\/li>\n\n\n\n<li>Alianzas con ONGs locales para proyectos sociales. Colaboramos con organizaciones en el terreno para generar soluciones concretas en \u00e1mbitos como la salud y el desarrollo comunitario.<\/li>\n\n\n\n<li>Uso de TIC para superar barreras geogr\u00e1ficas. Gracias a la educaci\u00f3n virtual, llegamos a todas las regiones de Hait\u00ed, permitiendo el acceso a quienes no pueden asistir a clases presenciales.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><em>\u201cEn SAIRV no solo formamos profesionales; construimos redes de conocimiento que trascienden fronteras. La educaci\u00f3n es el cimiento para la Hait\u00ed que so\u00f1amos.\u201d<\/em><\/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<div style=\"height:27px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\"><strong>Oferta acad\u00e9mica<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La Universidad SAIRV, comprometida con la formaci\u00f3n de profesionales que contribuyan al desarrollo sostenible de Hait\u00ed, ofrece una variedad de programas acad\u00e9micos enfocados en \u00e1reas estrat\u00e9gicas para el progreso social, econ\u00f3mico y cultural del pa\u00eds. Nuestra modalidad virtual permite que los estudiantes accedan a una educaci\u00f3n de calidad sin barreras geogr\u00e1ficas, adapt\u00e1ndose a sus necesidades y ritmo de vida.<\/p>\n\n\n\n<section class=\"portfolio_entrsairv\">\n \n  <!-- Filtros -->\n  <div class=\"filters_entrsairv\">\n    <filter-button class=\"filter-button active\" data-filter=\"all\">Todos<\/filter-button>\n<!--    <filter-button class=\"filter-button\" data-filter=\"especialidad\">Especialidades<\/filter-button>  -->\n<!--    <filter-button class=\"filter-button\" data-filter=\"bachillerato\">Bachilleratos<\/filter-button>   -->\n    <filter-button class=\"filter-button\" data-filter=\"licenciatura\">Licenciaturas<\/filter-button>     \n    <filter-button class=\"filter-button\" data-filter=\"maestria\">Maestr\u00edas<\/filter-button> \n<!--    <filter-button class=\"filter-button\" data-filter=\"doctorado\">Doctorados<\/filter-button>   -->\n  <\/div>\n\n  <!-- Grid de im\u00e1genes -->\n  <div class=\"portfolio-grid_entrsairv\">\n    <!-- Items de ejemplo -->\n\n<!-- comentado\n    <div class=\"portfolio-item_entrsairv especialidad\">\n      <img decoding=\"async\" src=\"https:\/\/dreamthemebd.dreamitsolution.net\/wp\/finweb\/wp-content\/uploads\/2024\/08\/project3.jpg\" alt=\"Especialidad en Capellan\u00eda\">\n      <div class=\"portfolio-overlay_entrsairv\">\n        <div class=\"overlay-content_entrsairv\">\n          <span class=\"category_entrsairv\">Especialidad en Capellan\u00eda<\/span>\n          <h4 class=\"project-title_entrsairv\">Especial\u00edzate en cuidado espiritual y liderazgo pastoral para servir con excelencia.<\/h4>\n          <a href=\"https:\/\/wa.me\/525513218953\" class=\"icon-link_entrsairv\"><i class=\"fa fa-info-circle\"><\/i><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\ncomentado -->   \n \n<!-- comentado\n    <div class=\"portfolio-item_entrsairv bachillerato\">\n      <img decoding=\"async\" src=\"https:\/\/img.freepik.com\/foto-gratis\/equipo-negocios-concepto-planificacion-negocios-globales-trabajo_53876-42763.jpg?t=st=1731002125~exp=1731005725~hmac=ab9cb19c0362696b590f0b1cf52f75a4856fd6a1c004da9c7fc6ccf3e53b56bc&w=996\" alt=\"Bachillerato en Teolog\u00eda\">\n      <div class=\"portfolio-overlay_entrsairv\">\n        <div class=\"overlay-content_entrsairv\">\n          <span class=\"category_entrsairv\">Bachillerato en Teolog\u00eda<\/span>\n          <h4 class=\"project-title_entrsairv\">Adquiere fundamentos esenciales de la teolog\u00eda para iniciar tu formaci\u00f3n espiritual y acad\u00e9mica.<\/h4>\n          <a href=\"https:\/\/wa.me\/525513218953\" class=\"icon-link_entrsairv\"><i class=\"fa fa-info-circle\"><\/i><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\ncomentado -->      \n    \n\n    <!-- Items de ejemplo -->\n    <div class=\"portfolio-item_entrsairv licenciatura\">\n      <img decoding=\"async\" src=\"https:\/\/sairv.com.mx\/wp-content\/uploads\/2025\/01\/politicas.jpg\" alt=\"Ciencias Pol\u00edticas y Gobierno\">\n      <div class=\"portfolio-overlay_entrsairv\">\n        <div class=\"overlay-content_entrsairv\">\n          <span class=\"category_entrsairv\">Ciencias Pol\u00edticas y Gobierno<\/span>\n          <h4 class=\"project-title_entrsairv\">Explora el poder, la pol\u00edtica y el liderazgo<\/h4>\n          <a href=\"#\" class=\"icon-link_entrsairv\"><i class=\"fa fa-info-circle\"><\/i><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <div class=\"portfolio-item_entrsairv licenciatura\">\n      <img decoding=\"async\" src=\"https:\/\/sairv.com.mx\/wp-content\/uploads\/2025\/01\/relaciones_internacionales-scaled.jpg\" alt=\"Relaciones Internacionales\">\n      <div class=\"portfolio-overlay_entrsairv\">\n        <div class=\"overlay-content_entrsairv\">\n          <span class=\"category_entrsairv\">Relaciones Internacionales<\/span>\n          <h4 class=\"project-title_entrsairv\">Conecta al mundo mediante diplomacia y cooperaci\u00f3n<\/h4>\n          <a href=\"#\" class=\"icon-link_entrsairv\"><i class=\"fa fa-info-circle\"><\/i><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    \n    <div class=\"portfolio-item_entrsairv licenciatura\">\n      <img decoding=\"async\" src=\"https:\/\/sairv.com.mx\/wp-content\/uploads\/2025\/01\/negocios-scaled.jpg\" alt=\"Negocios Internacionales\">\n      <div class=\"portfolio-overlay_entrsairv\">\n        <div class=\"overlay-content_entrsairv\">\n          <span class=\"category_entrsairv\">Negocios Internacionales<\/span>\n          <p class=\"project-title_entrsairv\">Lidera estrategias de comercio global<\/p>\n          <a href=\"#\" class=\"icon-link_entrsairv\"><i class=\"fa fa-info-circle\"><\/i><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    \n    <div class=\"portfolio-item_entrsairv licenciatura\">\n      <img decoding=\"async\" src=\"https:\/\/sairv.com.mx\/wp-content\/uploads\/2025\/01\/sociologia-scaled.jpg\" alt=\"Sociolog\u00eda\">\n      <div class=\"portfolio-overlay_entrsairv\">\n        <div class=\"overlay-content_entrsairv\">\n          <span class=\"category_entrsairv\">Sociolog\u00eda<\/span>\n          <h4 class=\"project-title_entrsairv\">Comprende la sociedad y sus din\u00e1micas<\/h4>\n          <a href=\"#\" class=\"icon-link_entrsairv\"><i class=\"fa fa-info-circle\"><\/i><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <div class=\"portfolio-item_entrsairv licenciatura\">\n      <img decoding=\"async\" src=\"https:\/\/sairv.com.mx\/wp-content\/uploads\/2025\/01\/lenguas-scaled.jpg\" alt=\"Lenguas Extranjeras\">\n      <div class=\"portfolio-overlay_entrsairv\">\n        <div class=\"overlay-content_entrsairv\">\n          <span class=\"category_entrsairv\">Lenguas Extranjeras<\/span>\n          <h4 class=\"project-title_entrsairv\">Comunica con el mundo sin fronteras<\/h4>\n          <a href=\"#\" class=\"icon-link_entrsairv\"><i class=\"fa fa-info-circle\"><\/i><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Repite los items seg\u00fan sea necesario -->\n    \n    <div class=\"portfolio-item_entrsairv maestria\">\n      <img decoding=\"async\" src=\"https:\/\/sairv.com.mx\/wp-content\/uploads\/2025\/01\/maestria_idiomas.jpg\" alt=\"Maestr\u00eda en Lenguas Extranjeras\">\n      <div class=\"portfolio-overlay_entrsairv\">\n        <div class=\"overlay-content_entrsairv\">\n          <span class=\"category_entrsairv\">Maestr\u00eda en Lenguas Extranjeras<\/span>\n          <h4 class=\"project-title_entrsairv\">Especializate en la comunicaci\u00f3n intercultural y ampl\u00eda tus oportunidades profesionales<\/h4>\n          <a href=\"https:\/\/wa.me\/525513218953\" class=\"icon-link_entrsairv\"><i class=\"fa fa-info-circle\"><\/i><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n\n<!--\n    <div class=\"portfolio-item_entrsairv doctorado\">\n      <img decoding=\"async\" src=\"https:\/\/img.freepik.com\/fotos-premium\/feliz-grupo-amigos-sosteniendo-muchas-banderas-internacionales_171337-35302.jpg?w=740\" alt=\"Doctorado en Teolog\u00eda y Ciencias Pastorales\">\n      <div class=\"portfolio-overlay_entrsairv\">\n        <div class=\"overlay-content_entrsairv\">\n          <span class=\"category_entrsairv\">Doctorado en Teolog\u00eda y Ciencias Pastorales<\/span>\n          <h4 class=\"project-title_entrsairv\">Investiga y lidera en teolog\u00eda y pastoral con un enfoque acad\u00e9mico y espiritual avanzado.<\/h4>\n          <a href=\"https:\/\/wa.me\/525513218953\" class=\"icon-link_entrsairv\"><i class=\"fa fa-info-circle\"><\/i><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\ncomentado -->  \n \n<\/section>\n\n\n<!-- ------------------------ Javascript para el filtro de la secci\u00f3n de oferta acad\u00e9mica -------------------------------  -->\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  const filterButtons = document.querySelectorAll('.filter-button');\n  const portfolioItems = document.querySelectorAll('.portfolio-item_entrsairv');\n\n  filterButtons.forEach(button => {\n    button.addEventListener('click', () => {\n      const filter = button.getAttribute('data-filter');\n\n      \/\/ Remover la clase 'active' de todos los botones\n      filterButtons.forEach(btn => btn.classList.remove('active'));\n\n      \/\/ A\u00f1adir la clase 'active' al bot\u00f3n que fue clicado\n      button.classList.add('active');\n\n      \/\/ Mostrar\/ocultar elementos seg\u00fan el filtro\n      portfolioItems.forEach(item => {\n        if (filter === 'all') {\n          item.style.display = 'block'; \/\/ Mostrar todos los elementos\n        } else if (item.classList.contains(filter)) {\n          item.style.display = 'block'; \/\/ Mostrar el elemento si coincide con el filtro\n        } else {\n          item.style.display = 'none'; \/\/ Ocultar los elementos que no coincidan con el filtro\n        }\n      });\n    });\n  });\n});\n<\/script>\n\n\n\n<!-- ------------------------ Estilo con CSS para secci\u00f3n de oferta acad\u00e9mica -------------------------------  -->\n\n<style>\n\n\/* Contenedor de la secci\u00f3n de portafolio *\/\n.portfolio_entrsairv {\n  text-align: center;\n  padding: 20px;\n  background-color: #ffffff;\n}\n\n\/* T\u00edtulo de la secci\u00f3n *\/\n.section-title_entrsairv .title_entrsairv {\n  font-size: 2rem;\n  color: #2f4b70;\n  margin: 15px 20%;\n}\n\n\n.description_entrsairv {\n  color: #808186;\n  margin-bottom: 30px;\n  margin: 15px 20%;\n}\n\n.filters_entrsairv {\n  display: flex;\n  flex-wrap: wrap;  \/* Permite que los botones se acomoden en varias filas si es necesario *\/\n  justify-content: center;  \/* Alinea los botones en el centro horizontalmente *\/\n  margin-bottom: 30px;\n}\n\n.filters_entrsairv .filter-button {\n  display: inline-flex;           \/* Cambia flex por inline-flex para que se ajuste al tama\u00f1o del contenido *\/\n  font-size: 0.8rem;\n  color: white;\n  font-weight: bold; \n  align-items: center;            \/* Alinea el contenido verticalmente *\/\n  justify-content: center;        \/* Alinea el contenido horizontalmente *\/\n  background-color: #2f4b70;\n  border: 2px solid white;\n  padding: 10px 15px;             \/* Ajusta el padding seg\u00fan sea necesario *\/\n  border-radius: 5px;\n  cursor: pointer;\n  margin: 0 5px;\n  transition: all 0.3s ease;\n  text-align: center;             \/* Asegura el centrado del texto *\/\n}\n\n.filters_entrsairv .filter-button.active {\n  background-color: #f1e899;\n  color: black;\n}\n\n.filters_entrsairv .filter-button:hover {\n  background-color: #f1e899 ;\n  color: black;\n}\n\n\n\/* Grid de im\u00e1genes *\/\n.portfolio-grid_entrsairv {\n  display: flex;\n  gap: 10px;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: flex-start; \/* Asegura que todas las tarjetas empiecen alineadas desde arriba *\/\n}\n\n.portfolio-item_entrsairv {\n  position: relative;\n  width: 300px;\n  height: 400px;  \/* Aumentado para que haya m\u00e1s espacio para el texto *\/\n  overflow: hidden;\n  border-radius: 10px;\n  transition: transform 0.3s ease;\n}\n\n.portfolio-item_entrsairv img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: 10px;\n  transition: transform 0.3s ease;\n}\n\n.portfolio-item_entrsairv:hover img {\n  transform: scale(1.1);\n}\n\n\n\/* Efecto de overlay *\/\n.portfolio-overlay_entrsairv {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.7);\n  opacity: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: opacity 0.3s ease;\n  border-radius: 10px;\n}\n\n.portfolio-item_entrsairv:hover .portfolio-overlay_entrsairv {\n  opacity: 1;\n}\n\n\/* Contenido del overlay *\/\n.overlay-content_entrsairv {\n  color: white;\n  text-align: center;\n  margin: 50px;\n}\n\n.category_entrsairv {\n  font-size: 1rem;\n  color: #f1e899;\n  font-weight: bold;\n  margin-bottom: 10px;\n  margin: 10px 0;\n}\n\n.project-title_entrsairv {\n  font-size: 1rem;\n  color:white;\n  margin: 10px 0;\n}\n\n.icon-link_entrsairv {\n  display: inline-block;\n  padding: 5px; \/* Incrementa el padding si deseas agrandar el \u00e1rea de clic *\/\n  border-radius: 50%;\n  color: white;\n  transition: background-color 0.3s ease;\n  font-size: 40px; \/* Incrementa el tama\u00f1o del \u00edcono *\/\n}\n\n.icon-link_entrsairv:hover {\n  color: #f1e899;\n}\n\n\/* Responsivo para m\u00f3viles *\/\n@media (max-width: 768px) {\n    \n\/* Contenedor de la secci\u00f3n de portafolio *\/\n.portfolio_entrsairv {\n  padding-top: 30px;\n}\n\n.description_entrsairv {\n  padding-bottom: 20px;\n  margin: 2px 2%;\n}\n\n.filters_entrsairv {\n   margin-bottom: 10px;\n}\n\n<\/style>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ventajas de estudiar con SAIRV<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">a. Metodolog\u00eda virtual flexible.<strong> <\/strong>Acceso a plataformas de aprendizaje desde cualquier lugar, facilitando la participaci\u00f3n de estudiantes con recursos tecnol\u00f3gicos limitados.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">b. Compromiso social. Cada programa integra proyectos de impacto comunitario, reforzando la solidaridad y la colaboraci\u00f3n en la formaci\u00f3n profesional.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">c. Soporte integral.<strong> <\/strong>Equipo docente y tutores especializados, disponibles para orientar y acompa\u00f1ar el proceso de aprendizaje a lo largo de la carrera.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">d. Enfoque innovador.<strong> <\/strong>Contenidos actualizados y recursos interactivos que promueven la investigaci\u00f3n, el pensamiento cr\u00edtico y el liderazgo transformador.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A trav\u00e9s de esta oferta acad\u00e9mica, buscamos formar agentes de cambio capaces de aportar soluciones concretas a los desaf\u00edos de Hait\u00ed, contribuyendo al crecimiento integral de sus comunidades y a la construcci\u00f3n de un futuro pr\u00f3spero para todos.<\/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<div style=\"height:27px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">Requisitos de ingreso<\/h2>\n\n\n\n<!-- SECCI\u00d3N DE REQUISITOS DE INGRESO -->\n<section class=\"requisitos-section\" style=\"margin: 0 auto; padding: 0px;\">\n  \n  <!-- Descripci\u00f3n en lugar de t\u00edtulo -->\n  <p style=\"margin-bottom: 20px;\">\n    Selecciona el programa que te interesa y marca los requisitos que ya cumples \n    para tu inscripci\u00f3n en SAIRV. En caso de no cumplir alguno, \n    no te preocupes, \u00a1te guiaremos para completarlo!\n  <\/p>\n\n  <!-- Selecci\u00f3n de programa -->\n  <label for=\"program-type\">Selecciona tu programa:<\/label>\n  <select id=\"program-type\" onchange=\"showProgramRequirements()\" style=\"margin-bottom: 20px; display: block;\">\n    <option value=\"\">&#8212; Elige una opci\u00f3n &#8212;<\/option>\n    <option value=\"posgrados\">Posgrados<\/option>\n    <option value=\"licenciaturas\">Licenciaturas<\/option>\n  <\/select>\n\n  <!-- Contenedor de requisitos para POSGRADOS -->\n  <div id=\"posgrados-requisitos\" style=\"display: none;\">\n    <p>Requisitos para Posgrados:<\/p>\n    <ul style=\"list-style-type: none; padding-left: 0;\">\n      <li>\n        <label style=\"display: flex; align-items: center; gap: 8px;\">\n          <input type=\"checkbox\" class=\"requisito posgrado-check\" \/>\n          T\u00edtulo de licenciatura o su equivalente.\n        <\/label>\n      <\/li>\n      <li>\n        <label style=\"display: flex; align-items: center; gap: 8px;\">\n          <input type=\"checkbox\" class=\"requisito posgrado-check\" \/>\n          Certificado de estudios de licenciatura.\n        <\/label>\n      <\/li>\n      <li>\n        <label style=\"display: flex; align-items: center; gap: 8px;\">\n          <input type=\"checkbox\" class=\"requisito posgrado-check\" \/>\n          Curr\u00edculum vitae actualizado.\n        <\/label>\n      <\/li>\n      <li>\n        <label style=\"display: flex; align-items: center; gap: 8px;\">\n          <input type=\"checkbox\" class=\"requisito posgrado-check\" \/>\n          Identificaci\u00f3n oficial.\n        <\/label>\n      <\/li>\n    <\/ul>\n  <\/div>\n\n  <!-- Contenedor de requisitos para LICENCIATURAS -->\n  <div id=\"licenciaturas-requisitos\" style=\"display: none;\">\n    <p>Requisitos para Licenciaturas:<\/p>\n    <ul style=\"list-style-type: none; padding-left: 0;\">\n      <li>\n        <label style=\"display: flex; align-items: center; gap: 8px;\">\n          <input type=\"checkbox\" class=\"requisito lic-check\" \/>\n          Certificado de bachillerato o equivalente.\n        <\/label>\n      <\/li>\n      <li>\n        <label style=\"display: flex; align-items: center; gap: 8px;\">\n          <input type=\"checkbox\" class=\"requisito lic-check\" \/>\n          Acta de nacimiento.\n        <\/label>\n      <\/li>\n      <li>\n        <label style=\"display: flex; align-items: center; gap: 8px;\">\n          <input type=\"checkbox\" class=\"requisito lic-check\" \/>\n          Identificaci\u00f3n oficial.\n        <\/label>\n      <\/li>\n      <li>\n        <label style=\"display: flex; align-items: center; gap: 8px;\">\n          <input type=\"checkbox\" class=\"requisito lic-check\" \/>\n          Correo electr\u00f3nico activo.\n        <\/label>\n      <\/li>\n    <\/ul>\n  <\/div>\n\n  <!-- Bot\u00f3n para verificar requisitos -->\n  <button \n    onclick=\"checkRequirements()\" \n    style=\"\n      margin-top: 20px;\n      padding: 10px 20px; \n      border: none; \n      background: #2f4b70; \n      color: #fff; \n      border-radius: 5px; \n      cursor: pointer;\n    \"\n  >\n    Verificar\n  <\/button>\n  \n  <!-- Mensaje que se actualiza seg\u00fan cumpla o no los requisitos -->\n  <p id=\"mensaje-requisitos\" style=\"margin-top: 20px; font-weight: bold;\"><\/p>\n<\/section>\n\n<script>\n  \/\/ Funci\u00f3n para mostrar los requisitos seg\u00fan la opci\u00f3n elegida\n  function showProgramRequirements() {\n    const programType = document.getElementById('program-type').value;\n    const posgradosContainer = document.getElementById('posgrados-requisitos');\n    const licContainer = document.getElementById('licenciaturas-requisitos');\n\n    \/\/ Oculta ambos contenedores al cambiar la selecci\u00f3n\n    posgradosContainer.style.display = 'none';\n    licContainer.style.display = 'none';\n\n    \/\/ Muestra el contenedor correspondiente\n    if (programType === 'posgrados') {\n      posgradosContainer.style.display = 'block';\n    } else if (programType === 'licenciaturas') {\n      licContainer.style.display = 'block';\n    }\n\n    \/\/ Limpia el mensaje anterior\n    document.getElementById('mensaje-requisitos').textContent = '';\n  }\n\n  \/\/ Funci\u00f3n para verificar si todos los requisitos del programa seleccionado est\u00e1n marcados\n  function checkRequirements() {\n    const programType = document.getElementById('program-type').value;\n    const mensajeEl = document.getElementById('mensaje-requisitos');\n\n    \/\/ Si no se ha seleccionado un programa, mostraremos un aviso\n    if (!programType) {\n      mensajeEl.textContent = 'Por favor, selecciona un programa para verificar tus requisitos.';\n      mensajeEl.style.color = 'red';\n      return;\n    }\n\n    let checkboxes;\n    \/\/ Dependiendo del programa, seleccionamos los checkboxes adecuados\n    if (programType === 'posgrados') {\n      checkboxes = document.querySelectorAll('.posgrado-check');\n    } else {\n      checkboxes = document.querySelectorAll('.lic-check');\n    }\n\n    \/\/ Verificamos si TODOS los checkboxes est\u00e1n seleccionados\n    const allChecked = Array.from(checkboxes).every(checkbox => checkbox.checked);\n\n    if (allChecked) {\n      mensajeEl.textContent = '\u00a1Excelente, cumples todos los requisitos!';\n      mensajeEl.style.color = 'green';\n    } else {\n      mensajeEl.textContent = 'Te falta alg\u00fan requisito, no importa; cont\u00e1ctanos y te guiamos para resolverlo. En SAIRV, buscamos la forma de que nadie se queda sin estudiar.';\n      mensajeEl.style.color = 'red';\n    }\n  }\n<\/script>\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<div style=\"height:27px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">Simulador de costos de colegiatura<\/h2>\n\n\n\n<!-- SIMULADOR DE COSTOS EXTENDIDO CON DESGLOSE -->\n<section class=\"simulador-costos\" style=\"margin: 0 auto; padding: 0px;\">\n  <!-- Nota sobre el ciclo actual -->\n  <p>\n    *Este simulador est\u00e1 actualizado con los aranceles correspondientes al ciclo <strong>2025B<\/strong>. El valor final es aproximado y se calcula en funci\u00f3n del n\u00famero de cr\u00e9ditos que requiera para aprobar el programa, puede ser total o por semestre.\n  <\/p>\n\n  <p>Completa los siguientes campos para estimar tu costo:<\/p>\n\n  <!-- Selecci\u00f3n de programa -->\n  <div style=\"margin-bottom: 20px;\">\n    <label for=\"programa\">Programa:<\/label>\n    <select id=\"programa\" style=\"margin-left: 10px;\" onchange=\"actualizarCosto()\">\n      <option value=\"\">&#8212; Elige una opci\u00f3n &#8212;<\/option>\n      <option value=\"licenciatura\">Licenciatura<\/option>\n      <option value=\"posgrado\">Posgrado<\/option>\n    <\/select>\n  <\/div>\n  \n  <!-- N\u00famero de cr\u00e9ditos -->\n  <div style=\"margin-bottom: 20px;\">\n    <label for=\"numeroCreditos\">N\u00famero de cr\u00e9ditos:<\/label>\n    <input \n      type=\"number\" \n      id=\"numeroCreditos\" \n      style=\"width: 60px; margin-left: 10px;\" \n      min=\"1\" \n      value=\"1\"\n      onchange=\"actualizarCosto()\" \n    \/>\n    <p style=\"font-size: 0.9em; color: #666; margin: 5px 0 0;\">\n      Ingresa los cr\u00e9ditos totales que planeas cursar (pueden ser del semestre o del \n      programa completo).\n    <\/p>\n  <\/div>\n  \n  <!-- Moneda -->\n  <div style=\"margin-bottom: 20px;\">\n    <label for=\"moneda\">Moneda:<\/label>\n    <select id=\"moneda\" style=\"margin-left: 10px;\" onchange=\"actualizarCosto()\">\n      <option value=\"MXN\">Pesos Mexicanos (MXN)<\/option>\n      <option value=\"USD\">D\u00f3lares (USD)<\/option>\n      <option value=\"HTG\">Gourdes (HTG)<\/option>\n    <\/select>\n  <\/div>\n\n  <!-- Apoyos Financieros -->\n  <h3>Apoyos Financieros<\/h3>\n  <p style=\"font-size: 0.9em; color: #666;\">\n    Los apoyos financieros se aplican de forma secuencial sobre la colegiatura base \n    (beca y luego pr\u00e9stamo).\n  <\/p>\n\n  <!-- Beca -->\n  <div style=\"margin-bottom: 10px;\">\n    <label for=\"beca\">Beca:<\/label>\n    <select id=\"beca\" style=\"margin-left: 10px;\" onchange=\"actualizarCosto()\">\n      <option value=\"0\">Sin beca<\/option>\n      <option value=\"0.15\">Beca 1 (15%)<\/option>\n      <option value=\"0.30\">Beca 2 (30%)<\/option>\n      <option value=\"0.50\">Beca 3 (50%)<\/option>\n    <\/select>\n  <\/div>\n\n  <!-- Pr\u00e9stamo Educativo -->\n  <div style=\"margin-bottom: 20px;\">\n    <label for=\"prestamo\">Pr\u00e9stamo Educativo:<\/label>\n    <select id=\"prestamo\" style=\"margin-left: 10px;\" onchange=\"actualizarCosto()\">\n      <option value=\"0\">Sin pr\u00e9stamo<\/option>\n      <option value=\"0.15\">Pr\u00e9stamo 15%<\/option>\n      <option value=\"0.30\">Pr\u00e9stamo 30%<\/option>\n      <option value=\"0.50\">Pr\u00e9stamo 50%<\/option>\n    <\/select>\n  <\/div>\n  \n  <!-- Seguro de Gastos M\u00e9dicos Mayores -->\n  <h3>\u00bfDeseas contratar el Seguro de Gastos M\u00e9dicos Mayores?<\/h3>\n  <p style=\"font-size: 0.9em; color: #666;\">\n    Este seguro no es obligatorio, pero SAIRV salvaguarda la salud de los estudiantes \n    y ofrece este servicio opcional.\n  <\/p>\n  <div style=\"margin-bottom: 10px;\">\n    <label style=\"margin-right: 10px;\">\n      <input type=\"radio\" name=\"seguro\" value=\"si\" checked onchange=\"toggleSeguro()\" \/>\n      S\u00ed\n    <\/label>\n    <label>\n      <input type=\"radio\" name=\"seguro\" value=\"no\" onchange=\"toggleSeguro()\" \/>\n      No\n    <\/label>\n  <\/div>\n  \n  <!-- Tipo de seguro -->\n  <div id=\"tipoSeguroContainer\" style=\"display: block; margin-bottom: 20px;\">\n    <label for=\"tipoSeguro\">Selecciona el tipo de Seguro:<\/label>\n    <select id=\"tipoSeguro\" style=\"margin-left: 10px;\" onchange=\"actualizarCosto()\">\n      <option value=\"basico\">Plan B\u00e1sico<\/option>\n      <option value=\"premium\">Plan Premium<\/option>\n    <\/select>\n  <\/div>\n\n  <!-- Fondo de Ahorro del Estudiante (5% de la colegiatura) -->\n  <h3>Fondo de Ahorro del Estudiante (5%)<\/h3>\n  <p style=\"font-size: 0.9em; color: #666;\">\n    Si activas este fondo, aportar\u00e1s un 5% adicional sobre la colegiatura. Al \n    finalizar tu programa, se te devolver\u00e1 junto con un apoyo econ\u00f3mico extra \n    para iniciar tu propio proyecto o negocio.\n  <\/p>\n  <div style=\"margin-bottom: 10px;\">\n    <label style=\"margin-right: 10px;\">\n      <input type=\"radio\" name=\"ahorro\" value=\"si\" checked onchange=\"actualizarCosto()\" \/>\n      S\u00ed\n    <\/label>\n    <label>\n      <input type=\"radio\" name=\"ahorro\" value=\"no\" onchange=\"actualizarCosto()\" \/>\n      No\n    <\/label>\n  <\/div>\n\n  <!-- TARJETA DE RESULTADO: DESGLOSE -->\n  <div style=\"background: #f7f7f7; padding: 15px; border-radius: 5px;\">\n    <!-- T\u00edtulo y Total en grande -->\n    <h3 style=\"color: green; margin: 0;\">Total de contado<\/h3>\n    <p id=\"res-costoTotal\" style=\"font-size: 1.2rem; font-weight: bold; color: green; margin: 5px 0;\"><\/p>\n\n    <!-- Desglose en tabla (con estilos compactos) -->\n    <hr \/>\n    <table class=\"tabla-desglose\">\n      <thead>\n        <tr>\n          <th>Concepto<\/th>\n          <th>Importe<\/th>\n        <\/tr>\n      <\/thead>\n      <tbody>\n        <!-- Colegiatura antes de descuentos -->\n        <tr>\n          <td id=\"res-colegiatura-lbl\">Colegiatura (0 cr\u00e9ditos)<\/td>\n          <td id=\"res-colegiatura\">$0.00<\/td>\n        <\/tr>\n        <!-- Descuento por Beca -->\n        <tr>\n          <td>Beca<\/td>\n          <td id=\"res-beca\">$0.00<\/td>\n        <\/tr>\n        <!-- Descuento por Pr\u00e9stamo -->\n        <tr>\n          <td>Pr\u00e9stamo Educativo<\/td>\n          <td id=\"res-prestamo\">$0.00<\/td>\n        <\/tr>\n        <!-- Subtotal Colegiatura (despu\u00e9s de beca + pr\u00e9stamo) -->\n        <tr>\n          <th>Subtotal Colegiatura<\/th>\n          <th id=\"res-subtotalColegiatura\">$0.00<\/th>\n        <\/tr>\n      <\/tbody>\n    <\/table>\n\n    <h4 style=\"margin: 5px 0; font-size: 1.1rem; font-weight: bold;\">Seguro y Fondo de Ahorro<\/h4>\n    <table class=\"tabla-desglose\">\n      <tbody>\n        <tr>\n          <td>Seguro de Gastos M\u00e9dicos<\/td>\n          <td id=\"res-seguro\">$0.00<\/td>\n        <\/tr>\n        <tr>\n          <td>Fondo de Ahorro<\/td>\n          <td id=\"res-fondoAhorro\">$0.00<\/td>\n        <\/tr>\n        <tr>\n          <th>Subtotal Seguros y Cobertura<\/th>\n          <th id=\"res-subtotalSeguroCobertura\">$0.00<\/th>\n        <\/tr>\n      <\/tbody>\n    <\/table>\n  <\/div>\n<\/section>\n\n<!-- ESTILOS PARA TABLA COMPACTA -->\n<style>\n  .tabla-desglose {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 0;\n    margin-bottom: 8px;\n  }\n  .tabla-desglose th,\n  .tabla-desglose td {\n    text-align: left;\n    padding: 4px 6px; \/* Ajusta para mayor o menor compresi\u00f3n *\/\n    font-size: 0.9rem;\n    vertical-align: middle;\n  }\n  .tabla-desglose th {\n    font-weight: bold;\n  }\n  .tabla-desglose tr th {\n    background-color: #f0f0f0; \/* color de fondo opcional para encabezados\/subtotales *\/\n  }\n<\/style>\n\n<script>\n  \/* CONFIGURACIONES SIMULADAS (ajusta a tu realidad) *\/\n  \/\/ Costos por cr\u00e9dito en MXN\n  const COSTO_CREDITO_LIC = 1000;  \/\/ Licenciatura\n  const COSTO_CREDITO_POS = 1500;  \/\/ Posgrado\n\n  \/\/ Costos de seguro en MXN\n  const SEGURO_BASICO_MXN = 2000;\n  const SEGURO_PREMIUM_MXN = 4000;\n\n  \/\/ Tipos de cambio (simulados)\n  const TC_USD = 17.5;  \n  const TC_HTG = 0.17;  \n\n  \/\/ Porcentaje para el Fondo de Ahorro (5% = 0.05)\n  const FONDO_AHORRO = 0.05;\n\n  \/* L\u00d3GICA DEL SEGURO: Mostrar\/ocultar plan *\/\n  function toggleSeguro() {\n    const seguroRadios = document.getElementsByName('seguro');\n    let seguroSi = false;\n    for (let radio of seguroRadios) {\n      if (radio.checked && radio.value === 'si') {\n        seguroSi = true;\n        break;\n      }\n    }\n    document.getElementById('tipoSeguroContainer').style.display = seguroSi ? 'block' : 'none';\n    actualizarCosto();\n  }\n\n  \/* C\u00c1LCULO DE COSTOS *\/\n  function actualizarCosto() {\n    const programa = document.getElementById('programa').value;\n    const numeroCreditos = parseInt(document.getElementById('numeroCreditos').value, 10);\n    const moneda = document.getElementById('moneda').value;\n    const becaPercent = parseFloat(document.getElementById('beca').value);\n    const prestamoPercent = parseFloat(document.getElementById('prestamo').value);\n\n    \/\/ Determinar si seguro y fondo est\u00e1n activos\n    const seguroRadios = document.getElementsByName('seguro');\n    let seguroSi = false;\n    for (let radio of seguroRadios) {\n      if (radio.checked && radio.value === 'si') {\n        seguroSi = true;\n        break;\n      }\n    }\n    const tipoSeguro = document.getElementById('tipoSeguro').value;\n\n    const ahorroRadios = document.getElementsByName('ahorro');\n    let ahorroSi = false;\n    for (let radio of ahorroRadios) {\n      if (radio.checked && radio.value === 'si') {\n        ahorroSi = true;\n        break;\n      }\n    }\n\n    \/* REFERENCIA AL DOM PARA MOSTRAR RESULTADOS *\/\n    const lblColeg = document.getElementById('res-colegiatura-lbl');\n    const valColeg = document.getElementById('res-colegiatura');\n    const valBeca = document.getElementById('res-beca');\n    const valPrestamo = document.getElementById('res-prestamo');\n    const valSubColegiatura = document.getElementById('res-subtotalColegiatura');\n    const valSeguro = document.getElementById('res-seguro');\n    const valFondo = document.getElementById('res-fondoAhorro');\n    const valSubSeguro = document.getElementById('res-subtotalSeguroCobertura');\n    const valTotal = document.getElementById('res-costoTotal');\n\n    \/\/ Validaciones\n    if (!programa) {\n      valTotal.textContent = 'Selecciona un programa';\n      limpiarDesglose();\n      return;\n    }\n    if (isNaN(numeroCreditos) || numeroCreditos < 1) {\n      valTotal.textContent = 'Ingresa un n\u00famero de cr\u00e9ditos v\u00e1lido';\n      limpiarDesglose();\n      return;\n    }\n\n    \/\/ Determinar costo base por cr\u00e9dito\n    let costoBaseCredito = (programa === 'licenciatura') \n                            ? COSTO_CREDITO_LIC \n                            : COSTO_CREDITO_POS;\n\n    \/\/ Colegiatura Base en MXN\n    const colegiaturaBaseMXN = costoBaseCredito * numeroCreditos;\n    \/\/ Descuento por beca\n    const descuentoBecaMXN = colegiaturaBaseMXN * becaPercent;\n    \/\/ Subtotal tras beca\n    const subtotalBecaMXN = colegiaturaBaseMXN - descuentoBecaMXN;\n    \/\/ Descuento por pr\u00e9stamo\n    const descuentoPrestamoMXN = subtotalBecaMXN * prestamoPercent;\n    \/\/ Subtotal tras pr\u00e9stamo\n    const subtotalColegiaturaMXN = subtotalBecaMXN - descuentoPrestamoMXN;\n\n    \/\/ Fondo de Ahorro (5% de la colegiatura tras descuentos)\n    const fondoMXN = ahorroSi ? (subtotalColegiaturaMXN * FONDO_AHORRO) : 0;\n\n    \/\/ Seguro\n    let costoSeguroMXN = 0;\n    if (seguroSi) {\n      costoSeguroMXN = (tipoSeguro === 'basico')\n                         ? SEGURO_BASICO_MXN\n                         : SEGURO_PREMIUM_MXN;\n    }\n\n    \/\/ Subtotal de seguros y coberturas (fondo + seguro)\n    const subtotalSeguroCobMXN = costoSeguroMXN + fondoMXN;\n    \n    \/\/ Total en MXN\n    const totalMXN = subtotalColegiaturaMXN + subtotalSeguroCobMXN;\n\n    \/\/ Convertir cada parte a la moneda elegida\n    function convertir(valorMXN) {\n      switch(moneda) {\n        case 'USD': return valorMXN \/ TC_USD;\n        case 'HTG': return valorMXN \/ TC_HTG;\n        default:    return valorMXN; \/\/ MXN\n      }\n    }\n\n    \/\/ Formatea un n\u00famero con 2 decimales\n    function fmt(valor) {\n      return valor.toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n    }\n\n    \/\/ Actualizar etiquetas del desglose\n    lblColeg.textContent = `Colegiatura (${numeroCreditos} cr\u00e9ditos)`;\n    valColeg.textContent = `$${fmt(convertir(colegiaturaBaseMXN))}`;\n    valBeca.textContent = becaPercent > 0 \n                          ? `-$${fmt(convertir(descuentoBecaMXN))}` \n                          : `$0.00`;\n    valPrestamo.textContent = prestamoPercent > 0 \n                              ? `-$${fmt(convertir(descuentoPrestamoMXN))}` \n                              : `$0.00`;\n    valSubColegiatura.textContent = `$${fmt(convertir(subtotalColegiaturaMXN))}`;\n    valSeguro.textContent = seguroSi \n                            ? `$${fmt(convertir(costoSeguroMXN))}`\n                            : `$0.00`;\n    valFondo.textContent = ahorroSi \n                           ? `$${fmt(convertir(fondoMXN))}`\n                           : `$0.00`;\n    valSubSeguro.textContent = `$${fmt(convertir(subtotalSeguroCobMXN))}`;\n    valTotal.textContent = `$${fmt(convertir(totalMXN))}`;\n  }\n\n  \/\/ Limpia la tabla si hay error\n  function limpiarDesglose() {\n    document.getElementById('res-colegiatura-lbl').textContent = 'Colegiatura (0 cr\u00e9ditos)';\n    document.getElementById('res-colegiatura').textContent = '$0.00';\n    document.getElementById('res-beca').textContent = '$0.00';\n    document.getElementById('res-prestamo').textContent = '$0.00';\n    document.getElementById('res-subtotalColegiatura').textContent = '$0.00';\n    document.getElementById('res-seguro').textContent = '$0.00';\n    document.getElementById('res-fondoAhorro').textContent = '$0.00';\n    document.getElementById('res-subtotalSeguroCobertura').textContent = '$0.00';\n  }\n\n  \/\/ Inicializa al cargar la p\u00e1gina\n  window.onload = () => {\n    toggleSeguro(); \/\/ Para asegurar la l\u00f3gica del seguro desde el principio\n    actualizarCosto();\n  };\n<\/script>\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<h2 class=\"wp-block-heading\">Descarga tu folleto informativo PDF<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"registerInstructions_haiti\">Por favor, completa el siguiente formulario para habilitar la descarga del folleto correspondiente a tu programa de inter\u00e9s.<\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n  <meta charset=\"UTF-8\">\n  <title>Formulario Extensi\u00f3n Hait\u00ed<\/title>\n  <style>\n    .container_haiti {\n      margin: 0 auto;\n      padding: 10px;\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_haiti {\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_haiti 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      font-family: inherit;\n    }\n\n    select, input[type=\"tel\"], input[type=\"text\"], input[type=\"email\"], textarea {\n      width: 100%;\n      box-sizing: border-box;\n      margin-bottom: 10px !important;\n    }\n\n    .form-button_haiti {\n      background: linear-gradient(180deg, #2f4b70, #000000) !important;\n      color: white !important;\n      cursor: pointer !important;\n      width: auto !important;\n      padding: 15px 20px !important;\n      text-align: left !important;\n      border: none !important;\n      margin-top: 20px !important;\n      border-radius: 5px !important;\n    }\n    .form-button_haiti:hover {\n      background: linear-gradient(180deg, #f1e899, #808186) !important;\n      color: black !important;\n    }\n\n    .form-button_haiti2 {\n      border-radius: 5px !important;\n    }\n\n    .hidden_haiti {\n      display: none;\n    }\n\n    @media (max-width: 768px) {\n      .container_haiti {\n        padding: 15px;\n      }\n      .form-button_haiti {\n        width: 100%;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n\n<div class=\"container_haiti\">\n  <div class=\"header-box_haiti\">\n    <h3 class=\"section-title_haiti\">Formulario<\/h3>\n  <\/div>\n  \n  <!-- FORMULARIO -->\n  <form id=\"sairvDownloadForm_haiti\">\n\n    <label for=\"download_name_haiti\">Nombres completos *<\/label>\n    <input type=\"text\" id=\"download_name_haiti\" name=\"download_name\" required placeholder=\"Ingrese su nombre\">\n\n    <label for=\"download_email_haiti\">Correo electr\u00f3nico *<\/label>\n    <input type=\"email\" id=\"download_email_haiti\" name=\"download_email\" required placeholder=\"Ingrese su correo electr\u00f3nico\">\n\n    <label for=\"download_phone_haiti\">Celular *<\/label>\n    <div style=\"display: flex; gap: 10px; flex-wrap: wrap;\">\n      <select id=\"country_code_haiti\" name=\"country_code\" required style=\"width: 30%;\">\n        <option value=\"+52\">M\u00e9xico (+52)<\/option>\n        <option value=\"+509\">Hait\u00ed (+509)<\/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_haiti\" name=\"download_phone\" required placeholder=\"Ingrese su n\u00famero\" style=\"flex:1;\">\n    <\/div>\n\n    <label for=\"tipoPrograma_haiti\">Tipo de Programa *<\/label>\n    <select id=\"tipoPrograma_haiti\" name=\"tipoPrograma\" required onchange=\"mostrarEspecialidadesHaiti()\">\n      <option value=\"\">&#8212; Selecciona &#8212;<\/option>\n      <option value=\"licenciatura\">Licenciatura<\/option>\n      <option value=\"posgrado\">Posgrado<\/option>\n    <\/select>\n\n    <div id=\"especialidadGroup_haiti\" class=\"hidden_haiti\">\n      <label for=\"especialidad_haiti\">Especialidad \/ Carrera *<\/label>\n      <select id=\"especialidad_haiti\" name=\"especialidad\"><\/select>\n    <\/div>\n\n    <label for=\"download_message_haiti\">D\u00e9janos tu mensaje (m\u00e1x. 400 palabras)<\/label>\n    <textarea id=\"download_message_haiti\" name=\"download_message\" rows=\"5\" placeholder=\"Escribe tu mensaje aqu\u00ed...\"><\/textarea>\n\n    <!-- NUEVO: Campo oculto de Origen -->\n    <input type=\"hidden\" id=\"origen_hidden_haiti\" value=\"Formulario Extensi\u00f3n SAIRV Hait\u00ed\">\n\n    <button class=\"form-button_haiti2\" type=\"submit\">Registrarse<\/button>\n  <\/form>\n\n  <!-- SECCI\u00d3N DE DESCARGA -->\n  <div id=\"downloadSection_haiti\" class=\"hidden_haiti\">\n    <p>\u00a1Gracias por registrarte! Ahora puedes descargar el archivo PDF de tu programa.<\/p>\n    <a id=\"downloadLink_haiti\"\n       href=\"#\"\n       download\n       class=\"form-button_haiti\"\n       style=\"text-decoration: none; margin-right: 10px;\"\n    >\n      Descargar PDF\n    <\/a>\n    <button class=\"form-button_haiti2\" onclick=\"resetFormHaiti()\">Volver a registrarse<\/button>\n  <\/div>\n<\/div>\n\n<script>\n  const pdfsLicenciaturas = {\n    \"Lenguas Extranjeras\"         : \"https:\/\/sairv.com.mx\/wp-content\/themes\/gradiant-child\/pdf\/Lenguas_Extranjeras.pdf\",\n    \"Negocios Internacionales\"    : \"https:\/\/sairv.com.mx\/wp-content\/themes\/gradiant-child\/pdf\/Negocios_Internacionales.pdf\",\n    \"Relaciones Internacionales\"  : \"https:\/\/sairv.com.mx\/wp-content\/themes\/gradiant-child\/pdf\/Relaciones_Internacionales.pdf\",\n    \"Sociolog\u00eda\"                  : \"https:\/\/sairv.com.mx\/wp-content\/themes\/gradiant-child\/pdf\/Sociologia.pdf\",\n    \"Pol\u00edticas\"                   : \"https:\/\/sairv.com.mx\/wp-content\/themes\/gradiant-child\/pdf\/Ciencias_Politicas_Gobierno.pdf\"\n  };\n\n  const pdfsPosgrado = {\n    \"Maestr\u00eda en Lenguas Extranjeras\": \"https:\/\/sairv.com.mx\/wp-content\/themes\/gradiant-child\/pdf\/Lenguas_Extranjeras.pdf\"\n  };\n\n  function mostrarEspecialidadesHaiti() {\n    const tipoPrograma = document.getElementById('tipoPrograma_haiti').value;\n    const especGroup   = document.getElementById('especialidadGroup_haiti');\n    const especSelect  = document.getElementById('especialidad_haiti');\n\n    especSelect.innerHTML = \"\";\n\n    if (!tipoPrograma) {\n      especGroup.classList.add('hidden_haiti');\n      return;\n    }\n\n    const opciones = tipoPrograma === \"licenciatura\" ? pdfsLicenciaturas : pdfsPosgrado;\n    Object.keys(opciones).forEach(nombre => {\n      const option = document.createElement('option');\n      option.value = nombre;\n      option.textContent = nombre;\n      especSelect.appendChild(option);\n    });\n\n    especGroup.classList.remove('hidden_haiti');\n  }\n\n  function countWords(text) {\n    return text.trim().split(\/\\s+\/).filter(Boolean).length;\n  }\n\n  document.getElementById('sairvDownloadForm_haiti').addEventListener('submit', function(event) {\n    event.preventDefault();\n\n    const name         = document.getElementById('download_name_haiti').value.trim();\n    const email        = document.getElementById('download_email_haiti').value.trim();\n    const countryCode  = document.getElementById('country_code_haiti').value;\n    const phone        = document.getElementById('download_phone_haiti').value.trim();\n    const tipoPrograma = document.getElementById('tipoPrograma_haiti').value;\n    const especialidad = document.getElementById('especialidad_haiti').value;\n    const message      = document.getElementById('download_message_haiti').value.trim();\n    const origen       = document.getElementById('origen_hidden_haiti').value; \/\/ Nuevo campo capturado\n\n    if (!name || !email || !phone || !tipoPrograma || !especialidad) {\n      alert('Por favor, complete todos los campos requeridos.');\n      return;\n    }\n\n    const wordCount = countWords(message);\n    if (wordCount > 400) {\n      alert(`Tu mensaje excede las 400 palabras (actual: ${wordCount}).`);\n      return;\n    }\n\n    let pdfUrl = tipoPrograma === 'licenciatura' ? pdfsLicenciaturas[especialidad] : pdfsPosgrado[especialidad];\n\n    const formData = {\n      name: name,\n      email: email,\n      phone: `${countryCode} ${phone}`,\n      programa: tipoPrograma,\n      especialidad: especialidad,\n      mensaje: message || \"-\",\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_haiti').classList.add('hidden_haiti');\n        const downloadLink = document.getElementById('downloadLink_haiti');\n        downloadLink.href = pdfUrl;\n        document.getElementById('downloadSection_haiti').classList.remove('hidden_haiti');\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  });\n\n  function resetFormHaiti() {\n    document.getElementById('sairvDownloadForm_haiti').reset();\n    document.getElementById('especialidadGroup_haiti').classList.add('hidden_haiti');\n    document.getElementById('sairvDownloadForm_haiti').classList.remove('hidden_haiti');\n    document.getElementById('downloadSection_haiti').classList.add('hidden_haiti');\n  }\n<\/script>\n\n<\/body>\n<\/html>\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","protected":false},"excerpt":{"rendered":"<p>Educaci\u00f3n transformadora para el futuro de Hait\u00ed La Universidad SAIRV llega a Hait\u00ed con un prop\u00f3sito claro: revolucionar la educaci\u00f3n superior mediante formaci\u00f3n virtual de calidad, dise\u00f1ada espec\u00edficamente para llegar a regiones vulnerables y comunidades desfavorecidas. Creemos firmemente que la educaci\u00f3n a distancia, centrada en la innovaci\u00f3n y la accesibilidad, puede convertirse en un motor [&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-383","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sairv.com.mx\/index.php\/wp-json\/wp\/v2\/pages\/383","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=383"}],"version-history":[{"count":110,"href":"https:\/\/sairv.com.mx\/index.php\/wp-json\/wp\/v2\/pages\/383\/revisions"}],"predecessor-version":[{"id":527,"href":"https:\/\/sairv.com.mx\/index.php\/wp-json\/wp\/v2\/pages\/383\/revisions\/527"}],"wp:attachment":[{"href":"https:\/\/sairv.com.mx\/index.php\/wp-json\/wp\/v2\/media?parent=383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}