{"id":7760,"date":"2026-09-17T10:21:20","date_gmt":"2026-09-17T08:21:20","guid":{"rendered":"https:\/\/serveiseducatius.xtec.cat\/baixllobregat2\/?page_id=7760"},"modified":"2026-09-17T11:33:17","modified_gmt":"2026-09-17T09:33:17","slug":"prestec-llibres","status":"publish","type":"page","link":"https:\/\/serveiseducatius.xtec.cat\/baixllobregat2\/prestec-llibres\/","title":{"rendered":"Pr\u00e9stec llibres"},"content":{"rendered":"\n<!-- CATALEG DE LLIBRES - Servei Educatiu Baix Llobregat II -->\n<!-- Enganxa TOT aquest contingut dins UN bloc \"HTML personalitzat\" de WordPress -->\n\n<style>\n.bll5-app{\n  --bg:#F5FAF9;\n  --surface:#FFFFFF;\n  --surface2:#E7F3F1;\n  --border:rgba(0,0,0,0.08);\n  --border2:rgba(0,0,0,0.13);\n  --text:#173B39;\n  --text2:#5F7774;\n  --text3:#8BA09D;\n\n  --accent:#087F7A;\n  --accent-light:#E2F4F2;\n\n  --radius:14px;\n  --shadow:0 1px 3px rgba(0,0,0,0.06),\n           0 4px 12px rgba(0,0,0,0.04);\n\n  font-family:Arial,Helvetica,sans-serif;\n  color:var(--text);\n  background:var(--bg);\n  max-width:1200px;\n  margin:0 auto;\n  padding:20px;\n  box-sizing:border-box;\n}\n\n.bll5-app *,\n.bll5-app *::before,\n.bll5-app *::after{\n  box-sizing:border-box;\n}\n\n\n\/* =========================\n   HERO\n   ========================= *\/\n\n.bll5-app .hero{\n  background:linear-gradient(135deg,#087F7A,#159A94);\n  color:white;\n  border-radius:22px;\n  padding:34px 32px;\n  margin-bottom:25px;\n  box-shadow:0 8px 25px rgba(8,127,122,0.18);\n}\n\n.bll5-app .hero-badge{\n  display:inline-block;\n  background:rgba(255,255,255,0.16);\n  border:1px solid rgba(255,255,255,0.22);\n  padding:6px 12px;\n  border-radius:30px;\n  font-size:13px;\n  margin-bottom:12px;\n}\n\n.bll5-app .hero h1{\n  margin:0 0 10px;\n  font-size:32px;\n  line-height:1.15;\n  font-weight:700;\n}\n\n.bll5-app .hero p{\n  margin:0;\n  max-width:760px;\n  font-size:16px;\n  line-height:1.55;\n  opacity:.95;\n}\n\n\n\/* =========================\n   CERCA\n   ========================= *\/\n\n.bll5-app .search-wrap{\n  position:relative;\n  margin-bottom:25px;\n}\n\n.bll5-app #q{\n  width:100%;\n  padding:15px 18px;\n  border:1px solid var(--border2);\n  border-radius:13px;\n  background:white;\n  color:var(--text);\n  font-size:16px;\n  outline:none;\n  transition:.2s;\n}\n\n.bll5-app #q:focus{\n  border-color:var(--accent);\n  box-shadow:0 0 0 3px rgba(8,127,122,.12);\n}\n\n.bll5-app #q::placeholder{\n  color:var(--text3);\n}\n\n\n\/* =========================\n   LLIBRES\n   ========================= *\/\n\n.bll5-app .items{\n  display:grid;\n  grid-template-columns:repeat(auto-fill,minmax(250px,1fr));\n  gap:14px;\n}\n\n.bll5-app .item{\n  position:relative;\n  background:var(--surface);\n  border:1px solid var(--border);\n  border-radius:var(--radius);\n  padding:18px 20px;\n  min-height:150px;\n  cursor:pointer;\n  box-shadow:var(--shadow);\n  transition:\n    transform .18s ease,\n    box-shadow .18s ease,\n    border-color .18s ease;\n  display:flex;\n  flex-direction:column;\n}\n\n.bll5-app .item:hover{\n  transform:translateY(-2px);\n  border-color:rgba(8,127,122,.28);\n  box-shadow:0 5px 18px rgba(0,0,0,.08);\n}\n\n.bll5-app .item-name{\n  font-size:17px;\n  line-height:1.35;\n  font-weight:700;\n  padding-right:28px;\n  margin-bottom:7px;\n  color:var(--text);\n}\n\n.bll5-app .item-author{\n  font-size:14px;\n  line-height:1.4;\n  font-weight:600;\n  color:var(--accent);\n  margin-bottom:10px;\n}\n\n.bll5-app .item-description{\n  font-size:13px;\n  line-height:1.5;\n  color:var(--text2);\n  margin-bottom:16px;\n}\n\n.bll5-app .item-action{\n  margin-top:auto;\n  font-size:12px;\n  font-weight:600;\n  color:var(--accent);\n}\n\n.bll5-app .item::after{\n  content:\"\u2192\";\n  position:absolute;\n  right:17px;\n  top:18px;\n  color:var(--accent);\n  font-size:19px;\n  opacity:.65;\n}\n\n\n\/* =========================\n   SENSE RESULTATS\n   ========================= *\/\n\n.bll5-app .no-results{\n  display:none;\n  background:white;\n  border:1px dashed var(--border2);\n  border-radius:14px;\n  padding:25px;\n  text-align:center;\n  color:var(--text2);\n  margin-bottom:25px;\n}\n\n\n\/* =========================\n   MODAL\n   ========================= *\/\n\n.bll5-app .modal{\n  display:none;\n  position:fixed;\n  inset:0;\n  z-index:999999;\n  background:rgba(0,0,0,.48);\n  padding:20px;\n  overflow-y:auto;\n}\n\n.bll5-app .modal.open{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n\n.bll5-app .modal-box{\n  width:100%;\n  max-width:900px;\n  background:white;\n  border-radius:20px;\n  padding:28px;\n  position:relative;\n  box-shadow:0 20px 60px rgba(0,0,0,.25);\n  max-height:90vh;\n  overflow-y:auto;\n}\n\n.bll5-app .modal-close{\n  position:absolute;\n  right:18px;\n  top:16px;\n  width:36px;\n  height:36px;\n  border:0;\n  border-radius:50%;\n  background:#EEF4F3;\n  color:var(--text);\n  font-size:22px;\n  cursor:pointer;\n}\n\n.bll5-app .modal-title{\n  margin:0 40px 5px 0;\n  font-size:24px;\n  color:var(--text);\n}\n\n.bll5-app .modal-subtitle{\n  margin:0 0 22px;\n  color:var(--text2);\n  font-size:14px;\n}\n\n\n\/* =========================\n   FORMULARI\n   ========================= *\/\n\n.bll5-app .form-grid{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:14px;\n}\n\n.bll5-app .form-group{\n  margin-bottom:14px;\n}\n\n.bll5-app .form-group.full{\n  grid-column:1 \/ -1;\n}\n\n.bll5-app label{\n  display:block;\n  font-size:13px;\n  font-weight:600;\n  margin-bottom:6px;\n  color:var(--text);\n}\n\n.bll5-app input,\n.bll5-app textarea{\n  width:100%;\n  padding:11px 12px;\n  border:1px solid var(--border2);\n  border-radius:9px;\n  font-family:inherit;\n  font-size:14px;\n  color:var(--text);\n  background:white;\n  outline:none;\n}\n\n.bll5-app input:focus,\n.bll5-app textarea:focus{\n  border-color:var(--accent);\n  box-shadow:0 0 0 3px rgba(8,127,122,.1);\n}\n\n.bll5-app textarea{\n  min-height:90px;\n  resize:vertical;\n}\n\n.bll5-app .form-actions{\n  display:flex;\n  justify-content:flex-end;\n  gap:10px;\n  margin-top:8px;\n}\n\n.bll5-app .btn{\n  border:0;\n  border-radius:10px;\n  padding:11px 18px;\n  cursor:pointer;\n  font-size:14px;\n  font-weight:600;\n}\n\n.bll5-app .btn-secondary{\n  background:#EEF4F3;\n  color:var(--text);\n}\n\n.bll5-app .btn-primary{\n  background:var(--accent);\n  color:white;\n}\n\n.bll5-app .btn-primary:hover{\n  background:#066B67;\n}\n\n\n\/* =========================\n   BOTONS INFORMACI\u00d3\n   ========================= *\/\n\n.bll5-app .info-actions{\n  display:flex;\n  gap:10px;\n  margin-top:20px;\n  padding-top:18px;\n  border-top:1px solid var(--border);\n}\n\n.bll5-app .info-btn{\n  border:1px solid rgba(8,127,122,.22);\n  background:var(--accent-light);\n  color:var(--accent);\n  border-radius:10px;\n  padding:10px 15px;\n  cursor:pointer;\n  font-size:14px;\n  font-weight:600;\n  transition:.2s;\n}\n\n.bll5-app .info-btn:hover{\n  background:#D5EEEB;\n  border-color:var(--accent);\n}\n\n.bll5-app .info-btn.hide{\n  background:white;\n  color:var(--text2);\n  border-color:var(--border2);\n}\n\n.bll5-app .info-btn.hide:hover{\n  background:#F4F7F6;\n  color:var(--text);\n}\n\n\n\/* =========================\n   PORTADA\n   ========================= *\/\n\n.bll5-app .resource{\n  margin-top:20px;\n  padding-top:20px;\n  border-top:1px solid var(--border);\n  text-align:center;\n}\n\n.bll5-app .resource h3{\n  margin:0 0 18px;\n  font-size:17px;\n  text-align:left;\n}\n\n.bll5-app .book-cover-wrap{\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  width:100%;\n  padding:5px 0 10px;\n}\n\n.bll5-app .book-cover{\n  display:block;\n  max-width:360px;\n  max-height:520px;\n  width:auto;\n  height:auto;\n  border-radius:8px;\n  box-shadow:0 5px 20px rgba(0,0,0,.18);\n}\n\n\n\/* =========================\n   MISSATGES\n   ========================= *\/\n\n.bll5-app .success-message,\n.bll5-app .error-message{\n  display:none;\n  padding:14px;\n  border-radius:10px;\n  margin-bottom:15px;\n  font-size:14px;\n}\n\n.bll5-app .success-message{\n  background:#E5F4EA;\n  color:#27643D;\n}\n\n.bll5-app .error-message{\n  background:#FCEAEA;\n  color:#8A3030;\n}\n\n\n\/* =========================\n   RESPONSIVE\n   ========================= *\/\n\n@media(max-width:700px){\n\n  .bll5-app{\n    padding:12px;\n  }\n\n  .bll5-app .hero{\n    padding:25px 20px;\n    border-radius:18px;\n  }\n\n  .bll5-app .hero h1{\n    font-size:26px;\n  }\n\n  .bll5-app .items{\n    grid-template-columns:1fr;\n  }\n\n  .bll5-app .form-grid{\n    grid-template-columns:1fr;\n  }\n\n  .bll5-app .form-group.full{\n    grid-column:auto;\n  }\n\n  .bll5-app .modal{\n    padding:10px;\n  }\n\n  .bll5-app .modal-box{\n    padding:22px 18px;\n  }\n\n  .bll5-app .info-actions{\n    flex-direction:column;\n  }\n\n  .bll5-app .info-btn{\n    width:100%;\n  }\n\n  .bll5-app .book-cover{\n    max-width:280px;\n    max-height:430px;\n  }\n}\n<\/style>\n\n\n<div class=\"bll5-app\">\n\n  <!-- HERO -->\n  <section class=\"hero\">\n\n    <div class=\"hero-badge\">\n      Cat\u00e0leg de llibres\n    <\/div>\n\n    <h1>\n      Llibres disponibles en pr\u00e9stec\n    <\/h1>\n\n    <p>\n      Selecci\u00f3 de llibres i recursos per a docents del Servei Educatiu\n      Baix Llobregat II disponibles en pr\u00e9stec. Fes clic sobre un llibre\n      per sol\u00b7licitar-lo i consultar-ne la portada.\n    <\/p>\n\n  <\/section>\n\n\n  <!-- CERCA -->\n  <div class=\"search-wrap\">\n\n    <input\n      type=\"search\"\n      id=\"q\"\n      placeholder=\"Cerca per t\u00edtol, autor\/a o contingut...\"\n      oninput=\"applyFilters()\"\n      autocomplete=\"off\"\n    >\n\n  <\/div>\n\n\n  <div class=\"no-results\" id=\"noResults\">\n    No s&#8217;han trobat llibres que coincideixin amb la cerca.\n  <\/div>\n\n\n  <!-- =========================\n       LLIBRES\n       ========================= -->\n\n  <div class=\"items\">\n\n\n    <div class=\"item\"\n         onclick=\"toggleForm(this)\"\n         data-title=\"Ensenyar Distinto\"\n         data-author=\"Melina Furman\">\n\n      <div class=\"item-name\">Ensenyar Distinto<\/div>\n\n      <div class=\"item-author\">\n        Melina Furman\n      <\/div>\n\n      <div class=\"item-description\">\n        Reflexiona sobre com transformar l\u2019ensenyament per afavorir\n        un aprenentatge m\u00e9s profund, actiu i significatiu, proposant\n        estrat\u00e8gies perqu\u00e8 l\u2019alumnat pensi, es q\u00fcestioni i participi\n        de manera m\u00e9s protagonista.\n      <\/div>\n\n      <div class=\"item-action\">\n        Veure informaci\u00f3 \u2192\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"item\"\n         onclick=\"toggleForm(this)\"\n         data-title=\"Dise\u00f1ar hasta los l\u00edmites\"\n         data-author=\"Coral Elizondo\">\n\n      <div class=\"item-name\">Dise\u00f1ar hasta los l\u00edmites<\/div>\n\n      <div class=\"item-author\">\n        Coral Elizondo\n      <\/div>\n\n      <div class=\"item-description\">\n        Reflexiona sobre com dissenyar entorns educatius inclusius i\n        accessibles, superant barreres i l\u00edmits per donar resposta\n        a la diversitat de l\u2019alumnat i garantir que tothom pugui\n        aprendre i participar.\n      <\/div>\n\n      <div class=\"item-action\">\n        Veure informaci\u00f3 \u2192\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"item\"\n         onclick=\"toggleForm(this)\"\n         data-title=\"Ci\u00e8ncia des del n\u00e9ixer\"\n         data-author=\"Montserrat Pedreira\">\n\n      <div class=\"item-name\">Ci\u00e8ncia des del n\u00e9ixer<\/div>\n\n      <div class=\"item-author\">\n        Montserrat Pedreira\n      <\/div>\n\n      <div class=\"item-description\">\n        Proposa apropar la ci\u00e8ncia als infants des dels primers anys\n        de vida, aprofitant la seva curiositat natural i les experi\u00e8ncies\n        quotidianes per explorar, descobrir i construir coneixement.\n      <\/div>\n\n      <div class=\"item-action\">\n        Veure informaci\u00f3 \u2192\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"item\"\n         onclick=\"toggleForm(this)\"\n         data-title=\"Documentar la vida dels infants a l'escola\"\n         data-author=\"Xarxa Territorial d'Educaci\u00f3 Infantil a Catalunya\">\n\n      <div class=\"item-name\">\n        Documentar la vida dels infants a l&#8217;escola\n      <\/div>\n\n      <div class=\"item-author\">\n        Xarxa Territorial d&#8217;Educaci\u00f3 Infantil a Catalunya\n      <\/div>\n\n      <div class=\"item-description\">\n        Reflexiona sobre la documentaci\u00f3 pedag\u00f2gica com una eina per\n        observar, comprendre i fer visible l\u2019aprenentatge i la vida\n        quotidiana dels infants a l\u2019escola.\n      <\/div>\n\n      <div class=\"item-action\">\n        Veure informaci\u00f3 \u2192\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"item\"\n         onclick=\"toggleForm(this)\"\n         data-title=\"Sentir y crecer. El crecimiento emocionals en la infancia\"\n         data-author=\"S\u00edlvia Palou\">\n\n      <div class=\"item-name\">\n        Sentir y crecer. El crecimiento emocionals en la infancia\n      <\/div>\n\n      <div class=\"item-author\">\n        S\u00edlvia Palou\n      <\/div>\n\n      <div class=\"item-description\">\n        Explora el desenvolupament emocional durant la inf\u00e0ncia i ofereix\n        orientacions per comprendre, acompanyar i afavorir les emocions\n        dels infants, potenciant un creixement equilibrat i saludable.\n      <\/div>\n\n      <div class=\"item-action\">\n        Veure informaci\u00f3 \u2192\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"item\"\n         onclick=\"toggleForm(this)\"\n         data-title=\"Tot pensant\"\n         data-author=\"Irene de Puig i Ang\u00e9lica S\u00e1tiro\">\n\n      <div class=\"item-name\">\n        Tot pensant\n      <\/div>\n\n      <div class=\"item-author\">\n        Irene de Puig i Ang\u00e9lica S\u00e1tiro\n      <\/div>\n\n      <div class=\"item-description\">\n        Proposa activitats i recursos per estimular el pensament dels\n        infants, desenvolupant habilitats com observar, preguntar,\n        raonar, imaginar i reflexionar a trav\u00e9s del di\u00e0leg i l\u2019experi\u00e8ncia.\n      <\/div>\n\n      <div class=\"item-action\">\n        Veure informaci\u00f3 \u2192\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"item\"\n         onclick=\"toggleForm(this)\"\n         data-title=\"Conversaciones matem\u00e1ticas com Maria Ant\u00f2nia Canals\"\n         data-author=\"Purificaci\u00f3n Bini\u00e9s Lanceta\">\n\n      <div class=\"item-name\">\n        Conversaciones matem\u00e1ticas com Maria Ant\u00f2nia Canals\n      <\/div>\n\n      <div class=\"item-author\">\n        Purificaci\u00f3n Bini\u00e9s Lanceta\n      <\/div>\n\n      <div class=\"item-description\">\n        Recull converses i reflexions sobre l\u2019ensenyament de les\n        matem\u00e0tiques des d\u2019una mirada activa i manipulativa, destacant\n        la import\u00e0ncia de fer pensar, raonar i descobrir les matem\u00e0tiques\n        als infants.\n      <\/div>\n\n      <div class=\"item-action\">\n        Veure informaci\u00f3 \u2192\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"item\"\n         onclick=\"toggleForm(this)\"\n         data-title=\"Avaluar per aprendre\"\n         data-author=\"Neus Sanmart\u00ed\">\n\n      <div class=\"item-name\">\n        Avaluar per aprendre\n      <\/div>\n\n      <div class=\"item-author\">\n        Neus Sanmart\u00ed\n      <\/div>\n\n      <div class=\"item-description\">\n        Planteja l\u2019avaluaci\u00f3 com una eina per millorar l\u2019aprenentatge,\n        ajudant l\u2019alumnat a prendre consci\u00e8ncia del que sap, detectar\n        dificultats i avan\u00e7ar en el seu proc\u00e9s d\u2019aprenentatge.\n      <\/div>\n\n      <div class=\"item-action\">\n        Veure informaci\u00f3 \u2192\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"item\"\n         onclick=\"toggleForm(this)\"\n         data-title=\"Artefactos, emociones y relaciones en la escuela\"\n         data-author=\"M luisa P\u00e9rez Caban\u00ed, M Reyes Carretero, Josep Juand\u00f3\">\n\n      <div class=\"item-name\">\n        Artefactos, emociones y relaciones en la escuela\n      <\/div>\n\n      <div class=\"item-author\">\n        M luisa P\u00e9rez Caban\u00ed, M Reyes Carretero, Josep Juand\u00f3\n      <\/div>\n\n      <div class=\"item-description\">\n        Reflexiona sobre com els objectes, les emocions i les relacions\n        influeixen en els processos d\u2019aprenentatge i en la vida quotidiana\n        de l\u2019escola, destacant la import\u00e0ncia de crear entorns que\n        afavoreixin el benestar i la conviv\u00e8ncia.\n      <\/div>\n\n      <div class=\"item-action\">\n        Veure informaci\u00f3 \u2192\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"item\"\n         onclick=\"toggleForm(this)\"\n         data-title=\"Escuelas creativas\"\n         data-author=\"Ken Robinson\">\n\n      <div class=\"item-name\">\n        Escuelas creativas\n      <\/div>\n\n      <div class=\"item-author\">\n        Ken Robinson\n      <\/div>\n\n      <div class=\"item-description\">\n        Defensa una educaci\u00f3 que potenci\u00ef la creativitat, la curiositat\n        i el talent de cada alumne, proposant transformar l\u2019escola perqu\u00e8\n        s\u2019adapti millor a les seves necessitats i capacitats.\n      <\/div>\n\n      <div class=\"item-action\">\n        Veure informaci\u00f3 \u2192\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"item\"\n         onclick=\"toggleForm(this)\"\n         data-title=\"La biblioteca, el cor de l'escola\"\n         data-author=\"Jaume Centelles\">\n\n      <div class=\"item-name\">\n        La biblioteca, el cor de l&#8217;escola\n      <\/div>\n\n      <div class=\"item-author\">\n        Jaume Centelles\n      <\/div>\n\n      <div class=\"item-description\">\n        Reivindica la biblioteca escolar com un espai essencial per\n        fomentar la lectura, la descoberta i l\u2019aprenentatge, i com a\n        punt de trobada que contribueix a enriquir la vida de tota\n        la comunitat educativa.\n      <\/div>\n\n      <div class=\"item-action\">\n        Veure informaci\u00f3 \u2192\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"item\"\n         onclick=\"toggleForm(this)\"\n         data-title=\"Mentalidades matem\u00e1ticas\"\n         data-author=\"Jo Boaler\">\n\n      <div class=\"item-name\">\n        Mentalidades matem\u00e1ticas\n      <\/div>\n\n      <div class=\"item-author\">\n        Jo Boaler\n      <\/div>\n\n      <div class=\"item-description\">\n        Explica com desenvolupar una mentalitat matem\u00e0tica oberta i\n        flexible, superant la por a equivocar-se i fomentant la\n        creativitat, el raonament i la confian\u00e7a en les pr\u00f2pies capacitats.\n      <\/div>\n\n      <div class=\"item-action\">\n        Veure informaci\u00f3 \u2192\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"item\"\n         onclick=\"toggleForm(this)\"\n         data-title=\"Aulas para pensar en matem\u00e1ticas\"\n         data-author=\"Peter Liljedahl\">\n\n      <div class=\"item-name\">\n        Aulas para pensar en matem\u00e1ticas\n      <\/div>\n\n      <div class=\"item-author\">\n        Peter Liljedahl\n      <\/div>\n\n      <div class=\"item-description\">\n        Proposa transformar les classes de matem\u00e0tiques en espais on\n        l\u2019alumnat pensi, col\u00b7labori i resolgui problemes de manera activa,\n        mitjan\u00e7ant estrat\u00e8gies que afavoreixen la participaci\u00f3 i el\n        raonament matem\u00e0tic.\n      <\/div>\n\n      <div class=\"item-action\">\n        Veure informaci\u00f3 \u2192\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- =========================\n       MODAL SOL\u00b7LICITUD\n       ========================= -->\n\n  <div class=\"modal\" id=\"materialModal\">\n\n    <div class=\"modal-box\">\n\n      <button\n        class=\"modal-close\"\n        type=\"button\"\n        onclick=\"closeModal()\">\n        \u00d7\n      <\/button>\n\n\n      <h2 class=\"modal-title\" id=\"modalTitle\">\n        Sol\u00b7licitud de llibre\n      <\/h2>\n\n\n      <p class=\"modal-subtitle\">\n        Omple les dades seg\u00fcents per sol\u00b7licitar aquest llibre.\n      <\/p>\n\n\n      <div\n        class=\"success-message\"\n        id=\"successMessage\">\n        La sol\u00b7licitud s&#8217;ha enviat correctament.\n      <\/div>\n\n\n      <div\n        class=\"error-message\"\n        id=\"errorMessage\">\n        S&#8217;ha produ\u00eft un error en enviar la sol\u00b7licitud.\n      <\/div>\n\n\n      <form id=\"loanForm\">\n\n        <div class=\"form-grid\">\n\n          <div class=\"form-group full\">\n\n            <label for=\"nomMaterial\">\n              Llibre\n            <\/label>\n\n            <input\n              type=\"text\"\n              id=\"nomMaterial\"\n              name=\"material\"\n              readonly>\n\n          <\/div>\n\n\n          <div class=\"form-group\">\n\n            <label for=\"nom\">\n              Nom i cognoms\n            <\/label>\n\n            <input\n              type=\"text\"\n              id=\"nom\"\n              name=\"nom\"\n              required>\n\n          <\/div>\n\n\n          <div class=\"form-group\">\n\n            <label for=\"centre\">\n              Centre educatiu\n            <\/label>\n\n            <input\n              type=\"text\"\n              id=\"centre\"\n              name=\"centre\"\n              required>\n\n          <\/div>\n\n\n          <div class=\"form-group\">\n\n            <label for=\"email\">\n              Correu electr\u00f2nic\n            <\/label>\n\n            <input\n              type=\"email\"\n              id=\"email\"\n              name=\"email\"\n              required>\n\n          <\/div>\n\n\n          <div class=\"form-group\">\n\n            <label for=\"telefon\">\n              Tel\u00e8fon\n            <\/label>\n\n            <input\n              type=\"tel\"\n              id=\"telefon\"\n              name=\"telefon\">\n\n          <\/div>\n\n\n          <div class=\"form-group\">\n\n            <label for=\"dataRecollida\">\n              Data de recollida\n            <\/label>\n\n            <input\n              type=\"date\"\n              id=\"dataRecollida\"\n              name=\"dataRecollida\"\n              required\n              onchange=\"calcularRetorn()\">\n\n          <\/div>\n\n\n          <div class=\"form-group\">\n\n            <label for=\"dataRetorn\">\n              Data prevista de retorn\n            <\/label>\n\n            <input\n              type=\"date\"\n              id=\"dataRetorn\"\n              name=\"dataRetorn\"\n              readonly>\n\n          <\/div>\n\n\n          <div class=\"form-group full\">\n\n            <label for=\"observacions\">\n              Observacions\n            <\/label>\n\n            <textarea\n              id=\"observacions\"\n              name=\"observacions\"\n              placeholder=\"Pots afegir qualsevol informaci\u00f3 que consideris necess\u00e0ria...\"><\/textarea>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"form-actions\">\n\n          <button\n            type=\"button\"\n            class=\"btn btn-secondary\"\n            onclick=\"closeModal()\">\n            Cancel\u00b7lar\n          <\/button>\n\n          <button\n            type=\"submit\"\n            class=\"btn btn-primary\">\n            Enviar sol\u00b7licitud\n          <\/button>\n\n        <\/div>\n\n      <\/form>\n\n\n      <!-- =========================\n           BOTONS INFORMACI\u00d3\n           ========================= -->\n\n      <div\n        class=\"info-actions\"\n        id=\"infoActions\"\n        style=\"display:none;\">\n\n        <button\n          type=\"button\"\n          class=\"info-btn\"\n          id=\"showInfoBtn\"\n          onclick=\"mostrarInformacio()\">\n\n          + M\u00e9s informaci\u00f3\n\n        <\/button>\n\n\n        <button\n          type=\"button\"\n          class=\"info-btn hide\"\n          id=\"hideInfoBtn\"\n          onclick=\"amagarInformacio()\"\n          style=\"display:none;\">\n\n          \u2212 Amagar informaci\u00f3\n\n        <\/button>\n\n      <\/div>\n\n\n      <!-- =========================\n           PORTADA\n           ========================= -->\n\n      <div\n        class=\"resource\"\n        id=\"resourceContainer\"\n        style=\"display:none;\">\n\n        <h3>\n          Portada del llibre\n        <\/h3>\n\n        <div id=\"resourceContent\"><\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<script>\n\n\/* =========================================================\n   CONFIGURACI\u00d3\n   ========================================================= *\/\n\nconst DIES_PRESTEC = 30;\n\nconst GOOGLE_SCRIPT_URL =\n  'https:\/\/script.google.com\/macros\/s\/AKfycbxPNLvDsg8jW9VG1tIPtYkEuHueXEzSYu21C5syq4y_TZE1mF52HFYlBYFzNQ9GX22UIw\/exec';\n\n\n\/* =========================================================\n   PORTADES DELS LLIBRES\n   ========================================================= *\/\n\nconst PORTADES = {\n\n  'Ensenyar Distinto':\n    '1LOqW89HceWpmOdYvuGSvwYgZqoLotrIm',\n\n  'Dise\u00f1ar hasta los l\u00edmites':\n    '1cDCI5GyJc4Qlyx_7uq3bX4Z2AQbOdhJ6',\n\n  'Ci\u00e8ncia des del n\u00e9ixer':\n    '1X20-ZDmqHQZzh1UdjSmNfeUYdb4xSQr0',\n\n  \"Documentar la vida dels infants a l'escola\":\n    '1A3vZJ49qLs9ClmJjxYK7BGiihSC8PEpT',\n\n  'Sentir y crecer. El crecimiento emocionals en la infancia':\n    '1AV60YcKRgP3WhAw0iW6xajs6M5QYIDyd',\n\n  'Tot pensant':\n    '1YTlsk6BJcw5a-r7buju8C04BjUBxTvQJ',\n\n  'Conversaciones matem\u00e1ticas com Maria Ant\u00f2nia Canals':\n    '1IVPVMWj5rCAv2S2leNFsfJ9wvUg_L1cC',\n\n  'Avaluar per aprendre':\n    '14sP3trv92J2lIlQ3BRHWCvZTVtZayMAx',\n\n  'Artefactos, emociones y relaciones en la escuela':\n    '1e7lWPBM_60thcDey2PnmD14_s3-TUqRi',\n\n  'Escuelas creativas':\n    '1gmIviNrU7phxRBClxxhc8Bh95Br_SFqm',\n\n  \"La biblioteca, el cor de l'escola\":\n    '1l3hBOblG2rH3XUaMEoBenfzwyoBUS7n6',\n\n  'Mentalidades matem\u00e1ticas':\n    '1o6YOPau2D2ie5hdJRwTtxjoeGkaNbWyP',\n\n  'Aulas para pensar en matem\u00e1ticas':\n    '1FNGVerAMk8n_JShWljL5M_NBOBfoJCKW'\n\n};\n\n\n\/* =========================================================\n   CERCA\n   ========================================================= *\/\n\nfunction applyFilters(){\n\n  const app =\n    document.querySelector('.bll5-app');\n\n  if(!app) return;\n\n\n  const query =\n    document\n      .getElementById('q')\n      .value\n      .toLowerCase()\n      .trim();\n\n\n  let totalVisible = 0;\n\n\n  app\n    .querySelectorAll('.item')\n    .forEach(item => {\n\n      const text =\n        item.innerText.toLowerCase();\n\n\n      const visible =\n        !query ||\n        text.includes(query);\n\n\n      item.style.display =\n        visible ? '' : 'none';\n\n\n      if(visible){\n        totalVisible++;\n      }\n\n    });\n\n\n  const noResults =\n    document.getElementById('noResults');\n\n\n  noResults.style.display =\n    totalVisible === 0\n      ? 'block'\n      : 'none';\n\n}\n\n\n\/* =========================================================\n   CONVERTIR ENLLA\u00c7 DE DRIVE A IMATGE\n   ========================================================= *\/\n\nfunction obtenirPortada(idDrive){\n\n  \/*\n   * Utilitzem el sistema de Google Drive que permet\n   * obtenir directament el contingut de la imatge.\n   *\/\n\n  return 'https:\/\/drive.google.com\/thumbnail?id='\n    + encodeURIComponent(idDrive)\n    + '&sz=w1000';\n\n}\n\n\n\/* =========================================================\n   OBRIR MODAL\n   ========================================================= *\/\n\nfunction toggleForm(item){\n\n  const name =\n    item\n      .dataset\n      .title\n      .trim();\n\n\n  \/* Material *\/\n\n  document\n    .getElementById('nomMaterial')\n    .value = name;\n\n\n  document\n    .getElementById('modalTitle')\n    .textContent =\n      'Sol\u00b7licitud: ' + name;\n\n\n  \/* Missatges *\/\n\n  document\n    .getElementById('successMessage')\n    .style.display = 'none';\n\n  document\n    .getElementById('errorMessage')\n    .style.display = 'none';\n\n\n  \/* Informaci\u00f3 *\/\n\n  const resourceContainer =\n    document.getElementById(\n      'resourceContainer'\n    );\n\n\n  const resourceContent =\n    document.getElementById(\n      'resourceContent'\n    );\n\n\n  const infoActions =\n    document.getElementById(\n      'infoActions'\n    );\n\n\n  const showInfoBtn =\n    document.getElementById(\n      'showInfoBtn'\n    );\n\n\n  const hideInfoBtn =\n    document.getElementById(\n      'hideInfoBtn'\n    );\n\n\n  \/*\n   * Cada vegada que obrim un llibre,\n   * la informaci\u00f3 queda amagada inicialment.\n   *\/\n\n  resourceContent.innerHTML = '';\n\n  resourceContainer.style.display = 'none';\n\n  showInfoBtn.style.display = 'none';\n\n  hideInfoBtn.style.display = 'none';\n\n\n  \/*\n   * Busquem la portada.\n   *\/\n\n  const idDrive =\n    PORTADES[name];\n\n\n  if(idDrive){\n\n    const imageUrl =\n      obtenirPortada(idDrive);\n\n\n    resourceContent.innerHTML = `\n\n      <div class=\"book-cover-wrap\">\n\n        <img decoding=\"async\"\n          class=\"book-cover\"\n          src=\"${imageUrl}\"\n          alt=\"Portada de ${escapeHtml(name)}\"\n          loading=\"lazy\"\n          onerror=\"this.style.display='none';\">\n\n      <\/div>\n\n    `;\n\n\n    infoActions.style.display = 'flex';\n\n    showInfoBtn.style.display = 'inline-block';\n\n  }else{\n\n    infoActions.style.display = 'none';\n\n  }\n\n\n  \/* Obrim modal *\/\n\n  document\n    .getElementById('materialModal')\n    .classList.add('open');\n\n\n  document\n    .body\n    .style.overflow = 'hidden';\n\n}\n\n\n\/* =========================================================\n   ESCAPAR HTML\n   ========================================================= *\/\n\nfunction escapeHtml(text){\n\n  const div =\n    document.createElement('div');\n\n  div.textContent = text;\n\n  return div.innerHTML;\n\n}\n\n\n\/* =========================================================\n   MOSTRAR INFORMACI\u00d3\n   ========================================================= *\/\n\nfunction mostrarInformacio(){\n\n  const resourceContainer =\n    document.getElementById(\n      'resourceContainer'\n    );\n\n\n  const showInfoBtn =\n    document.getElementById(\n      'showInfoBtn'\n    );\n\n\n  const hideInfoBtn =\n    document.getElementById(\n      'hideInfoBtn'\n    );\n\n\n  resourceContainer.style.display =\n    'block';\n\n\n  showInfoBtn.style.display =\n    'none';\n\n\n  hideInfoBtn.style.display =\n    'inline-block';\n\n}\n\n\n\/* =========================================================\n   AMAGAR INFORMACI\u00d3\n   ========================================================= *\/\n\nfunction amagarInformacio(){\n\n  const resourceContainer =\n    document.getElementById(\n      'resourceContainer'\n    );\n\n\n  const showInfoBtn =\n    document.getElementById(\n      'showInfoBtn'\n    );\n\n\n  const hideInfoBtn =\n    document.getElementById(\n      'hideInfoBtn'\n    );\n\n\n  resourceContainer.style.display =\n    'none';\n\n\n  showInfoBtn.style.display =\n    'inline-block';\n\n\n  hideInfoBtn.style.display =\n    'none';\n\n}\n\n\n\/* =========================================================\n   TANCAR MODAL\n   ========================================================= *\/\n\nfunction closeModal(){\n\n  document\n    .getElementById('materialModal')\n    .classList.remove('open');\n\n\n  document\n    .body\n    .style.overflow = '';\n\n}\n\n\n\/* =========================================================\n   TANCAR CLICANT FORA\n   ========================================================= *\/\n\ndocument\n  .getElementById('materialModal')\n  .addEventListener(\n    'click',\n    function(e){\n\n      if(e.target === this){\n\n        closeModal();\n\n      }\n\n    }\n  );\n\n\n\/* =========================================================\n   ESC\n   ========================================================= *\/\n\ndocument.addEventListener(\n  'keydown',\n  function(e){\n\n    if(e.key === 'Escape'){\n\n      closeModal();\n\n    }\n\n  }\n);\n\n\n\/* =========================================================\n   DATES\n   ========================================================= *\/\n\nfunction calcularRetorn(){\n\n  const input =\n    document.getElementById(\n      'dataRecollida'\n    );\n\n\n  const retorn =\n    document.getElementById(\n      'dataRetorn'\n    );\n\n\n  if(!input.value){\n\n    retorn.value = '';\n\n    return;\n\n  }\n\n\n  const data =\n    new Date(\n      input.value + 'T00:00:00'\n    );\n\n\n  data.setDate(\n    data.getDate() + DIES_PRESTEC\n  );\n\n\n  const any =\n    data.getFullYear();\n\n\n  const mes =\n    String(\n      data.getMonth() + 1\n    ).padStart(2,'0');\n\n\n  const dia =\n    String(\n      data.getDate()\n    ).padStart(2,'0');\n\n\n  retorn.value =\n    `${any}-${mes}-${dia}`;\n\n}\n\n\n\/* =========================================================\n   FORMULARI\n   ========================================================= *\/\n\ndocument\n  .getElementById('loanForm')\n  .addEventListener(\n    'submit',\n    async function(e){\n\n      e.preventDefault();\n\n\n      const form =\n        this;\n\n\n      const submit =\n        form.querySelector(\n          'button[type=\"submit\"]'\n        );\n\n\n      const success =\n        document.getElementById(\n          'successMessage'\n        );\n\n\n      const error =\n        document.getElementById(\n          'errorMessage'\n        );\n\n\n      success.style.display =\n        'none';\n\n\n      error.style.display =\n        'none';\n\n\n      submit.disabled =\n        true;\n\n\n      submit.textContent =\n        'Enviant...';\n\n\n      const data = {\n\n        material:\n          document.getElementById(\n            'nomMaterial'\n          ).value,\n\n        nom:\n          document.getElementById(\n            'nom'\n          ).value,\n\n        centre:\n          document.getElementById(\n            'centre'\n          ).value,\n\n        email:\n          document.getElementById(\n            'email'\n          ).value,\n\n        telefon:\n          document.getElementById(\n            'telefon'\n          ).value,\n\n        dataRecollida:\n          document.getElementById(\n            'dataRecollida'\n          ).value,\n\n        dataRetorn:\n          document.getElementById(\n            'dataRetorn'\n          ).value,\n\n        observacions:\n          document.getElementById(\n            'observacions'\n          ).value\n\n      };\n\n\n      try{\n\n        await fetch(\n          GOOGLE_SCRIPT_URL,\n          {\n\n            method:'POST',\n\n            mode:'no-cors',\n\n            headers:{\n              'Content-Type':\n                'text\/plain;charset=utf-8'\n            },\n\n            body:\n              JSON.stringify(data)\n\n          }\n        );\n\n\n        success.style.display =\n          'block';\n\n\n        form.reset();\n\n\n        document\n          .getElementById('nomMaterial')\n          .value =\n            data.material;\n\n\n        document\n          .getElementById('modalTitle')\n          .textContent =\n            'Sol\u00b7licitud enviada';\n\n\n        submit.disabled =\n          false;\n\n\n        submit.textContent =\n          'Enviar sol\u00b7licitud';\n\n\n      }catch(err){\n\n        console.error(err);\n\n\n        error.style.display =\n          'block';\n\n\n        submit.disabled =\n          false;\n\n\n        submit.textContent =\n          'Enviar sol\u00b7licitud';\n\n      }\n\n    }\n  );\n\n\n\/* =========================================================\n   INICIALITZACI\u00d3\n   ========================================================= *\/\n\ndocument.addEventListener(\n  'DOMContentLoaded',\n  function(){\n\n    applyFilters();\n\n  }\n);\n\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Cat\u00e0leg de llibres Llibres disponibles en pr\u00e9stec Selecci\u00f3 de llibres i recursos per a docents del Servei Educatiu Baix Llobregat II disponibles en pr\u00e9stec. Fes clic sobre un llibre per sol\u00b7licitar-lo i consultar-ne la portada. No s&#8217;han trobat llibres que coincideixin amb la cerca. Ensenyar Distinto Melina Furman Reflexiona sobre com transformar l\u2019ensenyament per afavorir [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"close","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"normal-width-container","site-content-style":"unboxed","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7760","page","type-page","status-publish","hentry"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/serveiseducatius.xtec.cat\/baixllobregat2\/wp-json\/wp\/v2\/pages\/7760","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/serveiseducatius.xtec.cat\/baixllobregat2\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/serveiseducatius.xtec.cat\/baixllobregat2\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/serveiseducatius.xtec.cat\/baixllobregat2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/serveiseducatius.xtec.cat\/baixllobregat2\/wp-json\/wp\/v2\/comments?post=7760"}],"version-history":[{"count":3,"href":"https:\/\/serveiseducatius.xtec.cat\/baixllobregat2\/wp-json\/wp\/v2\/pages\/7760\/revisions"}],"predecessor-version":[{"id":7776,"href":"https:\/\/serveiseducatius.xtec.cat\/baixllobregat2\/wp-json\/wp\/v2\/pages\/7760\/revisions\/7776"}],"wp:attachment":[{"href":"https:\/\/serveiseducatius.xtec.cat\/baixllobregat2\/wp-json\/wp\/v2\/media?parent=7760"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}