{"id":3752,"date":"2026-05-11T19:03:11","date_gmt":"2026-05-11T17:03:11","guid":{"rendered":"http:\/\/www.biblioteca-sancarloborromeo.it\/?page_id=3752"},"modified":"2026-05-12T17:53:03","modified_gmt":"2026-05-12T15:53:03","slug":"notizie","status":"publish","type":"page","link":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/notizie\/","title":{"rendered":"Notizie"},"content":{"rendered":"<p><!DOCTYPE html><br \/>\n<html lang=\"it\"><br \/>\n<head><br \/>\n    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n    <title>Notizie ed Eventi &#8211; Biblioteca San Carlo<\/title><\/p>\n<style>\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');<\/p>\n<p>        :root { \n            --bordeaux: #8b1a25; \n            --gold: #d4af37; \n            --cream: #f2ede4; \n            --white: #ffffff; \n            --dark: #111111; \n            --text: #2d2d2d; \n        }<\/p>\n<p>        * { box-sizing: border-box; margin: 0; padding: 0; }<\/p>\n<p>        body { \n            font-family: 'Montserrat', sans-serif; \n            background-color: var(--white); \n            color: var(--text); \n            line-height: 1.6; \n            overflow-x: hidden;\n        }<\/p>\n<p>        \/* HEADER STYLES *\/\n        .biblio-header { \n            background: white; \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 2px 10px rgba(0,0,0,0.05); \n        }<\/p>\n<p>        .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            margin: 0 15px; \n            transition: color 0.3s;\n        }<\/p>\n<p>        .nav-links a:hover { color: var(--gold); }<\/p>\n<p>        .btn-main {\n            text-decoration: none;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            border-radius: 50px;\n            transition: 0.3s;\n            display: inline-block;\n        }<\/p>\n<p>        .btn-gold {\n            background: var(--gold);\n            color: white;\n            box-shadow: 0 4px 15px rgba(212,175,55,0.3);\n        }<\/p>\n<p>        .btn-gold:hover {\n            background: #b8972f;\n            transform: translateY(-2px);\n        }<\/p>\n<p>        \/* HERO & LAYOUT *\/\n        .hero-banner { \n            background: var(--dark); \n            padding: 80px 5%; \n            text-align: center; \n            color: white; \n        }<\/p>\n<p>        .hero-banner h1 { \n            font-family: 'Cormorant Garamond', serif; \n            font-size: 3.5rem; \n        }<\/p>\n<p>        .news-section { \n            max-width: 1100px; \n            margin: 40px auto; \n            padding: 0 20px; \n        }<\/p>\n<p>        \/* FEATURED NEWS CARD *\/\n        .featured-news { \n            background: white; \n            border-radius: 20px; \n            display: grid; \n            grid-template-columns: 1.2fr 1fr; \n            overflow: hidden; \n            box-shadow: 0 20px 40px rgba(0,0,0,0.1); \n            margin-bottom: 60px; \n            cursor: pointer; \n            transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n        }<\/p>\n<p>        .featured-news:hover {\n            transform: scale(1.02);\n        }<\/p>\n<p>        \/* GRID SYSTEM *\/\n        .news-grid { \n            display: grid; \n            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); \n            gap: 30px; \n        }<\/p>\n<p>        .news-card { \n            background: white; \n            border-radius: 15px; \n            overflow: hidden; \n            border: 1px solid #eee; \n            transition: 0.3s; \n            cursor: pointer; \n        }<\/p>\n<p>        .news-card:hover { \n            transform: translateY(-8px); \n            border-color: var(--gold); \n            box-shadow: 0 10px 25px rgba(0,0,0,0.05);\n        }<\/p>\n<p>        .news-card-img { height: 220px; width: 100%; overflow: hidden; }\n        .news-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }\n        .news-card:hover .news-card-img img { transform: scale(1.1); }<\/p>\n<p>        .news-card-content { padding: 25px; }<\/p>\n<p>        \/* MODAL & CAROUSEL *\/\n        .modal-overlay { \n            position: fixed; \n            top: 0; left: 0; width: 100%; 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(5px);\n        }<\/p>\n<p>        .modal-card { \n            background: white; \n            max-width: 850px; \n            width: 100%; \n            max-height: 90vh; \n            border-radius: 15px; \n            overflow-y: auto; \n            position: relative; \n        }<\/p>\n<p>        .modal-body { padding: 45px; }<\/p>\n<p>        .carousel-container { \n            width: 100%; \n            height: 450px; \n            position: relative; \n            background: #000; \n        }<\/p>\n<p>        .carousel-slide { \n            position: absolute; \n            width: 100%; height: 100%; \n            opacity: 0; \n            transition: opacity 0.6s ease-in-out; \n        }<\/p>\n<p>        .carousel-slide.active { opacity: 1; }\n        .carousel-slide img { width: 100%; height: 100%; object-fit: cover; }<\/p>\n<p>        .carousel-btn { \n            position: absolute; \n            top: 50%; \n            transform: translateY(-50%); \n            background: rgba(255,255,255,0.2); \n            backdrop-filter: blur(5px);\n            color: white; \n            border: none; \n            width: 45px; \n            height: 45px; \n            border-radius: 50%; \n            cursor: pointer; \n            z-index: 5; \n            font-size: 1.2rem;\n            transition: 0.3s;\n        }<\/p>\n<p>        .carousel-btn:hover { background: var(--gold); }<\/p>\n<p>        .category-badge { \n            background: var(--gold); \n            color: white; \n            padding: 5px 14px; \n            font-size: 10px; \n            font-weight: 700; \n            text-transform: uppercase; \n            border-radius: 20px; \n            margin-bottom: 12px; \n            display: inline-block; \n        }<\/p>\n<p>        .caption-text { \n            font-style: italic; \n            color: #666; \n            margin-top: 25px; \n            padding-left: 18px; \n            border-left: 3px solid var(--gold); \n        }<\/p>\n<p>        .close-modal { \n            position: absolute; \n            right: 25px; top: 25px; \n            background: white; \n            border: none; \n            width: 35px; \n            height: 35px; \n            border-radius: 50%; \n            cursor: pointer; \n            z-index: 100; \n            font-weight: bold; \n            box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n        }<\/p>\n<p>        \/* RESPONSIVE *\/\n        @media (max-width: 900px) {\n            .nav-links { display: none; }\n            .hero-banner h1 { font-size: 2.5rem; }\n            .featured-news { grid-template-columns: 1fr; }\n            .carousel-container { height: 300px; }\n        }\n    <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<p>    <!-- HEADER --><\/p>\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<\/p><\/div>\n<\/p><\/div>\n<nav class=\"nav-links\">\n            <a href=\"#tessere\">Tessere<\/a><br \/>\n            <a href=\"#eventi\">Eventi<\/a><br \/>\n            <a href=\"#notizie\">Notizie<\/a><br \/>\n            <a href=\"#scacchi\">Scacchi<\/a><br \/>\n            <a href=\"#calendari\">Calendari<\/a><br \/>\n        <\/nav>\n<p>        <a href=\"#storia\" class=\"btn-main btn-gold\" style=\"padding: 10px 20px !important; font-size: 10px !important;\">Contatti<\/a><br \/>\n    <\/header>\n<section class=\"hero-banner\">\n<p style=\"text-transform: uppercase; letter-spacing: 4px; font-size: 0.7rem; margin-bottom: 10px; opacity: 0.7;\">Cronache e Cultura<\/p>\n<h1>Ultime Notizie<\/h1>\n<\/section>\n<section class=\"news-section\">\n        <!-- Notizia in evidenza (Caricata dinamicamente o statica come trigger) --><\/p>\n<div class=\"featured-news\" id=\"featNews\">\n<div style=\"height: 100%;\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507842217343-583bb7270b66?q=80&#038;w=1200\" style=\"width:100%; height:100%; object-fit:cover;\"><\/div>\n<div style=\"padding: 50px;\">\n                <span class=\"category-badge\">In Evidenza<\/span><\/p>\n<h2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; margin-bottom: 20px; line-height: 1.1;\">Inaugurazione Nuova Sala Lettura<\/h2>\n<p style=\"color: #666; font-size: 1.1rem; margin-bottom: 25px;\">Scopri il nuovo spazio dedicato alla ricerca e alla consultazione dei testi rari del nostro archivio parrocchiale.<\/p>\n<p>                <span style=\"color: var(--gold); font-weight: 700; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 2px;\">Leggi l&#8217;articolo \u2192<\/span>\n            <\/div>\n<\/p><\/div>\n<div class=\"news-grid\" id=\"newsGrid\"><\/div>\n<\/section>\n<div id=\"newsModal\" class=\"modal-overlay\">\n<div class=\"modal-card\" id=\"modalCard\">\n            <button class=\"close-modal\" id=\"closeBtn\">\u2715<\/button><\/p>\n<div id=\"modalVisual\"><\/div>\n<div class=\"modal-body\">\n                <span id=\"mCategory\" class=\"category-badge\"><\/span><\/p>\n<h2 id=\"mTitle\" style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.5rem; margin-bottom: 20px; line-height: 1.2;\"><\/h2>\n<div id=\"mContent\" style=\"font-size: 1.1rem; color: #444;\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- FOOTER --><\/p>\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 &#8220;San Carlo Borromeo&#8221;<\/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 &amp; Cultura<\/p>\n<\/p><\/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<p>    <script type=\"text\/javascript\">\n    \/* <![CDATA[ *\/\n    var NEWS_DB = [\n        {\n            id: \"n1\",\n            category: \"Evento\",\n            title: \"Inaugurazione Nuova Sala Lettura\",\n            image: \"https:\/\/images.unsplash.com\/photo-1507842217343-583bb7270b66?q=80&#038;w=1200\",\n            images: [\"https:\/\/images.unsplash.com\/photo-1507842217343-583bb7270b66?q=80&#038;w=1200\",\"https:\/\/images.unsplash.com\/photo-1481627834876-b7833e8f5570?q=80&#038;w=1200\",\"https:\/\/images.unsplash.com\/photo-1524995997946-a1c2e315a42f?q=80&#038;w=1200\"],\n            caption: \"L'architettura moderna si sposa con la tradizione della nostra biblioteca.\",\n            content: \"Siamo felici di invitare tutta la cittadinanza all'apertura ufficiale della nuova ala Don Franco, un progetto che ha visto la luce dopo mesi di lavoro e dedizione.\"\n        },\n        {\n            id: \"n2\",\n            category: \"Scacchi\",\n            title: \"Torneo Primavera: Aperte le Iscrizioni\",\n            image: \"https:\/\/images.unsplash.com\/photo-1529699211952-734e80c4d42b?q=80&#038;w=800\",\n            images: null,\n            caption: \"Un momento di concentrazione durante la scorsa edizione del torneo.\",\n            content: \"Torna il torneo di scacchi pi\u00f9 atteso dell'anno. La competizione \u00e8 aperta a tutti i livelli, dai principianti ai maestri. Iscriviti in segreteria entro fine mese.\"\n        },\n        {\n            id: \"n3\",\n            category: \"Didattica\",\n            title: \"Corso di Restauro del Libro Antico\",\n            image: \"https:\/\/images.unsplash.com\/photo-1588615419957-bf66d53c6b49?q=80&#038;w=800\",\n            images: [\"https:\/\/images.unsplash.com\/photo-1588615419957-bf66d53c6b49?q=80&#038;w=1200\",\"https:\/\/images.unsplash.com\/photo-1535905557558-afc4877a26fc?q=80&#038;w=1200\"],\n            caption: \"Tecniche secolari per preservare la nostra eredit\u00e0 culturale.\",\n            content: \"Un workshop intensivo di tre giorni dedicato alla conservazione cartacea e alle legature storiche, curato dai migliori esperti del settore.\"\n        },\n        {\n            id: \"n4\",\n            category: \"News\",\n            title: \"Donazione: 100 Nuovi Testi di Storia\",\n            image: \"https:\/\/images.unsplash.com\/photo-1513001900722-370f803f498d?q=80&#038;w=800\",\n            images: null,\n            caption: \"La nuova sezione storica \u00e8 ora disponibile per il prestito.\",\n            content: \"Ringraziamo la famiglia Rossi per la generosa donazione di una collezione privata dedicata alla storia locale e nazionale del Risorgimento.\"\n        }\n    ];\n\n    var curIdx = 0;\n\n    function init() {\n        var grid = document.getElementById('newsGrid');\n        var feat = document.getElementById('featNews');\n        if(feat) { feat.onclick = function() { openNewsModal('n1'); }; }\n        \n        for(var i=0; i<NEWS_DB.length; i++) {\n            if(NEWS_DB[i].id === 'n1') continue;\n            createCard(NEWS_DB[i], grid);\n        }\n        \n        document.getElementById('newsModal').onclick = closeNewsModal;\n        document.getElementById('modalCard').onclick = function(e){ e.stopPropagation(); };\n        document.getElementById('closeBtn').onclick = closeNewsModal;\n    }\n\n    function createCard(item, target) {\n        var card = document.createElement('div');\n        card.className = 'news-card';\n        card.onclick = function() { openNewsModal(item.id); };\n        \n        var imgWrap = document.createElement('div');\n        imgWrap.className = 'news-card-img';\n        var img = document.createElement('img');\n        img.src = item.image;\n        imgWrap.appendChild(img);\n        \n        var cont = document.createElement('div');\n        cont.className = 'news-card-content';\n        \n        var b = document.createElement('span');\n        b.className = 'category-badge';\n        b.innerText = item.category;\n        \n        var t = document.createElement('h3');\n        t.style.fontFamily = 'Cormorant Garamond, serif';\n        t.style.fontSize = '1.8rem';\n        t.style.marginBottom = '10px';\n        t.innerText = item.title;\n        \n        var s = document.createElement('span');\n        s.style.color = 'var(--gold)';\n        s.style.fontSize = '0.7rem';\n        s.style.fontWeight = '700';\n        s.style.textTransform = 'uppercase';\n        s.innerText = \"Scopri di pi\u00f9 \u2192\";\n        \n        cont.appendChild(b); cont.appendChild(t); cont.appendChild(s);\n        card.appendChild(imgWrap); card.appendChild(cont);\n        target.appendChild(card);\n    }\n\n    function openNewsModal(id) {\n        var n = null;\n        for(var k=0; k<NEWS_DB.length; k++) { if(NEWS_DB[k].id === id) { n = NEWS_DB[k]; break; } }\n        if(!n) return;\n\n        document.getElementById('mTitle').innerText = n.title;\n        document.getElementById('mCategory').innerText = n.category;\n        \n        var area = document.getElementById('mContent');\n        area.innerHTML = '';\n        var p1 = document.createElement('p'); p1.innerText = n.content;\n        var p2 = document.createElement('p'); p2.className = 'caption-text'; p2.innerText = n.caption;\n        area.appendChild(p1); area.appendChild(p2);\n        \n        var vis = document.getElementById('modalVisual');\n        vis.innerHTML = '';\n\n        var hasImages = false;\n        if(n.images) { if(n.images.length > 1) { hasImages = true; } }\n\n        if(hasImages) {\n            var c = document.createElement('div');\n            c.className = 'carousel-container';\n            for(var j=0; j<n.images.length; j++) {\n                var s = document.createElement('div');\n                s.className = 'carousel-slide' + (j===0?' active':'');\n                var si = document.createElement('img'); si.src = n.images[j];\n                s.appendChild(si); c.appendChild(s);\n            }\n            var bp = document.createElement('button');\n            bp.className='carousel-btn'; bp.style.left='20px'; bp.innerText='\u276e';\n            bp.onclick=function(e){ e.stopPropagation(); moveCarousel(-1); };\n            var bn = document.createElement('button');\n            bn.className='carousel-btn'; bn.style.right='20px'; bn.innerText='\u276f';\n            bn.onclick=function(e){ e.stopPropagation(); moveCarousel(1); };\n            c.appendChild(bp); c.appendChild(bn);\n            vis.appendChild(c); curIdx = 0;\n        } else {\n            var d = document.createElement('div'); d.style.height = '400px';\n            var i = document.createElement('img'); i.src = n.image;\n            i.style.width='100%'; i.style.height='100%'; i.style.objectFit='cover';\n            d.appendChild(i); vis.appendChild(d);\n        }\n\n        document.getElementById('newsModal').style.display = 'flex';\n        document.body.style.overflow = 'hidden';\n    }\n\n    function moveCarousel(d) {\n        var s = document.querySelectorAll('.carousel-slide');\n        if(!s.length) return;\n        s[curIdx].classList.remove('active');\n        curIdx = (curIdx + d + s.length) % s.length;\n        s[curIdx].classList.add('active');\n    }\n\n    function closeNewsModal() {\n        document.getElementById('newsModal').style.display = 'none';\n        document.body.style.overflow = 'auto';\n    }\n\n    window.onload = function() { init(); };\n    \/* ]]> *\/\n    <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"mh-excerpt\"><p>Notizie ed Eventi &#8211; Biblioteca San Carlo SC Biblioteca San Carlo Tessere Eventi Notizie Scacchi Calendari Contatti Cronache e Cultura Ultime Notizie In Evidenza Inaugurazione Nuova Sala Lettura Scopri il <a class=\"mh-excerpt-more\" href=\"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/notizie\/\" title=\"Notizie\">[&#8230;]<\/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-3752","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/pages\/3752","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=3752"}],"version-history":[{"count":9,"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/pages\/3752\/revisions"}],"predecessor-version":[{"id":3767,"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/pages\/3752\/revisions\/3767"}],"wp:attachment":[{"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/media?parent=3752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}