Biblioteca San Carlo Borromeo – Portale Community<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&family=Inter:wght@300;400;600&display=swap');\n\n :root {\n --primary: #6d071a; \/* Bordeaux profondo *\/\n --secondary: #2d3436; \/* Grigio Scuro Antracite *\/\n --accent: #a52a2a;\n --bg-paper: #f4f4f4;\n }\n\n body {\n font-family: 'Inter', sans-serif;\n background-color: var(--bg-paper);\n color: #1f2937;\n scroll-behavior: smooth;\n }\n\n h1, h2, h3, .font-serif {\n font-family: 'Playfair Display', serif;\n }\n\n .hero-gradient {\n background: linear-gradient(rgba(45, 52, 54, 0.85), rgba(109, 7, 26, 0.85)), \n url('https:\/\/images.unsplash.com\/photo-1481627834876-b7833e8f5570?auto=format&fit=crop&q=80&w=2000');\n background-size: cover;\n background-position: center;\n }\n\n .bg-bordeaux { background-color: var(--primary); }\n .text-bordeaux { color: var(--primary); }\n .border-bordeaux { border-color: var(--primary); }\n .bg-grigio { background-color: var(--secondary); }\n \n .card-hover:hover {\n transform: translateY(-5px);\n transition: all 0.3s ease;\n box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n }\n\n .btn-bordeaux {\n background-color: var(--primary);\n color: white;\n transition: all 0.3s;\n }\n .btn-bordeaux:hover {\n background-color: #520513;\n transform: scale(1.05);\n }\n <\/style>\n<\/head>\n<body class=\"antialiased\">\n\n \n <nav class=\"bg-white shadow-md sticky top-0 z-50 border-b-2 border-bordeaux\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex justify-between h-20 items-center\">\n <div class=\"flex items-center space-x-3\">\n <div class=\"w-10 h-10 bg-bordeaux rounded-lg flex items-center justify-center text-white rotate-3\">\n <i class=\"fas fa-book-open\"><\/i>\n <\/div>\n <div>\n <span class=\"text-xl font-serif font-bold text-bordeaux leading-none block\">San Carlo Borromeo<\/span>\n <span class=\"text-xs tracking-widest uppercase text-gray-500 font-semibold\">Biblioteca Parrocchiale<\/span>\n <\/div>\n <\/div>\n \n <div class=\"hidden md:flex space-x-8 text-sm font-bold text-gray-700 uppercase tracking-tight\">\n <a href=\"#\" class=\"hover:text-bordeaux transition\">Home<\/a>\n <a href=\"http:\/\/www.biblioteca-sancarloborromeo.it\/catalogo\" target=\"_blank\" class=\"hover:text-bordeaux transition\">Catalogo Online<\/a>\n <a href=\"#eventi\" class=\"hover:text-bordeaux transition\">Eventi<\/a>\n <a href=\"#sostienici\" class=\"hover:text-bordeaux transition\">Sostienici<\/a>\n <a href=\"#contatti\" class=\"hover:text-bordeaux transition\">Contatti<\/a>\n <\/div>\n\n <div class=\"md:hidden text-2xl cursor-pointer text-bordeaux\" onclick=\"toggleMenu()\">\n <i class=\"fas fa-bars\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n \n <div id=\"mobile-menu\" class=\"hidden md:hidden bg-white border-t p-4 shadow-xl\">\n <a href=\"#\" class=\"block py-3 text-gray-700 border-b\">Home<\/a>\n <a href=\"http:\/\/www.biblioteca-sancarloborromeo.it\/catalogo\" target=\"_blank\" class=\"block py-3 text-gray-700 border-b\">Catalogo Online<\/a>\n <a href=\"#eventi\" class=\"block py-3 text-bordeaux font-bold border-b\">Eventi<\/a>\n <a href=\"#sostienici\" class=\"block py-3 text-gray-700 border-b\">Sostienici<\/a>\n <a href=\"#contatti\" class=\"block py-3 text-gray-700\">Contatti<\/a>\n <\/div>\n <\/nav>\n\n \n <header class=\"hero-gradient text-white py-32 px-4 text-center\">\n <div class=\"max-w-4xl mx-auto\">\n <h1 class=\"text-5xl md:text-7xl mb-6 drop-shadow-lg\">Il sapere \u00e8 luce.<\/h1>\n <p class=\"text-lg md:text-2xl mb-12 text-gray-200 font-light italic max-w-2xl mx-auto\">\n “Non vi \u00e8 nulla di pi\u00f9 prezioso della sapienza che nutriamo nel silenzio di una biblioteca.”\n <\/p>\n \n <div class=\"flex flex-col sm:flex-row justify-center gap-6\">\n <a href=\"http:\/\/www.biblioteca-sancarloborromeo.it\/catalogo\" target=\"_blank\" class=\"btn-bordeaux px-12 py-4 rounded-full font-bold text-lg shadow-2xl flex items-center justify-center\">\n <i class=\"fas fa-search mr-3\"><\/i> Cerca nel Catalogo\n <\/a>\n <a href=\"#eventi\" class=\"bg-white\/10 hover:bg-white\/20 backdrop-blur-md text-white border-2 border-white\/50 px-12 py-4 rounded-full transition font-bold text-lg\">\n Prossimi Eventi\n <\/a>\n <\/div>\n <\/div>\n <\/header>\n\n \n <section id=\"sostienici\" class=\"max-w-7xl mx-auto px-4 py-16 -mt-16\">\n <div class=\"bg-white rounded-2xl shadow-2xl overflow-hidden flex flex-col lg:flex-row border border-gray-200\">\n <div class=\"lg:w-2\/5 bg-grigio p-12 text-white flex flex-col justify-center\">\n <div class=\"inline-block w-12 h-1 bg-bordeaux mb-6\"><\/div>\n <h3 class=\"text-3xl font-serif font-bold mb-6 italic\">Sostieni la cultura col tuo 5×1000<\/h3>\n <p class=\"text-gray-400 mb-8 leading-relaxed\">Trasforma la tua dichiarazione dei redditi in nuovi libri e attivit\u00e0 per i giovani del quartiere.<\/p>\n <div class=\"bg-black\/30 border border-white\/10 rounded-xl p-6 mb-4 relative overflow-hidden\">\n <span class=\"text-xs uppercase tracking-[0.2em] text-gray-400 block mb-2 font-bold\">Codice Fiscale Biblioteca<\/span>\n <span class=\"text-3xl font-mono font-bold tracking-widest text-white\">80012345678<\/span>\n <i class=\"fas fa-stamp absolute -right-4 -bottom-4 text-6xl text-white\/5 rotate-12\"><\/i>\n <\/div>\n <p class=\"text-xs text-gray-500 italic text-center\">Inserisci questo codice nel riquadro “Enti del Terzo Settore”<\/p>\n <\/div>\n <div class=\"lg:w-3\/5 p-12 bg-white\">\n <h2 class=\"text-4xl font-bold text-grigio mb-6 font-serif\">Unisciti alla nostra missione<\/h2>\n <p class=\"text-gray-600 mb-10 text-lg\">La Biblioteca San Carlo Borromeo vive grazie alla generosit\u00e0 della comunit\u00e0. Ogni aiuto \u00e8 un passo avanti per la diffusione della cultura.<\/p>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n <div class=\"group cursor-pointer\">\n <div class=\"flex items-center p-6 bg-gray-50 rounded-2xl border-2 border-transparent group-hover:border-bordeaux transition shadow-sm\">\n <div class=\"w-14 h-14 bg-bordeaux\/10 rounded-full flex items-center justify-center text-bordeaux mr-4\">\n <i class=\"fas fa-coins text-2xl\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-grigio\">Donazione Libera<\/h4>\n <p class=\"text-xs text-gray-500\">Supporto economico diretto<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"group cursor-pointer\">\n <div class=\"flex items-center p-6 bg-gray-50 rounded-2xl border-2 border-transparent group-hover:border-bordeaux transition shadow-sm\">\n <div class=\"w-14 h-14 bg-bordeaux\/10 rounded-full flex items-center justify-center text-bordeaux mr-4\">\n <i class=\"fas fa-hands-helping text-2xl\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-grigio\">Diventa Volontario<\/h4>\n <p class=\"text-xs text-gray-500\">Dona il tuo tempo<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <main class=\"max-w-7xl mx-auto px-4 py-12\">\n \n \n <div id=\"novita\" class=\"mb-24\">\n <div class=\"flex items-center justify-between mb-10\">\n <h2 class=\"text-3xl font-bold text-grigio font-serif\">Ultime Novit\u00e0 in Scaffale<\/h2>\n <div class=\"h-1 flex-grow mx-8 bg-gray-100 hidden md:block\"><\/div>\n <a href=\"#\" class=\"text-bordeaux font-bold text-sm uppercase tracking-widest hover:underline\">Vedi Tutti<\/a>\n <\/div>\n \n <div class=\"grid grid-cols-2 md:grid-cols-5 gap-8\">\n \n <div class=\"group cursor-pointer\">\n <div class=\"bg-gray-300 rounded-xl aspect-[2\/3] overflow-hidden shadow-lg mb-4 relative\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544947950-fa07a98d237f?auto=format&fit=crop&q=80&w=600\" class=\"object-cover w-full h-full group-hover:scale-110 transition duration-700\">\n <div class=\"absolute inset-0 bg-bordeaux\/20 opacity-0 group-hover:opacity-100 transition\"><\/div>\n <\/div>\n <h4 class=\"font-bold text-grigio line-clamp-1\">Esempio di Titolo<\/h4>\n <p class=\"text-sm text-gray-500\">Nome Autore<\/p>\n <\/div>\n \n <div class=\"group cursor-pointer hidden md:block\">\n <div class=\"bg-gray-300 rounded-xl aspect-[2\/3] overflow-hidden shadow-lg mb-4 relative\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1512820790803-83ca734da794?auto=format&fit=crop&q=80&w=600\" class=\"object-cover w-full h-full group-hover:scale-110 transition duration-700\">\n <\/div>\n <h4 class=\"font-bold text-grigio line-clamp-1\">La Storia di Milano<\/h4>\n <p class=\"text-sm text-gray-500\">Autore Storico<\/p>\n <\/div>\n <div class=\"group cursor-pointer hidden md:block\">\n <div class=\"bg-gray-300 rounded-xl aspect-[2\/3] overflow-hidden shadow-lg mb-4 relative\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1589829085413-56de8ae18c73?auto=format&fit=crop&q=80&w=600\" class=\"object-cover w-full h-full group-hover:scale-110 transition duration-700\">\n <\/div>\n <h4 class=\"font-bold text-grigio line-clamp-1\">Vita di San Carlo<\/h4>\n <p class=\"text-sm text-gray-500\">Documenti Sacri<\/p>\n <\/div>\n <div class=\"group cursor-pointer hidden md:block\">\n <div class=\"bg-gray-300 rounded-xl aspect-[2\/3] overflow-hidden shadow-lg mb-4 relative\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1543004629-ff569f872783?auto=format&fit=crop&q=80&w=600\" class=\"object-cover w-full h-full group-hover:scale-110 transition duration-700\">\n <\/div>\n <h4 class=\"font-bold text-grigio line-clamp-1\">Classici Moderni<\/h4>\n <p class=\"text-sm text-gray-500\">Vari Autori<\/p>\n <\/div>\n <div class=\"group cursor-pointer hidden md:block\">\n <div class=\"bg-gray-300 rounded-xl aspect-[2\/3] overflow-hidden shadow-lg mb-4 relative\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1495446815901-a7297e633e8d?auto=format&fit=crop&q=80&w=600\" class=\"object-cover w-full h-full group-hover:scale-110 transition duration-700\">\n <\/div>\n <h4 class=\"font-bold text-grigio line-clamp-1\">Narrativa Contemporanea<\/h4>\n <p class=\"text-sm text-gray-500\">Nuovi Arrivi<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"eventi\" class=\"mb-24\">\n <h2 class=\"text-3xl font-bold text-grigio font-serif mb-10 text-center uppercase tracking-widest\">Eventi in Programma<\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-10\">\n <div class=\"flex flex-col sm:flex-row gap-6 p-8 bg-white rounded-3xl shadow-lg border-l-8 border-bordeaux card-hover\">\n <div class=\"bg-grigio text-white p-5 rounded-2xl text-center min-w-[100px] flex flex-col justify-center\">\n <span class=\"block text-3xl font-bold\">15<\/span>\n <span class=\"text-xs uppercase font-bold text-bordeaux\">Giugno<\/span>\n <\/div>\n <div>\n <h3 class=\"text-2xl font-bold text-grigio mb-2\">Circolo di Lettura<\/h3>\n <p class=\"text-gray-600 mb-4\">Un confronto aperto sui grandi classici della letteratura europea del ‘900.<\/p>\n <div class=\"flex items-center text-sm font-bold text-bordeaux uppercase\">\n <i class=\"far fa-clock mr-2\"><\/i> Ore 17:30\n <span class=\"mx-3 text-gray-300\">|<\/span>\n <i class=\"fas fa-map-marker-alt mr-2\"><\/i> Sala Grande\n <\/div>\n <\/div>\n <\/div>\n <div class=\"flex flex-col sm:flex-row gap-6 p-8 bg-white rounded-3xl shadow-lg border-l-8 border-grigio card-hover\">\n <div class=\"bg-bordeaux text-white p-5 rounded-2xl text-center min-w-[100px] flex flex-col justify-center\">\n <span class=\"block text-3xl font-bold\">22<\/span>\n <span class=\"text-xs uppercase font-bold text-gray-300\">Giugno<\/span>\n <\/div>\n <div>\n <h3 class=\"text-2xl font-bold text-grigio mb-2\">Laboratorio Bimbi<\/h3>\n <p class=\"text-gray-600 mb-4\">Letture animate e disegni per scoprire la magia delle storie parrocchiali.<\/p>\n <div class=\"flex items-center text-sm font-bold text-bordeaux uppercase\">\n <i class=\"far fa-clock mr-2\"><\/i> Ore 15:00\n <span class=\"mx-3 text-gray-300\">|<\/span>\n <i class=\"fas fa-map-marker-alt mr-2\"><\/i> Area Kids\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/main>\n\n \n <footer id=\"contatti\" class=\"bg-grigio text-gray-400 pt-20 pb-10 relative overflow-hidden\">\n <div class=\"absolute top-0 left-0 w-full h-1 bg-bordeaux\"><\/div>\n <div class=\"max-w-7xl mx-auto px-4 grid grid-cols-1 md:grid-cols-3 gap-16 relative z-10\">\n \n <div>\n <div class=\"flex items-center space-x-3 mb-8\">\n <div class=\"w-8 h-8 bg-bordeaux rounded flex items-center justify-center text-white\">\n <i class=\"fas fa-book-open text-sm\"><\/i>\n <\/div>\n <span class=\"text-xl font-serif font-bold text-white tracking-tight\">San Carlo Borromeo<\/span>\n <\/div>\n <p class=\"text-sm leading-relaxed mb-8\">La biblioteca della comunit\u00e0 parrocchiale. Un luogo di silenzio, studio e incontro nel cuore della nostra citt\u00e0.<\/p>\n <div class=\"flex space-x-5\">\n <a href=\"#\" class=\"w-10 h-10 rounded-full border border-gray-700 flex items-center justify-center hover:bg-bordeaux hover:border-bordeaux hover:text-white transition\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n <a href=\"#\" class=\"w-10 h-10 rounded-full border border-gray-700 flex items-center justify-center hover:bg-bordeaux hover:border-bordeaux hover:text-white transition\"><i class=\"fab fa-instagram\"><\/i><\/a>\n <\/div>\n <\/div>\n\n \n <div>\n <h4 class=\"text-white font-bold mb-8 uppercase tracking-widest text-xs border-b border-gray-800 pb-2\">Orari di Apertura<\/h4>\n <div class=\"space-y-4 text-sm font-medium\">\n <div class=\"flex justify-between items-center\">\n <span>Luned\u00ec – Venerd\u00ec<\/span>\n <span class=\"text-white\">15:30 \u2014 19:00<\/span>\n <\/div>\n <div class=\"flex justify-between items-center\">\n <span>Sabato Mattina<\/span>\n <span class=\"text-white\">09:00 \u2014 12:30<\/span>\n <\/div>\n <div class=\"flex justify-between items-center text-gray-600\">\n <span>Domenica<\/span>\n <span class=\"italic uppercase text-xs\">Chiuso<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div>\n <h4 class=\"text-white font-bold mb-8 uppercase tracking-widest text-xs border-b border-gray-800 pb-2\">Dove Siamo<\/h4>\n <div class=\"space-y-4 mb-8\">\n <div class=\"flex items-start gap-4\">\n <i class=\"fas fa-map-pin text-bordeaux mt-1\"><\/i>\n <span class=\"text-sm\">Via San Carlo 1, 20100 Milano (MI)<\/span>\n <\/div>\n <div class=\"flex items-start gap-4\">\n <i class=\"fas fa-phone-alt text-bordeaux mt-1\"><\/i>\n <span class=\"text-sm\">02 1234 5678<\/span>\n <\/div>\n <div class=\"flex items-start gap-4\">\n <i class=\"fas fa-envelope text-bordeaux mt-1\"><\/i>\n <span class=\"text-sm\">segreteria@bibliotecasancarlo.it<\/span>\n <\/div>\n <\/div>\n <a href=\"https:\/\/maps.google.com\" target=\"_blank\" class=\"block w-full py-3 bg-white\/5 border border-white\/10 text-center rounded-lg text-xs font-bold uppercase tracking-widest hover:bg-white\/10 transition\">Apri Mappa<\/a>\n <\/div>\n <\/div>\n <div class=\"max-w-7xl mx-auto px-4 mt-20 pt-8 border-t border-gray-800 flex flex-col md:flex-row justify-between items-center text-[10px] uppercase tracking-widest text-gray-600\">\n <p>© 2024 Biblioteca Parrocchiale San Carlo Borromeo<\/p>\n <div class=\"flex space-x-4 mt-4 md:mt-0\">\n <a href=\"#\" class=\"hover:text-white\">Privacy Policy<\/a>\n <a href=\"#\" class=\"hover:text-white\">Note Legali<\/a>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n function toggleMenu() {\n const menu = document.getElementById('mobile-menu');\n menu.classList.toggle('hidden');\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<div class=\"mh-excerpt\"><p>Biblioteca San Carlo Borromeo – Portale Community San Carlo Borromeo Biblioteca Parrocchiale Home Catalogo Online Eventi Sostienici Contatti Home Catalogo Online Eventi Sostienici Contatti Il sapere \u00e8 luce. “Non vi <a class=\"mh-excerpt-more\" href=\"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/3637-2\/\" title=\"\">[…]<\/a><\/p>\n<\/div>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3637","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/pages\/3637","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=3637"}],"version-history":[{"count":1,"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/pages\/3637\/revisions"}],"predecessor-version":[{"id":3638,"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/pages\/3637\/revisions\/3638"}],"wp:attachment":[{"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/media?parent=3637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3637,"date":"2026-04-13T17:07:23","date_gmt":"2026-04-13T15:07:23","guid":{"rendered":"http:\/\/www.biblioteca-sancarloborromeo.it\/?page_id=3637"},"modified":"2026-04-13T17:07:23","modified_gmt":"2026-04-13T15:07:23","slug":"3637-2","status":"publish","type":"page","link":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/3637-2\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n Biblioteca San Carlo Borromeo – Portale Community<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&family=Inter:wght@300;400;600&display=swap');\n\n :root {\n --primary: #6d071a; \/* Bordeaux profondo *\/\n --secondary: #2d3436; \/* Grigio Scuro Antracite *\/\n --accent: #a52a2a;\n --bg-paper: #f4f4f4;\n }\n\n body {\n font-family: 'Inter', sans-serif;\n background-color: var(--bg-paper);\n color: #1f2937;\n scroll-behavior: smooth;\n }\n\n h1, h2, h3, .font-serif {\n font-family: 'Playfair Display', serif;\n }\n\n .hero-gradient {\n background: linear-gradient(rgba(45, 52, 54, 0.85), rgba(109, 7, 26, 0.85)), \n url('https:\/\/images.unsplash.com\/photo-1481627834876-b7833e8f5570?auto=format&fit=crop&q=80&w=2000');\n background-size: cover;\n background-position: center;\n }\n\n .bg-bordeaux { background-color: var(--primary); }\n .text-bordeaux { color: var(--primary); }\n .border-bordeaux { border-color: var(--primary); }\n .bg-grigio { background-color: var(--secondary); }\n \n .card-hover:hover {\n transform: translateY(-5px);\n transition: all 0.3s ease;\n box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n }\n\n .btn-bordeaux {\n background-color: var(--primary);\n color: white;\n transition: all 0.3s;\n }\n .btn-bordeaux:hover {\n background-color: #520513;\n transform: scale(1.05);\n }\n <\/style>\n<\/head>\n<body class=\"antialiased\">\n\n \n <nav class=\"bg-white shadow-md sticky top-0 z-50 border-b-2 border-bordeaux\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex justify-between h-20 items-center\">\n <div class=\"flex items-center space-x-3\">\n <div class=\"w-10 h-10 bg-bordeaux rounded-lg flex items-center justify-center text-white rotate-3\">\n <i class=\"fas fa-book-open\"><\/i>\n <\/div>\n <div>\n <span class=\"text-xl font-serif font-bold text-bordeaux leading-none block\">San Carlo Borromeo<\/span>\n <span class=\"text-xs tracking-widest uppercase text-gray-500 font-semibold\">Biblioteca Parrocchiale<\/span>\n <\/div>\n <\/div>\n \n <div class=\"hidden md:flex space-x-8 text-sm font-bold text-gray-700 uppercase tracking-tight\">\n <a href=\"#\" class=\"hover:text-bordeaux transition\">Home<\/a>\n <a href=\"http:\/\/www.biblioteca-sancarloborromeo.it\/catalogo\" target=\"_blank\" class=\"hover:text-bordeaux transition\">Catalogo Online<\/a>\n <a href=\"#eventi\" class=\"hover:text-bordeaux transition\">Eventi<\/a>\n <a href=\"#sostienici\" class=\"hover:text-bordeaux transition\">Sostienici<\/a>\n <a href=\"#contatti\" class=\"hover:text-bordeaux transition\">Contatti<\/a>\n <\/div>\n\n <div class=\"md:hidden text-2xl cursor-pointer text-bordeaux\" onclick=\"toggleMenu()\">\n <i class=\"fas fa-bars\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n \n <div id=\"mobile-menu\" class=\"hidden md:hidden bg-white border-t p-4 shadow-xl\">\n <a href=\"#\" class=\"block py-3 text-gray-700 border-b\">Home<\/a>\n <a href=\"http:\/\/www.biblioteca-sancarloborromeo.it\/catalogo\" target=\"_blank\" class=\"block py-3 text-gray-700 border-b\">Catalogo Online<\/a>\n <a href=\"#eventi\" class=\"block py-3 text-bordeaux font-bold border-b\">Eventi<\/a>\n <a href=\"#sostienici\" class=\"block py-3 text-gray-700 border-b\">Sostienici<\/a>\n <a href=\"#contatti\" class=\"block py-3 text-gray-700\">Contatti<\/a>\n <\/div>\n <\/nav>\n\n \n <header class=\"hero-gradient text-white py-32 px-4 text-center\">\n <div class=\"max-w-4xl mx-auto\">\n <h1 class=\"text-5xl md:text-7xl mb-6 drop-shadow-lg\">Il sapere \u00e8 luce.<\/h1>\n <p class=\"text-lg md:text-2xl mb-12 text-gray-200 font-light italic max-w-2xl mx-auto\">\n “Non vi \u00e8 nulla di pi\u00f9 prezioso della sapienza che nutriamo nel silenzio di una biblioteca.”\n <\/p>\n \n <div class=\"flex flex-col sm:flex-row justify-center gap-6\">\n <a href=\"http:\/\/www.biblioteca-sancarloborromeo.it\/catalogo\" target=\"_blank\" class=\"btn-bordeaux px-12 py-4 rounded-full font-bold text-lg shadow-2xl flex items-center justify-center\">\n <i class=\"fas fa-search mr-3\"><\/i> Cerca nel Catalogo\n <\/a>\n <a href=\"#eventi\" class=\"bg-white\/10 hover:bg-white\/20 backdrop-blur-md text-white border-2 border-white\/50 px-12 py-4 rounded-full transition font-bold text-lg\">\n Prossimi Eventi\n <\/a>\n <\/div>\n <\/div>\n <\/header>\n\n \n <section id=\"sostienici\" class=\"max-w-7xl mx-auto px-4 py-16 -mt-16\">\n <div class=\"bg-white rounded-2xl shadow-2xl overflow-hidden flex flex-col lg:flex-row border border-gray-200\">\n <div class=\"lg:w-2\/5 bg-grigio p-12 text-white flex flex-col justify-center\">\n <div class=\"inline-block w-12 h-1 bg-bordeaux mb-6\"><\/div>\n <h3 class=\"text-3xl font-serif font-bold mb-6 italic\">Sostieni la cultura col tuo 5×1000<\/h3>\n <p class=\"text-gray-400 mb-8 leading-relaxed\">Trasforma la tua dichiarazione dei redditi in nuovi libri e attivit\u00e0 per i giovani del quartiere.<\/p>\n <div class=\"bg-black\/30 border border-white\/10 rounded-xl p-6 mb-4 relative overflow-hidden\">\n <span class=\"text-xs uppercase tracking-[0.2em] text-gray-400 block mb-2 font-bold\">Codice Fiscale Biblioteca<\/span>\n <span class=\"text-3xl font-mono font-bold tracking-widest text-white\">80012345678<\/span>\n <i class=\"fas fa-stamp absolute -right-4 -bottom-4 text-6xl text-white\/5 rotate-12\"><\/i>\n <\/div>\n <p class=\"text-xs text-gray-500 italic text-center\">Inserisci questo codice nel riquadro “Enti del Terzo Settore”<\/p>\n <\/div>\n <div class=\"lg:w-3\/5 p-12 bg-white\">\n <h2 class=\"text-4xl font-bold text-grigio mb-6 font-serif\">Unisciti alla nostra missione<\/h2>\n <p class=\"text-gray-600 mb-10 text-lg\">La Biblioteca San Carlo Borromeo vive grazie alla generosit\u00e0 della comunit\u00e0. Ogni aiuto \u00e8 un passo avanti per la diffusione della cultura.<\/p>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n <div class=\"group cursor-pointer\">\n <div class=\"flex items-center p-6 bg-gray-50 rounded-2xl border-2 border-transparent group-hover:border-bordeaux transition shadow-sm\">\n <div class=\"w-14 h-14 bg-bordeaux\/10 rounded-full flex items-center justify-center text-bordeaux mr-4\">\n <i class=\"fas fa-coins text-2xl\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-grigio\">Donazione Libera<\/h4>\n <p class=\"text-xs text-gray-500\">Supporto economico diretto<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"group cursor-pointer\">\n <div class=\"flex items-center p-6 bg-gray-50 rounded-2xl border-2 border-transparent group-hover:border-bordeaux transition shadow-sm\">\n <div class=\"w-14 h-14 bg-bordeaux\/10 rounded-full flex items-center justify-center text-bordeaux mr-4\">\n <i class=\"fas fa-hands-helping text-2xl\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-grigio\">Diventa Volontario<\/h4>\n <p class=\"text-xs text-gray-500\">Dona il tuo tempo<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <main class=\"max-w-7xl mx-auto px-4 py-12\">\n \n \n <div id=\"novita\" class=\"mb-24\">\n <div class=\"flex items-center justify-between mb-10\">\n <h2 class=\"text-3xl font-bold text-grigio font-serif\">Ultime Novit\u00e0 in Scaffale<\/h2>\n <div class=\"h-1 flex-grow mx-8 bg-gray-100 hidden md:block\"><\/div>\n <a href=\"#\" class=\"text-bordeaux font-bold text-sm uppercase tracking-widest hover:underline\">Vedi Tutti<\/a>\n <\/div>\n \n <div class=\"grid grid-cols-2 md:grid-cols-5 gap-8\">\n \n <div class=\"group cursor-pointer\">\n <div class=\"bg-gray-300 rounded-xl aspect-[2\/3] overflow-hidden shadow-lg mb-4 relative\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544947950-fa07a98d237f?auto=format&fit=crop&q=80&w=600\" class=\"object-cover w-full h-full group-hover:scale-110 transition duration-700\">\n <div class=\"absolute inset-0 bg-bordeaux\/20 opacity-0 group-hover:opacity-100 transition\"><\/div>\n <\/div>\n <h4 class=\"font-bold text-grigio line-clamp-1\">Esempio di Titolo<\/h4>\n <p class=\"text-sm text-gray-500\">Nome Autore<\/p>\n <\/div>\n \n <div class=\"group cursor-pointer hidden md:block\">\n <div class=\"bg-gray-300 rounded-xl aspect-[2\/3] overflow-hidden shadow-lg mb-4 relative\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1512820790803-83ca734da794?auto=format&fit=crop&q=80&w=600\" class=\"object-cover w-full h-full group-hover:scale-110 transition duration-700\">\n <\/div>\n <h4 class=\"font-bold text-grigio line-clamp-1\">La Storia di Milano<\/h4>\n <p class=\"text-sm text-gray-500\">Autore Storico<\/p>\n <\/div>\n <div class=\"group cursor-pointer hidden md:block\">\n <div class=\"bg-gray-300 rounded-xl aspect-[2\/3] overflow-hidden shadow-lg mb-4 relative\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1589829085413-56de8ae18c73?auto=format&fit=crop&q=80&w=600\" class=\"object-cover w-full h-full group-hover:scale-110 transition duration-700\">\n <\/div>\n <h4 class=\"font-bold text-grigio line-clamp-1\">Vita di San Carlo<\/h4>\n <p class=\"text-sm text-gray-500\">Documenti Sacri<\/p>\n <\/div>\n <div class=\"group cursor-pointer hidden md:block\">\n <div class=\"bg-gray-300 rounded-xl aspect-[2\/3] overflow-hidden shadow-lg mb-4 relative\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1543004629-ff569f872783?auto=format&fit=crop&q=80&w=600\" class=\"object-cover w-full h-full group-hover:scale-110 transition duration-700\">\n <\/div>\n <h4 class=\"font-bold text-grigio line-clamp-1\">Classici Moderni<\/h4>\n <p class=\"text-sm text-gray-500\">Vari Autori<\/p>\n <\/div>\n <div class=\"group cursor-pointer hidden md:block\">\n <div class=\"bg-gray-300 rounded-xl aspect-[2\/3] overflow-hidden shadow-lg mb-4 relative\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1495446815901-a7297e633e8d?auto=format&fit=crop&q=80&w=600\" class=\"object-cover w-full h-full group-hover:scale-110 transition duration-700\">\n <\/div>\n <h4 class=\"font-bold text-grigio line-clamp-1\">Narrativa Contemporanea<\/h4>\n <p class=\"text-sm text-gray-500\">Nuovi Arrivi<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"eventi\" class=\"mb-24\">\n <h2 class=\"text-3xl font-bold text-grigio font-serif mb-10 text-center uppercase tracking-widest\">Eventi in Programma<\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-10\">\n <div class=\"flex flex-col sm:flex-row gap-6 p-8 bg-white rounded-3xl shadow-lg border-l-8 border-bordeaux card-hover\">\n <div class=\"bg-grigio text-white p-5 rounded-2xl text-center min-w-[100px] flex flex-col justify-center\">\n <span class=\"block text-3xl font-bold\">15<\/span>\n <span class=\"text-xs uppercase font-bold text-bordeaux\">Giugno<\/span>\n <\/div>\n <div>\n <h3 class=\"text-2xl font-bold text-grigio mb-2\">Circolo di Lettura<\/h3>\n <p class=\"text-gray-600 mb-4\">Un confronto aperto sui grandi classici della letteratura europea del ‘900.<\/p>\n <div class=\"flex items-center text-sm font-bold text-bordeaux uppercase\">\n <i class=\"far fa-clock mr-2\"><\/i> Ore 17:30\n <span class=\"mx-3 text-gray-300\">|<\/span>\n <i class=\"fas fa-map-marker-alt mr-2\"><\/i> Sala Grande\n <\/div>\n <\/div>\n <\/div>\n <div class=\"flex flex-col sm:flex-row gap-6 p-8 bg-white rounded-3xl shadow-lg border-l-8 border-grigio card-hover\">\n <div class=\"bg-bordeaux text-white p-5 rounded-2xl text-center min-w-[100px] flex flex-col justify-center\">\n <span class=\"block text-3xl font-bold\">22<\/span>\n <span class=\"text-xs uppercase font-bold text-gray-300\">Giugno<\/span>\n <\/div>\n <div>\n <h3 class=\"text-2xl font-bold text-grigio mb-2\">Laboratorio Bimbi<\/h3>\n <p class=\"text-gray-600 mb-4\">Letture animate e disegni per scoprire la magia delle storie parrocchiali.<\/p>\n <div class=\"flex items-center text-sm font-bold text-bordeaux uppercase\">\n <i class=\"far fa-clock mr-2\"><\/i> Ore 15:00\n <span class=\"mx-3 text-gray-300\">|<\/span>\n <i class=\"fas fa-map-marker-alt mr-2\"><\/i> Area Kids\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/main>\n\n \n <footer id=\"contatti\" class=\"bg-grigio text-gray-400 pt-20 pb-10 relative overflow-hidden\">\n <div class=\"absolute top-0 left-0 w-full h-1 bg-bordeaux\"><\/div>\n <div class=\"max-w-7xl mx-auto px-4 grid grid-cols-1 md:grid-cols-3 gap-16 relative z-10\">\n \n <div>\n <div class=\"flex items-center space-x-3 mb-8\">\n <div class=\"w-8 h-8 bg-bordeaux rounded flex items-center justify-center text-white\">\n <i class=\"fas fa-book-open text-sm\"><\/i>\n <\/div>\n <span class=\"text-xl font-serif font-bold text-white tracking-tight\">San Carlo Borromeo<\/span>\n <\/div>\n <p class=\"text-sm leading-relaxed mb-8\">La biblioteca della comunit\u00e0 parrocchiale. Un luogo di silenzio, studio e incontro nel cuore della nostra citt\u00e0.<\/p>\n <div class=\"flex space-x-5\">\n <a href=\"#\" class=\"w-10 h-10 rounded-full border border-gray-700 flex items-center justify-center hover:bg-bordeaux hover:border-bordeaux hover:text-white transition\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n <a href=\"#\" class=\"w-10 h-10 rounded-full border border-gray-700 flex items-center justify-center hover:bg-bordeaux hover:border-bordeaux hover:text-white transition\"><i class=\"fab fa-instagram\"><\/i><\/a>\n <\/div>\n <\/div>\n\n \n <div>\n <h4 class=\"text-white font-bold mb-8 uppercase tracking-widest text-xs border-b border-gray-800 pb-2\">Orari di Apertura<\/h4>\n <div class=\"space-y-4 text-sm font-medium\">\n <div class=\"flex justify-between items-center\">\n <span>Luned\u00ec – Venerd\u00ec<\/span>\n <span class=\"text-white\">15:30 \u2014 19:00<\/span>\n <\/div>\n <div class=\"flex justify-between items-center\">\n <span>Sabato Mattina<\/span>\n <span class=\"text-white\">09:00 \u2014 12:30<\/span>\n <\/div>\n <div class=\"flex justify-between items-center text-gray-600\">\n <span>Domenica<\/span>\n <span class=\"italic uppercase text-xs\">Chiuso<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div>\n <h4 class=\"text-white font-bold mb-8 uppercase tracking-widest text-xs border-b border-gray-800 pb-2\">Dove Siamo<\/h4>\n <div class=\"space-y-4 mb-8\">\n <div class=\"flex items-start gap-4\">\n <i class=\"fas fa-map-pin text-bordeaux mt-1\"><\/i>\n <span class=\"text-sm\">Via San Carlo 1, 20100 Milano (MI)<\/span>\n <\/div>\n <div class=\"flex items-start gap-4\">\n <i class=\"fas fa-phone-alt text-bordeaux mt-1\"><\/i>\n <span class=\"text-sm\">02 1234 5678<\/span>\n <\/div>\n <div class=\"flex items-start gap-4\">\n <i class=\"fas fa-envelope text-bordeaux mt-1\"><\/i>\n <span class=\"text-sm\">segreteria@bibliotecasancarlo.it<\/span>\n <\/div>\n <\/div>\n <a href=\"https:\/\/maps.google.com\" target=\"_blank\" class=\"block w-full py-3 bg-white\/5 border border-white\/10 text-center rounded-lg text-xs font-bold uppercase tracking-widest hover:bg-white\/10 transition\">Apri Mappa<\/a>\n <\/div>\n <\/div>\n <div class=\"max-w-7xl mx-auto px-4 mt-20 pt-8 border-t border-gray-800 flex flex-col md:flex-row justify-between items-center text-[10px] uppercase tracking-widest text-gray-600\">\n <p>© 2024 Biblioteca Parrocchiale San Carlo Borromeo<\/p>\n <div class=\"flex space-x-4 mt-4 md:mt-0\">\n <a href=\"#\" class=\"hover:text-white\">Privacy Policy<\/a>\n <a href=\"#\" class=\"hover:text-white\">Note Legali<\/a>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n function toggleMenu() {\n const menu = document.getElementById('mobile-menu');\n menu.classList.toggle('hidden');\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<div class=\"mh-excerpt\"><p>Biblioteca San Carlo Borromeo – Portale Community San Carlo Borromeo Biblioteca Parrocchiale Home Catalogo Online Eventi Sostienici Contatti Home Catalogo Online Eventi Sostienici Contatti Il sapere \u00e8 luce. “Non vi <a class=\"mh-excerpt-more\" href=\"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/3637-2\/\" title=\"\">[…]<\/a><\/p>\n<\/div>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3637","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/pages\/3637","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=3637"}],"version-history":[{"count":1,"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/pages\/3637\/revisions"}],"predecessor-version":[{"id":3638,"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/pages\/3637\/revisions\/3638"}],"wp:attachment":[{"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/media?parent=3637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}