}


<style>

    .custom-logo {
        image-rendering: -webkit-optimize-contrast;
    }

    /*----------MEDIAS--QUERYS--------------*/


    /*----------------------------MOVIL---------0px--TO--576px-------------------*/


    @media only screen and (max-width: 576px) {

        h1 {
            font-size: 16px !important;
        }

        h2 {
            font-size: 15px !important;
        }

        h3 {
            font-size: 14px !important;
        }

        h4 {
            font-size: 13px !important;
        }

        h5 {
            font-size: 12px !important;
        }

        h6 {
            font-size: 13px !important;
        }



        txt6 {
            font-size: 12px !important;
        }

        txt5 {
            font-size: 11px !important;
        }

        txt4 {
            font-size: 11px !important;
        }

        txt3 {
            font-size: 11px !important;
        }

        txt2 {
            font-size: 11px !important;
        }
    }



    /*----------------------------Tab1-----------FROM--576PX--TO--768PX----------*/


    @media only screen and (min-width: 577px) {

        h1 {
            font-size: 16px !important;
        }

        h2 {
            font-size: 15px !important;
        }

        h3 {
            font-size: 14px !important;
        }

        h4 {
            font-size: 13px !important;
        }

        h5 {
            font-size: 12px !important;
        }

        h6 {
            font-size: 13px !important;
        }


        txt6 {
            font-size: 12px !important;
        }

        txt5 {
            font-size: 11px !important;
        }

        txt4 {
            font-size: 11px !important;
        }

        txt3 {
            font-size: 11px !important;
        }

        txt2 {
            font-size: 11px !important;
        }
    }



    /*----------------------------TAB2--------FROM--768PX--TO--992PX-------------*/


    @media only screen and (min-width: 768px) {

        h1 {
            font-size: 24px !important;
        }

        h2 {
            font-size: 22px !important;
        }

        h3 {
            font-size: 20px !important;
        }

        h4 {
            font-size: 18px !important;
        }

        h5 {
            font-size: 16px !important;
        }

        h6 {
            font-size: 15px !important;
        }

        txt6 {
            font-size: 14px !important;
        }

        txt5 {
            font-size: 13px !important;
        }

        txt4 {
            font-size: 12px !important;
        }

        txt3 {
            font-size: 12px !important;
        }

        txt2 {
            font-size: 11px !important;
        }
    }




    /*----------------------------TAB3-----------FROM--992PX--TO--1200PX----------*/


    @media only screen and (min-width: 992px) {

        h1 {
            font-size: 24px !important;
        }

        h2 {
            font-size: 22px !important;
        }

        h3 {
            font-size: 20px !important;
        }

        h4 {
            font-size: 18px !important;
        }

        h5 {
            font-size: 16px !important;
        }

        h6 {
            font-size: 15px !important;
        }

        txt6 {
            font-size: 14px !important;
        }

        txt5 {
            font-size: 13px !important;
        }

        txt4 {
            font-size: 12px !important;
        }

        txt3 {
            font-size: 12px !important;
        }

        txt2 {
            font-size: 11px !important;
        }
    }



    /*--------------------------LapNotebook--------FROM--1200PX--TO--1400--------*/


    @media only screen and (min-width: 1200px) {

        h1 {
            font-size: 40px !important;
        }

        h2 {
            font-size: 34px !important;
        }

        h3 {
            font-size: 28px !important;
        }

        h4 {
            font-size: 24px !important;
        }

        h5 {
            font-size: 20px !important;
        }

        h6 {
            font-size: 18px !important;
        }

        txt6 {
            font-size: 16px !important;
        }

        txt5 {
            font-size: 15px !important;
        }

        txt4 {
            font-size: 14px !important;
        }

        txt3 {
            font-size: 13px !important;
        }

        txt2 {
            font-size: 12px !important;
        }
    }


    /*------------------------DESKTOP---------FROM--1400--TO--UPPER(4k)----------*/


    @media only screen and (min-width: 1400px) {

        h1 {
            font-size: 40px !important;
        }

        h2 {
            font-size: 34px !important;
        }

        h3 {
            font-size: 28px !important;
        }

        h4 {
            font-size: 24px !important;
        }

        h5 {
            font-size: 20px !important;
        }

        h6 {
            font-size: 18px !important;
        }

        h5 {
            font-size: 20px !important;
        }

        h6 {
            font-size: 18px !important;
        }

        txt6 {
            font-size: 16px !important;
        }

        txt5 {
            font-size: 15px !important;
        }

        txt4 {
            font-size: 14px !important;
        }

        txt3 {
            font-size: 13px !important;
        }

        txt2 {
            font-size: 12px !important;
        }
    }

    @media only screen and (min-width: 1200px) {
        .container-footer-redes div a {
            font-size: 20px !important;
        }
        /*    .foot-text-redes-kyb {
            font-size: 11px !important;
        }*/
    }

    .container-footer-redes div img {
        width: 35% !important;
    }


    #masthead li a {
        font-family: 'Raleway-Semibold' !important;
        /* font-weight: bold;*/
    }

    #dvFooter .segmento-redes a img:hover {
        background-color: #87b9c5;
        border-radius: 8px;
    }
</style>

<!doctype html>
<html lang="en">
<head>
        <!-- Google tag (gtag.js) — Caminos de la Libertad -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-VWML4E17EQ"></script>
        <script>
            window.dataLayer = window.dataLayer || [];
            function gtag() { dataLayer.push(arguments); }
            gtag('js', new Date());

            gtag('config', 'G-VWML4E17EQ');
        </script>
    <!-- Tags meta requeridos -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv='cache-control' content='no-cache'>
    <meta http-equiv='expires' content='0'>
    <meta http-equiv='pragma' content='no-cache'>
    <!--Estilos principales-->
    <link rel="stylesheet" type="text/css" href="/Content/css/CDL/style.css">
    <link href="/Content/css/Kyb/footer-kyb.css" rel="stylesheet" />
    <!-- Fuentes -->
    <link href="/fonts/css/font-Raleway.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="/Content/css/CDL/type/type-lato.css">
    <link rel="stylesheet" type="text/css" href="/Content/css/CDL/fontawesome/css/font-awesome.min.css">
    <!-- Bootstrap CSS -->
    
    <link rel="stylesheet" type="text/css" href="/Content/css/CDL/bootstrap/bootstrap.min.css">
    <!-- Hojas de estilo Owl -->
    <link rel="stylesheet" type="text/css" href="/Content/css/CDL/owlcarousel/owl.carousel.min.css">
    <link rel="stylesheet" type="text/css" href="/Content/css/CDL/owlcarousel/owl.theme.default.min.css">
    <link href="/fonts/css/font-Raleway.css" rel="stylesheet" />
    <link href="/Content/css/Common/fuentes.css" rel="stylesheet" />
    <link href="/Content/css/Common/botones.css" rel="stylesheet" />
    
    <link href="/Content/libs/jquery.loadingModal/css/jquery.loadingModal.css" rel="stylesheet" />

    <!--Nombre pestaña-->
    <title>Caminos de la libertad | Formaci&#243;n - Caminos de la libertad</title>
    <link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />

</head>

<body class="site">
    <input type="hidden" id="$$$IdPrograma$$$" value="3" />
    <input type="hidden" id="$$$URLlogin$$$" value="/cdl-acceso/" />

    <header id="masthead" class="site-header container-fluid">
        <div id="site-brand" class="site-brand">
            <a href="/caminosdelalibertad/"><img class="custom-logo" src="/Resources/Images/CaminosDeLaLibertadLogo.png"></a>
        </div>
        <nav id="site-navigation" class="main-navigation">
            <button class="menu-toggler">
                <i class="fa fa-bars"></i><span class="screen-reader-text">Menu toggler</span>
            </button>
            <div class="menu-toggle">
                <ul class="menu">
                        <li>
                            <a class="" href="/cdl-qui&#233;nes-somos/"><txt4> &#191;Qui&#233;nes somos?</txt4></a>
                        </li>
                        <li>
                            <a class="" href="/cdl-concursos/"><txt4> Concursos</txt4></a>
                        </li>
                        <li>
                            <a class="" href="/cdl-una-vida-por-la-libertad/"><txt4> Una vida por la libertad</txt4></a>
                        </li>
                        <li>
                            <a class="current" href="/cdl-formacion/"><txt4> Formaci&#243;n</txt4></a>
                        </li>
                        <li>
                            <a class="" href="/cdl-biblioteca/"><txt4> Biblioteca</txt4></a>
                        </li>
                        <li>
                            <a class="" href="/cdl-eventos/"><txt4> Eventos</txt4></a>
                        </li>
                        <li>
                            <a class="" href="/cdl-actualidad/"><txt4> Actualidad</txt4></a>
                        </li>
                </ul>
            </div>
        </nav>
    </header>
    


<input id="TEMP_EVENTO_ID" name="TEMP_EVENTO_ID" type="hidden" value="1181" />


<div id="Conte" class="col-md-12">

</div>

<style>
    .select2 {
        width: 100% !important;
    }
</style>
<div id="IndexFormacion">

</div>

<div class="modal fade" id="modal-notificacion" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Notificación</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">

            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="ModalSesion" tabindex="-1" role="dialog" aria-labelledby="SesionLabel" aria-hidden="true">
    <form id="CargoF" onsubmit="return false;">
        <div class="modal-dialog modal-xl" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="SesionLabel">Formacion</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body row">
                    <div class="col-md-5">
                        <div class="contenedorDivAcceso">
                            <div class="acceso">
                                Acceso
                            </div>
                            <div id="LoginVinculacion">

                            </div>
                            <div class="inicioSesion">
                            </div>
                        </div>
                    </div>
                    <div class="col-md-7">
                        <div class="contenedorTexto">
                            <p class="primeraSeccion">
                                Esta sección es exclusiva para
                                participantes Kybernus.
                            </p>
                            <p class="segundaSeccion">
                                Si eres participante del programa, pero no cuentas con tu usuario y contraseña,
                                contacta al responsable de oficinas Kybernus en tu estado.
                            </p>
                            <div class="row contenedorTextoInformacion">
                                <div class="col-md-12">
                                    <p class="terceraSeccion">
                                        Si quieres participar en Kybernus,
                                        te invitamos a estar pendiente de la Convocatoria del Concurso Nacional de Ingreso Kybernus.
                                    </p>
                                </div>
                                <div class="col-md-4 input-icons">
                                </div>
                            </div>
                        </div>
                        <div class="contenedorImagenTexto">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>



    <footer>
        <section id="dvFooter" class="container-spacing-footer">
            <div class="container justify-content-center ">
                <div class="row">
                    <div class="col-12 col-lg-4">
                        <div class="row justify-content-center">
                            <div class="col-12 foot-section-logo">
                                
                                <a href="https://centroricardobsalinaspliego.org/" target="_blank">
                                    <img class="foot-img-group" src="/Resources/Assets/RBS/Centro RBS white.svg" />
                                </a>

                            </div>
                            <div class="col-12 pt-3">
                                <hr class="foot-hr" />
                            </div>
                            <div class="col-12 segmento-kyb">
                                <p class="foot-text-kyb">CAMINOS DE LA LIBERTAD ES UN PROGRAMA DE CREACIÓN DE VALOR SOCIAL DEL CENTRO RICARDO B. SALINAS PLIEGO (Centro RBS)</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-lg-4">
                        <div class="row justify-content-center">
                            <div class="col-12 foot-section-select foot-vertical-center">
                                <div class="foot-select">
                                    <select id="drpTipoFiltroCirculo">
                                        <option value="" style="font-weight: bold; color: #000000" selected disabled>Ver otros Programas de Centro RBS</option>
                                        <option value="https://centroricardobsalinaspliego.org/kybernus">Kybernus</option>
                                        
                                        <option value="https://centroricardobsalinaspliego.org/arteycultura">Arte & Cultura</option>
                                        <option value="https://festivaldelasideas.mx/">Festival de las ideas</option>
                                        <option value="https://centroricardobsalinaspliego.org/">Centro RBSP</option>

                                    </select>
                                </div>
                            </div>
                            <div class="col-12 pt-lg-3">
                                <hr class="foot-hr" />
                            </div>
                            <div class="col-12 text-center">
                                <a href="https://www.ricardosalinas.com/blog/" target="_blank">
                                    <img src="/Resources/Images/Blog-RSP.png" class="" style="width:auto" />
                                </a>
                            </div>
                            <div class="col-12">
                                <hr class="foot-hr" />
                            </div>
                            <div class="col-12 ">

                                <p class="foot-text-redes-kyb text-center">
                                    Ver redes de Caminos de la Libertad
                                </p>

                            </div>
                            <div class="col-12 pb-4 pb-lg-3">
                                <div class="d-flex  container-footer-redes segmento-redes">

                                    <div class="col-3 text-center">
                                        <a href="https://twitter.com/cam_lib">
                                            
                                            <img src="/Resources/Images/Footer/twitter.svg" />

                                        </a>
                                    </div>
                                    <div class="col-3 text-center">
                                        <a href="https://www.instagram.com/caminosdelalibertad/">
                                            
                                            <img class="img-fluid" src="/Resources/Images/Footer/instagram.svg" />
                                        </a>
                                    </div>
                                    <div class="col-3 text-center">
                                        <a href="https://www.facebook.com/cam.lib">
                                            
                                            <img class="img-fluid" src="/Resources/Images/Footer/Facebook.svg" />
                                        </a>
                                    </div>
                                    <div class="col-3 text-center">
                                        <a href="https://www.youtube.com/user/caminosdelalibertad">
                                            
                                            <img class="img-fluid" src="/Resources/Images/Footer/youtube.svg" />
                                        </a>
                                    </div>

                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="col-12 col-lg-4">
                        <div class="row justify-content-center">
                            <div class="col-12 foot-section-avisos foot-vertical-right">
                                <a class="foot-text-avisos" href="/Content/Assets/CentroRBS/4 AVISO DE PRIVACIDAD  KYBERNUS.pdf" target="_blank">Aviso de privacidad</a>
                                <br />
                                <a class="foot-text-terminos" data-toggle="modal" data-target="#modal-terminos">Términos y condiciones de uso</a>
                            </div>
                            <div class="col-12 pt-lg-3">
                                <hr class="foot-hr" />
                            </div>
                            <div class="col-12 segmento-ubidacion">
                                <p class="foot-text-lacacion-kyb">
                                    Periférico Sur 4121, Col. Fuentes Del Pedregal,<br />
                                    C.P. 14140,<br />
                                    Ciudad De México, México.<br />
                                    Tel. 5517201313 | Ext. 36823<br />
                                    caminosdelalibertad@tvazteca.com.mx
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="container-footer-derechos justify-content-center">
            <div class="container">
                <div class="row pt-3 pb-3">
                    <div class="col-12">
                        <span class="foot-text-derechos">Todos los derechos reservados 2026</span>
                    </div>
                </div>
            </div>
        </section>
    </footer>
    <!--Jquery JS-->
    <script type="text/javascript" src="/Scripts/jquery-3.5.1.min.js"></script>
    <!-- Bootstrap JS -->

    <script type="text/javascript" src="/Scripts/CDL/js/bootstrap/bootstrap.bundle.min.js"></script>
    <script type="text/javascript" src="/Scripts/CDL/js/functions.js"></script>
    <script type="text/javascript" src="/Scripts/CDL/js/owlcarousel/owl.carousel.min.js"></script>
    <script src="/Scripts/jquery-3.5.1.min.js"></script>
    <script src="/Scripts/popper.js"></script>
    <script src="/Scripts/bootstrap.min.js"></script>



    <script type="text/javascript">
        $(document).ready(function () {
            $("#drpTipoFiltroCirculo").on("change", function () {
                if ((navigator.userAgent.search("Safari") >= 0 && navigator.userAgent.search("Chrome") < 0)) window.location.href = $(this).val();
                else window.open($(this).val(), '_blank');
            });
        });

        function SetConstProperty(name, value) {
            Object.defineProperty(window, name, {
                get: function () { return value; },
                set: function () { throw (name + ' is a constant and cannot be redeclared.'); },
            });
        }
        SetConstProperty('ROOT_URL', window.location.protocol + '//centroricardobsalinaspliego.org/');
    </script>
    <!-- Extra Scripts -->
    
    <script type="text/javascript" src="/Scripts/lazyload.js"></script>
    <link href="/Content/libs/jquery.loadingModal/css/jquery.loadingModal.css" rel="stylesheet" />
    
    <script src="/Scripts/AES_Encryption/aes.js"></script>
    <script src="/Scripts/AES_Encryption/cryptography.js"></script>
    <script src="/Scripts/AjaxDinamico.js"></script>
    
    <script src="/Scripts/Areas/FormacionCDL/FormacionDetalleCDL.js"></script>
    
    
    
    <script src="/Scripts/Areas/Formacion/lightslider.js"></script>
    <script src="/Content/libs/jquery.loadingModal/js/jquery.loadingModal.js"></script>
    <script src="/Scripts/Areas/General/UtilidadesGenerales.js"></script>
    <link href="/Content/libs/sweetalert2/sweetalert2.css" rel="stylesheet" />
    <script src="/Scripts/libs/sweetalert2/sweetalert2.min.js"></script>
    <script src="/Scripts/Areas/Common/RegistroEvento.js"></script>
    <script src="/Scripts/Areas/Common/Paginacion.js"></script>
    <link href="/Content/alertify.css" rel="stylesheet" />
    <script src="/Scripts/alertify.js"></script>
    

    <script>
    //var JSlog = new JsFuncionalidadLogin();
    var init = this;
    init.JsFormacionDetalle = new JsFormacionDetalle();

    //var Log = new JsLogin();
    //var IdProg = 1;

    var idPrograma = 3;

        function GetFormacionDetalle(comp) {
        idFormacion = comp;
        init.IdTipoPrograma = 3;
        JsFormacionDetalle.ObtenerFormacionDetalle();

    }

        if ($("#TEMP_EVENTO_ID").val() != null) {
            GetFormacionDetalle($("#TEMP_EVENTO_ID").val());
        }
    </script>
   

</body>
</html>