Eventi – 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 (Fondamentali per Header\/Footer) *\/\n :root {\n --bordeaux: #8b1a25;\n --gold: #d4af37;\n --cream: #f2ede4;\n --white: #ffffff;\n --dark: #111111;\n --text: #2d2d2d;\n }\n\n \/* RESET AGGRESSIVO *\/\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 (Stile richiesto) *\/\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 {\n color: var(--bordeaux);\n }\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 .btn-gold:hover {\n background: #c19b2e;\n transform: translateY(-2px);\n box-shadow: 0 5px 15px rgba(212,175,55,0.3);\n }\n\n \/* HERO SECTION *\/\n .hero-banner {\n background: var(--dark);\n padding: 120px 5% 80px 5%;\n text-align: center;\n color: white;\n }\n\n .hero-banner h1 {\n font-family: 'Cormorant Garamond', serif !important;\n font-size: clamp(2.5rem, 5vw, 4.5rem);\n margin-bottom: 10px;\n }\n\n \/* EVENTI GRID *\/\n .events-container {\n max-width: 1200px;\n margin: -60px auto 80px auto;\n padding: 0 20px;\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n gap: 30px;\n }\n\n .event-card {\n background: white;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n border: 1px solid #f0f0f0;\n }\n\n .event-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(0,0,0,0.15);\n }\n\n .img-box {\n height: 250px;\n position: relative;\n }\n\n .img-box img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n .category-badge {\n position: absolute;\n top: 20px;\n left: 20px;\n background: var(--bordeaux);\n color: white;\n padding: 5px 15px;\n font-size: 10px;\n font-weight: 700;\n text-transform: uppercase;\n border-radius: 4px;\n }\n\n .info-box {\n padding: 30px;\n }\n\n .event-date {\n color: var(--gold);\n font-weight: 700;\n font-size: 12px;\n text-transform: uppercase;\n margin-bottom: 10px;\n display: block;\n }\n\n .event-title {\n font-family: 'Cormorant Garamond', serif !important;\n font-size: 1.8rem;\n color: var(--dark);\n margin-bottom: 15px;\n line-height: 1.2;\n }\n\n \/* MODALE DINAMICO *\/\n .modal-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0,0,0,0.9);\n display: none;\n z-index: 2000;\n align-items: center;\n justify-content: center;\n padding: 20px;\n backdrop-filter: blur(8px);\n }\n\n .modal-card {\n background: white;\n max-width: 800px;\n width: 100%;\n max-height: 90vh;\n border-radius: 20px;\n overflow-y: auto;\n position: relative;\n animation: slideUp 0.4s ease-out;\n }\n\n @keyframes slideUp {\n from { transform: translateY(50px); opacity: 0; }\n to { transform: translateY(0); opacity: 1; }\n }\n\n .modal-content-inner {\n padding: 40px;\n }\n\n .close-modal {\n position: absolute;\n top: 20px;\n right: 20px;\n background: white;\n border: none;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n cursor: pointer;\n z-index: 10;\n font-weight: bold;\n }\n\n \/* RESPONSIVE *\/\n @media (max-width: 900px) {\n .nav-links { display: none; }\n .event-card { min-width: 100%; }\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#tessere\">Tessere<\/a>\n <a href=\"#eventi\">Eventi<\/a>\n <a href=\"home.html#notizie\">Notizie<\/a>\n <a href=\"home.html#scacchi\">Scacchi<\/a>\n <a href=\"home.html#calendari\">Calendari<\/a>\n <\/nav>\n <a href=\"#storia\" class=\"btn-main btn-gold\" style=\"padding: 10px 20px !important; font-size: 10px !important;\">Contatti<\/a>\n <\/header>\n\n \n <section class=\"hero-banner\">\n <p style=\"color: var(--gold); text-transform: uppercase; letter-spacing: 3px; font-size: 12px; margin-bottom: 10px;\">Agenda Culturale<\/p>\n <h1>Eventi & Attivit\u00e0<\/h1>\n <\/section>\n\n \n <main class=\"events-container\" id=\"eventsGrid\">\n \n <\/main>\n\n \n <footer style=\"background: var(--dark); padding: 60px 5%; text-align: center;\">\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;\">Biblioteca & Cultura<\/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=\"modalOverlay\" class=\"modal-overlay\" onclick=\"closeModal()\">\n <button class=\"close-modal\">\u2715<\/button>\n <div class=\"modal-card\" onclick=\"event.stopPropagation()\">\n <img decoding=\"async\" id=\"modalImg\" src=\"\" style=\"width: 100%; height: 300px; object-fit: cover;\">\n <div class=\"modal-content-inner\">\n <span id=\"modalDate\" style=\"color: var(--gold); font-weight: 700; text-transform: uppercase; font-size: 12px;\"><\/span>\n <h2 id=\"modalTitle\" style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.5rem; margin: 10px 0 20px 0;\"><\/h2>\n <div id=\"modalFullDesc\" style=\"line-height: 1.8; color: #555;\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n<\/div>\n\n<script>\n \/* DATABASE EVENTI (Modificabile) *\/\n const EVENTI_DB = [\n {\n id: 1,\n title: \"Torneo di Scacchi 'Don Franco'\",\n date: \"Sabato 23 Maggio, ore 15:30\",\n category: \"Scacchi\",\n img: \"https:\/\/images.unsplash.com\/photo-1529699211952-734e80c4d42b?q=80&w=800\",\n short: \"Un pomeriggio dedicato alla strategia e all'amicizia in memoria del nostro fondatore.\",\n full: \"Il torneo \u00e8 aperto a tutte le et\u00e0, con una sezione speciale dedicata ai ragazzi sotto i 14 anni. Partecipazione gratuita con premi simbolici per i primi tre classificati di ogni categoria.\"\n },\n {\n id: 2,\n title: \"Laboratorio di Lettura Creativa\",\n date: \"Mercoled\u00ec 27 Maggio, ore 17:00\",\n category: \"Bambini\",\n img: \"https:\/\/images.unsplash.com\/photo-1512820790803-83ca734da794?q=80&w=800\",\n short: \"Storie magiche e laboratori manuali per bambini dai 5 ai 10 anni.\",\n full: \"Insieme alle nostre volontarie, leggeremo 'Il Barone Rampante' di Calvino e costruiremo insieme piccoli alberi di carta riciclata da appendere in biblioteca.\"\n },\n {\n id: 3,\n title: \"Recital di Chitarra Classica\",\n date: \"Venerd\u00ec 5 Giugno, ore 21:00\",\n category: \"Musica\",\n img: \"https:\/\/images.unsplash.com\/photo-1510915228340-29c85a43dcfe?q=80&w=800\",\n short: \"Un viaggio musicale tra le corde della Spagna e dell'Italia nel salone storico.\",\n full: \"Il M\u00b0 Alessandro Rossi eseguir\u00e0 brani di T\u00e0rrega, Albeniz e Castelnuovo-Tedesco. L'acustica naturale del salone render\u00e0 l'esperienza indimenticabile.\"\n },\n {\n id: 4,\n title: \"Laboratorio di Lettura Creative\",\n date: \"Mercoled\u00ec 27 Maggio, ore 17:00\",\n category: \"Bambini\",\n img: \"https:\/\/images.unsplash.com\/photo-1512820790803-83ca734da794?q=80&w=800\",\n short: \"Storie magiche e laboratori manuali per bambini dai 5 ai 10 anni.\",\n full: \"Insieme alle nostre volontarie, leggeremo 'Il Barone Rampante' di Calvino e costruiremo insieme piccoli alberi di carta riciclata da appendere in biblioteca.\"\n }\n ];\n\n function loadEvents() {\n const grid = document.getElementById('eventsGrid');\n grid.innerHTML = EVENTI_DB.map(event => `\n <article class=\"event-card\" onclick=\"openModal(${event.id})\">\n <div class=\"img-box\">\n <span class=\"category-badge\">${event.category}<\/span>\n <img decoding=\"async\" src=\"${event.img}\" alt=\"${event.title}\">\n <\/div>\n <div class=\"info-box\">\n <span class=\"event-date\">${event.date}<\/span>\n <h2 class=\"event-title\">${event.title}<\/h2>\n <p style=\"font-size: 14px; color: #666; margin-bottom: 20px;\">${event.short}<\/p>\n <span style=\"color: var(--bordeaux); font-weight: 800; font-size: 10px; text-transform: uppercase;\">Leggi di pi\u00f9 \u2192<\/span>\n <\/div>\n <\/article>\n `).join('');\n }\n\n function openModal(id) {\n const event = EVENTI_DB.find(e => e.id === id);\n document.getElementById('modalTitle').innerText = event.title;\n document.getElementById('modalDate').innerText = event.date;\n document.getElementById('modalFullDesc').innerText = event.full;\n document.getElementById('modalImg').src = event.img;\n document.getElementById('modalOverlay').style.display = 'flex';\n document.body.style.overflow = 'hidden';\n }\n\n function closeModal() {\n document.getElementById('modalOverlay').style.display = 'none';\n document.body.style.overflow = 'auto';\n }\n\n \/\/ Init\n window.onload = loadEvents;\n<\/script>\n\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<div class=\"mh-excerpt\"><p>Eventi – Biblioteca San Carlo SC Biblioteca San Carlo Tessere Eventi Notizie Scacchi Calendari Contatti Agenda Culturale Eventi & Attivit\u00e0 Biblioteca Parrocchiale “San Carlo Borromeo” Biblioteca & Cultura \u00a9 2026 <a class=\"mh-excerpt-more\" href=\"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/eventi\/\" title=\"Eventi\">[…]<\/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-3703","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/pages\/3703","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=3703"}],"version-history":[{"count":14,"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/pages\/3703\/revisions"}],"predecessor-version":[{"id":3721,"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/pages\/3703\/revisions\/3721"}],"wp:attachment":[{"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/media?parent=3703"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3703,"date":"2026-05-04T18:26:32","date_gmt":"2026-05-04T16:26:32","guid":{"rendered":"http:\/\/www.biblioteca-sancarloborromeo.it\/?page_id=3703"},"modified":"2026-05-05T18:27:24","modified_gmt":"2026-05-05T16:27:24","slug":"eventi","status":"publish","type":"page","link":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/eventi\/","title":{"rendered":"Eventi"},"content":{"rendered":"\n\n\n\n \n \n Eventi – 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 (Fondamentali per Header\/Footer) *\/\n :root {\n --bordeaux: #8b1a25;\n --gold: #d4af37;\n --cream: #f2ede4;\n --white: #ffffff;\n --dark: #111111;\n --text: #2d2d2d;\n }\n\n \/* RESET AGGRESSIVO *\/\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 (Stile richiesto) *\/\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 {\n color: var(--bordeaux);\n }\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 .btn-gold:hover {\n background: #c19b2e;\n transform: translateY(-2px);\n box-shadow: 0 5px 15px rgba(212,175,55,0.3);\n }\n\n \/* HERO SECTION *\/\n .hero-banner {\n background: var(--dark);\n padding: 120px 5% 80px 5%;\n text-align: center;\n color: white;\n }\n\n .hero-banner h1 {\n font-family: 'Cormorant Garamond', serif !important;\n font-size: clamp(2.5rem, 5vw, 4.5rem);\n margin-bottom: 10px;\n }\n\n \/* EVENTI GRID *\/\n .events-container {\n max-width: 1200px;\n margin: -60px auto 80px auto;\n padding: 0 20px;\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n gap: 30px;\n }\n\n .event-card {\n background: white;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n border: 1px solid #f0f0f0;\n }\n\n .event-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(0,0,0,0.15);\n }\n\n .img-box {\n height: 250px;\n position: relative;\n }\n\n .img-box img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n .category-badge {\n position: absolute;\n top: 20px;\n left: 20px;\n background: var(--bordeaux);\n color: white;\n padding: 5px 15px;\n font-size: 10px;\n font-weight: 700;\n text-transform: uppercase;\n border-radius: 4px;\n }\n\n .info-box {\n padding: 30px;\n }\n\n .event-date {\n color: var(--gold);\n font-weight: 700;\n font-size: 12px;\n text-transform: uppercase;\n margin-bottom: 10px;\n display: block;\n }\n\n .event-title {\n font-family: 'Cormorant Garamond', serif !important;\n font-size: 1.8rem;\n color: var(--dark);\n margin-bottom: 15px;\n line-height: 1.2;\n }\n\n \/* MODALE DINAMICO *\/\n .modal-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0,0,0,0.9);\n display: none;\n z-index: 2000;\n align-items: center;\n justify-content: center;\n padding: 20px;\n backdrop-filter: blur(8px);\n }\n\n .modal-card {\n background: white;\n max-width: 800px;\n width: 100%;\n max-height: 90vh;\n border-radius: 20px;\n overflow-y: auto;\n position: relative;\n animation: slideUp 0.4s ease-out;\n }\n\n @keyframes slideUp {\n from { transform: translateY(50px); opacity: 0; }\n to { transform: translateY(0); opacity: 1; }\n }\n\n .modal-content-inner {\n padding: 40px;\n }\n\n .close-modal {\n position: absolute;\n top: 20px;\n right: 20px;\n background: white;\n border: none;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n cursor: pointer;\n z-index: 10;\n font-weight: bold;\n }\n\n \/* RESPONSIVE *\/\n @media (max-width: 900px) {\n .nav-links { display: none; }\n .event-card { min-width: 100%; }\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#tessere\">Tessere<\/a>\n <a href=\"#eventi\">Eventi<\/a>\n <a href=\"home.html#notizie\">Notizie<\/a>\n <a href=\"home.html#scacchi\">Scacchi<\/a>\n <a href=\"home.html#calendari\">Calendari<\/a>\n <\/nav>\n <a href=\"#storia\" class=\"btn-main btn-gold\" style=\"padding: 10px 20px !important; font-size: 10px !important;\">Contatti<\/a>\n <\/header>\n\n \n <section class=\"hero-banner\">\n <p style=\"color: var(--gold); text-transform: uppercase; letter-spacing: 3px; font-size: 12px; margin-bottom: 10px;\">Agenda Culturale<\/p>\n <h1>Eventi & Attivit\u00e0<\/h1>\n <\/section>\n\n \n <main class=\"events-container\" id=\"eventsGrid\">\n \n <\/main>\n\n \n <footer style=\"background: var(--dark); padding: 60px 5%; text-align: center;\">\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;\">Biblioteca & Cultura<\/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=\"modalOverlay\" class=\"modal-overlay\" onclick=\"closeModal()\">\n <button class=\"close-modal\">\u2715<\/button>\n <div class=\"modal-card\" onclick=\"event.stopPropagation()\">\n <img decoding=\"async\" id=\"modalImg\" src=\"\" style=\"width: 100%; height: 300px; object-fit: cover;\">\n <div class=\"modal-content-inner\">\n <span id=\"modalDate\" style=\"color: var(--gold); font-weight: 700; text-transform: uppercase; font-size: 12px;\"><\/span>\n <h2 id=\"modalTitle\" style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.5rem; margin: 10px 0 20px 0;\"><\/h2>\n <div id=\"modalFullDesc\" style=\"line-height: 1.8; color: #555;\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n<\/div>\n\n<script>\n \/* DATABASE EVENTI (Modificabile) *\/\n const EVENTI_DB = [\n {\n id: 1,\n title: \"Torneo di Scacchi 'Don Franco'\",\n date: \"Sabato 23 Maggio, ore 15:30\",\n category: \"Scacchi\",\n img: \"https:\/\/images.unsplash.com\/photo-1529699211952-734e80c4d42b?q=80&w=800\",\n short: \"Un pomeriggio dedicato alla strategia e all'amicizia in memoria del nostro fondatore.\",\n full: \"Il torneo \u00e8 aperto a tutte le et\u00e0, con una sezione speciale dedicata ai ragazzi sotto i 14 anni. Partecipazione gratuita con premi simbolici per i primi tre classificati di ogni categoria.\"\n },\n {\n id: 2,\n title: \"Laboratorio di Lettura Creativa\",\n date: \"Mercoled\u00ec 27 Maggio, ore 17:00\",\n category: \"Bambini\",\n img: \"https:\/\/images.unsplash.com\/photo-1512820790803-83ca734da794?q=80&w=800\",\n short: \"Storie magiche e laboratori manuali per bambini dai 5 ai 10 anni.\",\n full: \"Insieme alle nostre volontarie, leggeremo 'Il Barone Rampante' di Calvino e costruiremo insieme piccoli alberi di carta riciclata da appendere in biblioteca.\"\n },\n {\n id: 3,\n title: \"Recital di Chitarra Classica\",\n date: \"Venerd\u00ec 5 Giugno, ore 21:00\",\n category: \"Musica\",\n img: \"https:\/\/images.unsplash.com\/photo-1510915228340-29c85a43dcfe?q=80&w=800\",\n short: \"Un viaggio musicale tra le corde della Spagna e dell'Italia nel salone storico.\",\n full: \"Il M\u00b0 Alessandro Rossi eseguir\u00e0 brani di T\u00e0rrega, Albeniz e Castelnuovo-Tedesco. L'acustica naturale del salone render\u00e0 l'esperienza indimenticabile.\"\n },\n {\n id: 4,\n title: \"Laboratorio di Lettura Creative\",\n date: \"Mercoled\u00ec 27 Maggio, ore 17:00\",\n category: \"Bambini\",\n img: \"https:\/\/images.unsplash.com\/photo-1512820790803-83ca734da794?q=80&w=800\",\n short: \"Storie magiche e laboratori manuali per bambini dai 5 ai 10 anni.\",\n full: \"Insieme alle nostre volontarie, leggeremo 'Il Barone Rampante' di Calvino e costruiremo insieme piccoli alberi di carta riciclata da appendere in biblioteca.\"\n }\n ];\n\n function loadEvents() {\n const grid = document.getElementById('eventsGrid');\n grid.innerHTML = EVENTI_DB.map(event => `\n <article class=\"event-card\" onclick=\"openModal(${event.id})\">\n <div class=\"img-box\">\n <span class=\"category-badge\">${event.category}<\/span>\n <img decoding=\"async\" src=\"${event.img}\" alt=\"${event.title}\">\n <\/div>\n <div class=\"info-box\">\n <span class=\"event-date\">${event.date}<\/span>\n <h2 class=\"event-title\">${event.title}<\/h2>\n <p style=\"font-size: 14px; color: #666; margin-bottom: 20px;\">${event.short}<\/p>\n <span style=\"color: var(--bordeaux); font-weight: 800; font-size: 10px; text-transform: uppercase;\">Leggi di pi\u00f9 \u2192<\/span>\n <\/div>\n <\/article>\n `).join('');\n }\n\n function openModal(id) {\n const event = EVENTI_DB.find(e => e.id === id);\n document.getElementById('modalTitle').innerText = event.title;\n document.getElementById('modalDate').innerText = event.date;\n document.getElementById('modalFullDesc').innerText = event.full;\n document.getElementById('modalImg').src = event.img;\n document.getElementById('modalOverlay').style.display = 'flex';\n document.body.style.overflow = 'hidden';\n }\n\n function closeModal() {\n document.getElementById('modalOverlay').style.display = 'none';\n document.body.style.overflow = 'auto';\n }\n\n \/\/ Init\n window.onload = loadEvents;\n<\/script>\n\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<div class=\"mh-excerpt\"><p>Eventi – Biblioteca San Carlo SC Biblioteca San Carlo Tessere Eventi Notizie Scacchi Calendari Contatti Agenda Culturale Eventi & Attivit\u00e0 Biblioteca Parrocchiale “San Carlo Borromeo” Biblioteca & Cultura \u00a9 2026 <a class=\"mh-excerpt-more\" href=\"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/eventi\/\" title=\"Eventi\">[…]<\/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-3703","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/pages\/3703","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=3703"}],"version-history":[{"count":14,"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/pages\/3703\/revisions"}],"predecessor-version":[{"id":3721,"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/pages\/3703\/revisions\/3721"}],"wp:attachment":[{"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/media?parent=3703"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}