{"id":956,"date":"2022-07-06T08:45:37","date_gmt":"2022-07-06T11:45:37","guid":{"rendered":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/?page_id=956"},"modified":"2026-09-14T21:39:37","modified_gmt":"2026-09-15T00:39:37","slug":"biblioteca","status":"publish","type":"page","link":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/biblioteca\/","title":{"rendered":"Biblioteca"},"content":{"rendered":"\n<!-- Carga de \u00edconos Font Awesome -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\" crossorigin=\"anonymous\" \/>\n\n<style>\n  :root {\n    --biblio-blue: #024b75;\n    --biblio-blue-dark: #013554;\n    --biblio-blue-light: #eef6fc;\n    --biblio-text: #2d3748;\n    --biblio-border: #e2e8f0;\n  }\n\n  .biblio-wrapper {\n    max-width: 1100px; \/* Ancho ajustado a 1100px *\/\n    margin: 0 auto;\n    font-family: 'Inter', Arial, sans-serif;\n    color: var(--biblio-text);\n    background: #ffffff;\n    border-radius: 16px;\n    box-shadow: 0 10px 30px rgba(2, 75, 117, 0.08);\n    border: 1px solid var(--biblio-border);\n    overflow: hidden;\n  }\n\n  \/* Encabezado y Bienvenida *\/\n  .biblio-header {\n    background: linear-gradient(135deg, var(--biblio-blue) 0%, var(--biblio-blue-dark) 100%);\n    color: white;\n    padding: 40px 30px;\n    text-align: center;\n  }\n\n  .biblio-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background-color: rgba(255, 255, 255, 0.15);\n    padding: 6px 18px;\n    border-radius: 20px;\n    font-size: 0.9rem;\n    font-weight: 600;\n    margin-bottom: 14px;\n    border: 1px solid rgba(255, 255, 255, 0.25);\n  }\n\n  .biblio-header h2 {\n    margin: 0 0 14px 0;\n    font-size: 2.2rem;\n    font-weight: 800;\n    color: #ffffff;\n  }\n\n  .biblio-intro {\n    max-width: 900px;\n    margin: 0 auto;\n    font-size: 1.05rem;\n    line-height: 1.6;\n    color: #e2e8f0;\n  }\n\n  \/* Carrusel de Im\u00e1genes *\/\n  .biblio-carousel-container {\n    position: relative;\n    width: 100%;\n    max-height: 500px;\n    background-color: #0d1117;\n    overflow: hidden;\n  }\n\n  .biblio-slide {\n    display: none;\n    width: 100%;\n    animation: fadeEffect 0.6s ease-in-out;\n  }\n\n  .biblio-slide.active {\n    display: block;\n  }\n\n  .biblio-slide img {\n    width: 100%;\n    height: 500px;\n    object-fit: cover;\n    display: block;\n  }\n\n  @keyframes fadeEffect {\n    from { opacity: 0.4; }\n    to { opacity: 1; }\n  }\n\n  \/* Botones Anterior\/Siguiente *\/\n  .carousel-prev, .carousel-next {\n    cursor: pointer;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    padding: 14px 18px;\n    color: white;\n    font-weight: bold;\n    font-size: 20px;\n    transition: 0.3s ease;\n    border-radius: 50%;\n    background-color: rgba(2, 75, 117, 0.6);\n    user-select: none;\n    border: none;\n    margin: 0 20px;\n  }\n\n  .carousel-next { right: 0; }\n  .carousel-prev { left: 0; }\n\n  .carousel-prev:hover, .carousel-next:hover {\n    background-color: var(--biblio-blue);\n  }\n\n  \/* Puntos Indicadores *\/\n  .carousel-dots {\n    text-align: center;\n    position: absolute;\n    bottom: 18px;\n    width: 100%;\n  }\n\n  .dot-item {\n    cursor: pointer;\n    height: 11px;\n    width: 11px;\n    margin: 0 5px;\n    background-color: rgba(255, 255, 255, 0.5);\n    border-radius: 50%;\n    display: inline-block;\n    transition: background-color 0.3s ease, transform 0.2s;\n  }\n\n  .dot-item.active, .dot-item:hover {\n    background-color: #ffffff;\n    transform: scale(1.3);\n  }\n\n  \/* Tarjetas de Informaci\u00f3n *\/\n  .biblio-info-section {\n    padding: 35px 30px;\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 25px;\n  }\n\n  .info-card-box {\n    background: var(--biblio-blue-light);\n    border: 1px solid #b8d7eb;\n    border-radius: 12px;\n    padding: 24px;\n    display: flex;\n    align-items: flex-start;\n    gap: 18px;\n  }\n\n  .info-icon-circle {\n    width: 48px;\n    height: 48px;\n    background: var(--biblio-blue);\n    color: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.3rem;\n    flex-shrink: 0;\n  }\n\n  .info-details h4 {\n    margin: 0 0 8px 0;\n    color: var(--biblio-blue);\n    font-size: 1.15rem;\n    font-weight: 700;\n  }\n\n  .info-details p {\n    margin: 0;\n    font-size: 0.98rem;\n    line-height: 1.5;\n  }\n\n  .biblio-link-mail {\n    color: var(--biblio-blue);\n    font-weight: 700;\n    text-decoration: none;\n    word-break: break-all;\n  }\n\n  .biblio-link-mail:hover {\n    text-decoration: underline;\n  }\n\n  @media (max-width: 768px) {\n    .biblio-header h2 { font-size: 1.6rem; }\n    .biblio-slide img { height: 300px; }\n    .biblio-carousel-container { max-height: 300px; }\n  }\n<\/style>\n\n<div class=\"biblio-wrapper\">\n  <!-- Encabezado con mensaje de bienvenida -->\n  <div class=\"biblio-header\">\n    <div class=\"biblio-badge\">\n      <i class=\"fa-solid fa-book-open\"><\/i> Espacio de Estudio e Investigaci\u00f3n\n    <\/div>\n    <h2>Biblioteca Institucional ISFD N\u00b039<\/h2>\n    <p class=\"biblio-intro\">\n      Te damos la bienvenida a nuestra biblioteca. Un espacio pensado para acompa\u00f1ar tu trayectoria formativa con un amplio cat\u00e1logo bibliogr\u00e1fico, material de consulta para todas las carreras y un ambiente propicio para el estudio. \u00a1Te invitamos a recorrerla y utilizar sus servicios!\n    <\/p>\n  <\/div>\n\n  <!-- Carrusel Din\u00e1mico de Fotos -->\n  <div class=\"biblio-carousel-container\" id=\"biblioCarousel\">\n    <div class=\"biblio-slide active\">\n      <img decoding=\"async\" src=\"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-content\/uploads\/2026\/09\/biblio-1.jpeg\" alt=\"Biblioteca ISFD 39 - Imagen 1\">\n    <\/div>\n    <div class=\"biblio-slide\">\n      <img decoding=\"async\" src=\"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-content\/uploads\/2026\/09\/biblio-2.jpeg\" alt=\"Biblioteca ISFD 39 - Imagen 2\">\n    <\/div>\n    <div class=\"biblio-slide\">\n      <img decoding=\"async\" src=\"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-content\/uploads\/2026\/09\/biblio-3.jpeg\" alt=\"Biblioteca ISFD 39 - Imagen 3\">\n    <\/div>\n    <div class=\"biblio-slide\">\n      <img decoding=\"async\" src=\"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-content\/uploads\/2026\/09\/biblio-4.jpeg\" alt=\"Biblioteca ISFD 39 - Imagen 4\">\n    <\/div>\n    <div class=\"biblio-slide\">\n      <img decoding=\"async\" src=\"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-content\/uploads\/2026\/09\/biblio-5.jpeg\" alt=\"Biblioteca ISFD 39 - Imagen 5\">\n    <\/div>\n    <div class=\"biblio-slide\">\n      <img decoding=\"async\" src=\"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-content\/uploads\/2026\/09\/biblio-6.jpeg\" alt=\"Biblioteca ISFD 39 - Imagen 6\">\n    <\/div>\n\n    <!-- Flechas de navegaci\u00f3n -->\n    <button class=\"carousel-prev\" onclick=\"changeBiblioSlide(-1)\">&#10094;<\/button>\n    <button class=\"carousel-next\" onclick=\"changeBiblioSlide(1)\">&#10095;<\/button>\n\n    <!-- Indicadores -->\n    <div class=\"carousel-dots\">\n      <span class=\"dot-item active\" onclick=\"setBiblioSlide(0)\"><\/span>\n      <span class=\"dot-item\" onclick=\"setBiblioSlide(1)\"><\/span>\n      <span class=\"dot-item\" onclick=\"setBiblioSlide(2)\"><\/span>\n      <span class=\"dot-item\" onclick=\"setBiblioSlide(3)\"><\/span>\n      <span class=\"dot-item\" onclick=\"setBiblioSlide(4)\"><\/span>\n      <span class=\"dot-item\" onclick=\"setBiblioSlide(5)\"><\/span>\n    <\/div>\n  <\/div>\n\n  <!-- Informaci\u00f3n de horarios y contacto -->\n  <div class=\"biblio-info-section\">\n    <div class=\"info-card-box\">\n      <div class=\"info-icon-circle\">\n        <i class=\"fa-solid fa-clock\"><\/i>\n      <\/div>\n      <div class=\"info-details\">\n        <h4>Atenci\u00f3n y Horarios<\/h4>\n        <p>La biblioteca funciona en los <strong>tres turnos<\/strong> (Ma\u00f1ana, Tarde y Noche) en la <strong>Sede Central<\/strong> del Instituto.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"info-card-box\">\n      <div class=\"info-icon-circle\">\n        <i class=\"fa-solid fa-envelope\"><\/i>\n      <\/div>\n      <div class=\"info-details\">\n        <h4>Contacto Directo<\/h4>\n        <p>Consultas sobre material, pr\u00e9stamos y programas:<br>\n        <a href=\"mailto:isfd39biblioteca@gmail.com\" class=\"biblio-link-mail\">isfd39biblioteca@gmail.com<\/a><\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- L\u00f3gica del Carrusel -->\n<script>\n  (function() {\n    let currentSlideIdx = 0;\n    const slides = document.querySelectorAll('#biblioCarousel .biblio-slide');\n    const dots = document.querySelectorAll('#biblioCarousel .dot-item');\n    let autoSlideTimer;\n\n    function renderSlide(index) {\n      if (index >= slides.length) currentSlideIdx = 0;\n      else if (index < 0) currentSlideIdx = slides.length - 1;\n      else currentSlideIdx = index;\n\n      slides.forEach((s, i) => s.classList.toggle('active', i === currentSlideIdx));\n      dots.forEach((d, i) => d.classList.toggle('active', i === currentSlideIdx));\n    }\n\n    window.changeBiblioSlide = function(step) {\n      renderSlide(currentSlideIdx + step);\n      resetTimer();\n    };\n\n    window.setBiblioSlide = function(index) {\n      renderSlide(index);\n      resetTimer();\n    };\n\n    function startTimer() {\n      autoSlideTimer = setInterval(() => {\n        renderSlide(currentSlideIdx + 1);\n      }, 4500);\n    }\n\n    function resetTimer() {\n      clearInterval(autoSlideTimer);\n      startTimer();\n    }\n\n    startTimer();\n  })();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Espacio de Estudio e Investigaci\u00f3n Biblioteca Institucional ISFD N\u00b039 Te damos la bienvenida a nuestra biblioteca. Un espacio pensado para acompa\u00f1ar tu trayectoria formativa con un amplio cat\u00e1logo bibliogr\u00e1fico, material de consulta para todas las carreras y un ambiente propicio para el estudio. \u00a1Te invitamos a recorrerla y utilizar sus servicios! &#10094; &#10095; Atenci\u00f3n y &#8230; <a title=\"Biblioteca\" class=\"read-more\" href=\"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/biblioteca\/\" aria-label=\"More on Biblioteca\">[+]<\/a><\/p>\n","protected":false},"author":30,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/956"}],"collection":[{"href":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/users\/30"}],"replies":[{"embeddable":true,"href":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/comments?post=956"}],"version-history":[{"count":7,"href":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/956\/revisions"}],"predecessor-version":[{"id":2226,"href":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/956\/revisions\/2226"}],"wp:attachment":[{"href":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/media?parent=956"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}