}


<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" />
    
    <!--Nombre pestaña-->
    <title>Caminos de la libertad | Biblioteca | 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="" href="/cdl-formacion/"><txt4> Formaci&#243;n</txt4></a>
                        </li>
                        <li>
                            <a class="current" 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>

    #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;
    }

    .btn__black {
        display: block;
        text-align: center !important;
        padding: 0em 1em !important;
        border-radius: 20px !important;
        border: 1px solid #000 !important;
        color: #000 !important;
        background-color: #FFF !important;
        position: relative !important;
        text-decoration: none !important;
        z-index: 1;
        transition: all 0.5s !important;
        overflow: hidden;
        align-items: center;
        line-height: 1.1 !important;
        height: 32px !important;
    }
</style>
<link href="/Content/css/CDL/styleDos.css" rel="stylesheet" />
<main class="site-content">

    <header id="secondary-banner" class="container-fluid bg-white shadow mb-3 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">
                Biblioteca
            </h5>

        </div>
    </header>


    <section class="container pt-1 pb-2">
        <div class="TipoRow">
            <nav class="col-12  pt-2 pb-1 navFormatosBiblioteca d-none d-xl-block" id="ctl-filtro-cate">
                <ul class="nav justify-content--md-end">
                    <li class="nav-item py-2 FiltroBiblioteca">
                        <a type="button" data-id="0" class="nav-link formato-action " data-formato="Todos"><txt4>Todo</txt4></a>
                    </li>
                            <li class="nav-item py-2 FiltroBiblioteca">
                                <a class="nav-link formato-action " data-id="1" data-formato="&#205;ndices"><txt4>&#205;ndices</txt4></a>
                            </li>
                            <li class="nav-item py-2 FiltroBiblioteca">
                                <a class="nav-link formato-action " data-id="2" data-formato="Revista nueva libertad"><txt4>Revista nueva libertad</txt4></a>
                            </li>
                            <li class="nav-item py-2 FiltroBiblioteca">
                                <a class="nav-link formato-action " data-id="3" data-formato="C&#243;mics"><txt4>C&#243;mics</txt4></a>
                            </li>
                            <li class="nav-item py-2 FiltroBiblioteca">
                                <a class="nav-link formato-action " data-id="4" data-formato="Podcast"><txt4>Podcast</txt4></a>
                            </li>
                            <li class="nav-item py-2 FiltroBiblioteca">
                                <a class="nav-link formato-action " data-id="5" data-formato="Cl&#225;sicos de la libertad"><txt4>Cl&#225;sicos de la libertad</txt4></a>
                            </li>
                            <li class="nav-item py-2 FiltroBiblioteca">
                                <a class="nav-link formato-action " data-id="6" data-formato="Otros"><txt4>Otros</txt4></a>
                            </li>
                        <li class="nav-item compartirUrl btn__black bw size15 pt-2 pt-lg-0 " style="display: flex; position: relative; cursor:pointer;line-height:1.1 !important">
                            <a class="nav-link py-0" style="cursor: pointer; margin-right: 0; margin-left: 0;" onclick="copyToClipboard();">Compartir búsqueda</a>
                            <i class="fa fa-solid fa-share" style="margin: auto; padding-right: 10px;"></i>
                        </li>

                </ul>
            </nav>

        </div>

        <div class="container d-block  d-xl-none">
            <div class="TipoRow">
                <div class="col-12 col-sm-6 px-sm-2">
                    <span class="input-group-prepend pt-3 ">
                        <select class="form-select form-selects" id="Formatos" onchange="cambios();">
                            <option value="0" data-formato="Todos">Todo</option>
                                    <option value="1" data-formato="&#205;ndices">&#205;ndices</option>
                                    <option value="2" data-formato="Revista nueva libertad">Revista nueva libertad</option>
                                    <option value="3" data-formato="C&#243;mics">C&#243;mics</option>
                                    <option value="4" data-formato="Podcast">Podcast</option>
                                    <option value="5" data-formato="Cl&#225;sicos de la libertad">Cl&#225;sicos de la libertad</option>
                                    <option value="6" data-formato="Otros">Otros</option>

                        </select>
                    </span>
                </div>

                <div class="col-12 col-sm-6  pt-2 pt-sm-0 px-sm-2">
                    <div class="nav-item compartirUrl btn__black bw size15 pt-2 pt-lg-0 " style="display: flex; position: relative; cursor:pointer;">
                        <a class="nav-link py-0" style="cursor: pointer; margin-right: 0; margin-left: 0;" onclick="copyToClipboard();">Compartir búsqueda</a>
                        <i class="fa fa-solid fa-share" style="margin: auto; padding-right: 10px;"></i>
                    </div>
                </div>
            </div>
        </div>
    </section><!-- #breadcrumbs -->

    <div id="biblioteca_cards" class="mt-1"></div>
    <input style="display: none;" id="urlInput" class="inputUrl" type="text" />

</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 + '//www.centroricardobsalinaspliego.org/');
    </script>
    <!-- Extra Scripts -->
    
    <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/ContenidosEspecializados_/BibliotecaCards.js"></script>
    <script src="/Scripts/jquery.query-object.js"></script>

    <script type="text/javascript">
        var JsContenido  = new JsContenidos();
        $(document).ready(function () {
            url = window.location.href;

            if (!url.includes('?')) {
                $('[data-id="0"]').addClass('active');
            }

            JsContenido.IdPrograma = 3;
            JsContenido.IdObjetoPadre = 1452;
            JsContenido.ObtenerCards();

            $('.formato-action').on('click', function () {
                $('.navFormatosBiblioteca li a.active').removeClass('active active2');
                var id = $('.navFormatosBiblioteca li a').data('id');
                $(this).addClass('active active2');
                if (url.includes('?')) {
                    var id = $(".navFormatosBiblioteca ul li a.active").data("formato");
                    changeUrl(id);
                }
                JsContenido.FiltroFormato = $(this).data("formato");
                JsContenido.ObtenerCards();
            });

            $('.tema-action').on('click', function () {
                JsContenido.FiltroTema = $(this).data("tema");
                JsContenido.ObtenerCards();
            });

            $('.navFormatosBiblioteca li a.TituloSubmenu').click(function (e) {

                $('.navFormatosBiblioteca li a.active').removeClass('active active2');
                var id = $(this).data('id');
                $(this).addClass('active active2');
                $('#Formatos').val(id);
                e.preventDefault();
            });
        });



        function cambios()
        {
            var idtag = $('#Formatos').val();
            var cambios = "";
            if ($('option[value=' + idtag + ']').text() != 'Todo')
            {
                cambios = $('option[value=' + idtag + ']').text();
            }

            if (cambios == "") {
                cambios = "Todos";
            }

            if (url.includes('?')) {
                changeUrl(cambios);
            }

            JsContenido.IdPrograma = 3;
            JsContenido.IdObjetoPadre = 1452;
            JsContenido.FiltroFormato = cambios;
            JsContenido.ObtenerCards();
            $('.navFormatosBiblioteca li a.active').removeClass('active active2');
            $('[data-id="' + idtag + '"]').addClass('active active2');

        }

        const copyToClipboard = () => {
            urlToCopy = '';
            urlToCopy = window.location.href;

            var idFiltro = $(".navFormatosBiblioteca ul li a.active").data("formato");

            if ($(window).width() < 768) {
                var idtag = $('#Formatos').val();
                var cambios = "Todos";
                if ($('option[value=' + idtag + ']').text() != 'Todo') {
                    cambios = $('option[value=' + idtag + ']').text();
                }

                idFiltro = cambios;
            }
                if (!url.includes('?')) {
                    urlToCopy = urlToCopy.slice(0, -1) + "?catalogo=" + idFiltro;
                    $(".navFormatosBiblioteca ul li.compartirUrl").addClass("active");
                    window.getSelection().removeAllRanges();
                    setTimeout(function () {
                        $(".navFormatosBiblioteca ul li.compartirUrl").removeClass("active");
                    }, 1000);
            }

            $(".navFormatosBiblioteca ul li.compartirUrl").addClass("active");

            setTimeout(function () {
                $(".navFormatosBiblioteca ul li.compartirUrl").removeClass("active");
            }, 1000);


            var dummyContent = urlToCopy;
            $("input.inputUrl").val(urlToCopy);
            var text = document.getElementById("urlInput").value;
            var listener = function (ev) {
                ev.clipboardData.setData("text/plain", text);
                ev.preventDefault();
            };
            document.addEventListener("copy", listener);
            document.execCommand("copy");
            document.removeEventListener("copy", listener);
        };

    </script>

</body>
</html>