}


<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/css/CDL/style.css" />
    <link href="/Content/css/CDL/type/type-lato.css" />
    <link href="/Content/css/CDL/fontawesome/all.min.css" />
    <link href="/Content/css/CDL/bootstrap/bootstrap.min.css" />
    <link href="/Content/css/CDL/owlcarousel/owl.carousel.min.css" />
    <link href="/Content/css/CDL/owlcarousel/owl.theme.default.min.css" />
    <link href="/Content/libs/jquery.loadingModal/css/jquery.loadingModal.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="/Content/libs/loading-bar/loading-bar.css" />
    <link rel="stylesheet" type="text/css" href="/Content/libs/sweetalert2/sweetalert2.css" />
    <!--General Stylesheet-->
    <link rel="stylesheet" type="text/css" href="/Content/css/CDL/style.css">
    <link href="/Content/css/Common/ScrollCards.css" rel="stylesheet" />
    <link href="/Content/css/Convocatoria/index.css" rel="stylesheet" />

    <!--Nombre pestaña-->
    <title>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="current" 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="" 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>
    





<style>

    .btnPrevSlide {
        font-size: 20px !important;
        vertical-align: middle;
        color: #555555;
        padding: 4px 8px;
        border: 2px solid #555555;
        border-radius: 100%;
        cursor: pointer;
    }


        .btnPrevSlide:hover {
            background-color: #0056b3;
            border: 2px solid #0056b3 !important;
            box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
            /*padding: 5px 4px 4px 4px;*/
        }

    /*
    span.carousel-control-next-icon, span.carousel-control-prev-icon {
        width: 35px;
        height: 35px;

    }*/

    .carousel-control-next, .carousel-control-prev {
        position: absolute;
        top: 0 !important;
        bottom: 0 !important;
        z-index: 1 !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        color: #fff !important;
        text-align: center !important;
        opacity: .5;
        transition: opacity .15s ease;
    }

    @media (max-width: 1400px) {
        .carousel-control-next, .carousel-control-prev {
            width: 10% !important;
        }
    }

    a.carousel-control-next, a.carousel-control-prev {
        width: !important;
    }

    #seccionIndex {
        background-color: #f8f9fa !important
    }

    #Cards {
        background-color: #fff !important;
    }

        #secondary-banner .container a {
        color: #000 !important;
        text-decoration: none;
        background-color: transparent;
    }

    #secondary-banner .fa-arrow-left:before {
        content: "\f060";
        color: #87B9C5 !important;
    }

    #secondary-banner a {
        color: #000;
        text-decoration: none;
        background-color: transparent;
    }


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

    #TituloFlecha .fa {
        font-size: 12px;
    }
}

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

    #TituloFlecha .fa {
        font-size: 14px;
    }
}


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

    #TituloFlecha .fa {
        font-size: 16px;
    }
}

    .TipoBold{

        padding-left:10px;
    }
</style>

<main class="site-content concursos">

    <header id="secondary-banner" class="container-fluid bg-white  pt-3 pb-1 pb-lg-3">
        <div class="container pl-0 d-flex" id="TituloFlecha">
            <a href="/caminosdelalibertad/" class="d-flex align-items-center">
                <i class="fa fa-arrow-left  FlechaAtras "></i>
            </a>
                <h5 class="TipoBold ml-2 mb-0">
                    Concursos
                </h5>
        </div>
    </header>
    <section class="shadow ">
        <div class="container-fluid" id="seccionIndex">
            <!--END VAR-->
            <!--SLIDER-->
            <div id="carouselConvocatorias" class="carousel slide mb-2 mb-lg-4" data-ride="carousel">
                <div class="container pt-0">
                    <div class="container justify-content-center pt-0">
                        <ol class="carousel-indicators">

                                <li data-target="#carouselConvocatorias" data-slide-to="0" class="active">
                                    <div class=" ">

                                    </div>
                                </li>
                                <li data-target="#carouselConvocatorias" data-slide-to="1" class="">
                                    <div class=" ">

                                    </div>
                                </li>
                        </ol>
                    </div>

                    <div class="carousel-inner">
                                    <div class="carousel-item active">
                                        <img class="d-block w-100 " src="/media/yhrnczyq/banner11-caricatura-small.png" alt="">
                                    </div>
                                    <div class="carousel-item">
                                        <img class="d-block w-100 " src="/media/a3pb3djn/banner21-ensayo-small.png" alt="">
                                    </div>
                    </div>

                    <a class="carousel-control-prev" href="#carouselConvocatorias" role="button" data-slide="prev">
                        <i class="fa fa-chevron-left btnPrevSlide"></i>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="carousel-control-next" href="#carouselConvocatorias" role="button" data-slide="next">
                        <i class="fa fa-chevron-right btnPrevSlide"></i>
                        <span class="sr-only">Next</span>
                    </a>
                </div>
            </div>
        </div>
    </section>

    <input id="IdPrograma" name="IdPrograma" type="hidden" value="3" />

    <article id="content" class="page-content container elimina">
        <section id="agenda-archive" class="row">
            <nav class="container">
                <div id="Filtros"></div>
            </nav>
            <div id="Cards"></div>
        </section>
    </article><!-- #content -->
    <div id="indexConvocatorias"></div>

</main>




    <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>

    <!-- Bootstrap JS -->
    <script type="text/javascript" src="/Content/libs/jquery.loadingModal/js/jquery.loadingModal.js"></script>

    <script src="/Scripts/CDL/js/jquery.min.js"></script>
    <script src="/Scripts/CDL/js/bootstrap/bootstrap.bundle.min.js"></script>
    <script src="/Scripts/CDL/js/owlcarousel/owl.carousel.min.js"></script>
    <script src="/Scripts/CDL/js/bootstrap/masonry.pkgd.min.js"></script>
    <script src="/Scripts/CDL/js/functions.js"></script>


    <script type="text/javascript" src="/Scripts/AES_Encryption/aes.js"></script>
    <script type="text/javascript" src="/Scripts/AES_Encryption/cryptography.js"></script>
    <script type="text/javascript" src="/Content/libs/jquery.loadingModal/js/jquery.loadingModal.min.js"></script>
    <script type="text/javascript" src="/Scripts/Areas/General/UtilidadesGenerales.js"></script>
    <script type="text/javascript" src="/Scripts/AjaxDinamico.js"></script>
    <script type="text/javascript" src="/Scripts/Areas/Convocatorias/IndexConvocatoria.js"></script>
    <script type="text/javascript" src="/Scripts/Areas/Common/Paginacion.js"></script>
    <script type="text/javascript" src="/Scripts/Areas/Convocatorias/Init.js"></script>
    <script type="text/javascript">
        lazyload();

        $('.menu-toggler').on('click', function () {
            $('.menu-toggle').toggle();
        });
    </script>

</body>
</html>