{"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-05-07T19:10:46","modified_gmt":"2026-05-07T17:10:46","slug":"3637-2","status":"publish","type":"page","link":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/3637-2\/","title":{"rendered":"new home"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"it\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Biblioteca San Carlo &#8211; Home<\/title>\n    <style>\n        \/* SBLOCCA FULL WIDTH IN ELEMENTOR *\/\n        .elementor-section.elementor-section-boxed > .elementor-container { max-width: 100% !important; }\n        .elementor-container { max-width: 100% !important; width: 100% !important; }\n        .elementor-column { width: 100% !important; }\n        .elementor-widget-wrap { padding: 0 !important; }\n\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        :root {\n            --bordeaux: #8b1a25;\n            --gold: #d4af37;\n            --cream: #f2ede4;\n            --white: #ffffff;\n            --dark: #111111;\n            --text: #2d2d2d;\n            --transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n        }\n\n        .biblio-root {\n            all: initial !important;\n            display: block !important;\n            width: 100% !important;\n            background-color: #fdfaf6 !important;\n            font-family: 'Montserrat', sans-serif !important;\n            line-height: 1.6 !important;\n            color: var(--text) !important;\n            position: relative !important;\n            overflow-x: hidden !important;\n        }\n\n        .biblio-root * { \n            box-sizing: border-box !important; \n            -webkit-font-smoothing: antialiased !important;\n            margin: 0; padding: 0;\n        }\n\n        .biblio-serif { font-family: 'Cormorant Garamond', serif !important; }\n\n        .scroll-progress {\n            position: fixed; top: 0; left: 0; height: 3px;\n            background: var(--gold); z-index: 10001; width: 0%;\n        }\n\n        .biblio-root .biblio-header {\n            position: sticky !important; top: 0 !important;\n            width: 100% !important; height: 90px !important;\n            background: rgba(255, 255, 255, 0.95) !important;\n            backdrop-filter: blur(10px);\n            display: flex !important; align-items: center !important;\n            justify-content: space-between !important;\n            padding: 0 5% !important; z-index: 9999 !important;\n            border-bottom: 1px solid rgba(139, 26, 37, 0.1) !important;\n            box-shadow: 0 2px 20px rgba(0,0,0,0.05);\n        }\n\n        .biblio-root .nav-links { display: flex !important; gap: 30px !important; }\n        .biblio-root .nav-links a {\n            text-decoration: none !important; color: #1f1f1f !important;\n            font-weight: 600 !important; text-transform: uppercase !important;\n            font-size: 11px !important; letter-spacing: 1.5px !important;\n            transition: var(--transition) !important;\n            position: relative;\n        }\n        .biblio-root .nav-links a::after {\n            content: ''; position: absolute; bottom: -5px; left: 0;\n            width: 0; height: 2px; background: var(--bordeaux);\n            transition: var(--transition);\n        }\n        .biblio-root .nav-links a:hover { color: var(--bordeaux) !important; }\n        .biblio-root .nav-links a:hover::after { width: 100%; }\n\n        .biblio-root .hero-container {\n            position: relative !important; height: 85vh !important;\n            display: flex !important; flex-direction: column !important;\n            align-items: center !important; justify-content: center !important;\n            text-align: center !important; overflow: hidden;\n            background: var(--dark); color: white !important;\n        }\n        .biblio-root .hero-bg {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n            background: linear-gradient(to bottom, rgba(139, 26, 37, 0.4), rgba(0,0,0,0.7)), \n                        url('https:\/\/images.unsplash.com\/photo-1507842217343-583bb7270b66?q=80&w=2000') center\/cover no-repeat;\n            transform: scale(1.1); animation: slowZoom 20s infinite alternate;\n        }\n        @keyframes slowZoom { from { transform: scale(1); } to { transform: scale(1.15); } }\n\n        .biblio-root .hero-content { position: relative; z-index: 2; max-width: 800px; padding: 0 20px; }\n        .biblio-root .hero-content h1 { font-size: clamp(3rem, 8vw, 5rem) !important; margin-bottom: 20px !important; opacity: 0; animation: fadeInUp 1s forwards 0.5s; }\n        \n        .biblio-root .quote-box {\n            background: rgba(255, 255, 255, 0.08) !important;\n            backdrop-filter: blur(12px) !important;\n            padding: 30px 40px !important;\n            border-radius: 4px !important;\n            border-left: 4px solid var(--gold) !important;\n            margin-top: 40px !important;\n            opacity: 0; animation: fadeInUp 1s forwards 0.8s;\n        }\n\n        @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }\n\n        .biblio-root .img-wrapper {\n            position: relative; overflow: hidden; border-radius: 4px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1); transition: var(--transition);\n        }\n        .biblio-root .img-wrapper:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0,0,0,0.15); }\n        .biblio-root .img-wrapper img { \n            width: 100%; height: 100%; object-fit: cover; \n            transition: var(--transition); filter: grayscale(20%);\n        }\n        .biblio-root .img-wrapper:hover img { transform: scale(1.05); filter: grayscale(0%); }\n\n        .biblio-root .section-pad { padding: 120px 8% !important; width: 100% !important; }\n        .biblio-root .bg-white-f { background-color: var(--white) !important; }\n        .biblio-root .bg-cream-f { background-color: var(--cream) !important; }\n        .biblio-root .bg-dark-f { background-color: var(--dark) !important; color: white !important;}\n\n        .biblio-root h2 { font-size: clamp(2rem, 5vw, 3rem) !important; margin-bottom: 30px !important; color: var(--bordeaux) !important; }\n        .biblio-root .text-gold { color: var(--gold) !important; }\n        \n        .biblio-root .btn-main {\n            display: inline-block !important; padding: 16px 35px !important;\n            font-weight: 700 !important; text-transform: uppercase !important;\n            text-decoration: none !important; font-size: 12px !important;\n            letter-spacing: 2px !important; border-radius: 4px !important;\n            transition: var(--transition) !important; cursor: pointer !important;\n            border: none !important; position: relative; overflow: hidden;\n        }\n        .biblio-root .btn-gold { background: var(--gold) !important; color: var(--dark) !important; }\n        .biblio-root .btn-gold:hover { background: var(--bordeaux) !important; color: white !important; transform: translateY(-3px); }\n        .biblio-root .btn-bordeaux { border: 2px solid var(--bordeaux) !important; color: var(--bordeaux) !important; background: transparent !important; }\n        .biblio-root .btn-bordeaux:hover { background: var(--bordeaux) !important; color: white !important; }\n\n        .biblio-root .tessere-container {\n            display: flex; flex-direction: column; gap: 40px; align-items: center; margin-top: 50px;\n        }\n        .biblio-root .tessera-card {\n            width: 100%; max-width: 900px; position: relative;\n            cursor: pointer; transition: var(--transition);\n        }\n        .biblio-root .tessera-card:hover { transform: scale(1.02); }\n\n        .biblio-root .grid-news { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; }\n        .biblio-root .news-card { \n            background: white !important; border-radius: 8px !important; overflow: hidden !important; \n            box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important; transition: var(--transition) !important;\n        }\n        .biblio-root .news-card:hover { transform: translateY(-10px) !important; box-shadow: 0 15px 35px rgba(0,0,0,0.1) !important; }\n\n        .biblio-root .grid-cal { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 25px !important; }\n        .biblio-root .cal-item { text-align: center; }\n        .biblio-root .cal-item p { margin-top: 15px !important; font-weight: 700; color: var(--bordeaux); }\n\n        \/* NUOVI STILI MINI SEZIONI *\/\n        .biblio-root .mini-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-top: 40px; }\n        .biblio-root .mini-card { \n            background: white; padding: 30px; border-radius: 4px; border-top: 3px solid var(--gold); \n            transition: var(--transition); text-decoration: none; color: inherit;\n            display: flex; flex-direction: column; justify-content: space-between;\n        }\n        .biblio-root .mini-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.05); }\n        .biblio-root .mini-card h4 { font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; color: var(--bordeaux); margin-bottom: 10px; }\n        .biblio-root .mini-card p { font-size: 13px; color: #666; margin-bottom: 20px; }\n        .biblio-root .mini-link { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--gold); }\n\n        @media (max-width: 1024px) {\n            .biblio-root .grid-news { grid-template-columns: repeat(2, 1fr) !important; }\n            .biblio-root .grid-cal { grid-template-columns: repeat(2, 1fr) !important; }\n        }\n        @media (max-width: 600px) {\n            .biblio-root .nav-links { display: none !important; }\n            .biblio-root .grid-news, .biblio-root .grid-cal { grid-template-columns: 1fr !important; }\n            .biblio-root .section-pad { padding: 70px 25px !important; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"biblio-root\">\n    <div class=\"scroll-progress\" id=\"progressBar\"><\/div>\n\n    <!-- HEADER -->\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=\"#tessere\">Tessere<\/a>\n            <a href=\"#eventi\">Eventi<\/a>\n            <a href=\"#notizie\">Notizie<\/a>\n            <a href=\"#scacchi\">Scacchi<\/a>\n            <a href=\"#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    <!-- HERO SECTION -->\n    <section class=\"hero-container\">\n        <div class=\"hero-bg\"><\/div>\n        <div class=\"hero-content\">\n            <span style=\"letter-spacing: 5px; text-transform: uppercase; font-size: 13px; font-weight: 500; color: var(--gold);\">Eccellenza Culturale dal 1986<\/span>\n            <h1 class=\"biblio-serif\" style=\"color: white;\">Il Sapere custodito nel Tempo<\/h1>\n            <div class=\"quote-box\">\n                <p class=\"biblio-serif\" style=\"font-size: 1.5rem; font-style: italic; color: white;\">&#8220;Ogni libro \u00e8 un mondo che aspetta di essere scoperto.&#8221;<\/p>\n                <p style=\"font-size: 11px; text-transform: uppercase; margin-top: 10px !important; letter-spacing: 2px; color: var(--gold);\">\u2014 Don Franco Venneri<\/p>\n            <\/div>\n            <div style=\"margin-top: 40px;\">\n                <a href=\"#eventi\" class=\"btn-main btn-gold\">Visualizza il catalogo<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 1. TESSERE (MEMBERSHIP) -->\n<section id=\"tessere\" class=\"section-pad bg-white-f\" style=\"text-align: center;\">\n        <span style=\"color: var(--gold); font-weight: 700; text-transform: uppercase; letter-spacing: 3px; font-size: 12px; display: block; margin-bottom: 10px;\">Membership<\/span>\n        <h2 class=\"biblio-serif\">Diventa Parte della Storia<\/h2>\n        <p style=\"max-width: 600px; margin: 0 auto 50px auto !important; color: #666;\">Scegli la tua chiave d\u2019accesso alla cultura. Il tesseramento sostiene le attivit\u00e0 di conservazione e innovazione della Biblioteca.<\/p>\n        \n        <div class=\"tessere-container\">\n            <div class=\"tessera-card\">\n                <p style=\"font-weight: 700; font-size: 14px; text-transform: uppercase; margin-bottom: 15px !important; color: var(--bordeaux);\">Tessera Adulti \u201cIn Memoria di Pier Paolo Pasolini\u201d<\/p>\n                <div class=\"img-wrapper\" style=\"aspect-ratio: 1024 \/ 234;\">\n                    <img decoding=\"async\" src=\"http:\/\/www.biblioteca-sancarloborromeo.it\/wp-content\/uploads\/2026\/01\/tessera-lettore-2025-2-1024x235.jpg\" alt=\"Tessera Adulti\">\n                    <div style=\"position: absolute; top:0; left:0; width:100%; height:100%; background: rgba(139,26,37,0.1);\"><\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"tessera-card\">\n                <p style=\"font-weight: 700; font-size: 14px; text-transform: uppercase; margin-bottom: 15px !important; color: var(--bordeaux);\">Tessera Piccoli Lettori &#8220;Italo Calvino\u201d<\/p>\n                <div class=\"img-wrapper\" style=\"aspect-ratio: 1024 \/ 234;\">\n                    <img decoding=\"async\" src=\"http:\/\/www.biblioteca-sancarloborromeo.it\/wp-content\/uploads\/2026\/01\/tessera-lettore-2026-Bamb-1-1024x234.jpg\" alt=\"Tessera Bambini\">\n                    <div style=\"position: absolute; top:0; left:0; width:100%; height:100%; background: rgba(212,175,55,0.1);\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <a href=\"#\" class=\"btn-main btn-bordeaux\" style=\"margin-top: 50px !important;\">Scopri i vantaggi<\/a>\n    <\/section>\n\n    <!-- 2. EVENTI (LAYOUT DINAMICO) -->\n    <section id=\"eventi\" class=\"section-pad bg-cream-f\">\n        <div style=\"display: flex; flex-wrap: wrap; gap: 60px; align-items: center;\">\n            <div style=\"flex: 1; min-width: 320px;\">\n                <span style=\"color: var(--bordeaux); font-weight: 700; text-transform: uppercase; letter-spacing: 2px; font-size: 12px;\">Agenda Culturale<\/span>\n                <h2 class=\"biblio-serif\" style=\"margin-top: 10px !important;\">Incontri nel Chiostro<\/h2>\n                <p style=\"font-size: 1.1rem; margin-bottom: 25px !important;\">Un calendario ricco di emozioni: concerti da camera, presentazioni con gli autori e laboratori creativi sotto le arcate storiche.<\/p>\n                \n                <div style=\"margin-bottom: 30px;\">\n                    <div style=\"display: flex; gap: 15px; margin-bottom: 20px;\">\n                        <div style=\"background: var(--gold); width: 4px; height: auto;\"><\/div>\n                        <div>\n                            <h4 class=\"biblio-serif\">Prossimo Appuntamento:<\/h4>\n                            <p style=\"font-size: 14px; font-weight: 700; color: var(--bordeaux);\">Domenica 22 Marzo &#8211; Presentazione del Libro: &#8220;La Libert\u00e0 pu\u00f2 volare&#8221;<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <a href=\"#\" class=\"btn-main btn-bordeaux\">Vedi Calendario Completo<\/a>\n            <\/div>\n            <div style=\"flex: 1; min-width: 320px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px;\">\n                <div class=\"img-wrapper\" style=\"aspect-ratio: 3\/4; grid-row: span 2;\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1521056787327-165dc2aee25c?auto=format&amp;fit=crop&amp;q=80&amp;w=600\" alt=\"Evento 1\">\n                <\/div>\n                <div class=\"img-wrapper\" style=\"aspect-ratio: 1\/1;\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1491843351663-f95982f9b6b6?auto=format&amp;fit=crop&amp;q=80&amp;w=600\" alt=\"Evento 2\">\n                <\/div>\n                <div class=\"img-wrapper\" style=\"aspect-ratio: 1\/1;\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1529148482759-b35b25c5f217?auto=format&amp;fit=crop&amp;q=80&amp;w=600\" alt=\"Evento 3\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- AGGIUNTA: MINI SEZIONE QUICK ACCESS (Novit\u00e0, Consigli, Recensioni) -->\n    <section class=\"section-pad bg-white-f\">\n        <div style=\"text-align: center; margin-bottom: 40px;\">\n            <span style=\"color: var(--gold); font-weight: 700; text-transform: uppercase; letter-spacing: 3px; font-size: 11px;\">Angolo del Lettore<\/span>\n            <h2 class=\"biblio-serif\">Scopri il Piacere di Leggere<\/h2>\n        <\/div>\n        <div class=\"mini-grid\">\n            <a href=\"\/novita-libri\" class=\"mini-card\">\n                <div>\n                    <h4>Novit\u00e0 in Libreria<\/h4>\n                    <p>Le ultime acquisizioni del nostro catalogo, dai best-seller ai saggi di nicchia.<\/p>\n                <\/div>\n                <span class=\"mini-link\">Sfoglia le novit\u00e0 &rarr;<\/span>\n            <\/a>\n            <a href=\"\/consigli-lettura\" class=\"mini-card\">\n                <div>\n                    <h4>Consigli di Lettura<\/h4>\n                    <p>I nostri bibliotecari selezionano ogni settimana percorsi tematici per ogni et\u00e0.<\/p>\n                <\/div>\n                <span class=\"mini-link\">Lasciati ispirare &rarr;<\/span>\n            <\/a>\n            <a href=\"\/recensioni-mensili\" class=\"mini-card\">\n                <div>\n                    <h4>Recensioni Mensili<\/h4>\n                    <p>Approfondimenti e critiche letterarie a cura del nostro circolo dei lettori.<\/p>\n                <\/div>\n                <span class=\"mini-link\">Leggi i commenti &rarr;<\/span>\n            <\/a>\n        <\/div>\n    <\/section>\n\n    <!-- 3. NOTIZIE -->\n    <section id=\"notizie\" class=\"section-pad bg-cream-f\">\n        <div style=\"display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 50px;\">\n            <div>\n                <h2 class=\"biblio-serif\" style=\"margin-bottom: 0 !important;\">Cronache dalla Biblioteca<\/h2>\n                <p style=\"color: #888; margin-top: 10px !important;\">Rimani aggiornato sulle nostre acquisizioni e progetti.<\/p>\n            <\/div>\n            <a href=\"#\" style=\"color: var(--bordeaux); font-weight: 700; text-decoration: none; border-bottom: 2px solid var(--gold);\">Archivio News &rarr;<\/a>\n        <\/div>\n\n        <div class=\"grid-news\">\n            <div class=\"news-card\">\n                <div class=\"img-wrapper\" style=\"aspect-ratio: 16\/9; border-radius: 0;\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507733108721-c24484854347?auto=format&#038;fit=crop&#038;q=80&#038;w=800\" alt=\"Libri rari\">\n                <\/div>\n                <div style=\"padding: 25px;\">\n                    <span style=\"font-size: 10px; color: var(--gold); font-weight: 700; text-transform: uppercase; letter-spacing: 1px;\">Collezioni<\/span>\n                    <h4 class=\"biblio-serif\" style=\"font-size: 1.4rem; margin-top: 10px !important;\">Il Tesoro del &#8216;900<\/h4>\n                    <p style=\"font-size: 13px; color: #666; margin: 15px 0 !important;\">Inaugurato lo scaffale dedicato alle rarissime edizioni numerate del primo Novecento italiano.<\/p>\n                    <a href=\"#\" style=\"color: var(--bordeaux); font-weight: 700; font-size: 11px; text-decoration: none; text-transform: uppercase; letter-spacing: 1px;\">Leggi l&#8217;articolo<\/a>\n                <\/div>\n            <\/div>\n            <div class=\"news-card\">\n                <div class=\"img-wrapper\" style=\"aspect-ratio: 16\/9; border-radius: 0;\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1563089145-599997674d42?auto=format&#038;fit=crop&#038;q=80&#038;w=800\" alt=\"Digitalizzazione\">\n                <\/div>\n                <div style=\"padding: 25px;\">\n                    <span style=\"font-size: 10px; color: var(--gold); font-weight: 700; text-transform: uppercase; letter-spacing: 1px;\">Innovazione<\/span>\n                    <h4 class=\"biblio-serif\" style=\"font-size: 1.4rem; margin-top: 10px !important;\">Oltre la Carta<\/h4>\n                    <p style=\"font-size: 13px; color: #666; margin: 15px 0 !important;\">Completata la prima fase di scansione ad alta risoluzione dei manoscritti di Don Franco.<\/p>\n                    <a href=\"#\" style=\"color: var(--bordeaux); font-weight: 700; font-size: 11px; text-decoration: none; text-transform: uppercase; letter-spacing: 1px;\">Scopri di pi\u00f9<\/a>\n                <\/div>\n            <\/div>\n            <div class=\"news-card\">\n                <div class=\"img-wrapper\" style=\"aspect-ratio: 16\/9; border-radius: 0;\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544644181-1484b3fdfc62?auto=format&#038;fit=crop&#038;q=80&#038;w=800\" alt=\"Orari\">\n                <\/div>\n                <div style=\"padding: 25px;\">\n                    <span style=\"font-size: 10px; color: var(--gold); font-weight: 700; text-transform: uppercase; letter-spacing: 1px;\">Avvisi<\/span>\n                    <h4 class=\"biblio-serif\" style=\"font-size: 1.4rem; margin-top: 10px !important;\">Tempo d&#8217;Estate<\/h4>\n                    <p style=\"font-size: 13px; color: #666; margin: 15px 0 !important;\">Da Giugno la biblioteca aprir\u00e0 anche il sabato mattina per favorire la lettura all&#8217;aperto.<\/p>\n                    <a href=\"#\" style=\"color: var(--bordeaux); font-weight: 700; font-size: 11px; text-decoration: none; text-transform: uppercase; letter-spacing: 1px;\">Vedi orari<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 4. GRUPPO SCACCHISTICO -->\n    <section id=\"scacchi\" class=\"section-pad bg-dark-f\" style=\"position: relative; overflow: hidden;\">\n        <div style=\"position: absolute; right: -5%; top: -10%; font-size: 30rem; font-family: serif; color: rgba(212,175,55,0.03); pointer-events: none;\">&amp;symp;<\/div>\n        <div style=\"display: flex; flex-wrap: wrap; gap: 60px; align-items: center; position: relative; z-index: 2;\">\n            <div style=\"flex: 1; min-width: 300px;\">\n                <div class=\"img-wrapper\" style=\"aspect-ratio: 4\/3; border: 4px solid #222;\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1529699211952-734e80c4d42b?auto=format&amp;fit=crop&amp;q=80&amp;w=1000\" alt=\"Scacchi\">\n                <\/div>\n            <\/div>\n            <div style=\"flex: 1.2; min-width: 300px;\">\n                <span style=\"color: var(--gold); font-weight: 700; text-transform: uppercase; letter-spacing: 4px; font-size: 12px;\">Gruppo Scacchistico Parrocchiale \u201cDon Franco Venneri\u201d<\/span>\n                <h2 class=\"biblio-serif\" style=\"color: white !important; font-size: 3rem !important;\">L\u2019Arte della Strategia<\/h2>\n                <p style=\"color: rgba(255,255,255,0.7); font-size: 1.1rem; line-height: 1.8;\">Il Gruppo Scacchistico della biblioteca nasce in memoria di Don Franco organizzando annualmente diversi corsi e tornei a tema scacchistico per mantenere vivo il suo ricordo e la dedizione nella per la sua Biblioteca<\/p>\n                <div style=\"display: flex; flex-wrap: wrap; gap: 20px; margin-top: 35px;\">\n                    <a href=\"#\" class=\"btn-main btn-gold\">Unisciti al Club<\/a>\n                    \n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 5. CALENDARI -->\n    <section id=\"calendari\" class=\"section-pad bg-white-f\" style=\"text-align: center;\">\n        <h2 class=\"biblio-serif\">Memorie Fotografiche<\/h2>\n        <p style=\"margin-bottom: 50px !important; color: #777;\">I nostri calendari annuali&#8230; un viaggio nel cuore di San Marzano e della nostra comunit\u00e0<\/p>\n        <div class=\"grid-cal\">\n            <div class=\"cal-item\">\n                <div class=\"img-wrapper\" style=\"aspect-ratio: 1 \/ 1.414;\">\n                    <img decoding=\"async\" src=\"https:\/\/www.dropbox.com\/scl\/fi\/8a3p39y7j3bncwupjipy4\/Screenshot_20260430_175948_Facebook.jpg?rlkey=ggnlhlqlbar3p1946xgmidhvj&amp;dl=1\" alt=\"2026\">\n                <\/div>\n                <p>Edizione 2026<\/p>\n            <\/div>\n            <div class=\"cal-item\">\n                <div class=\"img-wrapper\" style=\"aspect-ratio: 1 \/ 1.414;\">\n                    <img decoding=\"async\" src=\"http:\/\/www.biblioteca-sancarloborromeo.it\/wp-content\/uploads\/2024\/11\/2025_00-710x1024.jpg\" alt=\"2025\">\n                <\/div>\n                <p>Edizione 2025<\/p>\n            <\/div>\n            <div class=\"cal-item\">\n                <div class=\"img-wrapper\" style=\"aspect-ratio: 1 \/ 1.414;\">\n                    <img decoding=\"async\" src=\"http:\/\/www.biblioteca-sancarloborromeo.it\/wp-content\/uploads\/2022\/01\/2022_00-704x1024.jpg\" alt=\"2024\">\n                <\/div>\n                <p>Edizione 2022<\/p>\n            <\/div>\n            <div class=\"cal-item\">\n                <div class=\"img-wrapper\" style=\"aspect-ratio: 1 \/ 1.414;\">\n                    <img decoding=\"async\" src=\"http:\/\/www.biblioteca-sancarloborromeo.it\/wp-content\/uploads\/2020\/12\/2021_00-704x1024.jpg\" alt=\"2023\">\n                <\/div>\n                <p>Edizione 2021<\/p>\n            <\/div>\n        <\/div>\n        <a href=\"#\" class=\"btn-main btn-bordeaux\" style=\"margin-top: 50px !important;\">Sfoglia l\u2019Archivio Completo<\/a>\n    <\/section>\n\n    <!-- AGGIUNTA: MINI SEZIONE SOSTEGNO (Volontari & 5x1000) -->\n    <section class=\"section-pad bg-dark-f\" style=\"border-top: 1px solid rgba(255,255,255,0.1);\">\n        <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px;\">\n            <div style=\"background: rgba(255,255,255,0.05); padding: 40px; border-radius: 8px;\">\n                <span style=\"color: var(--gold); font-weight: 700; text-transform: uppercase; letter-spacing: 2px; font-size: 11px;\">Supporto<\/span>\n                <h3 class=\"biblio-serif\" style=\"color: white; font-size: 2rem; margin: 10px 0 20px 0;\">Diventa un volontario<\/h3>\n                <p style=\"color: rgba(255,255,255,0.7); margin-bottom: 25px;\">Dedica poche ore alla settimana per aiutarci nella gestione dei prestiti e nell\u2019organizzazione degli eventi.<\/p>\n                <a href=\"\/volontariato\" class=\"btn-main btn-gold\" style=\"font-size: 10px !important; padding: 12px 25px !important;\">Candidati ora<\/a>\n            <\/div>\n            <div style=\"background: rgba(139,26,37,0.15); padding: 40px; border-radius: 8px; border: 1px solid rgba(212,175,55,0.2);\">\n                <span style=\"color: var(--gold); font-weight: 700; text-transform: uppercase; letter-spacing: 2px; font-size: 11px;\">Donazioni<\/span>\n                <h3 class=\"biblio-serif\" style=\"color: white; font-size: 2rem; margin: 10px 0 20px 0;\">Sostieni con il 5\u00d71000<\/h3>\n                <p style=\"color: rgba(255,255,255,0.7); margin-bottom: 25px;\">Un gesto a costo zero per te, un aiuto vitale per mantenere viva la cultura nel nostro quartiere. CF: 90287800735<\/p>\n                <a href=\"\/sostieni\" class=\"btn-main btn-bordeaux\" style=\"color: white !important; border-color: white !important; font-size: 10px !important; padding: 12px 25px !important;\">Come fare<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 6. STORIA & CONTATTI -->\n    <section id=\"storia\" class=\"section-pad bg-cream-f\">\n        <div style=\"display: flex; flex-wrap: wrap; gap: 60px;\">\n            <div style=\"flex: 1.5; min-width: 320px;\">\n                <div class=\"img-wrapper\" style=\"aspect-ratio: 16\/8; margin-bottom: 40px !important;\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1568667256549-094345857637?auto=format&amp;fit=crop&amp;q=80&amp;w=1200\" alt=\"Storia\">\n                <\/div>\n                <h2 class=\"biblio-serif\">Le Nostre Radici<\/h2>\n                <p class=\"biblio-serif\" style=\"font-size: 1.6rem; font-style: italic; color: var(--bordeaux); margin-bottom: 20px !important; line-height: 1.4;\">\u201cUn luogo dove il silenzio non \u00e8 assenza di rumore, ma presenza di pensiero.\u201d<\/p>\n                <p style=\"color: #444; margin-bottom: 30px !important;\">Fondata nel 1989 da un\u2019intuizione di Don Franco Venneri, la Biblioteca ha saputo evolversi da piccolo archivio parrocchiale a polo multiculturale d\u2019eccellenza, custode di oltre 12.000 volumi.<\/p>\n                <a href=\"#\" class=\"btn-main btn-gold\">Approfondisci la Storia<\/a>\n            <\/div>\n            \n            <div style=\"flex: 1; min-width: 300px;\">\n                <div style=\"background: white; padding: 45px; border-radius: 8px; box-shadow: 0 20px 50px rgba(0,0,0,0.05); position: sticky; top: 120px;\">\n                    <h3 class=\"biblio-serif\" style=\"color: var(--bordeaux); font-size: 1.8rem; margin-bottom: 25px !important;\">Visita la Biblioteca<\/h3>\n                    \n                    <div style=\"margin-bottom: 30px;\">\n                        <div style=\"display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid #eee;\">\n                            <span style=\"font-weight: 500;\">Luned\u00ec \u2014 Sabato<\/span> <span style=\"font-weight: 700; color: var(--bordeaux);\">17:00 \u2014 19:30<\/span>\n                        <\/div>\n                        \n                        <div style=\"display: flex; justify-content: space-between; padding: 12px 0; color: #999;\">\n                            <span>Domenica<\/span> <span>Chiuso<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div style=\"font-size: 13px; color: #666; line-height: 2;\">\n                        <p style=\"margin-bottom: 8px !important; display: flex; align-items: center; gap: 10px;\">\n                            <span style=\"color: var(--gold); font-size: 18px;\">&#x1f4cd;<\/span> via Roma, 23 \u2014 San Marzano di San Giuseppe (TA)\n                        <\/p>\n                        <p style=\"margin-bottom: 8px !important; display: flex; align-items: center; gap: 10px;\">\n                            <span style=\"color: var(--gold); font-size: 18px;\">&#x1f4e7;<\/span> borromeo01@alice.it\n                        <\/p>\n                        <p style=\"margin-bottom: 8px !important; display: flex; align-items: center; gap: 10px;\">\n                            <span style=\"color: var(--gold); font-size: 18px;\">&#x1f4de;<\/span> +39 099 9571374\n                        <\/p>\n                    <\/div>\n                    <button class=\"btn-main btn-bordeaux\" style=\"width: 100%; margin-top: 30px !important;\">Inviaci un Messaggio<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\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 &#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        <\/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<script>\n    window.onscroll = function() {\n        let winScroll = document.body.scrollTop || document.documentElement.scrollTop;\n        let height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n        let scrolled = (winScroll \/ height) * 100;\n        document.getElementById(\"progressBar\").style.width = scrolled + \"%\";\n    };\n\n    document.querySelectorAll('.biblio-root a[href^=\"#\"]').forEach(anchor => {\n        anchor.addEventListener('click', function (e) {\n            e.preventDefault();\n            const targetId = this.getAttribute('href');\n            if (targetId === '#') return;\n            const targetElement = document.querySelector(targetId);\n            if (targetElement) {\n                window.scrollTo({\n                    top: targetElement.offsetTop - 90,\n                    behavior: 'smooth'\n                });\n            }\n        });\n    });\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<div class=\"mh-excerpt\"><p>Biblioteca San Carlo &#8211; Home SC Biblioteca San Carlo Tessere Eventi Notizie Scacchi Calendari Contatti Eccellenza Culturale dal 1986 Il Sapere custodito nel Tempo &#8220;Ogni libro \u00e8 un mondo che <a class=\"mh-excerpt-more\" href=\"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/3637-2\/\" title=\"new home\">[&#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-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":22,"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/pages\/3637\/revisions"}],"predecessor-version":[{"id":3746,"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/pages\/3637\/revisions\/3746"}],"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}]}}