Nuovi Acquisti – Biblioteca San Carlo<\/title>\n <style>\n \/* IMPORTAZIONE FONT *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=Montserrat:wght@300;400;500;700&display=swap');\n\n \/* DEFINIZIONE VARIABILI *\/\n :root {\n --bordeaux: #8b1a25;\n --gold: #d4af37;\n --cream: #f2ede4;\n --white: #ffffff;\n --dark: #111111;\n --text: #2d2d2d;\n --light-gray: #f8f9fa;\n }\n\n \/* RESET *\/\n .biblio-root {\n all: initial;\n display: block;\n background-color: var(--white);\n font-family: 'Montserrat', sans-serif;\n color: var(--text);\n line-height: 1.6;\n }\n\n .biblio-root * {\n box-sizing: border-box !important;\n margin: 0;\n padding: 0;\n font-family: inherit;\n }\n\n \/* HEADER *\/\n .biblio-header {\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(10px);\n padding: 15px 5%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n position: sticky;\n top: 0;\n z-index: 1000;\n box-shadow: 0 4px 30px rgba(0,0,0,0.05);\n border-bottom: 1px solid rgba(139,26,37,0.1);\n }\n\n .nav-links {\n display: flex;\n gap: 30px;\n }\n\n .nav-links a {\n text-decoration: none;\n color: var(--text);\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n transition: 0.3s;\n }\n\n .nav-links a:hover { color: var(--bordeaux); }\n\n .btn-main {\n text-decoration: none;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n border-radius: 6px;\n transition: all 0.3s;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n\n .btn-gold {\n background: var(--gold);\n color: white !important;\n }\n\n \/* HERO NOVIT\u00c0 LIBRI *\/\n .books-hero {\n background: var(--cream);\n padding: 100px 5% 140px 5%;\n text-align: center;\n border-bottom: 1px solid rgba(212,175,55,0.2);\n }\n\n .books-hero h1 {\n font-family: 'Cormorant Garamond', serif !important;\n font-size: clamp(2.5rem, 5vw, 4rem);\n color: var(--dark);\n margin-bottom: 15px;\n }\n\n \/* FILTRI GENERE *\/\n .books-filters {\n display: flex;\n justify-content: center;\n gap: 12px;\n margin-top: 30px;\n flex-wrap: wrap;\n }\n\n .filter-btn {\n background: white;\n border: 1px solid #ddd;\n color: #666;\n padding: 8px 18px;\n border-radius: 4px;\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n cursor: pointer;\n transition: 0.3s;\n }\n\n .filter-btn.active, .filter-btn:hover {\n border-color: var(--bordeaux);\n color: var(--bordeaux);\n background: #fff;\n }\n\n \/* LIBRI GRID *\/\n .books-container {\n max-width: 1200px;\n margin: -80px auto 100px auto;\n padding: 0 20px;\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n gap: 30px;\n }\n\n .book-card {\n background: white;\n border-radius: 8px;\n transition: 0.4s;\n display: flex;\n flex-direction: column;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n cursor: pointer;\n overflow: hidden;\n border: 1px solid #eee;\n }\n\n .book-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(0,0,0,0.15);\n }\n\n .book-cover-wrapper {\n position: relative;\n height: 380px;\n overflow: hidden;\n }\n\n .book-img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.5s;\n }\n\n .book-card:hover .book-img {\n transform: scale(1.05);\n }\n\n .book-badge {\n position: absolute;\n top: 15px;\n right: 15px;\n background: var(--bordeaux);\n color: white;\n font-size: 10px;\n font-weight: 700;\n padding: 5px 12px;\n border-radius: 20px;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .book-content {\n padding: 20px;\n text-align: center;\n }\n\n .book-author {\n color: var(--gold);\n font-weight: 700;\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 5px;\n }\n\n .book-title {\n font-family: 'Cormorant Garamond', serif !important;\n font-size: 1.4rem;\n color: var(--dark);\n margin-bottom: 10px;\n line-height: 1.2;\n font-weight: 700;\n }\n\n .book-genre {\n font-size: 12px;\n color: #999;\n font-style: italic;\n }\n\n \/* MODALE DETTAGLIO LIBRO *\/\n .book-modal {\n position: fixed;\n top: 0; left: 0; width: 100%; height: 100%;\n background: rgba(0,0,0,0.85);\n display: none;\n z-index: 2000;\n padding: 20px;\n overflow-y: auto;\n backdrop-filter: blur(8px);\n }\n\n .modal-body {\n background: white;\n max-width: 900px;\n margin: 40px auto;\n border-radius: 12px;\n overflow: hidden;\n display: flex;\n flex-wrap: wrap;\n }\n\n .modal-left { flex: 1; min-width: 350px; background: #f9f9f9; }\n .modal-right { flex: 1.2; min-width: 350px; padding: 50px; }\n\n .modal-left img { width: 100%; height: 100%; object-fit: cover; }\n\n \/* FOOTER *\/\n .biblio-footer {\n background: var(--dark);\n padding: 60px 5%;\n text-align: center;\n }\n\n @media (max-width: 768px) {\n .nav-links { display: none; }\n .books-hero { padding: 60px 5% 100px 5%; }\n .modal-right { padding: 30px; }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"biblio-root\">\n \n \n <header class=\"biblio-header\">\n <div style=\"display: flex; align-items: center; gap: 15px;\">\n <div style=\"background: var(--bordeaux); color: white; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; font-weight: 700; border-radius: 8px; font-family: Montserrat, sans-serif; font-size: 1.2rem; box-shadow: 0 4px 10px rgba(139,26,37,0.3);\">SC<\/div>\n <div style=\"line-height: 1.2; font-family: Montserrat, sans-serif;\">\n <div style=\"font-weight: 700; font-size: 16px; text-transform: uppercase; color: #1a1a1a; letter-spacing: 1px;\">Biblioteca<\/div>\n <div style=\"font-size: 11px; text-transform: uppercase; letter-spacing: 2px; color: var(--gold); font-weight: 600;\">San Carlo<\/div>\n <\/div>\n <\/div>\n <nav class=\"nav-links\">\n <a href=\"home.html\">Home<\/a>\n <a href=\"home.html#tessere\">Tessere<\/a>\n <a href=\"eventi.html\">Eventi<\/a>\n <a href=\"novita.html\">Nuovi Arrivi<\/a>\n <a href=\"home.html#scacchi\">Scacchi<\/a>\n <\/nav>\n <a href=\"home.html#storia\" class=\"btn-main btn-gold\" style=\"padding: 10px 20px !important; font-size: 10px !important;\">Contatti<\/a>\n <\/header>\n\n \n <section class=\"books-hero\">\n <p style=\"color: var(--bordeaux); text-transform: uppercase; letter-spacing: 4px; font-size: 11px; font-weight: 700; margin-bottom: 10px;\">Catalogo Aggiornato<\/p>\n <h1>Nuovi Acquisti 2026<\/h1>\n <p style=\"max-width: 600px; margin: 0 auto; color: #666; font-size: 14px;\">Scopri le ultime novit\u00e0 entrate a far parte della nostra collezione. Dai grandi classici restaurati alle ultime uscite di narrativa contemporanea.<\/p>\n \n <div class=\"books-filters\">\n <button class=\"filter-btn active\" onclick=\"filterBooks('all')\">Tutti i generi<\/button>\n <button class=\"filter-btn\" onclick=\"filterBooks('Narrativa')\">Narrativa<\/button>\n <button class=\"filter-btn\" onclick=\"filterBooks('Saggistica')\">Saggistica<\/button>\n <button class=\"filter-btn\" onclick=\"filterBooks('Ragazzi')\">Ragazzi<\/button>\n <button class=\"filter-btn\" onclick=\"filterBooks('Classici')\">Classici<\/button>\n <\/div>\n <\/section>\n\n \n <main class=\"books-container\" id=\"booksGrid\">\n \n <\/main>\n\n \n <footer class=\"biblio-footer\">\n <div style=\"margin-bottom: 30px;\">\n <div style=\"font-family: 'Cormorant Garamond', serif; font-size: 2rem; color: var(--gold);\">Biblioteca Parrocchiale “San Carlo Borromeo”<\/div>\n <p style=\"color: rgba(255,255,255,0.4); font-size: 10px; letter-spacing: 3px; text-transform: uppercase; margin-top: 5px !important;\">Cultura e Comunit\u00e0<\/p>\n <\/div>\n <div style=\"height: 1px; background: rgba(255,255,255,0.1); max-width: 200px; margin: 0 auto 30px auto !important;\"><\/div>\n <p style=\"color: rgba(255,255,255,0.3); font-size: 10px; text-transform: uppercase; letter-spacing: 2px;\">\n \u00a9 2026 Biblioteca San Carlo Borromeo \u2014 In memoria di Don Franco Venneri\n <\/p>\n <\/footer>\n\n \n <div id=\"bookModal\" class=\"book-modal\" onclick=\"closeBook()\">\n <div class=\"modal-body\" onclick=\"event.stopPropagation()\">\n <div class=\"modal-left\">\n <img decoding=\"async\" id=\"m-cover\" src=\"\" alt=\"Copertina Libro\">\n <\/div>\n <div class=\"modal-right\">\n <span id=\"m-genre\" class=\"book-author\" style=\"color: var(--bordeaux);\"><\/span>\n <h2 id=\"m-title\" style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; margin: 10px 0 20px 0; line-height: 1.1;\"><\/h2>\n <h4 id=\"m-author\" style=\"font-size: 18px; color: var(--gold); margin-bottom: 30px; text-transform: none; letter-spacing: 0;\"><\/h4>\n \n <div style=\"height: 2px; width: 50px; background: var(--gold); margin-bottom: 30px;\"><\/div>\n \n <p id=\"m-desc\" style=\"font-size: 15px; color: #444; line-height: 1.8; margin-bottom: 30px;\"><\/p>\n \n <div style=\"background: #fdfaf6; padding: 20px; border-radius: 8px; border: 1px solid var(--cream);\">\n <p style=\"font-size: 12px; color: #8b1a25; font-weight: 700; text-transform: uppercase; margin-bottom: 5px;\">Disponibilit\u00e0<\/p>\n <p id=\"m-status\" style=\"font-size: 14px; font-weight: 500;\">Disponibile al prestito<\/p>\n <\/div>\n \n <button onclick=\"closeBook()\" class=\"btn-main btn-bordeaux\" style=\"margin-top: 40px; border: 1px solid var(--bordeaux); padding: 12px 30px; background: transparent; color: var(--bordeaux); font-size: 10px; cursor: pointer;\">Chiudi Scheda<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n<\/div>\n\n<script>\n \/* DATABASE LIBRI ACQUISTATI *\/\n const BOOKS_DB = [\n {\n id: 1,\n genre: 'Narrativa',\n author: 'Alessandro Manzoni',\n title: \"I Promessi Sposi (Edizione Critica)\",\n img: \"https:\/\/images.unsplash.com\/photo-1544947950-fa07a98d237f?q=80&w=800\",\n desc: \"Una nuova e prestigiosa edizione critica del capolavoro manzoniano, arricchita da note filologiche e un apparato iconografico inedito proveniente dagli archivi storici.\",\n status: \"Disponibile (Scaffale A1)\",\n badge: \"Nuovo Arrivo\"\n },\n {\n id: 2,\n genre: 'Saggistica',\n author: 'Umberto Galimberti',\n title: \"L'ospite inquietante\",\n img: \"https:\/\/images.unsplash.com\/photo-1491843351663-f95982f9b6b6?q=80&w=800\",\n desc: \"Un'analisi profonda sul nichilismo e i giovani nel nostro tempo. Galimberti esplora le sfide dell'educazione e della crescita in una societ\u00e0 liquida.\",\n status: \"Disponibile (Settore Saggi)\",\n badge: \"Suggerito\"\n },\n {\n id: 3,\n genre: 'Ragazzi',\n author: 'J.K. Rowling',\n title: \"Harry Potter e la Pietra Filosofale (Illustrato)\",\n img: \"https:\/\/images.unsplash.com\/photo-1541963463532-d68292c34b19?q=80&w=800\",\n desc: \"L'inizio della saga pi\u00f9 amata del mondo, in un'edizione speciale di grande formato con le straordinarie illustrazioni a colori di Jim Kay.\",\n status: \"In Prestito (Rientro previsto: 15\/05)\",\n badge: \"Popolare\"\n },\n {\n id: 4,\n genre: 'Classici',\n author: 'Dante Alighieri',\n title: \"La Divina Commedia\",\n img: \"https:\/\/images.unsplash.com\/photo-1512820790803-83ca734da794?q=80&w=800\",\n desc: \"Edizione celebrativa con le incisioni originali di Gustave Dor\u00e9. Un volume da collezione ora a disposizione di tutti gli iscritti per la consultazione interna.\",\n status: \"Solo Consultazione (Sala Oro)\",\n badge: \"Raro\"\n },\n {\n id: 5,\n genre: 'Narrativa',\n author: 'Elena Ferrante',\n title: \"L'amica geniale\",\n img: \"https:\/\/images.unsplash.com\/photo-1531243269054-5ebf6f34081e?q=80&w=800\",\n desc: \"Il primo volume della quadrilogia che ha incantato il mondo. La storia dell'amicizia tra Lila e Len\u00f9 sullo sfondo di una Napoli anni '50.\",\n status: \"Disponibile (Narrativa Italiana)\",\n badge: \"Nuovo Arrivo\"\n },\n {\n id: 6,\n genre: 'Saggistica',\n author: 'AA.VV.',\n title: \"Storia Illustrata di Milano\",\n img: \"https:\/\/images.unsplash.com\/photo-1524578271613-d550eabcad51?q=80&w=800\",\n desc: \"Un viaggio fotografico e storico attraverso i secoli della citt\u00e0 meneghina, dalle origini romane fino alla ricostruzione del dopoguerra.\",\n status: \"Disponibile (Sezione Locale)\",\n badge: \"Locale\"\n },\n{\n id: 7,\n genre: 'ANGELO',\n author: 'AA.VV.',\n title: \"Storia Illustrata di Milano\",\n img: \"https:\/\/images.unsplash.com\/photo-1524578271613-d550eabcad51?q=80&w=800\",\n desc: \"Un viaggio fotografico e storico attraverso i secoli della citt\u00e0 meneghina, dalle origini romane fino alla ricostruzione del dopoguerra.\",\n status: \"Disponibile (Sezione Locale)\",\n badge: \"ANGELO\"\n }\n ];\n\n function renderBooks(filter = 'all') {\n const grid = document.getElementById('booksGrid');\n const filtered = filter === 'all' ? BOOKS_DB : BOOKS_DB.filter(b => b.genre === filter);\n \n grid.innerHTML = filtered.map(book => `\n <article class=\"book-card\" onclick=\"openBook(${book.id})\">\n <div class=\"book-cover-wrapper\">\n ${book.badge ? `<span class=\"book-badge\">${book.badge}<\/span>` : ''}\n <img decoding=\"async\" src=\"${book.img}\" class=\"book-img\" alt=\"Copertina\">\n <\/div>\n <div class=\"book-content\">\n <p class=\"book-author\">${book.author}<\/p>\n <h2 class=\"book-title\">${book.title}<\/h2>\n <p class=\"book-genre\">${book.genre}<\/p>\n <\/div>\n <\/article>\n `).join('');\n }\n\n function filterBooks(gen) {\n document.querySelectorAll('.filter-btn').forEach(btn => btn.classList.remove('active'));\n event.target.classList.add('active');\n renderBooks(gen);\n }\n\n function openBook(id) {\n const b = BOOKS_DB.find(x => x.id === id);\n document.getElementById('m-cover').src = b.img;\n document.getElementById('m-title').innerText = b.title;\n document.getElementById('m-author').innerText = b.author;\n document.getElementById('m-genre').innerText = b.genre;\n document.getElementById('m-desc').innerText = b.desc;\n document.getElementById('m-status').innerText = b.status;\n \n document.getElementById('bookModal').style.display = 'block';\n document.body.style.overflow = 'hidden';\n }\n\n function closeBook() {\n document.getElementById('bookModal').style.display = 'none';\n document.body.style.overflow = 'auto';\n }\n\n \/\/ Caricamento iniziale\n window.onload = () => renderBooks('all');\n<\/script>\n\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<div class=\"mh-excerpt\"><p>Nuovi Acquisti – Biblioteca San Carlo SC Biblioteca San Carlo Home Tessere Eventi Nuovi Arrivi Scacchi Contatti Catalogo Aggiornato Nuovi Acquisti 2026 Scopri le ultime novit\u00e0 entrate a far parte <a class=\"mh-excerpt-more\" href=\"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/nuovi-arrivi\/\" title=\"Nuovi Arrivi\">[…]<\/a><\/p>\n<\/div>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-3722","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/pages\/3722","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/comments?post=3722"}],"version-history":[{"count":3,"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/pages\/3722\/revisions"}],"predecessor-version":[{"id":3726,"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/pages\/3722\/revisions\/3726"}],"wp:attachment":[{"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/media?parent=3722"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3722,"date":"2026-05-05T18:33:09","date_gmt":"2026-05-05T16:33:09","guid":{"rendered":"http:\/\/www.biblioteca-sancarloborromeo.it\/?page_id=3722"},"modified":"2026-05-05T18:41:38","modified_gmt":"2026-05-05T16:41:38","slug":"nuovi-arrivi","status":"publish","type":"page","link":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/nuovi-arrivi\/","title":{"rendered":"Nuovi Arrivi"},"content":{"rendered":"\n\n\n\n \n \n Nuovi Acquisti – Biblioteca San Carlo<\/title>\n <style>\n \/* IMPORTAZIONE FONT *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=Montserrat:wght@300;400;500;700&display=swap');\n\n \/* DEFINIZIONE VARIABILI *\/\n :root {\n --bordeaux: #8b1a25;\n --gold: #d4af37;\n --cream: #f2ede4;\n --white: #ffffff;\n --dark: #111111;\n --text: #2d2d2d;\n --light-gray: #f8f9fa;\n }\n\n \/* RESET *\/\n .biblio-root {\n all: initial;\n display: block;\n background-color: var(--white);\n font-family: 'Montserrat', sans-serif;\n color: var(--text);\n line-height: 1.6;\n }\n\n .biblio-root * {\n box-sizing: border-box !important;\n margin: 0;\n padding: 0;\n font-family: inherit;\n }\n\n \/* HEADER *\/\n .biblio-header {\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(10px);\n padding: 15px 5%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n position: sticky;\n top: 0;\n z-index: 1000;\n box-shadow: 0 4px 30px rgba(0,0,0,0.05);\n border-bottom: 1px solid rgba(139,26,37,0.1);\n }\n\n .nav-links {\n display: flex;\n gap: 30px;\n }\n\n .nav-links a {\n text-decoration: none;\n color: var(--text);\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n transition: 0.3s;\n }\n\n .nav-links a:hover { color: var(--bordeaux); }\n\n .btn-main {\n text-decoration: none;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n border-radius: 6px;\n transition: all 0.3s;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n\n .btn-gold {\n background: var(--gold);\n color: white !important;\n }\n\n \/* HERO NOVIT\u00c0 LIBRI *\/\n .books-hero {\n background: var(--cream);\n padding: 100px 5% 140px 5%;\n text-align: center;\n border-bottom: 1px solid rgba(212,175,55,0.2);\n }\n\n .books-hero h1 {\n font-family: 'Cormorant Garamond', serif !important;\n font-size: clamp(2.5rem, 5vw, 4rem);\n color: var(--dark);\n margin-bottom: 15px;\n }\n\n \/* FILTRI GENERE *\/\n .books-filters {\n display: flex;\n justify-content: center;\n gap: 12px;\n margin-top: 30px;\n flex-wrap: wrap;\n }\n\n .filter-btn {\n background: white;\n border: 1px solid #ddd;\n color: #666;\n padding: 8px 18px;\n border-radius: 4px;\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n cursor: pointer;\n transition: 0.3s;\n }\n\n .filter-btn.active, .filter-btn:hover {\n border-color: var(--bordeaux);\n color: var(--bordeaux);\n background: #fff;\n }\n\n \/* LIBRI GRID *\/\n .books-container {\n max-width: 1200px;\n margin: -80px auto 100px auto;\n padding: 0 20px;\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n gap: 30px;\n }\n\n .book-card {\n background: white;\n border-radius: 8px;\n transition: 0.4s;\n display: flex;\n flex-direction: column;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n cursor: pointer;\n overflow: hidden;\n border: 1px solid #eee;\n }\n\n .book-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(0,0,0,0.15);\n }\n\n .book-cover-wrapper {\n position: relative;\n height: 380px;\n overflow: hidden;\n }\n\n .book-img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.5s;\n }\n\n .book-card:hover .book-img {\n transform: scale(1.05);\n }\n\n .book-badge {\n position: absolute;\n top: 15px;\n right: 15px;\n background: var(--bordeaux);\n color: white;\n font-size: 10px;\n font-weight: 700;\n padding: 5px 12px;\n border-radius: 20px;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .book-content {\n padding: 20px;\n text-align: center;\n }\n\n .book-author {\n color: var(--gold);\n font-weight: 700;\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 5px;\n }\n\n .book-title {\n font-family: 'Cormorant Garamond', serif !important;\n font-size: 1.4rem;\n color: var(--dark);\n margin-bottom: 10px;\n line-height: 1.2;\n font-weight: 700;\n }\n\n .book-genre {\n font-size: 12px;\n color: #999;\n font-style: italic;\n }\n\n \/* MODALE DETTAGLIO LIBRO *\/\n .book-modal {\n position: fixed;\n top: 0; left: 0; width: 100%; height: 100%;\n background: rgba(0,0,0,0.85);\n display: none;\n z-index: 2000;\n padding: 20px;\n overflow-y: auto;\n backdrop-filter: blur(8px);\n }\n\n .modal-body {\n background: white;\n max-width: 900px;\n margin: 40px auto;\n border-radius: 12px;\n overflow: hidden;\n display: flex;\n flex-wrap: wrap;\n }\n\n .modal-left { flex: 1; min-width: 350px; background: #f9f9f9; }\n .modal-right { flex: 1.2; min-width: 350px; padding: 50px; }\n\n .modal-left img { width: 100%; height: 100%; object-fit: cover; }\n\n \/* FOOTER *\/\n .biblio-footer {\n background: var(--dark);\n padding: 60px 5%;\n text-align: center;\n }\n\n @media (max-width: 768px) {\n .nav-links { display: none; }\n .books-hero { padding: 60px 5% 100px 5%; }\n .modal-right { padding: 30px; }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"biblio-root\">\n \n \n <header class=\"biblio-header\">\n <div style=\"display: flex; align-items: center; gap: 15px;\">\n <div style=\"background: var(--bordeaux); color: white; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; font-weight: 700; border-radius: 8px; font-family: Montserrat, sans-serif; font-size: 1.2rem; box-shadow: 0 4px 10px rgba(139,26,37,0.3);\">SC<\/div>\n <div style=\"line-height: 1.2; font-family: Montserrat, sans-serif;\">\n <div style=\"font-weight: 700; font-size: 16px; text-transform: uppercase; color: #1a1a1a; letter-spacing: 1px;\">Biblioteca<\/div>\n <div style=\"font-size: 11px; text-transform: uppercase; letter-spacing: 2px; color: var(--gold); font-weight: 600;\">San Carlo<\/div>\n <\/div>\n <\/div>\n <nav class=\"nav-links\">\n <a href=\"home.html\">Home<\/a>\n <a href=\"home.html#tessere\">Tessere<\/a>\n <a href=\"eventi.html\">Eventi<\/a>\n <a href=\"novita.html\">Nuovi Arrivi<\/a>\n <a href=\"home.html#scacchi\">Scacchi<\/a>\n <\/nav>\n <a href=\"home.html#storia\" class=\"btn-main btn-gold\" style=\"padding: 10px 20px !important; font-size: 10px !important;\">Contatti<\/a>\n <\/header>\n\n \n <section class=\"books-hero\">\n <p style=\"color: var(--bordeaux); text-transform: uppercase; letter-spacing: 4px; font-size: 11px; font-weight: 700; margin-bottom: 10px;\">Catalogo Aggiornato<\/p>\n <h1>Nuovi Acquisti 2026<\/h1>\n <p style=\"max-width: 600px; margin: 0 auto; color: #666; font-size: 14px;\">Scopri le ultime novit\u00e0 entrate a far parte della nostra collezione. Dai grandi classici restaurati alle ultime uscite di narrativa contemporanea.<\/p>\n \n <div class=\"books-filters\">\n <button class=\"filter-btn active\" onclick=\"filterBooks('all')\">Tutti i generi<\/button>\n <button class=\"filter-btn\" onclick=\"filterBooks('Narrativa')\">Narrativa<\/button>\n <button class=\"filter-btn\" onclick=\"filterBooks('Saggistica')\">Saggistica<\/button>\n <button class=\"filter-btn\" onclick=\"filterBooks('Ragazzi')\">Ragazzi<\/button>\n <button class=\"filter-btn\" onclick=\"filterBooks('Classici')\">Classici<\/button>\n <\/div>\n <\/section>\n\n \n <main class=\"books-container\" id=\"booksGrid\">\n \n <\/main>\n\n \n <footer class=\"biblio-footer\">\n <div style=\"margin-bottom: 30px;\">\n <div style=\"font-family: 'Cormorant Garamond', serif; font-size: 2rem; color: var(--gold);\">Biblioteca Parrocchiale “San Carlo Borromeo”<\/div>\n <p style=\"color: rgba(255,255,255,0.4); font-size: 10px; letter-spacing: 3px; text-transform: uppercase; margin-top: 5px !important;\">Cultura e Comunit\u00e0<\/p>\n <\/div>\n <div style=\"height: 1px; background: rgba(255,255,255,0.1); max-width: 200px; margin: 0 auto 30px auto !important;\"><\/div>\n <p style=\"color: rgba(255,255,255,0.3); font-size: 10px; text-transform: uppercase; letter-spacing: 2px;\">\n \u00a9 2026 Biblioteca San Carlo Borromeo \u2014 In memoria di Don Franco Venneri\n <\/p>\n <\/footer>\n\n \n <div id=\"bookModal\" class=\"book-modal\" onclick=\"closeBook()\">\n <div class=\"modal-body\" onclick=\"event.stopPropagation()\">\n <div class=\"modal-left\">\n <img decoding=\"async\" id=\"m-cover\" src=\"\" alt=\"Copertina Libro\">\n <\/div>\n <div class=\"modal-right\">\n <span id=\"m-genre\" class=\"book-author\" style=\"color: var(--bordeaux);\"><\/span>\n <h2 id=\"m-title\" style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; margin: 10px 0 20px 0; line-height: 1.1;\"><\/h2>\n <h4 id=\"m-author\" style=\"font-size: 18px; color: var(--gold); margin-bottom: 30px; text-transform: none; letter-spacing: 0;\"><\/h4>\n \n <div style=\"height: 2px; width: 50px; background: var(--gold); margin-bottom: 30px;\"><\/div>\n \n <p id=\"m-desc\" style=\"font-size: 15px; color: #444; line-height: 1.8; margin-bottom: 30px;\"><\/p>\n \n <div style=\"background: #fdfaf6; padding: 20px; border-radius: 8px; border: 1px solid var(--cream);\">\n <p style=\"font-size: 12px; color: #8b1a25; font-weight: 700; text-transform: uppercase; margin-bottom: 5px;\">Disponibilit\u00e0<\/p>\n <p id=\"m-status\" style=\"font-size: 14px; font-weight: 500;\">Disponibile al prestito<\/p>\n <\/div>\n \n <button onclick=\"closeBook()\" class=\"btn-main btn-bordeaux\" style=\"margin-top: 40px; border: 1px solid var(--bordeaux); padding: 12px 30px; background: transparent; color: var(--bordeaux); font-size: 10px; cursor: pointer;\">Chiudi Scheda<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n<\/div>\n\n<script>\n \/* DATABASE LIBRI ACQUISTATI *\/\n const BOOKS_DB = [\n {\n id: 1,\n genre: 'Narrativa',\n author: 'Alessandro Manzoni',\n title: \"I Promessi Sposi (Edizione Critica)\",\n img: \"https:\/\/images.unsplash.com\/photo-1544947950-fa07a98d237f?q=80&w=800\",\n desc: \"Una nuova e prestigiosa edizione critica del capolavoro manzoniano, arricchita da note filologiche e un apparato iconografico inedito proveniente dagli archivi storici.\",\n status: \"Disponibile (Scaffale A1)\",\n badge: \"Nuovo Arrivo\"\n },\n {\n id: 2,\n genre: 'Saggistica',\n author: 'Umberto Galimberti',\n title: \"L'ospite inquietante\",\n img: \"https:\/\/images.unsplash.com\/photo-1491843351663-f95982f9b6b6?q=80&w=800\",\n desc: \"Un'analisi profonda sul nichilismo e i giovani nel nostro tempo. Galimberti esplora le sfide dell'educazione e della crescita in una societ\u00e0 liquida.\",\n status: \"Disponibile (Settore Saggi)\",\n badge: \"Suggerito\"\n },\n {\n id: 3,\n genre: 'Ragazzi',\n author: 'J.K. Rowling',\n title: \"Harry Potter e la Pietra Filosofale (Illustrato)\",\n img: \"https:\/\/images.unsplash.com\/photo-1541963463532-d68292c34b19?q=80&w=800\",\n desc: \"L'inizio della saga pi\u00f9 amata del mondo, in un'edizione speciale di grande formato con le straordinarie illustrazioni a colori di Jim Kay.\",\n status: \"In Prestito (Rientro previsto: 15\/05)\",\n badge: \"Popolare\"\n },\n {\n id: 4,\n genre: 'Classici',\n author: 'Dante Alighieri',\n title: \"La Divina Commedia\",\n img: \"https:\/\/images.unsplash.com\/photo-1512820790803-83ca734da794?q=80&w=800\",\n desc: \"Edizione celebrativa con le incisioni originali di Gustave Dor\u00e9. Un volume da collezione ora a disposizione di tutti gli iscritti per la consultazione interna.\",\n status: \"Solo Consultazione (Sala Oro)\",\n badge: \"Raro\"\n },\n {\n id: 5,\n genre: 'Narrativa',\n author: 'Elena Ferrante',\n title: \"L'amica geniale\",\n img: \"https:\/\/images.unsplash.com\/photo-1531243269054-5ebf6f34081e?q=80&w=800\",\n desc: \"Il primo volume della quadrilogia che ha incantato il mondo. La storia dell'amicizia tra Lila e Len\u00f9 sullo sfondo di una Napoli anni '50.\",\n status: \"Disponibile (Narrativa Italiana)\",\n badge: \"Nuovo Arrivo\"\n },\n {\n id: 6,\n genre: 'Saggistica',\n author: 'AA.VV.',\n title: \"Storia Illustrata di Milano\",\n img: \"https:\/\/images.unsplash.com\/photo-1524578271613-d550eabcad51?q=80&w=800\",\n desc: \"Un viaggio fotografico e storico attraverso i secoli della citt\u00e0 meneghina, dalle origini romane fino alla ricostruzione del dopoguerra.\",\n status: \"Disponibile (Sezione Locale)\",\n badge: \"Locale\"\n },\n{\n id: 7,\n genre: 'ANGELO',\n author: 'AA.VV.',\n title: \"Storia Illustrata di Milano\",\n img: \"https:\/\/images.unsplash.com\/photo-1524578271613-d550eabcad51?q=80&w=800\",\n desc: \"Un viaggio fotografico e storico attraverso i secoli della citt\u00e0 meneghina, dalle origini romane fino alla ricostruzione del dopoguerra.\",\n status: \"Disponibile (Sezione Locale)\",\n badge: \"ANGELO\"\n }\n ];\n\n function renderBooks(filter = 'all') {\n const grid = document.getElementById('booksGrid');\n const filtered = filter === 'all' ? BOOKS_DB : BOOKS_DB.filter(b => b.genre === filter);\n \n grid.innerHTML = filtered.map(book => `\n <article class=\"book-card\" onclick=\"openBook(${book.id})\">\n <div class=\"book-cover-wrapper\">\n ${book.badge ? `<span class=\"book-badge\">${book.badge}<\/span>` : ''}\n <img decoding=\"async\" src=\"${book.img}\" class=\"book-img\" alt=\"Copertina\">\n <\/div>\n <div class=\"book-content\">\n <p class=\"book-author\">${book.author}<\/p>\n <h2 class=\"book-title\">${book.title}<\/h2>\n <p class=\"book-genre\">${book.genre}<\/p>\n <\/div>\n <\/article>\n `).join('');\n }\n\n function filterBooks(gen) {\n document.querySelectorAll('.filter-btn').forEach(btn => btn.classList.remove('active'));\n event.target.classList.add('active');\n renderBooks(gen);\n }\n\n function openBook(id) {\n const b = BOOKS_DB.find(x => x.id === id);\n document.getElementById('m-cover').src = b.img;\n document.getElementById('m-title').innerText = b.title;\n document.getElementById('m-author').innerText = b.author;\n document.getElementById('m-genre').innerText = b.genre;\n document.getElementById('m-desc').innerText = b.desc;\n document.getElementById('m-status').innerText = b.status;\n \n document.getElementById('bookModal').style.display = 'block';\n document.body.style.overflow = 'hidden';\n }\n\n function closeBook() {\n document.getElementById('bookModal').style.display = 'none';\n document.body.style.overflow = 'auto';\n }\n\n \/\/ Caricamento iniziale\n window.onload = () => renderBooks('all');\n<\/script>\n\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<div class=\"mh-excerpt\"><p>Nuovi Acquisti – Biblioteca San Carlo SC Biblioteca San Carlo Home Tessere Eventi Nuovi Arrivi Scacchi Contatti Catalogo Aggiornato Nuovi Acquisti 2026 Scopri le ultime novit\u00e0 entrate a far parte <a class=\"mh-excerpt-more\" href=\"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/nuovi-arrivi\/\" title=\"Nuovi Arrivi\">[…]<\/a><\/p>\n<\/div>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-3722","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/pages\/3722","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/comments?post=3722"}],"version-history":[{"count":3,"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/pages\/3722\/revisions"}],"predecessor-version":[{"id":3726,"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/pages\/3722\/revisions\/3726"}],"wp:attachment":[{"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/media?parent=3722"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}