<!DOCTYPE html>
<html lang="es" dir="ltr" prefix="og: https://ogp.me/ns#">
  <head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5LB7Z9S');</script>
<!-- End Google Tag Manager -->
    <meta charset="utf-8" />
<noscript><style>form.antibot * :not(.antibot-message) { display: none !important; }</style>
</noscript><script async src="https://www.googletagmanager.com/gtag/js?id=UA-113395877-1"></script>
<script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments)};gtag("js", new Date());gtag("set", "developer_id.dMDhkMT", true);gtag("config", "UA-113395877-1", {"groups":"default","anonymize_ip":true,"page_placeholder":"PLACEHOLDER_page_path","allow_ad_personalization_signals":false});gtag("config", "G-1FT1DDXG56", {"groups":"default","page_placeholder":"PLACEHOLDER_page_location","allow_ad_personalization_signals":false});</script>
<link rel="canonical" href="http://www.biblored.gov.co/" />
<link rel="shortlink" href="http://www.biblored.gov.co/" />
<meta name="Generator" content="Drupal 10 (https://www.drupal.org)" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" href="https://biblored.gov.co/sites/default/files/Logo-BibloRed_0.png" type="image/png" />
<script>window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={};</script>
<style>.a2a_button_whatsapp {
  background-color: lightseagreen;
  border-radius: 8px;
}

.a2a_button_whatsapp {
    background-color: lightseagreen;
    border-radius: 8px;
}
.a2a_button_facebook, .a2a_button_twitter, .a2a_button_whatsapp {
 display: inline-flex !important;
color: white;
}
.a2a_button_facebook img, .a2a_button_twitter img, .a2a_button_whatsapp img {
filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}</style>

    <title>Red Distrital de Bibliotecas Públicas | BibloRed</title>
    <meta name="viewport" content="width=device-width, minimum-scale=1.0">
    <link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/site.webmanifest">
    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#ffffff">
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="theme-color" content="#ffffff">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css">
    <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/ajax-progress.module.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/align.module.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/autocomplete-loading.module.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/fieldgroup.module.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/container-inline.module.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/clearfix.module.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/details.module.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/hidden.module.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/item-list.module.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/js.module.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/nowrap.module.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/position-container.module.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/progress.module.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/reset-appearance.module.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/resize.module.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/sticky-header.module.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/system-status-counter.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/system-status-report-counters.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/system-status-report-general-info.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/tabledrag.module.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/tablesort.module.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/tree-child.module.css?te7u3x" />
<link rel="stylesheet" media="all" href="/modules/contrib/poll/css/poll.base.css?te7u3x" />
<link rel="stylesheet" media="all" href="/modules/contrib/poll/css/poll.theme.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/views/views.module.css?te7u3x" />
<link rel="stylesheet" media="all" href="/modules/contrib/chosen/css/chosen-drupal.css?te7u3x" />
<link rel="stylesheet" media="all" href="/modules/contrib/addtoany/css/addtoany.css?te7u3x" />
<link rel="stylesheet" media="all" href="/modules/contrib/ckeditor_accordion/css/accordion.frontend.css?te7u3x" />
<link rel="stylesheet" media="all" href="/modules/contrib/better_exposed_filters/css/better_exposed_filters.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/biblored_tailwind_stable/node_modules/flowbite/dist/flowbite.min.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/biblored_tailwind_stable/dist/main.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/biblored_tailwind_stable/css/layout/layout.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/biblored_tailwind_stable/css/component/block.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/biblored_tailwind_stable/css/component/breadcrumb.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/biblored_tailwind_stable/css/component/field.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/biblored_tailwind_stable/css/component/form.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/biblored_tailwind_stable/css/component/header.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/biblored_tailwind_stable/css/component/menu.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/biblored_tailwind_stable/css/component/messages.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/biblored_tailwind_stable/css/component/node.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/biblored_tailwind_stable/css/component/sidebar.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/biblored_tailwind_stable/css/component/table.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/biblored_tailwind_stable/css/component/tabs.css?te7u3x" />
<link rel="stylesheet" media="all" href="/themes/biblored_tailwind_stable/css/component/buttons.css?te7u3x" />
<link rel="stylesheet" media="print" href="/themes/biblored_tailwind_stable/css/theme/print.css?te7u3x" />

    
    <script src="https://cdn.userway.org/widget.js" data-account="yBpkoRmFiz"></script>
  </head>
  <body class="node-7 node-type-page font-principal overflow-x-hidden">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5LB7Z9S"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
        <a href="#main-content" class="visually-hidden focusable">
      Pasar al contenido principal
    </a>
    
      <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>
    


<header>
	<nav
	role="navigation" aria-labelledby="block-biblored-tailwind-stable-menuprincipal-menu"  id="block-biblored-tailwind-stable-menuprincipal" class="settings-tray-editable wrapper bg-white border-gray-200" data-drupal-settingstray="editable">
						
	<h2 class="visually-hidden" id="block-biblored-tailwind-stable-menuprincipal-menu">LG - Menú principal</h2>
	

		<div class="flex flex-wrap items-center justify-between max-w-screen-xl mx-auto p-4">

		      <a href="/" rel="home" class="flex items-center w-1/2 md:max-w-[120px] lg:max-w-[150px]">
      <img src="https://biblored.gov.co/sites/default/files/logo-biblored.svg" alt="Inicio" class="mr-3 w-full" />
    </a>
  

		<div class="flex items-center md:order-1">
      <button data-collapse-toggle="mega-menu-icons" type="button" class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="mega-menu-icons" aria-expanded="false">
        <span class="sr-only">Open main menu</span>
        <svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14">
          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"/>
        </svg>
      </button>
    </div>

    <div id="mega-menu-icons" class="items-center justify-between hidden w-full md:flex md:w-auto md:order-2">
					
							<ul data-region="header" class="flex flex-col mt-4 font-normal md:flex-row md:space-x-8 md:mt-0 text-auro-metal-saurus">
												
						<li>
							<a id="mega-menu-icons-dropdown-button" data-dropdown-toggle="mega-menu-icons-dropdown" data-dropdown-trigger="hover" class="flex items-center justify-between w-full py-2 pl-3 pr-4 border-b border-gray-100 md:w-auto hover:bg-gray-50 md:hover:bg-transparent md:border-0 md:hover:text-rebecca-purple md:p-0">
								LEO Radio
								<svg class="w-2.5 h-2.5 ml-2.5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 10 6">
									<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/>
								</svg>
							</a>
							<div id="mega-menu-icons-dropdown" class="flex flex-col md:flex-row gap-6 hidden w-[95%] md:w-[500px] h-[360px] md:h-[200px] z-50 text-sm bg-white border border-gray-100 rounded-lg shadow-md p-4">
								<div class="h-auto col-span-2 md:col-span-1 mb-4">
																	<ul class="space-y-4" aria-labelledby="mega-menu-icons-dropdown-button">
													
						<li class="relative">
															<a href="/LeoRadio" class="flex items-center font-semibold text-black dark:text-auro-metal-saurus hover:text-rebecca-purple dark:hover:text-rebecca-purple group">
									<span class="sr-only">Programación</span>
									<!--<div class="mr-4 w-6 h-6">
																			</div>-->
									Programación
								</a>
																		</li>
									
						<li class="relative">
															<a href="/BibloRed-Podcast" class="flex items-center font-semibold text-black dark:text-auro-metal-saurus hover:text-rebecca-purple dark:hover:text-rebecca-purple group">
									<span class="sr-only">Podcast</span>
									<!--<div class="mr-4 w-6 h-6">
																			</div>-->
									Podcast
								</a>
																		</li>
							</ul>
			
								</div>
								<div class="h-auto col-span-2 md:col-span-1">
									<div>
  
    
      
            <div class="node-field-body-text-with-summary"><p><video class="rounded-2xl w-44" src="/sites/default/files/videos_senas/LEO_RADIO.mp4" autoplay loop muted data-entity-type="file" alt>
            </video></p></div>
      
    <hr class="border-solid border-wisteria mb-12 opacity-30">
</div>

								</div>
                                                        </div>
											</li>
									
						<li class="relative">
															<a href="/nosotros" class="accesibilidad-nosotros block py-2 pl-3 pr-4 text-auro-metal-saurus border-b border-gray-100 hover:bg-ghost-white md:hover:bg-transparent md:border-0 md:hover:text-rebecca-purple md:p-0" data-drupal-link-system-path="node/1186">Nosotros</a>
							




<div class="flex flex-col md:flex-row gap-6 hidden w-[95%] w-max h-[360px] md:h-[200px] z-50 text-sm bg-white border border-gray-100 rounded-lg shadow-md p-6 hover-content absolute top-full mt-2 left-1/2 transform -translate-x-1/2 bg-white p-2 shadow-lg">

    <video src="https://biblored.gov.co/sites/default/files/2024-09/NOSOTROS.mp4" autoplay loop muted class="w-44 h-auto"></video>
</div>


 
																		</li>
									
						<li class="relative">
															<a href="/visita" class="block py-2 pl-3 pr-4 text-auro-metal-saurus border-b border-gray-100 hover:bg-ghost-white md:hover:bg-transparent md:border-0 md:hover:text-rebecca-purple md:p-0" data-drupal-link-system-path="node/14511">Visítanos</a>
							




<div class="flex flex-col md:flex-row gap-6 hidden w-[95%] w-max h-[360px] md:h-[200px] z-50 text-sm bg-white border border-gray-100 rounded-lg shadow-md p-6 hover-content absolute top-full mt-2 left-1/2 transform -translate-x-1/2 bg-white p-2 shadow-lg">

    <video src="https://biblored.gov.co/sites/default/files/2024-09/VISITANOS_2.mp4" autoplay loop muted class="w-44 h-auto"></video>
</div>


 
																		</li>
									
						<li class="relative">
															<a href="/eventos" class="block py-2 pl-3 pr-4 text-auro-metal-saurus border-b border-gray-100 hover:bg-ghost-white md:hover:bg-transparent md:border-0 md:hover:text-rebecca-purple md:p-0" data-drupal-link-system-path="eventos">Eventos</a>
							




<div class="flex flex-col md:flex-row gap-6 hidden w-[95%] w-max h-[360px] md:h-[200px] z-50 text-sm bg-white border border-gray-100 rounded-lg shadow-md p-6 hover-content absolute top-full mt-2 left-1/2 transform -translate-x-1/2 bg-white p-2 shadow-lg">

    <video src="https://biblored.gov.co/sites/default/files/2024-09/EVENTOS.mp4" autoplay loop muted class="w-44 h-auto"></video>
</div>


 
																		</li>
									
						<li class="relative">
															<a href="/noticias" class="block py-2 pl-3 pr-4 text-auro-metal-saurus border-b border-gray-100 hover:bg-ghost-white md:hover:bg-transparent md:border-0 md:hover:text-rebecca-purple md:p-0" data-drupal-link-system-path="node/55387">Noticias</a>
							




<div class="flex flex-col md:flex-row gap-6 hidden w-[95%] w-max h-[360px] md:h-[200px] z-50 text-sm bg-white border border-gray-100 rounded-lg shadow-md p-6 hover-content absolute top-full mt-2 left-1/2 transform -translate-x-1/2 bg-white p-2 shadow-lg">

    <video src="https://biblored.gov.co/sites/default/files/2024-09/NOTICIAS.mp4" autoplay loop muted class="w-44 h-auto"></video>
</div>


 
																		</li>
									
						<li class="relative">
															<a href="/servicios" class="block py-2 pl-3 pr-4 text-auro-metal-saurus border-b border-gray-100 hover:bg-ghost-white md:hover:bg-transparent md:border-0 md:hover:text-rebecca-purple md:p-0" data-drupal-link-system-path="servicios">Servicios</a>
							




<div class="flex flex-col md:flex-row gap-6 hidden w-[95%] w-max h-[360px] md:h-[200px] z-50 text-sm bg-white border border-gray-100 rounded-lg shadow-md p-6 hover-content absolute top-full mt-2 left-1/2 transform -translate-x-1/2 bg-white p-2 shadow-lg">

    <video src="https://biblored.gov.co/sites/default/files/2024-09/SERVICIOS.mp4" autoplay loop muted class="w-44 h-auto"></video>
</div>


 
																		</li>
									
						<li class="relative">
															<a href="/PPLEO" class="block py-2 pl-3 pr-4 text-auro-metal-saurus border-b border-gray-100 hover:bg-ghost-white md:hover:bg-transparent md:border-0 md:hover:text-rebecca-purple md:p-0" data-drupal-link-system-path="node/62759">La LEO</a>
							




<div class="flex flex-col md:flex-row gap-6 hidden w-[95%] w-max h-[360px] md:h-[200px] z-50 text-sm bg-white border border-gray-100 rounded-lg shadow-md p-6 hover-content absolute top-full mt-2 left-1/2 transform -translate-x-1/2 bg-white p-2 shadow-lg">

    <video src="https://biblored.gov.co/sites/default/files/2024-09/LA%20LEO%20.mp4" autoplay loop muted class="w-44 h-auto"></video>
</div>


 
																		</li>
							</ul>
			


		    </div>
	</div>
</nav>
<style>
@media screen and (max-width: 768px) {
.field_buscador{
    width:95% !important;
}
.op_menu_busq label {
    padding: 3px !important;
    display: flex;
    width: 65%;
    margin: 3px auto;
}
}


</style>


<script language="javascript">
    function changesearch(w) {
        // Oculta todos los buscadores en lugar de eliminarlos del flujo del DOM
        document.getElementById("metabuscador").style.visibility = 'hidden';
        document.getElementById("metabuscador").style.opacity = '0';

        document.getElementById("portalbuscador").style.visibility = 'hidden';
        document.getElementById("portalbuscador").style.opacity = '0';

        document.getElementById("buscadorbd").style.visibility = 'hidden';
        document.getElementById("buscadorbd").style.opacity = '0';

        // Muestra el buscador seleccionado sin afectar la estructura del DOM
        if (w == 1) {
            document.getElementById("metabuscador").style.visibility = 'visible';
            document.getElementById("metabuscador").style.opacity = '1';
        } else if (w == 2) {
            document.getElementById("portalbuscador").style.visibility = 'visible';
            document.getElementById("portalbuscador").style.opacity = '1';
        } else if (w == 3) {0
            document.getElementById("buscadorbd").style.visibility = 'visible';
            document.getElementById("buscadorbd").style.opacity = '1';
        }
    }

    // Configuración inicial al cargar la página
    window.onload = function() {
        document.getElementById("radio2").checked = true; 
        changesearch(2); // Activa el buscador del portal por defecto
    };
</script>

<!-- Contenedor para evitar que los buscadores cambien de posición -->
<div class="field_buscador" style="position: relative;height: 50px;width: 50%;margin: 15px auto;"> 
    <!-- Formulario metabuscador -->
    <div id="metabuscador" style="position: absolute; width: 100%; visibility: hidden; opacity: 0; transition: opacity 0.3s ease;">
        <form style="margin:0px auto;overflow:auto;width:100%;" onsubmit="return handleCatalogSearch(event)">
            <input class="Directtxt" style="border-radius:10px 0px 0px 10px;border:2px solid #ccc;float:left;height:40px;width:73%;" id="text1" name="text1" placeholder="Buscar en el catálogo de BibloRed" type="text">
            <input class="Directbtn" style="background-color:#60259e;border-radius:0px 10px 10px 0px;border:2px solid #ccc;float:left;height:40px;padding:0px;width:25%;border-radius: 0 .5rem .5rem 0;" type="submit" value="Buscar">
        </form>
    </div>

    <!-- Formulario biblioteca digital -->
    <div id="buscadorbd" style="position: absolute; width: 100%; visibility: hidden; opacity: 0; transition: opacity 0.3s ease;">
        <form style="margin:0px auto;overflow:auto;width:100%;" action="https://www.bibliotecadigitaldebogota.gov.co/search/" method="GET" target="_blank">
            <input style="border-radius:10px 0px 0px 10px;border:2px solid #ccc;float:left;height:40px;width:73%;" id="textbd" name="search_text" placeholder="Buscar en Biblioteca Digital" type="text">
            <input class="Directbtn" style="background-color:#60259e;border-radius:0px 10px 10px 0px;border:2px solid #ccc;float:left;height:40px;padding:0px;width:25%;border-radius: 0 .5rem .5rem 0;" type="submit" value="Buscar">
        </form>
    </div>

    <!-- Formulario del portal web -->
    <div id="portalbuscador" style="position: absolute; width: 100%; visibility: hidden; opacity: 0; transition: opacity 0.3s ease;">
        <form id="buscadorCustomSearchBox" method="get" onsubmit="return handlePortalSearch(event)">
            <input class="key_busq" style="border-radius:10px 0px 0px 10px;border:2px solid #ccc;float:left;height:40px;width:73%;" id="keys" name="keys" placeholder="¿Qué estás buscando?" required type="text">
            <input class="submit" style="background-color:#60259e;border:2px solid #ccc;float:left;height:40px;padding:0px;width:25%;border-radius: 0 .5rem .5rem 0;" type="submit" value="Buscar">
        </form>
    </div>
</div>

<!-- Opciones de búsqueda -->
<div class="op_menu_busq" style="clear:both;margin-bottom:25px;text-align:center;">
    <label style="padding: 10px;border-radius: 15px;border: solid 1px #f0e2ff;background: #faf8ff;"><input style="margin-right:5px;" id="radio2" name="buscar" onchange="changesearch(2);" type="radio" value="2"> En el portal web</label>
    <label style="padding: 10px;border-radius: 15px;border: solid 1px #f0e2ff;background: #faf8ff;"><input style="margin-right:5px;" id="radio1" name="buscar" onchange="changesearch(1);" type="radio" value="1"> En el catálogo</label>
    <label style="padding: 10px;border-radius: 15px;border: solid 1px #f0e2ff;background: #faf8ff;"><input style="margin-right:5px;" id="radio3" name="buscar" onchange="changesearch(3);" type="radio" value="3"> En Biblioteca Digital</label>
</div>

<script>
    function handleCatalogSearch(event) {
        event.preventDefault(); 
        const searchText = document.getElementById("text1").value; // Obtiene el texto de búsqueda
        const catalogBaseURL = "https://catalogo.biblored.gov.co/";
        const queryString = "?q=" + encodeURIComponent(searchText) + "&for=LIVRE";
        window.open(catalogBaseURL + queryString, "_blank"); 
    }

    function handlePortalSearch(event) {
        event.preventDefault(); 
        const searchText = document.getElementById("keys").value;
        const baseURL = "/resultados-de-busqueda/";
        window.location.href = baseURL + encodeURIComponent(searchText);
        return false;
    }
</script>
<div id="block-biblored-tailwind-stable-lgredessociales" class="settings-tray-editable" data-drupal-settingstray="editable">
  
    
      
            <div class="node-field-body-text-with-summary"><div class="static w-full h-10 bg-ghost-white overflow-hidden"><div class="wrapper flex justify-end inset-0 h-6 mt-2"><ul class="inset-x-0 p-0 h-max text-center grid gap-4 w-max bg-none grid-flow-col static"><li><a href="https://whatsapp.com/channel/0029Vb5PfKSIXnm03lxpFJ12" target="_blank"><img width="22" src="/themes/biblored_tailwind_stable/images/whatsapp.svg" alt></a></li><li><a href="https://www.facebook.com/BibloRedBogota" target="_blank"><img src="/themes/biblored_tailwind_stable/images/facebook.svg" alt></a></li><li><a href="https://www.instagram.com/bibloredbogota/" target="_blank"><img src="/themes/biblored_tailwind_stable/images/instagram.svg" alt></a></li><li><a href="https://twitter.com/BibloredBogota" target="_blank"><img src="/themes/biblored_tailwind_stable/images/x-twiter.svg" alt></a></li><li><a href="https://www.tiktok.com/@bibloredbogota" target="_blank"><img src="/themes/biblored_tailwind_stable/images/tik-tok.svg" alt></a></li><li><a href="https://www.youtube.com/user/BibloRedBog" target="_blank"><img src="/themes/biblored_tailwind_stable/images/youtube.svg" alt></a></li><li><a href="https://www.linkedin.com/company/biblored/" target="_blank"><img src="/themes/biblored_tailwind_stable/images/linkedin.svg" alt></a></li></ul></div></div></div>
      
  </div>
<div  class="views-element-container settings-tray-editable wrapper" id="block-biblored-tailwind-stable-views-block-carousel-destacados" data-drupal-settingstray="editable">
  <div class="relative w-full" data-carousel="slide" id="carousel_destacados" data-pausebtn="carousel_destacados_pause" data-paused="0">
  







<div class="carousel-home js-view-dom-id-d7dffcf60b3a000658134427c3a006c5004e872357c579e91b6c10ebadbf888b relative h-48 overflow-hidden rounded-2xl md:h-96">
	    <div class="hidden duration-200 ease-linear bg-white" data-carousel-item><a href="https://biblored.gov.co/programacion/bibliotecas-junio" class="block w-full -translate-x-0 -translate-y-0 top-1/2 left-1/2">
    <img src="https://biblored.gov.co/sites/default/files/2026-06/destacado-web-5.jpg" class="w-full rounded-2xl" alt="¡Conoce y disfruta de la programación de las bibliotecas públicas de Bogotá durante junio!">
  </a></div>
    <div class="hidden duration-200 ease-linear bg-white" data-carousel-item><a href="https://biblored.gov.co/Marlyn-Quintero" class="block w-full -translate-x-0 -translate-y-0 top-1/2 left-1/2">
    <img src="https://biblored.gov.co/sites/default/files/2026-05/destacado-web-4.jpg" class="w-full rounded-2xl" alt="Marlyn Quintero y el sueño de llevar a Venezuela lo aprendido en la Biblioteca Pública Bosa">
  </a></div>
    <div class="hidden duration-200 ease-linear bg-white" data-carousel-item><a href="https://www.biblored.gov.co/noticias/-25-anios-biblored-biblioteca-democracia-innovacion-encuentro" class="block w-full -translate-x-0 -translate-y-0 top-1/2 left-1/2">
    <img src="https://biblored.gov.co/sites/default/files/2026-05/destacado-web-29.jpg" class="w-full rounded-2xl" alt="BibloRed, 25 años: la biblioteca pública como símbolo de democracia, innovación y encuentro ciudadano">
  </a></div>
    <div class="hidden duration-200 ease-linear bg-white" data-carousel-item><a href="https://www.biblored.gov.co/noticias/accede-libros-fisicos-digitales-transmilenio-bdb-biblored" class="block w-full -translate-x-0 -translate-y-0 top-1/2 left-1/2">
    <img src="https://biblored.gov.co/sites/default/files/2026-05/destacado-web-27.jpg" class="w-full rounded-2xl" alt="Todo lo que debes saber para acceder a contenidos digitales y pedir libros prestados gratis en TransMilenio">
  </a></div>
    <div class="hidden duration-200 ease-linear bg-white" data-carousel-item><a href="https://www.biblored.gov.co/noticias/convocatoria-abierta-crear-festival-teatro-bibliotecas" class="block w-full -translate-x-0 -translate-y-0 top-1/2 left-1/2">
    <img src="https://biblored.gov.co/sites/default/files/2026-05/destacado-web-26.jpg" class="w-full rounded-2xl" alt="$200 millones para hacer teatro en bibliotecas: BibloRed abre convocatoria para crear un festival de teatro por sus 25 años">
  </a></div>
    <div class="hidden duration-200 ease-linear bg-white" data-carousel-item><a href="https://www.biblored.gov.co/noticias/biblored-reactiva-servicio-gratuito-prestamo-domicilio" class="block w-full -translate-x-0 -translate-y-0 top-1/2 left-1/2">
    <img src="https://biblored.gov.co/sites/default/files/2026-04/destacado-web-25.jpg" class="w-full rounded-2xl" alt="BibloRed reactiva el servicio gratuito de préstamo a domicilio">
  </a></div>

	</div>









<!-- Slider indicators -->
<div class="absolute z-30 flex space-x-3 -translate-x-1/2 bottom-5 left-1/2">
			<button type="button" class="carousel-controls w-3 h-3 rounded-full" data-carousel="carousel_destacados" data-pausebtn="carousel_destacados_pause" data-carousel-slide-to="0" aria-label="Ir al item número 1"></button>
			<button type="button" class="carousel-controls w-3 h-3 rounded-full" data-carousel="carousel_destacados" data-pausebtn="carousel_destacados_pause" data-carousel-slide-to="1" aria-label="Ir al item número 2"></button>
			<button type="button" class="carousel-controls w-3 h-3 rounded-full" data-carousel="carousel_destacados" data-pausebtn="carousel_destacados_pause" data-carousel-slide-to="2" aria-label="Ir al item número 3"></button>
			<button type="button" class="carousel-controls w-3 h-3 rounded-full" data-carousel="carousel_destacados" data-pausebtn="carousel_destacados_pause" data-carousel-slide-to="3" aria-label="Ir al item número 4"></button>
			<button type="button" class="carousel-controls w-3 h-3 rounded-full" data-carousel="carousel_destacados" data-pausebtn="carousel_destacados_pause" data-carousel-slide-to="4" aria-label="Ir al item número 5"></button>
			<button type="button" class="carousel-controls w-3 h-3 rounded-full" data-carousel="carousel_destacados" data-pausebtn="carousel_destacados_pause" data-carousel-slide-to="5" aria-label="Ir al item número 6"></button>
	</div>

<!-- Slider controls -->
<button type="button" data-carousel="carousel_destacados" data-pausebtn="carousel_destacados_pause" class="carousel-controls absolute top-0 start-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-carousel-prev aria-label="Ir al anterior item del carrusel">
	<span class="inline-flex items-center shadow-md justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
		<svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 6 10">
			<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
		</svg>
		<span class="sr-only">Anterior</span>
	</span>
</button>
<button type="button" data-carousel="carousel_destacados" data-pausebtn="carousel_destacados_pause" class="carousel-controls absolute top-0 end-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-carousel-next aria-label="Ir al siguiente item del carrusel">
	<span class="inline-flex items-center shadow-md justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
		<svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 6 10">
			<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
		</svg>
		<span class="sr-only">Siguiente</span>
	</span>
</button>

<!-- Play/Pause -->
<button id="carousel_destacados_pause" data-carousel="carousel_destacados" type="button" class="absolute bottom-2 pr-2 end-0 z-30 flex items-center justify-center cursor-pointer group focus:outline-none" aria-label="Detener o Reproducir el carrusel">
	<span class="inline-flex items-center shadow-md justify-center w-6 h-6 rounded-full bg-white/30 dark:bg-gray-custom-600/30 group-hover:bg-white/50 dark:group-hover:bg-gray-custom-600/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-custom-600/70 group-focus:outline-none">
		<div class="icon w-3 h-3 bg-no-repeat bg-pause"></div>
	</span>
</button>
</div>

</div>
<section  id="block-biblored-tailwind-stable-lgfavoritos-2" class="settings-tray-editable wrapper items-center grid gap-4 justify-between mt-6 lg:mt-16 lg:grid-flow-col" data-drupal-settingstray="editable">

					
	<!-- Título -->
	<h2 class="visually-hidden" id="block-biblored-tailwind-stable-lgfavoritos-2-menu" class="font-bold text-black text-2xl pr-4 my-4 md:text-3xl lg:text-4xl">Favoritos</h2>
	

	<!-- Secciones -->
	<div class="block">
					
                            <ul data-region="header" class="grid grid-cols-3 w-auto text-md text-center font-normal text-auro-metal-saurus md:grid-cols-7 md:font-bold md:text-base md:gap-4">
                            <li class="mb-3 relative menu-item">
                                                        <a href="https://catalogo.biblored.gov.co/" target="_blank" class="menu-link" data-href="https://catalogo.biblored.gov.co/"  class="menu-icon menu-icon-65 hover:opacity-80 transform hover:scale-110 transition ease-out duration-300">
                                                    <img alt="Catálogo" src="https://biblored.gov.co/sites/default/files/menu_icons/catalogo_0.svg" class="w-full"/>
                                                <span class="text-center space-y-6">Catálogo</span>
                    </a>

                                                                <div class="hover-content hidden absolute top-full mt-2 left-1/2 transform -translate-x-1/2 bg-white p-2 shadow-lg w-max menu-lg-favoritos-vid">
                                                        <video src="https://biblored.gov.co/sites/default/files/2024-11/CATALOGO%20%281%29.mp4" autoplay loop muted class="w-44 h-auto"></video>
                        </div>
                                                </li>
                    <li class="mb-3 relative menu-item">
                                                        <a href="/afiliese-a-biblored" target="" class="menu-link" data-href="/afiliese-a-biblored"  class="menu-icon menu-icon-73 hover:opacity-80 transform hover:scale-110 transition ease-out duration-300">
                                                    <img alt="Afíliate" src="https://biblored.gov.co/sites/default/files/menu_icons/afiliate_0.svg" class="w-full"/>
                                                <span class="text-center space-y-6">Afíliate</span>
                    </a>

                                                                <div class="hover-content hidden absolute top-full mt-2 left-1/2 transform -translate-x-1/2 bg-white p-2 shadow-lg w-max menu-lg-favoritos-vid">
                                                        <video src="https://biblored.gov.co/sites/default/files/2024-11/AFILIATE%20%281%29.mp4" autoplay loop muted class="w-44 h-auto"></video>
                        </div>
                                                </li>
                    <li class="mb-3 relative menu-item">
                                                        <a href="/servicios-a-domicilio" target="" class="menu-link" data-href="/servicios-a-domicilio"  class="menu-icon menu-icon-75 hover:opacity-80 transform hover:scale-110 transition ease-out duration-300">
                                                    <img alt="Servicio de préstamo a domicilio" src="https://biblored.gov.co/sites/default/files/menu_icons/servicio-domicilio_0.svg" class="w-full"/>
                                                <span class="text-center space-y-6">Servicio de préstamo a domicilio</span>
                    </a>

                                                                    </li>
                    <li class="mb-3 relative menu-item">
                                                        <a href="https://www.bibliotecadigitaldebogota.gov.co/" target="_blank" class="menu-link" data-href="https://www.bibliotecadigitaldebogota.gov.co/"  class="menu-icon menu-icon-78 hover:opacity-80 transform hover:scale-110 transition ease-out duration-300">
                                                    <img alt="Biblioteca Digital de Bogotá" src="https://biblored.gov.co/sites/default/files/menu_icons/biblioteca-digital_0.svg" class="w-full"/>
                                                <span class="text-center space-y-6">Biblioteca Digital de Bogotá</span>
                    </a>

                                                                <div class="hover-content hidden absolute top-full mt-2 left-1/2 transform -translate-x-1/2 bg-white p-2 shadow-lg w-max menu-lg-favoritos-vid">
                                                        <video src="https://biblored.gov.co/sites/default/files/2024-11/BIBLIOTECA%20DIGITAL%20DE%20BOGOT%C3%81%20%281%29.mp4" autoplay loop muted class="w-44 h-auto"></video>
                        </div>
                                                </li>
                    <li class="mb-3 relative menu-item">
                                                        <a href="/escuelas-leo" target="" class="menu-link" data-href="/escuelas-leo"  class="menu-icon menu-icon-64 hover:opacity-80 transform hover:scale-110 transition ease-out duration-300">
                                                    <img alt="Escuelas LEO" src="https://biblored.gov.co/sites/default/files/menu_icons/escuela-lectores_0.svg" class="w-full"/>
                                                <span class="text-center space-y-6">Escuelas LEO</span>
                    </a>

                                                                <div class="hover-content hidden absolute top-full mt-2 left-1/2 transform -translate-x-1/2 bg-white p-2 shadow-lg w-max menu-lg-favoritos-vid">
                                                        <video src="https://biblored.gov.co/sites/default/files/2024-11/ESCUELA%20LEO%20%281%29.mp4" autoplay loop muted class="w-44 h-auto"></video>
                        </div>
                                                </li>
                    <li class="mb-3 relative menu-item">
                                                        <a href="/leo-contigo" target="" class="menu-link" data-href="/leo-contigo"  class="menu-icon menu-icon-77 hover:opacity-80 transform hover:scale-110 transition ease-out duration-300">
                                                    <img alt="LEO Contigo" src="https://biblored.gov.co/sites/default/files/menu_icons/leo-contigo_0.svg" class="w-full"/>
                                                <span class="text-center space-y-6">LEO Contigo</span>
                    </a>

                                                                <div class="hover-content hidden absolute top-full mt-2 left-1/2 transform -translate-x-1/2 bg-white p-2 shadow-lg w-max menu-lg-favoritos-vid">
                                                        <video src="https://biblored.gov.co/sites/default/files/2024-11/LEO%20CONTIGO%20%281%29.mp4" autoplay loop muted class="w-44 h-auto"></video>
                        </div>
                                                </li>
                    <li class="mb-3 relative menu-item">
                                                        <a href="/eventos" target="" class="menu-link" data-href="/eventos"  class="menu-icon menu-icon-80 hover:opacity-80 transform hover:scale-110 transition ease-out duration-300">
                                                    <img alt="Eventos" src="https://biblored.gov.co/sites/default/files/menu_icons/icon_eventos.svg" class="w-full"/>
                                                <span class="text-center space-y-6">Eventos</span>
                    </a>

                                                                <div class="hover-content hidden absolute top-full mt-2 left-1/2 transform -translate-x-1/2 bg-white p-2 shadow-lg w-max menu-lg-favoritos-vid">
                                                        <video src="https://biblored.gov.co/sites/default/files/2024-09/EVENTOS_1.mp4" autoplay loop muted class="w-44 h-auto"></video>
                        </div>
                                                </li>
            </ul>
    


<script>
document.addEventListener("DOMContentLoaded", function () {
    const menuItems = document.querySelectorAll(".menu-item");

    menuItems.forEach(item => {
        let hasTouched = false; // Controla si ya hubo un primer toque

        item.addEventListener("touchend", function (event) {
            let videoContainer = this.querySelector(".hover-content");
            let link = this.querySelector(".menu-link");

            if (!hasTouched) {
                // Primer toque: Mostrar video y prevenir la navegaci�n
                event.preventDefault();
                event.stopPropagation();
                hasTouched = true;

                if (videoContainer) {
                    videoContainer.classList.remove("hidden");
                }

                // Si no hay segundo toque en 2 segundos, ocultar video
                setTimeout(() => {
                    hasTouched = false;
                    if (videoContainer) {
                        videoContainer.classList.add("hidden");
                    }
                }, 2500);
            } else {
                // Segundo toque: Navegar a la p�gina
                window.location.href = link.getAttribute("data-href");
            }
        });

        // Tocar fuera del men� oculta el video
        document.addEventListener("touchstart", function (e) {
            if (!item.contains(e.target)) {
                let videoContainer = item.querySelector(".hover-content");
                if (videoContainer) {
                    videoContainer.classList.add("hidden");
                }
                hasTouched = false;
            }
        });
    });
});


</script>

			</div>
</section>
<div class="views-element-container settings-tray-editable" id="block-biblored-banner-home" data-drupal-settingstray="editable">
  
    
      <div><div class="js-view-dom-id-ed768780083a6cefc36222e4df57dd5e5d245c211d1fcd5bcf51f686a8c750ba">
  
  
  

  
  
  

      <div class="views-row"><div class="views-field views-field-body"><div class="field-content"><style>
</style><p class="text-align-center"><a href="/noticias/resultados-encuesta-bienal-culturas-bogota-lee-escribe"><img class="banner_homeppal rounded-2xl" src="/sites/default/files/imagenes/2026/banners/banner-encuesta_0.jpg" alt></a></p></div></div></div>

    

  
  

  
  
</div>
</div>

  </div>


</header>









<main role="main" class="wrapper">
	<a id="main-content" tabindex="-1"></a>
	
	<div data-drupal-messages-fallback class="hidden"></div><!-- Noticias -->
  <h2 class="text-center text-black text-3xl mb-12 font-bold">Nuestras Noticias</h2>
<div class="views-element-container settings-tray-editable overflow-hidden relative bottom-1 my-6 md:my-14 h-[540px] md:max-h-60 lg:max-h-[400px]" id="block-biblored-tailwind-stable-views-block-noticias-block-1" data-drupal-settingstray="editable" data-carousel="static" data-pausebtn="carousel_noticias_pause" data-paused="1">
  







<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-12 my-12">

	<!-- Carousel wrapper -->
    <div class="item-noticias hidden duration-200 ease-linear bg-white" data-carousel-item><a href="/noticias/BibloRed-en-escena" class="block w-full -translate-x-0 -translate-y-0 top-1/2 left-1/2">
  <div class="grid md:grid-cols-2 gap-8 md:mx-16">
    <img src="https://biblored.gov.co/sites/default/files/styles/list_img/public/2026-06/whatsapp-image-2025-10-02-at-11.23.04-am.jpeg?itok=UHk7guNl" alt="" class="w-full rounded-2xl">
    <div class="flex flex-col justify-center gap-4">
      <div class="text-rebecca-purple font-bold text-sm md:text-base">
        <time datetime="2023-09-11T13:30:38-05:00"></time>
      </div>
      <h2>¿Quieres hacer parte de BibloRed en Escena? Conoce las recomendaciones para participar en esta invitación cultural</h2>
      <div class="text-auro-metal-saurus">Desde BibloRed te presentamos los requisitos y aspectos técnicos que debes tener en cuenta para participar en la Invitación Cultural LEP - BibloRed en escena, una apuesta que llevará el teatro a las bibliotecas públicas de Bogotá.</div>
    </div>
  </div>
</a>
</div>
    <div class="item-noticias hidden duration-200 ease-linear bg-white" data-carousel-item><a href="/noticias/charlas-festival-gabo" class="block w-full -translate-x-0 -translate-y-0 top-1/2 left-1/2">
  <div class="grid md:grid-cols-2 gap-8 md:mx-16">
    <img src="https://biblored.gov.co/sites/default/files/styles/list_img/public/2026-06/banner-interna-charlas-cga-1.png?itok=NBTZHYLz" alt="" class="w-full rounded-2xl">
    <div class="flex flex-col justify-center gap-4">
      <div class="text-rebecca-purple font-bold text-sm md:text-base">
        <time datetime="2023-09-11T13:30:38-05:00"></time>
      </div>
      <h2>La cobertura de conflictos se toma la agenda del  14° Festival Gabo con Catalina Gómez Ángel</h2>
      <div class="text-auro-metal-saurus">A través de tres charlas gratuitas entre el 23 y el 26 de julio en Bogotá, se explorará el periodismo de guerra desde una mirada humana y descolonial.</div>
    </div>
  </div>
</a>
</div>
    <div class="item-noticias hidden duration-200 ease-linear bg-white" data-carousel-item><a href="/noticias/natalicio-Federico-Garcia-Lorca" class="block w-full -translate-x-0 -translate-y-0 top-1/2 left-1/2">
  <div class="grid md:grid-cols-2 gap-8 md:mx-16">
    <img src="https://biblored.gov.co/sites/default/files/styles/list_img/public/2026-06/whatsapp-image-2026-06-05-at-12.14.52-pm.jpeg?itok=19AyPiUO" alt="" class="w-full rounded-2xl">
    <div class="flex flex-col justify-center gap-4">
      <div class="text-rebecca-purple font-bold text-sm md:text-base">
        <time datetime="2023-09-11T13:30:38-05:00"></time>
      </div>
      <h2>Cinco libros para celebrar el natalicio de Federico García Lorca en BibloRed</h2>
      <div class="text-auro-metal-saurus">En el aniversario del nacimiento de Federico García Lorca, BibloRed recomienda cinco libros disponibles en su catálogo para conocer la vida, la poesía y el legado de uno de los autores más importantes de la literatura universal.</div>
    </div>
  </div>
</a>
</div>
    <div class="item-noticias hidden duration-200 ease-linear bg-white" data-carousel-item><a href="/recomendados/dia-mundial-del-medio-ambiente" class="block w-full -translate-x-0 -translate-y-0 top-1/2 left-1/2">
  <div class="grid md:grid-cols-2 gap-8 md:mx-16">
    <img src="https://biblored.gov.co/sites/default/files/styles/list_img/public/2026-06/50443.jpg?itok=lkTj6mYL" alt="" class="w-full rounded-2xl">
    <div class="flex flex-col justify-center gap-4">
      <div class="text-rebecca-purple font-bold text-sm md:text-base">
        <time datetime="2023-09-11T13:30:38-05:00"></time>
      </div>
      <h2>Leer para cuidar el planeta: recomendaciones de BibloRed en el Día Mundial del Medio Ambiente</h2>
      <div class="text-auro-metal-saurus">En el Día Mundial del Medio Ambiente, BibloRed comparte una selección de libros disponibles en espacios de lectura y en la Biblioteca Digital de Bogotá para acercarse a temas como la sostenibilidad, la biodiversidad y la protección de los ecosistemas.</div>
    </div>
  </div>
</a>
</div>
    <div class="item-noticias hidden duration-200 ease-linear bg-white" data-carousel-item><a href="/noticias/las-formas-del-silencio" class="block w-full -translate-x-0 -translate-y-0 top-1/2 left-1/2">
  <div class="grid md:grid-cols-2 gap-8 md:mx-16">
    <img src="https://biblored.gov.co/sites/default/files/styles/list_img/public/2026-06/whatsapp-image-2026-06-04-at-3.58.44-pm.jpeg?itok=GwfqJu5Y" alt="" class="w-full rounded-2xl">
    <div class="flex flex-col justify-center gap-4">
      <div class="text-rebecca-purple font-bold text-sm md:text-base">
        <time datetime="2023-09-11T13:30:38-05:00"></time>
      </div>
      <h2>“Las formas del silencio” llega al centro de Bogotá para invitar a la ciudadanía a escuchar las memorias del país</h2>
      <div class="text-auro-metal-saurus">La exposición fotográfica y sensorial se instala en el Parque Santander gracias a la Alcaldía Local de Santa Fe, como una experiencia abierta al público que reflexiona sobre la memoria, el poder, el lenguaje y las múltiples formas del silencio en Colombia</div>
    </div>
  </div>
</a>
</div>


<!-- Slider indicators -->
<div class="slider-indicators">
	    <button type="button" class="carousel-controls" data-carousel="block-biblored-tailwind-stable-views-block-noticias-block-1" data-pausebtn="carousel_noticias_pause" data-carousel-slide-to="0"  aria-label="Ir al item número 1"></button>
	    <button type="button" class="carousel-controls" data-carousel="block-biblored-tailwind-stable-views-block-noticias-block-1" data-pausebtn="carousel_noticias_pause" data-carousel-slide-to="1"  aria-label="Ir al item número 2"></button>
	    <button type="button" class="carousel-controls" data-carousel="block-biblored-tailwind-stable-views-block-noticias-block-1" data-pausebtn="carousel_noticias_pause" data-carousel-slide-to="2"  aria-label="Ir al item número 3"></button>
	    <button type="button" class="carousel-controls" data-carousel="block-biblored-tailwind-stable-views-block-noticias-block-1" data-pausebtn="carousel_noticias_pause" data-carousel-slide-to="3"  aria-label="Ir al item número 4"></button>
	    <button type="button" class="carousel-controls" data-carousel="block-biblored-tailwind-stable-views-block-noticias-block-1" data-pausebtn="carousel_noticias_pause" data-carousel-slide-to="4"  aria-label="Ir al item número 5"></button>
	</div>


<!-- Slider controls -->
<button type="button" data-carousel="block-biblored-tailwind-stable-views-block-noticias-block-1" data-pausebtn="carousel_noticias_pause" class="carousel-controls slider-button slider-button-prev" data-carousel-prev="" aria-label="Ir al anterior item del carrusel">
  <span>
    <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"></path>
    </svg>
    <span class="sr-only">Anterior</span>
  </span>
</button>
<button type="button" data-carousel="block-biblored-tailwind-stable-views-block-noticias-block-1" data-pausebtn="carousel_noticias_pause" class="carousel-controls slider-button slider-button-next" data-carousel-next="" aria-label="Ir al siguiente item del carrusel">
  <span>
    <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"></path>
    </svg>
    <span class="sr-only">Siguiente</span>
  </span>
</button>

<!-- Play/Pause -->
<button id="carousel_noticias_pause" data-carousel="block-biblored-tailwind-stable-views-block-noticias-block-1" type="button" class="absolute bottom-2 pr-2 end-0 z-30 flex items-center justify-center cursor-pointer group focus:outline-none" aria-label="Detener o Reproducir el carrusel">
	<span class="inline-flex items-center shadow-md justify-center w-6 h-6 rounded-full bg-white/30 dark:bg-gray-custom-600/30 group-hover:bg-white/50 dark:group-hover:bg-gray-custom-600/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-custom-600/70 group-focus:outline-none">
		<div class="icon w-3 h-3 bg-no-repeat bg-play-icon"></div>
	</span>
</button>

	</div>








</div>
      <div id="block-biblored-tailwind-stable-bannertrabajaconnosotros" class="settings-tray-editable" data-drupal-settingstray="editable">
  
    
      
            <div class="node-field-body-text-with-summary"><!--
<div class=" banners-dobles" style="display:flex;gap:10px;">
                                                            <a href="https://www.biblored.gov.co/noticias/feria-libro-2025-programacion-filbo-ciudad-bogota" target="_blank"><img class="rounded-2xl" src="/sites/default/files/imagenes/2026/banners/banner-bogofonias_0.png" data-entity-type="file" alt=""></a> <a href="https://www.biblored.gov.co/noticias/programacion-feria-libro-2025-actividades-pabellon-5a" target="_blank"><img class="rounded-2xl" src="/sites/default/files/imagenes/2025/banners/banners-filbo-2.jpg" data-entity-type="file" alt=""></a>
</div>
--><p><a href="/noticias/exposicion-digital-bogofonias-feria-del-libro-2026"><img class="rounded-2xl" src="/sites/default/files/imagenes/2026/banners/banner-bogofonias_0.png" data-entity-type="file" alt></a></p></div>
      
  </div>
<div id="block-biblored-tailwind-stable-bloquesexploranuestrosespacios" class="mb-20 mt-20 settings-tray-editable" data-drupal-settingstray="editable">
  
    
      
            <div class="node-field-body-text-with-summary"><style>
  .espacio-item {
    position: relative;
    height: 220px;
    overflow: hidden;
    border-radius: 1rem;
  }
  .espacio-item p {
    height: 100%;
  }
  .espacio-item h3,
  .espacio-item p {
    margin: 0 !important;
  }
  .espacio-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .espacio-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    transition: height 0.4s ease-in-out;
  }
  .espacio-overlay-content {
    transform: translateY(0);
    transition: transform 0.4s ease-in-out;
  }
  .espacio-item:hover .espacio-overlay {
    height: 100%;
  }
  .espacio-item:hover .espacio-overlay-content {
    transform: translateY(-100%);
  }
</style><h2 class="text-center text-3xl mb-12">Explora nuestros espacios de lectura</h2><ul class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4"><li class="espacio-item shadow-lg"><p><img class="espacio-img" src="https://biblored.gov.co/sites/default/files/imagenes/2025/portadas/espacios-bibliotecas-publicas-min.JPG" alt="Bibliotecas Públicas de Bogotá"></p><div class="espacio-overlay"><div class="espacio-overlay-content"><h3 class="text-lg font-bold">Bibliotecas Públicas de Bogotá</h3><p><a class="mt-2 inline-block px-4 py-2 bg-white text-black rounded hover:bg-gray-200 transition" href="/visita/bibliotecas">Visitar</a></p></div></div></li><li class="espacio-item shadow-lg"><p><img class="espacio-img" src="https://biblored.gov.co/sites/default/files/imagenes/2025/portadas/espacios-paraderos-paralibros-paraparques.jpeg" alt="Paraderos Paralibros Paraparques"></p><div class="espacio-overlay"><div class="espacio-overlay-content"><h3 class="text-lg font-bold">Paraderos Paralibros Paraparques</h3><p><a class="mt-2 inline-block px-4 py-2 bg-white text-black rounded hover:bg-gray-200 transition" href="/visita/ppp">Visitar</a></p></div></div></li><li class="espacio-item shadow-lg"><p><img class="espacio-img" src="https://biblored.gov.co/sites/default/files/imagenes/2025/portadas/espacios-bibloestaciones-min.jpg" alt="BibloEstaciones"></p><div class="espacio-overlay"><div class="espacio-overlay-content"><h3 class="text-lg font-bold">BibloEstaciones</h3><p><a class="mt-2 inline-block px-4 py-2 bg-white text-black rounded hover:bg-gray-200 transition" href="/visita/bibloestaciones">Visitar</a></p></div></div></li><li class="espacio-item shadow-lg"><p><img class="espacio-img" src="https://biblored.gov.co/sites/default/files/imagenes/2025/portadas/espacios-bibliotecas-itinerantes-min.jpg" alt="Bibliotecas Itinerantes"></p><div class="espacio-overlay"><div class="espacio-overlay-content"><h3 class="text-lg font-bold">Bibliotecas Itinerantes</h3><p><a class="mt-2 inline-block px-4 py-2 bg-white text-black rounded hover:bg-gray-200 transition" href="/visita/espacios-alternativos-bibliotecas-itinerantes">Visitar</a></p></div></div></li><li class="espacio-item shadow-lg"><p><img class="espacio-img" src="https://biblored.gov.co/sites/default/files/imagenes/2025/portadas/espacios-sala-de-lectura.png" alt="Salas de Lectura"></p><div class="espacio-overlay"><div class="espacio-overlay-content"><h3 class="text-lg font-bold">Salas de Lectura</h3><p><a class="mt-2 inline-block px-4 py-2 bg-white text-black rounded hover:bg-gray-200 transition" href="/visita/espacios-alternativos-salas-de-lectura">Visitar</a></p></div></div></li><li class="espacio-item shadow-lg"><p><img class="espacio-img" src="https://biblored.gov.co/sites/default/files/imagenes/2025/portadas/espacios-labco.PNG" alt="Salas LabCo"></p><div class="espacio-overlay"><div class="espacio-overlay-content"><h3 class="text-lg font-bold">Salas LabCo</h3><p><a class="mt-2 inline-block px-4 py-2 bg-white text-black rounded hover:bg-gray-200 transition" href="/visita/espacios-alternativos-salas-labco">Visitar</a></p></div></div></li></ul><div class="absolute w-full scale-150 -z-10 aspect-1930/472 left-0 bottom-0 pointer-events-none bg-no-repeat bg-contain bg-[url('/themes/biblored_tailwind_stable/images/espacios-lectura-bg.svg')]">&nbsp;</div></div>
      
  </div>
<div id="block-biblored-tailwind-stable-bannercambiantebasico" class="settings-tray-editable" data-drupal-settingstray="editable">
  
    
      
            <div class="node-field-body-text-with-summary"><style>
.banner_homeppal{
    margin: 1.5% auto;
    max-width: 72rem;
    width:90%;
}
</style><p><a href="https://www.biblored.gov.co/eventos"><img class="mb-16 rounded-2xl" src="/sites/default/files/imagenes/2025/banners/image-28.jpg" alt></a></p></div>
      
  </div>
<!-- Eventos -->
<section class="views-element-container settings-tray-editable mb-20 md:mb-36" id="block-biblored-tailwind-stable-views-block-programate-home-block-1" data-drupal-settingstray="editable">
  
      <h2 class="text-center text-black text-3xl mb-12 font-bold">Prográmate con BibloRed</h2>
    
      <div class="eventoshomepage js-view-dom-id-a10673ce02cd379f564f76d39a7708b989a5e4515a95a971e2d7dc1c9f5d8f9e">
  
  
  

  
  <form class="views-exposed-form bef-exposed-form md:grid md:grid-cols-3 gap-12" data-bef-auto-submit-full-form="" data-bef-auto-submit="" data-bef-auto-submit-delay="500" data-drupal-selector="views-exposed-form-programate-home-block-1" action="/node/7" method="get" id="views-exposed-form-programate-home-block-1" accept-charset="UTF-8">
  <div class="mb-4 js-form-item form-item js-form-type-select form-item-field-publico-target-id js-form-item-field-publico-target-id">
      <label for="edit-field-publico-target-id" class="block mb-2 mt-2 text-sm font-normal text-black"><b>¿A quién va dirigido?</b></label>
        <select data-drupal-selector="edit-field-publico-target-id" id="edit-field-publico-target-id" name="field_publico_target_id" class="form-select input-select"><option value="All" selected="selected">- Cualquiera -</option><option value="70">0 - 5 años: Primera Infancia</option><option value="72">6 - 12 años: Infancia</option><option value="275">13 - 17 años: Adolescencia</option><option value="71">18 - 28 años: Juventud</option><option value="276">29 - 59 años: Adultez</option><option value="73">60 años o más: Personas mayores</option><option value="159">Familia</option><option value="158">Todo público</option></select>
        </div>
<div class="mb-4 js-form-item form-item js-form-type-select form-item-field-tipo-evento-target-id js-form-item-field-tipo-evento-target-id">
      <label for="edit-field-tipo-evento-target-id" class="block mb-2 mt-2 text-sm font-normal text-black"><b>¿Qué tipo de evento?</b></label>
        <select data-drupal-selector="edit-field-tipo-evento-target-id" id="edit-field-tipo-evento-target-id" name="field_tipo_evento_target_id" class="form-select input-select"><option value="All" selected="selected">- Cualquiera -</option><option value="601">Actividad de lectura en Espacios Alternativos de Lectura</option><option value="611">BibloVacaciones</option><option value="145">Charla</option><option value="146">Cineforo</option><option value="602">Club de lectura y escucha</option><option value="180">Conversatorio</option><option value="189">Escenarios LabCo</option><option value="603">Experiencia con infancia</option><option value="612">Experiencia con primera infancia</option><option value="615">Experiencias somáticas</option><option value="747">Exploratorio</option><option value="183">Exposición</option><option value="184">Feria</option><option value="748">Juego de mesa</option><option value="604">Laboratorio de ciencia</option><option value="605">Laboratorio de creación</option><option value="841">Lengua de señas</option><option value="606">Otro</option><option value="195">Presentación artística</option><option value="746">Reseñatón</option><option value="745">Taller con pantallas</option><option value="744">Taller sin pantallas</option></select>
        </div>
<div class="mb-4 js-form-item form-item js-form-type-select form-item-field-biblioteca-target-id js-form-item-field-biblioteca-target-id">
      <label for="edit-field-biblioteca-target-id" class="block mb-2 mt-2 text-sm font-normal text-black"><b>Lugar del evento</b></label>
        <select data-drupal-selector="edit-field-biblioteca-target-id" id="edit-field-biblioteca-target-id" name="field_biblioteca_target_id" class="form-select input-select"><option value="All" selected="selected">- Cualquiera -</option><option value="639">Biblioteca Cárcel Buen Pastor</option><option value="377">Biblioteca Cárcel Distrital</option><option value="638">Biblioteca Cárcel Modelo</option><option value="4">Biblioteca Pública Arborizadora Alta</option><option value="5">Biblioteca Pública Bosa</option><option value="6">Biblioteca Pública Carlos E. Restrepo</option><option value="515">Biblioteca Pública de la Participación Ciudadana</option><option value="19">Biblioteca Pública Francisco José de Caldas - Suba</option><option value="763">Biblioteca Pública del Deporte - Centro Felicidad Chapinero</option><option value="7">Biblioteca Pública Del Deporte</option><option value="598">Biblioteca Pública CEFE Cometas</option><option value="578">Biblioteca Pública CEFE Fontanar del Río</option><option value="523">Biblioteca Pública El Mirador</option><option value="161">Biblioteca Pública El Parque</option><option value="618">Biblioteca Pública Fontibón</option><option value="557">Biblioteca Pública FUGA</option><option value="9">Biblioteca Pública Gabriel García Márquez - Tunal</option><option value="10">Biblioteca Pública Julio Mario Santo Domingo</option><option value="11">Biblioteca Pública La Giralda</option><option value="160">Biblioteca Público Escolar La Marichuela</option><option value="12">Biblioteca Pública La Peña</option><option value="13">Biblioteca Pública La Victoria</option><option value="14">Biblioteca Pública Lago Timiza</option><option value="15">Biblioteca Pública Las Ferias</option><option value="8">Biblioteca Pública Manuel Zapata Olivella - Tintal</option><option value="17">Biblioteca Pública Néstor Forero Alcalá - Puente Aranda</option><option value="18">Biblioteca Pública Rafael Uribe Uribe</option><option value="16">Biblioteca Pública Soledad Lamprea - Perdomo</option><option value="21">Biblioteca Pública Usaquén - Servitá</option><option value="22">Biblioteca Pública Venecia</option><option value="23">Biblioteca Pública Virgilio Barco</option><option value="192">Biblioteca Público Escolar Pasquilla</option><option value="20">Biblioteca Público Escolar Sumapaz</option><option value="378">BibloMóvil</option><option value="388">BibloRed en mi casa (Evento virtual)</option><option value="592">Sala de Lectura Casa LGBTI Diana Navarro</option><option value="590">Sala de lectura Casa LGBTI Sebastián Romero</option><option value="569">Sala de Lectura en la Manzana del Cuidado Mochuelos</option><option value="591">Sala de Lectura Manzana del Cuidado del Centro de Bogotá</option><option value="510">Sala LABCO</option><option value="775">Sala LabCo Bosa</option><option value="777">Sala LabCo Chapinero</option><option value="773">Sala LabCo Tintal</option><option value="771">Sala LabCo Tunal</option><option value="829">Sala LabCo Virgilio Barco</option></select>
        </div>
<div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions"><input data-bef-auto-submit-click="" class="js-hide button js-form-submit form-submit" data-drupal-selector="edit-submit-programate-home" type="submit" id="edit-submit-programate-home" value="Aplicar" />
</div>


</form>

  

	<div class="grid grid-cols-1 md:grid md:grid-cols-2 md:gap-12 lg:grid-cols-4 mb-12">
		    <div><a href="/programate/nueve-lunas-lecturas-desde-el-vientre-hasta-la-teta-12" class="block relative">
  <img src="https://biblored.gov.co/sites/default/files/styles/600x449/public/2026-05/whatsapp-image-2026-02-07-at-10.29.13-am.jpeg?itok=aVGKb1ky" alt="Nueve lunas: lecturas desde el vientre hasta la teta" class="rounded-xl w-full" />
  <p class="font-bold text-sm text-rebecca-purple mt-10"><time datetime="2026-06-09T12:00:00Z">09 Jun</time>
 10:00 am</p>
  <div class="relative flex justify-between">
    <h3 class="text-black text-base leading-tight font-semibold mt-2 mr-6">Nueve lunas: lecturas desde el vientre hasta la teta</h3>    
    <img class="absolute top-0 right-0" src="/themes/biblored_tailwind_stable/images/arrow-up-right.svg" />
  </div>
  <p class="text-auro-metal-saurus text-xs w-full md:w-2/3 font-normal mt-2">La Barco te invita a un espacio pensado para gestantes, lactantes y sus bebés, donde compartirás experiencias y saberes a través del arte y la lectura. ¡Te esperamos!</p>
  <p class="text-auro-metal-saurus text-xs w-full md:w-2/3 font-normal mt-2">Experiencias somáticas</p>
  <p class="text-auro-metal-saurus text-xs w-full md:w-2/3 font-normal mt-2">Biblioteca Pública Virgilio Barco</p>
</a></div>
    <div><a href="/programate/historias-en-prestamo" class="block relative">
  <img src="https://biblored.gov.co/sites/default/files/styles/600x449/public/2026-05/whatsapp-image-2026-03-10-at-11.12.24-am.jpeg?itok=nWZjrQZL" alt="Historias en préstamo" class="rounded-xl w-full" />
  <p class="font-bold text-sm text-rebecca-purple mt-10"><time datetime="2026-06-09T12:00:00Z">09 Jun</time>
 10:00 am</p>
  <div class="relative flex justify-between">
    <h3 class="text-black text-base leading-tight font-semibold mt-2 mr-6">Historias en préstamo</h3>    
    <img class="absolute top-0 right-0" src="/themes/biblored_tailwind_stable/images/arrow-up-right.svg" />
  </div>
  <p class="text-auro-metal-saurus text-xs w-full md:w-2/3 font-normal mt-2">Memoria, voces, historias, escucha, encuentro</p>
  <p class="text-auro-metal-saurus text-xs w-full md:w-2/3 font-normal mt-2">Club de lectura y escucha</p>
  <p class="text-auro-metal-saurus text-xs w-full md:w-2/3 font-normal mt-2">Biblioteca Pública Las Ferias</p>
</a></div>
    <div><a href="/programate/las-posibilidades-del-baile-y-el-bordado-en-un-solo-lugar-fotobordado-y-danza-no-1-club" class="block relative">
  <img src="https://biblored.gov.co/sites/default/files/styles/600x449/public/2026-05/whatsapp-image-2025-09-23-at-6.10.02-pm-1.jpeg?itok=xTMHn6fL" alt="Las posibilidades del baile y el bordado en un solo lugar (Fotobordado y danza No 1) - Club de adulto mayor" class="rounded-xl w-full" />
  <p class="font-bold text-sm text-rebecca-purple mt-10"><time datetime="2026-06-09T12:00:00Z">09 Jun</time>
 2:00 pm</p>
  <div class="relative flex justify-between">
    <h3 class="text-black text-base leading-tight font-semibold mt-2 mr-6">Las posibilidades del baile y el bordado en un solo lugar (Fotobordado y danza No 1) - Club de adulto mayor</h3>    
    <img class="absolute top-0 right-0" src="/themes/biblored_tailwind_stable/images/arrow-up-right.svg" />
  </div>
  <p class="text-auro-metal-saurus text-xs w-full md:w-2/3 font-normal mt-2">Descubre la magia de unir imagen y movimiento en el taller de Fotobordado y danza No. 1, este martes 16 de junio a las 2:00 p. m. en la Biblioteca Arborizadora Alta.</p>
  <p class="text-auro-metal-saurus text-xs w-full md:w-2/3 font-normal mt-2">Club de lectura y escucha</p>
  <p class="text-auro-metal-saurus text-xs w-full md:w-2/3 font-normal mt-2">Biblioteca Pública Arborizadora Alta</p>
</a></div>
    <div><a href="/programate/libros-raros-libros-vivos-1" class="block relative">
  <img src="https://biblored.gov.co/sites/default/files/styles/600x449/public/2026-05/ad-13.jpg?itok=lCCSWtxP" alt="Libros raros, libros vivos" class="rounded-xl w-full" />
  <p class="font-bold text-sm text-rebecca-purple mt-10"><time datetime="2026-06-09T12:00:00Z">09 Jun</time>
 2:00 pm</p>
  <div class="relative flex justify-between">
    <h3 class="text-black text-base leading-tight font-semibold mt-2 mr-6">Libros raros, libros vivos</h3>    
    <img class="absolute top-0 right-0" src="/themes/biblored_tailwind_stable/images/arrow-up-right.svg" />
  </div>
  <p class="text-auro-metal-saurus text-xs w-full md:w-2/3 font-normal mt-2">Un ciclo para situar a las bibliotecas en la actualidad desde una perspectiva que reconoce su trayectoria, sus memorias y resistencias a lo largo del tiempo.</p>
  <p class="text-auro-metal-saurus text-xs w-full md:w-2/3 font-normal mt-2">Club de lectura y escucha</p>
  <p class="text-auro-metal-saurus text-xs w-full md:w-2/3 font-normal mt-2">Biblioteca Pública La Victoria</p>
</a></div>

			</div>

  

  
  

      <footer>
      <div class="flex">
  <a href="/eventos" class="primary-button mx-auto">Ver todos los eventos</a>
 </div>
    </footer>
  
  

</div>

  </section><div id="block-biblored-tailwind-stable-logros" class="settings-tray-editable" data-drupal-settingstray="editable">
  
    
      
            <div class="node-field-body-text-with-summary"><p><a href="https://www.biblored.gov.co/nosotros/reconocimientos"><img src="/sites/default/files/imagenes/2026/banners/banner-web-exitos-biblored.png" width="1500" height="548" data-entity-type="file" alt loading="lazy"></a></p><p>&nbsp;</p><p>&nbsp;</p></div>
      
  </div>
<div id="block-biblored-tailwind-stable-chat-2" class="screen settings-tray-editable" data-drupal-settingstray="editable">
  
    
      
            <div class="node-field-body-text-with-summary"><style>
[class^="styles_button_main_"]{
    bottom: 80px;
}
@media (max-width: 600px){
[class^="styles_button_main_"]{
    display:none;
}
}
[class^="styles_button_main_"]:after {
    content: "  Chat";
padding-left: 4rem;
}
#whatsapp-link {
  display: none;
  position: fixed;
  bottom: 100px;
  right: 20px;
  z-index: 1000;
width: 60px;
}
@media (max-width: 600px) {
  #whatsapp-link {
    display: block;
  }
}
</style><script type="text/javascript">var s=document.createElement("script");s.src="https://api.wcx.cloud/widget/?id=798c6a97c47b4a79bbb52d11f6496bf8";document.head.appendChild(s);</script><p><a href="https://wa.me/573183517388" id="whatsapp-link" target="_blank"><img src="/sites/default/files/imagenes/wapp.png" alt="WhatsApp"></a></p></div>
      
  </div>
<!-- Servicios -->
<section class="views-element-container settings-tray-editable mb-20 md:mb-36" id="block-biblored-tailwind-stable-views-block-servicios-biblored-block-5" data-drupal-settingstray="editable">
  
      <h2 class="text-center text-black text-3xl mb-12 font-bold">Servicios</h2>
    
      <div class="js-view-dom-id-ada27214faefd0bb540b4b6366853c6199d3f2eda8e0df93e5fe0c9944bd3fc7">
  
  
  

  
  
  

  
<div class="md:grid md:grid-cols-3 lg:grid-cols-4 gap-6">
				<div class="p-8 rounded-2xl mb-4 text-white bg-rebecca-purple">	<div class="flex flex-col justify-between items-start h-full">
		<div>
						<p class="font-bold text-2xl">Visitas guiadas</p>
			<p class="font-normal text-sm mt-2 mb-4 overflow-hidden">¿Quieres conocer la Red Distrital de Bibliotecas Públicas de Bogotá? Te invitamos a visitar y explorar varias de nuestras bibliotecas a través de un recorrido guiado en el que aprenderás sobre datos curiosos, colecciones.</p>
		</div>
		<a href="https://biblored.gov.co/servicios/visitas-guiadas" class="light-button">Ver más</a>
	</div>
</div>
			<div class="p-8 rounded-2xl mb-4 text-white bg-rebecca-purple">	<div class="flex flex-col justify-between items-start h-full">
		<div>
						<p class="font-bold text-2xl">Servicio Social Estudiantil Obligatorio (SSEO) </p>
			<p class="font-normal text-sm mt-2 mb-4 overflow-hidden">Si eres estudiante de los grados décimo u once, este servicio es para ti, presta tu servicio a la comunidad en las bibliotecas de BibloRed. Te decimos cómo.</p>
		</div>
		<a href="https://biblored.gov.co/servicios/sseo" class="light-button">Ver más</a>
	</div>
</div>
			<div class="p-8 rounded-2xl mb-4 text-white bg-rebecca-purple">	<div class="flex flex-col justify-between items-start h-full">
		<div>
						<p class="font-bold text-2xl">Preguntas frecuentes</p>
			<p class="font-normal text-sm mt-2 mb-4 overflow-hidden">Aquí encontrarás respuestas a las consultas más comunes para que obtengas la información que necesitas de manera rápida y sencilla...</p>
		</div>
		<a href="/preguntas-frecuentes" class="light-button">Ver más</a>
	</div>
</div>
			<div class="p-8 rounded-2xl mb-4 text-white bg-rebecca-purple">	<div class="flex flex-col justify-between items-start h-full">
		<div>
						<p class="font-bold text-2xl">Préstamo y devolución a domicilio</p>
			<p class="font-normal text-sm mt-2 mb-4 overflow-hidden">Con este servicio gratuito puedes solicitar hasta 9 materiales, 6 libros y 3 audiovisuales de nuestro catálogo para que te los llevemos a casa gratis. También, podrás solicitar la recogida de tus préstamos para hacer la devolución. </p>
		</div>
		<a href="https://biblored.gov.co/servicios-a-domicilio" class="light-button">Domicilio</a>
	</div>
</div>
	</div>

    

  
  

      <footer>
      <div class="flex mt-12">
  <a href="/servicios" class="primary-button mx-auto">Ver todos los servicios</a>
 </div>
    </footer>
  
  
</div>

  </section>
<article data-history-node-id="7" class="mt-16">

  
  <h1 class="text-heading2 !mb-8"><span class="node-field-title-string">Red Distrital de Bibliotecas Públicas</span>
</h1>
  

  
  <div>
    
  </div>

</article>


	
	
	
	<div id="block-biblored-tailwind-stable-lgbottommenu" class="settings-tray-editable" data-drupal-settingstray="editable">
  
    
      
            <div class="node-field-body-text-with-summary"><section class="bg-ghost-white min-h-[268px] rounded-3xl mt-16 space-y-10 mb-16 pb-32 pt-16 "><div class="wrapper space-y-8 pb-16"><h2 class="text-center text-4xl font-bold">Otros enlaces</h2></div><div class="wrapper bg-ghost-white min-h-[268px] rounded-3xl grid md:grid-cols-4 text-center font-bold"><div class="flex flex-col items-center justify-center p-6 space-y-6"><button class="link inline-flex items-center block m-0 pb-1" onclick="document.location.href='/contacto'; return false;" type="button">
                                                                                                                                                                                                                                        Ir a Contacto
                                                                                                                                                                                                                                        <svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true" fill="none" viewBox="0 0 14 10">
                                                                                                                                                                                                                                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9" />
                                                                                                                                                                                                                                        </svg>
                                                                                                                                                                                                                                    </button></div><div class="flex flex-col items-center justify-center p-6 space-y-6"><button class="link inline-flex items-center block m-0 pb-1" onclick="document.location.href='/trabaja-con-nosotros'; return false;" type="button">
                                                                                                                                                                                                                                        Trabaja con nosotros
                                                                                                                                                                                                                                        <svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true" fill="none" viewBox="0 0 14 10">
                                                                                                                                                                                                                                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9" />
                                                                                                                                                                                                                                        </svg>
                                                                                                                                                                                                                                    </button></div><div class="flex flex-col items-center justify-center p-6 space-y-6"><button class="link inline-flex items-center block m-0 pb-1" onclick="document.location.href='/trabaja-con-nosotros/procesos-de-contratacion'; return false;" type="button">
                                                                                                                                                                                                                                        Procesos de contratación
                                                                                                                                                                                                                                        <svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true" fill="none" viewBox="0 0 14 10">
                                                                                                                                                                                                                                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9" />
                                                                                                                                                                                                                                        </svg>
                                                                                                                                                                                                                                    </button></div><div class="flex flex-col items-center justify-center p-6 space-y-6"><button class="link inline-flex items-center block m-0 pb-1" onclick="document.location.href='/sala-prensa'; return false;" type="button">
                                                                                                                                                                                                                                        Sala de prensa
                                                                                                                                                                                                                                        <svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true" fill="none" viewBox="0 0 14 10">
                                                                                                                                                                                                                                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9" />
                                                                                                                                                                                                                                        </svg>
                                                                                                                                                                                                                                    </button></div></div><div style="display:flex;gap:20px;justify-content:center;padding:20px 30%;width:100%;"><a href="https://bogota.gov.co/" target="_blank"><img src="/sites/default/files/imagenes/2025/botones/bogotagovoco.png" data-entity-type="file" alt="botón que rigire al portal bogotá"></a><a href="https://www.veeduriadistrital.gov.co/informacion-adicional/denuncie-aqui" target="_blank"><img src="https:/sites/default/files/imagenes/2025/botones/denuncie.png" data-entity-type="file" alt="boton de denuncia ciudadana"></a>&nbsp;</div></section></div>
      
  </div>



</main>

<!-- Footer -->
<footer class="bg-rebecca-purple py-20">
	<div id="block-biblored-tailwind-stable-lglinkspiedepagina" class="settings-tray-editable w-[90%] mx-auto md:max-w-6xl" data-drupal-settingstray="editable">
  
    
      
            <div class="node-field-body-text-with-summary"><div class="md:grid md:grid-cols-2 md:gap-4 lg:grid-cols-4 lg:gap-6"><div class="mb-10"><p class="font-bold text-base text-white mb-3">SERVICIO AL CIUDADANO</p><ul><li><a class="flex font-normal text-sm text-wisteria mt-3 hover:underline" href="https://www.ideca.gov.co/" target="_blank">Infraestructura de Datos Espaciales del Distrito Capital – IDECA</a></li><li><a class="flex font-normal text-sm text-wisteria mt-3 hover:underline" href="https://bogota.gov.co/sdqs/crear-peticion" target="_blank">Denuncie actos de corrupción I Gobierno Abierto de Bogotá</a></li><li><a class="flex font-normal text-sm text-wisteria mt-3 hover:underline" href="https://www.culturarecreacionydeporte.gov.co/es/scrd-transparente/mecanismos-de-contacto-con-el-sujeto-obligado/politicas-de-seguridad-de-la-informacion-del-sitio-web-y-proteccion-de-datos-personales" target="_blank">Transparencia y acceso a información pública</a></li><li><a class="flex font-normal text-sm text-wisteria mt-3 hover:underline" href="https://www.culturarecreacionydeporte.gov.co/scrd-transparente/plan-anticorrupcion-y-atencion-al-ciudadano" target="_blank">Plan anticorrupción</a></li><li><a class="flex font-normal text-sm text-wisteria mt-3 hover:underline" href="https://www.culturarecreacionydeporte.gov.co/inspeccion-vigilancia-y-control-esal-deportivas-yo-recreativas" target="_blank">Inspección, Vigilancia y Control a ESAL deportivas y/o recreativas</a></li><li><a class="flex font-normal text-sm text-wisteria mt-3 hover:underline" href="https://www.culturarecreacionydeporte.gov.co/scrd-transparente/contratacion" target="_blank">Avisos de convocatoria pública</a></li><li><a class="flex font-normal text-sm text-wisteria mt-3 hover:underline" href="https://www.culturarecreacionydeporte.gov.co/programa-de-orientacion-y-servicio-al-ciudadano" target="_blank">Punto de atención al ciudadano</a></li><li><a class="flex font-normal text-sm text-wisteria mt-3 hover:underline" href="https://sofia.sdmujer.gov.co/" target="_blank">Rutas de atención para niñas, adolescentes y mujeres víctimas de la violencia</a></li><li><a class="flex font-normal text-sm text-wisteria mt-3 hover:underline" href="https://www.culturarecreacionydeporte.gov.co/personeria-juridica-organismos-deportivos-yo-recreativos-del-distrito" target="_blank">Personería jurídica para los organismos deportivos y/o recreativos</a></li><li><a class="flex font-normal text-sm text-wisteria mt-3 hover:underline" href="https://bogota.gov.co/servicios/guia-de-tramites-y-servicios" target="_blank">Guía de trámites y servicios</a></li><li><a class="flex font-normal text-sm text-wisteria mt-3 hover:underline" href="https://mapas.bogota.gov.co/" target="_blank">Mapa callejero&nbsp;de Bogotá</a></li><li><a class="flex font-normal text-sm text-wisteria mt-3 hover:underline" href="https://www.culturarecreacionydeporte.gov.co/parques-para-todos/" target="_blank">Parques para todos</a></li><li><a class="flex font-normal text-sm text-wisteria mt-3 hover:underline" href="https://bogota.gov.co/sdqs" target="_blank">Sistema Distrital de quejas y solicitudes</a></li><li><a class="flex font-normal text-sm text-wisteria mt-3 hover:underline" href="https://www.serviciocivil.gov.co/" target="_blank">Empleo en Bogotá D.C.</a></li><li><a class="flex font-normal text-sm text-wisteria mt-3 hover:underline" href="https://www.culturarecreacionydeporte.gov.co/es/politicas-de-privacidad-y-tratamiento-de-datos-personales" target="_blank">Política de tratamiento de datos</a></li></ul></div><div class="mb-10"><p class="font-bold text-base text-white mb-3">RED DE PÁGINAS DEL SECTOR</p><ul><li><a class="flex font-normal text-sm text-wisteria mt-3 hover:underline" href="https://www.culturarecreacionydeporte.gov.co/" target="_blank">Secretaría de Cultura, Recreación y Deporte</a></li><li><a class="flex font-normal text-sm text-wisteria mt-3 hover:underline" href="https://www.idrd.gov.co/" target="_blank">Instituto Distrital de Recreación y Deporte - IDRD</a></li><li><a class="flex font-normal text-sm text-wisteria mt-3 hover:underline" href="https://www.idartes.gov.co/" target="_blank">Instituto Distrital de las Artes -IDARTES</a></li><li><a class="flex font-normal text-sm text-wisteria mt-3 hover:underline" href="https://filarmonicabogota.gov.co/" target="_blank">Orquesta Filarmónica de Bogotá - OFB</a></li><li><a class="flex font-normal text-sm text-wisteria mt-3 hover:underline" href="https://idpc.gov.co/" target="_blank">Instituto Distrital de Patrimonio Cultural - IDPC</a></li><li><a class="flex font-normal text-sm text-wisteria mt-3 hover:underline" href="https://www.fuga.gov.co/" target="_blank">Fundación Gilberto Alzate Avendaño FUGA</a></li><li><a class="flex font-normal text-sm text-wisteria mt-3 hover:underline" href="https://www.canalcapital.gov.co/" target="_blank">Canal Capital</a></li></ul></div><div class="mb-10"><p class="font-bold text-base text-white mb-3">ENTIDADES DE CONTROL</p><ul><li><a class="flex font-normal text-sm text-wisteria mt-3 hover:underline" href="https://www.personeriabogota.gov.co/" target="_blank">Personería Distrital</a></li><li><a class="flex font-normal text-sm text-wisteria mt-3 hover:underline" href="https://www.contraloria.gov.co/" target="_blank">Contraloría General de la Nación</a></li><li><a class="flex font-normal text-sm text-wisteria mt-3 hover:underline" href="https://concejodebogota.gov.co/cbogota/site/edic/base/port/inicio.php" target="_blank">Concejo de Bogotá D.C.</a></li><li><a class="flex font-normal text-sm text-wisteria mt-3 hover:underline" href="https://www.veeduriadistrital.gov.co/" target="_blank">Veeduría Distrital</a></li><li><a class="flex font-normal text-sm text-wisteria mt-3 hover:underline" href="https://www.contratacionbogota.gov.co/es/web/cav3/ciudadano" target="_blank">Portal de Contratación a la Vista</a></li><li><a class="flex font-normal text-sm text-wisteria mt-3 hover:underline" href="https://www.colombiacompra.gov.co/" target="_blank">Portal de Contratación - SECOP</a></li></ul></div><div class="mb-10"><p class="font-bold text-base text-white mb-3">SITIOS RECOMENDADOS</p><ul><li><a class="flex font-normal text-sm text-wisteria mt-3 hover:underline" href="https://derechodeautor.gov.co/" target="_blank">Dirección Nacional de Derechos de Autor</a></li><li><a class="flex font-normal text-sm text-wisteria mt-3 hover:underline" href="/mapascyt" target="_blank">Mapa de bibliotecas comunitarias de Bogotá</a></li></ul><p class="font-bold text-base text-white mt-3"><strong>INTRANET</strong></p><ul><li><a class="flex font-normal text-sm text-wisteria mt-3 hover:underline" href="https://intranet.biblored.net/" target="_blank">Acceso colaboradores - Intranet</a></li><li><a class="flex font-normal text-sm text-wisteria mt-3 hover:underline" href="https://gestion.biblored.net:10443/remote/login?lang=en" target="_blank">Acceso colaboradores - (Gestión)</a></li></ul></div></div></div>
      
    <hr class="border-solid border-wisteria mb-12 opacity-30">
</div><div id="block-biblored-tailwind-stable-lgcontactopiedepagina" class="settings-tray-editable w-[90%] mx-auto md:max-w-6xl" data-drupal-settingstray="editable">
  
    
      
            <div class="node-field-body-text-with-summary"><div class="md:grid md:grid-cols-2 lg:grid-cols-3 md:gap-12"><div class="md:col-span-2 lg:col-span-1 mb-10"><img class="w-full" src="/themes/biblored_tailwind_stable/images/footer-logos.svg" alt></div><div class="mb-10"><p><a class="font-bold text-white hover:underline" href="#">www.biblored.gov.co</a></p><div class="text-sm font-normal text-white mt-4">Dirección: Avenida Carrera 60 No. 57 - 60 Piso 2 Bogotá, Colombia&nbsp;<br>Horario de atención:&nbsp;<br>Lunes a viernes 08:00 am - 08:00 pm</div><div class="flex justify-start inset-0 h-6 mt-4"><ul class="grid gap-4 grid-flow-col static"><li><a class="transform hover:scale-125 ease-out duration-300" href="https://www.facebook.com/BibloRedBogota"><svg width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M10.8148 0.303467C4.84521 0.303467 0 5.14302 0 11.1222C0 16.5241 3.95754 21.0011 9.12823 21.8077V14.2523H6.37645V11.1222H9.12084V8.73939C9.12084 6.03101 10.7334 4.52883 13.2041 4.52883C14.3877 4.52883 15.623 4.74343 15.623 4.74343V7.4H14.2619C12.9156 7.4 12.5014 8.23619 12.5014 9.08719V11.1148H15.5047L15.0239 14.2449H12.5014V21.8077C17.6721 20.9937 21.6296 16.5167 21.6296 11.1222C21.6296 5.14302 16.7918 0.303467 10.8148 0.303467Z" fill="#C2A6E1" /></svg></a></li><li><a href="https://www.instagram.com/bibloredbogota/"><svg width="23" height="22" viewBox="0 0 23 22" fill="none"><path d="M13.9733 5.97192H8.91356C7.47109 5.97192 6.29492 7.14851 6.29492 8.5915V13.6531C6.29492 15.096 7.47109 16.2726 8.91356 16.2726H13.9733C15.4158 16.2726 16.5919 15.096 16.5919 13.6531V8.5915C16.5919 7.14851 15.4158 5.97192 13.9733 5.97192ZM11.4952 14.245C9.77164 14.245 8.37356 12.8465 8.37356 11.1223C8.37356 9.39809 9.77164 7.99951 11.4952 7.99951C13.2188 7.99951 14.6169 9.39809 14.6169 11.1223C14.6169 12.8465 13.2188 14.245 11.4952 14.245ZM14.8018 8.5323C14.3949 8.5323 14.0547 8.1993 14.0547 7.78491C14.0547 7.37051 14.3875 7.03751 14.8018 7.03751C15.216 7.03751 15.5489 7.37051 15.5489 7.78491C15.5489 8.1993 15.2086 8.5323 14.8018 8.5323Z" fill="#C2A6E1" /><path d="M11.4953 9.11694C10.3931 9.11694 9.49805 10.0123 9.49805 11.1149C9.49805 12.2175 10.3931 13.1129 11.4953 13.1129C12.5975 13.1129 13.4926 12.2175 13.4926 11.1149C13.4926 10.0197 12.5975 9.11694 11.4953 9.11694Z" fill="#C2A6E1" /><path d="M11.4437 0.318359C5.46672 0.318359 0.628906 5.16532 0.628906 11.1371C0.628906 17.1162 5.47412 21.9558 11.4437 21.9558C17.4207 21.9558 22.2585 17.1088 22.2585 11.1371C22.2585 5.15792 17.4133 0.318359 11.4437 0.318359ZM17.7832 13.653C17.7832 15.7546 16.0744 17.464 13.9736 17.464H8.91385C6.81303 17.464 5.10426 15.7546 5.10426 13.653V8.59148C5.10426 6.4899 6.81303 4.78052 8.91385 4.78052H13.9736C16.0744 4.78052 17.7832 6.4899 17.7832 8.59148V13.653Z" fill="#C2A6E1" /></svg></a></li><li><a href="https://twitter.com/BibloredBogota"><svg width="21" height="21" viewBox="0 0 21 21" fill="none"><g clip-path="url(#clip0_1015_15153)"><path d="M7.40184 5.06744C7.34512 4.99161 7.28751 4.96398 7.19522 4.96486C6.76904 4.96927 6.34316 4.96663 5.91698 4.96663C5.77678 4.96663 5.63659 4.96663 5.46582 4.96663C5.50844 5.02629 5.52754 5.05421 5.54782 5.08126C6.34198 6.13671 7.13644 7.19245 7.93089 8.24761C9.84634 10.792 11.7624 13.3362 13.6761 15.8818C13.7322 15.9564 13.7919 15.9844 13.8847 15.9838C14.3941 15.9797 14.9035 15.982 15.4128 15.9814C15.4548 15.9814 15.4969 15.9764 15.5574 15.9729C15.528 15.9265 15.5098 15.8935 15.4878 15.8639C13.8604 13.6906 12.2326 11.5174 10.6046 9.34451C9.53656 7.91872 8.46758 6.4944 7.40184 5.06744Z" fill="#C2A6E1" /><path d="M10.4999 0C4.70089 0 0 4.70089 0 10.4999C0 16.2988 4.70089 20.9997 10.4999 20.9997C16.2988 20.9997 20.9997 16.2988 20.9997 10.4999C20.9997 4.70089 16.2988 0 10.4999 0ZM17.0442 16.8587C15.8341 16.8593 14.6241 16.8578 13.414 16.8611C13.3109 16.8614 13.2462 16.8314 13.183 16.7464C12.0076 15.1631 10.829 13.5821 9.65073 12.0012C9.62193 11.9624 9.59048 11.9253 9.54933 11.8739C9.13902 12.3133 8.74135 12.7386 8.34457 13.1651C7.2368 14.3554 6.12844 15.5452 5.0242 16.7388C4.93955 16.8302 4.85461 16.8658 4.73205 16.8623C4.43549 16.854 4.13863 16.8596 3.7971 16.8596C5.57088 14.9583 7.31557 13.0887 9.06349 11.2152C7.30998 8.86215 5.56324 6.51788 3.79504 4.1451C3.8794 4.1451 3.93054 4.1451 3.98197 4.1451C5.15293 4.1451 6.3236 4.14715 7.49456 4.14245C7.61977 4.14186 7.69678 4.17743 7.7729 4.27971C8.90565 5.79749 10.0434 7.31175 11.1803 8.82659C11.1944 8.8454 11.2117 8.86157 11.2352 8.88743C11.4836 8.62202 11.7275 8.3625 11.9706 8.10179C13.1269 6.86294 14.287 5.62731 15.4344 4.38052C15.5949 4.20623 15.7483 4.11982 15.9855 4.14098C16.2227 4.16214 16.4631 4.14568 16.7423 4.14568C15.0547 5.95885 13.3917 7.74527 11.7187 9.54227C13.5439 11.9738 15.3668 14.4016 17.2044 16.8496C17.1359 16.8534 17.09 16.8587 17.0442 16.8587Z" fill="#C2A6E1" /></g><defs><clipPath id="clip0_1015_15153"><rect width="21" height="21" fill="white" /></clipPath></defs></svg></a></li><li><a href="https://www.tiktok.com/@bibloredbogota"><svg width="23" height="22" viewBox="0 0 23 22" fill="none"><path d="M11.7035 0.318359C5.72648 0.318359 0.888672 5.16532 0.888672 11.1371C0.888672 17.1162 5.73388 21.9558 11.7035 21.9558C17.6805 21.9558 22.5183 17.1088 22.5183 11.1371C22.5183 5.15792 17.6805 0.318359 11.7035 0.318359ZM17.3254 9.88647C17.2145 9.89387 17.1035 9.90127 16.9925 9.90127C15.772 9.90127 14.6328 9.28708 13.9671 8.26589V13.8306C13.9671 16.1024 12.1251 17.945 9.85416 17.945C7.5832 17.945 5.74128 16.1024 5.74128 13.8306C5.74128 11.5589 7.5832 9.71627 9.85416 9.71627C9.94293 9.71627 10.0243 9.72367 10.1057 9.73107V11.7587C10.0243 11.7513 9.93553 11.7365 9.85416 11.7365C8.69279 11.7365 7.75334 12.6762 7.75334 13.838C7.75334 14.9998 8.69279 15.9396 9.85416 15.9396C11.0155 15.9396 12.0364 15.022 12.0364 13.8676L12.0586 4.41052H13.9966C14.1816 6.14951 15.5797 7.51109 17.3254 7.63689V9.88647Z" fill="#C2A6E1" /></svg></a></li><li><a href="https://www.youtube.com/user/BibloRedBog"><svg width="23" height="22" viewBox="0 0 23 22" fill="none"><path d="M13.0933 10.715L10.2453 9.16106C10.127 9.09446 9.72754 9.17586 9.72754 9.31646V12.343C9.72754 12.4762 10.127 12.5576 10.238 12.4984L13.2191 11.0258C13.3374 10.9592 13.2117 10.789 13.0933 10.715Z" fill="#C2A6E1" /><path d="M11.3324 0C5.35539 0 0.517578 4.84696 0.517578 10.8187C0.517578 16.7904 5.36279 21.6374 11.3324 21.6374C17.3094 21.6374 22.1472 16.7904 22.1472 10.8187C22.1472 4.84696 17.302 0 11.3324 0ZM17.117 12.3357C17.117 13.7713 15.9557 14.9331 14.5206 14.9331H7.87786C6.44279 14.9331 5.28141 13.7713 5.28141 12.3357V9.24992C5.28141 7.81433 6.44279 6.65254 7.87786 6.65254H14.5206C15.9557 6.65254 17.117 7.81433 17.117 9.24992V12.3357Z" fill="#C2A6E1" /></svg></a></li><li><a href="https://www.linkedin.com/company/biblored/"><svg width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M10.8148 0C4.83781 0 0 4.84696 0 10.8187C0 16.7978 4.84521 21.6374 10.8148 21.6374C16.7918 21.6374 21.6296 16.7904 21.6296 10.8187C21.6296 4.84696 16.7918 0 10.8148 0ZM8.37371 15.5325H6.28028V8.79852H8.37371V15.5325ZM7.33069 7.88833C6.65754 7.88833 6.11754 7.34073 6.11754 6.67474C6.11754 6.00875 6.65754 5.46115 7.33069 5.46115C8.00384 5.46115 8.54384 6.00135 8.54384 6.67474C8.54384 7.34073 7.99644 7.88833 7.33069 7.88833ZM16.2074 15.5325H14.114V12.2617C14.114 11.4773 14.0992 10.4783 13.0266 10.4783C11.9392 10.4783 11.7691 11.3293 11.7691 12.2099V15.5399H9.67563V8.80592H11.6803V9.72351H11.7099C11.991 9.19072 12.6715 8.63572 13.6923 8.63572C15.808 8.63572 16.2 10.0269 16.2 11.8399V15.5325H16.2074Z" fill="#C2A6E1" /></svg></a></li></ul></div></div><div class="mb-10"><div class="flex"><div class="mr-2"><svg width="24" height="25" viewBox="0 0 24 25" fill="none"><path d="M8.38614 9.62423C9.08213 11.0738 10.0309 12.4325 11.2325 13.6341C12.4341 14.8356 13.7927 15.7844 15.2423 16.4804C15.367 16.5403 15.4294 16.5702 15.5083 16.5932C15.7886 16.675 16.1329 16.6163 16.3703 16.4462C16.4371 16.3984 16.4943 16.3412 16.6086 16.2269C16.9582 15.8773 17.133 15.7025 17.3088 15.5882C17.9717 15.1572 18.8262 15.1572 19.4891 15.5882C19.6649 15.7025 19.8397 15.8773 20.1893 16.2269L20.3842 16.4218C20.9156 16.9532 21.1814 17.219 21.3257 17.5043C21.6128 18.0719 21.6128 18.7422 21.3257 19.3097C21.1814 19.5951 20.9156 19.8608 20.3842 20.3923L20.2266 20.5499C19.6969 21.0795 19.4321 21.3443 19.0721 21.5466C18.6726 21.771 18.0521 21.9324 17.5939 21.931C17.1809 21.9298 16.8987 21.8497 16.3343 21.6895C13.3009 20.8285 10.4385 19.204 8.05052 16.816C5.66254 14.4281 4.03806 11.5657 3.17709 8.53231C3.01689 7.96786 2.93678 7.68564 2.93556 7.27269C2.93419 6.81447 3.09555 6.19398 3.31997 5.79447C3.52222 5.43444 3.78703 5.16963 4.31666 4.64001L4.47429 4.48237C5.00573 3.95093 5.27145 3.68521 5.55684 3.54086C6.1244 3.25379 6.79466 3.25379 7.36222 3.54086C7.6476 3.68521 7.91332 3.95093 8.44477 4.48237L8.63964 4.67724C8.98924 5.02685 9.16405 5.20165 9.27833 5.37743C9.70933 6.04032 9.70933 6.8949 9.27833 7.55779C9.16405 7.73357 8.98924 7.90837 8.63964 8.25798C8.52533 8.37229 8.46817 8.42945 8.42033 8.49626C8.25032 8.73369 8.19162 9.07795 8.27334 9.3583C8.29634 9.43719 8.32627 9.49954 8.38614 9.62423Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg></div><p class="font-bold text-white">Contacto</p></div><div class="text-sm font-normal text-white mt-4">Teléfono conmutador: +57 (601) 580 3050&nbsp;<br>Línea anticorrupción: 195 - Opción 2&nbsp;<br>Correo constitucional: <a class="hover:underline" href="mailto:contactenos@biblored.gov.co">contactenos@biblored.gov.co</a></div></div></div></div>
      
  </div>
<div id="block-biblored-tailwind-stable-lgleoradio" class="settings-tray-editable" data-drupal-settingstray="editable">
  
    
      
            <div class="node-field-body-text-with-summary"><style type="text/css">
  #bg_play {
  background-color: #45226C;
  position: fixed;
  bottom: 0;
  width: 60%;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 100;
  margin: 0;
  color: white;
  right: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  border-radius: 140px;
  bottom: 16px;
}
img#reproducir, img#pausar {
    width: 3rem;
}
.content_play{
  position:relative;display: flex;justify-content: center;align-items: center;padding: .7rem 2rem;
}
@media (max-width: 480px) {
  #bg_play {}
  .content_play{padding: 1rem 1rem; gap: 16px;}
  .poscontenido{display: none;}
  #reproducir, #pausar{width: 60% !important;}
}
  
  .precontenido_r {
  }
  
  #reproducir, #pausar, #programasimg, #podcastimg, #volmas {
  margin-right: 2%;
  width: 6%;
  height:auto;
  }
  .leoradio_reprod { 
  display: flex;
  position: initial;
  align-items: center;
  z-index: 200;
  justify-content: center;
  }
 
 .poscontenido { 
  }
  .poscontenido a {
  color: white;
  }
  #volumeSlider {
  accent-color: #efb950;
  width: 25%;
  height: 5px;
  padding: 0.5em 0;
  }
@media (min-width: 768px) {
.poscontenidomobil{
display: none;
}
}
@media (max-width: 768px) {
.precontenido_r, #volmas, #volumeSlider {
display: none;
}
#reproducir, #pausar, #programasimg, #podcastimg {
  margin: 2%;
  height:auto;
  width: 15%;
  }
.leoradio_reprod {
justify-content: left;
}
.leoradio_reprod, .poscontenido { 
  width: 48%;
  font-size: 80%;
  }    
.poscontenidomobil{
display:flex;
justify-content:center;
margin: 0px auto 5px 0;
width:100%;
}
#bg_play {
flex-direction: column;
border-radius: 25px;
}
.content_play {
padding: 0.5rem 1rem 0 1rem;
}
    .light-button {
        padding: 0 0.3rem !important;
        margin: 0 0 0.1rem 0 !important;
        border: none;
        background: #bda7dd36;
    }
}
      
</style><div id="bg_play"><div class="content_play"><p><img style="height:auto;left:20px;position:relative;top:-5px;width:240px;" src="/sites/default/files/leo_radio/Banner_sin_fondo.png"></p><p><audio style="display:none;" controls="playpause" id="player" type="audio/mp3">&nbsp;</audio>&nbsp;</p><div class="leoradio_reprod"><img id="reproducir" src="/sites/default/files/leo_radio/Al_aire@2x.png" onclick="al_aire(0);" alt="Reproducir"> <img style="display:none;" id="pausar" src="/sites/default/files/leo_radio/Pausa@2x.png" onclick="al_aire(1);" alt="Al aire"> <img id="volmas" src="/sites/default/files/leo_radio/Volumens@2x.png"> <input id="volumeSlider" onchange="volumen();" type="range" min="0" max="1" step="0.1" value="1"></div><div class="flex gap-2 poscontenido"><a class="light-button" href="/LeoRadio">Programación</a> <a class="light-button" href="/BibloRed-Podcast">Pódcast</a></div></div><div class="gap-2 poscontenidomobil"><a class="light-button" href="/LeoRadio">Programación</a> <a class="light-button" href="/BibloRed-Podcast">Pódcast</a></div></div><script type="text/javascript">
  function al_aire(w){
    if(w==0)
    {  
        document.getElementById('player').play();
        document.getElementById('reproducir').style.display = 'none';
        document.getElementById('pausar').style.display = '';
    }
    else
    {
        document.getElementById('player').pause();
        document.getElementById('pausar').style.display = 'none';
        document.getElementById('reproducir').style.display = '';
    }
  }
  function volumen() {
    document.getElementById('player').volume = parseFloat(document.getElementById("volumeSlider").value);
  }
  setTimeout(function() {
    document.getElementById('player').src = 'https://radioserver11.profesionalhosting.com/proxy/fwgdddlf?mp=/stream';
    document.getElementById('bg_play').style.display = 'flex';
  }, 7000);
</script></div>
      
  </div>


</footer>

  </div>

    
    <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/7","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"es","currentQuery":{"q":"rss.xml"}},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJx1Tu1uwzAIfCEvfiQLG5KyEogMaZu3n7e0lTZpf-A-OHSAGAZ6ZHiCae6mkSpFUC_02MwJy8wyqGfYw4rvdeV_TxZS6iCpchXrwwhgubNi8YAqlBexOvx2GTHN55oqzS8F-76BTCdL7UrIYb1Aa9aRTfMbnV1JMS1mi1ABBTmC22jxR0ibibxef-MPYb168sOD1lzBKd2Y7p5_5gSf8PglrIa70Bc6UHdE","theme":"biblored_tailwind_stable","theme_token":null},"ajaxTrustedUrl":{"\/node\/7":true},"google_analytics":{"account":"UA-113395877-1","trackOutbound":true,"trackMailto":true,"trackTel":true,"trackDownload":true,"trackDownloadExtensions":"7z|aac|arc|arj|asf|asx|avi|bin|csv|doc(x|m)?|dot(x|m)?|exe|flv|gif|gz|gzip|hqx|jar|jpe?g|js|mp(2|3|4|e?g)|mov(ie)?|msi|msp|pdf|phps|png|ppt(x|m)?|pot(x|m)?|pps(x|m)?|ppam|sld(x|m)?|thmx|qtm?|ra(m|r)?|sea|sit|tar|tgz|torrent|txt|wav|wma|wmv|wpd|xls(x|m|b)?|xlt(x|m)|xlam|xml|z|zip","trackColorbox":true,"trackDomainMode":1},"ckeditorAccordion":{"accordionStyle":{"collapseAll":1,"keepRowsOpen":null,"animateAccordionOpenAndClose":1,"openTabsWithHash":1}},"views":{"ajax_path":"\/views\/ajax","ajaxViews":{"views_dom_id:a10673ce02cd379f564f76d39a7708b989a5e4515a95a971e2d7dc1c9f5d8f9e":{"view_name":"programate_home","view_display_id":"block_1","view_args":"","view_path":"\/node\/7","view_base_path":null,"view_dom_id":"a10673ce02cd379f564f76d39a7708b989a5e4515a95a971e2d7dc1c9f5d8f9e","pager_element":0}}},"chosen":{"selector":"","minimum_single":20,"minimum_multiple":20,"minimum_width":0,"use_relative_width":false,"options":{"disable_search":false,"disable_search_threshold":0,"allow_single_deselect":false,"add_helper_buttons":false,"search_contains":false,"placeholder_text_multiple":"Choose some options","placeholder_text_single":"Choose an option","no_results_text":"No results match","max_shown_results":null,"inherit_select_classes":true}},"user":{"uid":0,"permissionsHash":"e6dfaa5e0bc81ad1952d5da4ff3896e855014686a54261003905600da579f76a"}}</script>
<script src="/core/assets/vendor/jquery/jquery.min.js?v=3.7.1"></script>
<script src="/core/assets/vendor/once/once.min.js?v=1.0.1"></script>
<script src="https://biblored.gov.co/sites/default/files/languages/es_0_TekJzlmSFTxZAhEL8K5P8wxaQqpjKZs4JQjyHfsbk.js?te7u3x"></script>
<script src="/core/misc/drupalSettingsLoader.js?v=10.2.10"></script>
<script src="/core/misc/drupal.js?v=10.2.10"></script>
<script src="/core/misc/drupal.init.js?v=10.2.10"></script>
<script src="/core/assets/vendor/tabbable/index.umd.min.js?v=6.2.0"></script>
<script src="https://static.addtoany.com/menu/page.js" defer></script>
<script src="/modules/contrib/addtoany/js/addtoany.js?v=10.2.10"></script>
<script src="/modules/contrib/google_analytics/js/google_analytics.js?v=10.2.10"></script>
<script src="/themes/biblored_tailwind_stable/node_modules/flowbite/dist/flowbite.min.js?te7u3x"></script>
<script src="/themes/biblored_tailwind_stable/js/biblored-tailwind-stable.js?te7u3x"></script>
<script src="/modules/contrib/ckeditor_accordion/js/accordion.frontend.min.js?te7u3x"></script>
<script src="/core/assets/vendor/jquery-form/jquery.form.min.js?v=4.3.0"></script>
<script src="/core/misc/progress.js?v=10.2.10"></script>
<script src="/core/assets/vendor/loadjs/loadjs.min.js?v=4.2.0"></script>
<script src="/core/misc/debounce.js?v=10.2.10"></script>
<script src="/core/misc/announce.js?v=10.2.10"></script>
<script src="/core/misc/message.js?v=10.2.10"></script>
<script src="/core/misc/ajax.js?v=10.2.10"></script>
<script src="/themes/contrib/stable/js/ajax.js?v=10.2.10"></script>
<script src="/core/modules/views/js/base.js?v=10.2.10"></script>
<script src="/core/modules/views/js/ajax_view.js?v=10.2.10"></script>
<script src="/modules/contrib/better_exposed_filters/js/better_exposed_filters.js?v=6.x"></script>
<script src="/modules/contrib/better_exposed_filters/js/auto_submit.js?v=6.x"></script>
<script src="//chosen.jquery.js"></script>
<script src="/modules/contrib/chosen/js/chosen.js?v=1.7.0"></script>
<script src="/modules/contrib/chosen/js/chosen-bef.js?te7u3x"></script>

  </body>
</html>
