<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Beni Culturali Online — Il patrimonio italiano dal 1998</title>
<meta name="description" content="Beni Culturali Online, portale del patrimonio culturale italiano dell'Associazione ABCO APS. Migliaia di storie, luoghi ed eventi — ora insieme a Cultural Heritage Online.">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Beni Culturali Online">
<meta property="og:title" content="Beni Culturali Online — il patrimonio italiano dal 1998">
<meta property="og:description" content="Migliaia di storie, luoghi ed eventi del patrimonio culturale italiano. Ora su Cultural Heritage Online.">
<meta property="og:url" content="https://www.beniculturalionline.it/">
<meta property="og:image" content="https://www.beniculturalionline.it/og-bcol.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:type" content="image/png">
<meta property="og:locale" content="it_IT">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Beni Culturali Online — il patrimonio italiano dal 1998">
<meta name="twitter:description" content="Migliaia di storie, luoghi ed eventi. Ora su Cultural Heritage Online.">
<meta name="twitter:image" content="https://www.beniculturalionline.it/og-bcol.png">
<link rel="icon" href="/img/logoABCO_.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,400;1,9..144,500&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400&display=swap" rel="stylesheet">
<style>
  :root{
    --paper:#fdfbf6; --white:#fff; --red:#9b2226; --red-deep:#7a191d; --red-bright:#b22f2a;
    --ink:#241d1b; --muted:#6f635c; --line:#e9e0d3; --shadow:rgba(60,25,25,.10);
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;background:var(--paper);color:var(--ink);font-family:"Newsreader",Georgia,serif;font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}
  a{color:inherit}
  .wrap{max-width:1180px;margin:0 auto;padding:0 24px}
  .display{font-family:"Fraunces",Georgia,serif;font-weight:600;letter-spacing:-.01em;line-height:1.05}

  /* top bar */
  .topbar{border-bottom:1px solid var(--line);background:var(--white)}
  .topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:46px;font-size:13px;color:var(--muted)}
  .topbar a{color:var(--red);text-decoration:none;font-weight:500}
  .topbar .sep{opacity:.4;margin:0 8px}

  /* header / hero */
  header.hero{background:var(--white);border-bottom:1px solid var(--line);overflow:hidden;position:relative}
  header.hero::after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(155,34,38,.06),transparent 70%);pointer-events:none}
  .hero .wrap{padding:54px 24px 60px;position:relative;z-index:1}
  .brandrow{display:flex;align-items:center;gap:20px;margin-bottom:34px}
  .brandrow img{height:74px;width:auto;display:block}
  .brandrow .bn{font-family:"Fraunces";font-weight:600;font-size:23px;color:var(--red);line-height:1.05}
  .brandrow .bn small{display:block;font-family:"Newsreader";font-weight:400;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:5px}
  .hero h1{font-size:clamp(34px,5.4vw,62px);margin:0 0 18px;max-width:14ch}
  .hero h1 em{font-style:italic;color:var(--red)}
  .hero .lede{font-size:clamp(18px,2.2vw,22px);max-width:60ch;color:#473d39;margin:0 0 30px}
  .cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
  .btn{display:inline-flex;align-items:center;gap:9px;font-family:"Newsreader";font-size:17px;font-weight:500;text-decoration:none;padding:13px 26px;border-radius:2px;transition:.18s}
  .btn-red{background:var(--red);color:#fff;box-shadow:0 6px 18px rgba(155,34,38,.22)}
  .btn-red:hover{background:var(--red-deep);transform:translateY(-1px)}
  .btn-ghost{border:1.5px solid var(--red);color:var(--red)}
  .btn-ghost:hover{background:var(--red);color:#fff}
  .stats{display:flex;gap:38px;margin-top:46px;flex-wrap:wrap}
  .stats .s b{font-family:"Fraunces";font-weight:600;font-size:30px;color:var(--red);display:block;line-height:1}
  .stats .s span{font-size:13.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}

  /* reactivation card */
  .react{background:linear-gradient(150deg,var(--red),var(--red-deep));color:#fff;position:relative;overflow:hidden}
  .react::before{content:"";position:absolute;inset:0;background:url('/img/logoABCO_.png') no-repeat right -40px center/300px;opacity:.06;filter:invert(1)}
  .react .wrap{padding:52px 24px;position:relative;display:grid;grid-template-columns:1.3fr .9fr;gap:40px;align-items:center}
  .react .eyebrow{font-size:13px;letter-spacing:.2em;text-transform:uppercase;opacity:.85;margin:0 0 12px}
  .react h2{font-size:clamp(26px,3.4vw,38px);margin:0 0 14px;color:#fff}
  .react p{margin:0 0 12px;max-width:48ch;opacity:.95;font-size:17px}
  .react .offer{font-size:15.5px;opacity:.9;border-left:2px solid rgba(255,255,255,.5);padding-left:14px;margin:18px 0 24px}
  .react .btn-white{background:#fff;color:var(--red);font-weight:600}
  .react .btn-white:hover{background:var(--paper);transform:translateY(-1px)}
  .countdown{display:flex;gap:14px;justify-content:flex-end}
  @media(max-width:820px){.countdown{justify-content:flex-start}}
  .cd-unit{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:4px;padding:16px 14px;text-align:center;min-width:78px;backdrop-filter:blur(4px)}
  .cd-unit b{font-family:"Fraunces";font-weight:600;font-size:40px;display:block;line-height:1;font-variant-numeric:tabular-nums}
  .cd-unit span{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.8}

  /* section heads */
  .sec{padding:64px 0}
  .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px;border-bottom:1px solid var(--line);padding-bottom:16px}
  .sec-head h2{font-size:clamp(26px,3.4vw,40px);margin:0}
  .sec-head .kicker{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--red);display:block;margin-bottom:8px;font-family:"Newsreader";font-weight:500}
  .sec-head p{margin:6px 0 0;color:var(--muted);font-size:16px;max-width:52ch}
  .sec-head a.more{color:var(--red);text-decoration:none;font-weight:500;white-space:nowrap;font-size:16px}
  .sec-head a.more:hover{text-decoration:underline}

  /* magazine grid */
  .mag-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
  @media(max-width:980px){.mag-grid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:560px){.mag-grid{grid-template-columns:1fr}}
  .mag-card{display:block;text-decoration:none;background:var(--white);border:1px solid var(--line);border-radius:3px;overflow:hidden;transition:.2s}
  .mag-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px var(--shadow);border-color:#dccfba}
  .mag-card .ph{aspect-ratio:4/3;background-size:cover;background-position:center;background-color:#efe7da}
  .mag-card .tx{padding:13px 15px 16px}
  .mag-card .tx h3{font-family:"Fraunces";font-weight:500;font-size:16.5px;line-height:1.28;margin:0;color:var(--ink)}
  .mag-card:hover .tx h3{color:var(--red)}

  /* map band */
  .band{background:var(--ink);color:#f3ece2;border-radius:6px;overflow:hidden;position:relative;display:grid;grid-template-columns:1.1fr .9fr}
  @media(max-width:820px){.band{grid-template-columns:1fr}}
  .band .bx{padding:46px 40px}
  .band .kicker{color:#d99;letter-spacing:.2em;text-transform:uppercase;font-size:13px;margin-bottom:10px}
  .band h2{font-size:clamp(26px,3vw,36px);margin:0 0 14px;color:#fff}
  .band p{opacity:.85;margin:0 0 24px;max-width:42ch}
  .band{background:#030303}
  .band .map-vis{background:#030303;border-left:1px solid rgba(220,163,65,.12);min-height:320px;display:flex;align-items:center;justify-content:center;padding:18px}
  .band .map-vis img,.band .map-vis object{width:100%;height:100%;max-height:320px;object-fit:contain;display:block;pointer-events:none}

  /* two-col cards (eventi + portale) */
  .cols2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
  @media(max-width:820px){.cols2{grid-template-columns:1fr}}
  .panel{background:var(--white);border:1px solid var(--line);border-radius:4px;padding:30px 30px 28px}
  .panel h3{font-family:"Fraunces";font-weight:600;font-size:23px;margin:0 0 10px}
  .panel p{color:#4d433e;margin:0 0 18px;font-size:16.5px}
  .panel .links{display:flex;flex-wrap:wrap;gap:10px 18px}
  .panel .links a{color:var(--red);text-decoration:none;font-weight:500;font-size:15.5px;border-bottom:1px solid transparent}
  .panel .links a:hover{border-bottom-color:var(--red)}
  .panel .big-num{font-family:"Fraunces";font-weight:600;color:var(--red);font-size:15px}

  /* footer */
  footer{background:var(--white);border-top:3px solid var(--red);margin-top:40px}
  footer .wrap{padding:44px 24px 38px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}
  @media(max-width:820px){footer .wrap{grid-template-columns:1fr}}
  footer img.flogo{height:54px;margin-bottom:14px}
  footer h4{font-family:"Newsreader";font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:13px;color:var(--muted);margin:0 0 14px}
  footer a{color:var(--ink);text-decoration:none;display:block;margin-bottom:8px;font-size:15.5px}
  footer a:hover{color:var(--red)}
  footer .legal{grid-column:1/-1;border-top:1px solid var(--line);margin-top:22px;padding-top:20px;font-size:13.5px;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}

  /* load anim */
  .fade{opacity:0;transform:translateY(14px);animation:fade .7s cubic-bezier(.2,.7,.2,1) forwards}
  @keyframes fade{to{opacity:1;transform:none}}
  .d1{animation-delay:.05s}.d2{animation-delay:.14s}.d3{animation-delay:.24s}.d4{animation-delay:.34s}

</style>
</head>
<body>


<div class="topbar">
  <div class="wrap">
    <div>Associazione <strong>ABCO APS</strong> <span class="sep">·</span> ex Associazione bb.cc. Onlus <span class="sep">·</span> <a href="https://www.beni-culturali.it" target="_blank" rel="noopener">beni-culturali.it</a></div>
    <div><a target="_blank" rel="noopener" href="https://culturalheritageonline.com">Vai a Cultural Heritage Online &rarr;</a></div>
  </div>
</div>

<header class="hero">
  <div class="wrap">
    <div class="brandrow fade d1">
      <img src="/img/logoABCO_.png" alt="Beni Culturali Online — ABCO" onerror="this.src='/img/logoABCO.png'">
      <div class="bn">Beni Culturali Online<small>Il patrimonio italiano dal 1998</small></div>
    </div>
    <h1 class="display fade d2">Il portale del patrimonio italiano <em>cresce</em>.</h1>
    <p class="lede fade d3">Migliaia di storie, luoghi ed eventi raccolti in oltre vent'anni dall'Associazione ABCO restano qui, consultabili. E continuano oggi su <strong>Cultural Heritage Online</strong>: mappa interattiva, magazine e schede dei luoghi, aperte al mondo.</p>
    <div class="cta-row fade d4">
      <a class="btn btn-red" target="_blank" rel="noopener" href="https://culturalheritageonline.com/map/">Esplora la mappa interattiva</a>
      <a class="btn btn-ghost" href="#magazine">Sfoglia il magazine</a>
    </div>
    <div class="stats fade d4">
      <div class="s"><b>4.000+</b><span>storie</span></div>
      <div class="s"><b>5.200+</b><span>luoghi</span></div>
      <div class="s"><b>3.300+</b><span>eventi documentati</span></div>
      <div class="s"><b>1998</b><span>dal</span></div>
    </div>
  </div>
</header>

<!-- RIATTIVAZIONE -->
<section class="react" id="riattiva">
  <div class="wrap">
    <div>
      <p class="eyebrow">Avevi un account su Beni Culturali Online?</p>
      <h2 class="display">Riattivalo sul nuovo Cultural Heritage Online</h2>
      <p>Il portale storico è ora in sola lettura. Il tuo profilo, i tuoi contenuti e la tua community ti aspettano sulla nuova piattaforma — con strumenti nuovi e una vetrina globale.</p>
      <p class="offer"><strong>Primo anno gratuito.</strong> Poi rinnovo a tariffa riservata ai membri storici, con sconto dedicato. Riattiva entro la scadenza per bloccare le condizioni migliori.</p>
      <a class="btn btn-white" target="_blank" rel="noopener" href="https://culturalheritageonline.com/it/riattiva-account/">Riattiva il tuo account &rarr;</a>
    </div>
    <div>
      <div class="countdown" id="countdown" data-deadline="2026-07-30T23:59:59">
        <div class="cd-unit"><b data-d>--</b><span>giorni</span></div>
        <div class="cd-unit"><b data-h>--</b><span>ore</span></div>
        <div class="cd-unit"><b data-m>--</b><span>min</span></div>
      </div>
    </div>
  </div>
</section>

<!-- MAGAZINE -->
<section class="sec" id="magazine">
  <div class="wrap">
    <div class="sec-head">
      <div>
        <span class="kicker">Il magazine — selezione casuale</span>
        <h2 class="display">Oltre 4.000 storie del patrimonio italiano</h2>
        <p>Arte, architettura, archeologia, memoria del Novecento. Una selezione diversa a ogni visita.</p>
      </div>
      <a class="more" href="/blog.php">Sfoglia tutto l'archivio &rarr;</a>
    </div>
    <div class="mag-grid">
              <a class="mag-card" href="/post.php?n=1213">
          <div class="ph" style="background-image:url('/uploads/02042020103818gino1940ca..jpg')"></div>
          <div class="tx"><h3>Manifesto - Dischi Cetra, Gino Boccasile - 1940 ca. </h3></div>
        </a>
              <a class="mag-card" href="/post.php?n=2103">
          <div class="ph" style="background-image:url('/uploads/25022021054643Cavour%2CTorino-CasadelFascio%2CCasaLittoria.jpg')"></div>
          <div class="tx"><h3>Casa Littoria - Torino - 1938</h3></div>
        </a>
              <a class="mag-card" href="/post.php?n=200">
          <div class="ph" style="background-image:url('/uploads/22112018104432Operepubblichedelregimefascistanell%27annoXIV.PNG')"></div>
          <div class="tx"><h3>Opere pubbliche nell&#039;anno XIV - Roma - 1936 </h3></div>
        </a>
              <a class="mag-card" href="/post.php?n=1800">
          <div class="ph" style="background-image:url('/uploads/02102020065031Viterbo-Balilla.PNG')"></div>
          <div class="tx"><h3>Casa Balilla - Viterbo</h3></div>
        </a>
              <a class="mag-card" href="/post.php?n=2122">
          <div class="ph" style="background-image:url('/uploads/28042021102106OssarioaiCaduti-Udine-Arch.ProvinoValle%2CArch.AlessandroLimongelli-1940.jpg')"></div>
          <div class="tx"><h3>Friuli-Venezia Giulia )Ossario ai Caduti - Udine - Arch. Provino Valle , Arch. Alessandro Limongelli - 1940</h3></div>
        </a>
              <a class="mag-card" href="/post.php?n=528">
          <div class="ph" style="background-image:url('/uploads/300120191540140CD34495-379D-4F26-922E-2D0D0332C50E.jpeg')"></div>
          <div class="tx"><h3>Recupero delle Opere d&#039;arte</h3></div>
        </a>
              <a class="mag-card" href="/post.php?n=1280">
          <div class="ph" style="background-image:url('/uploads/0904202004135712779049_962576587144261_976767527676504354_o_962576587144261.jpg')"></div>
          <div class="tx"><h3>Banca d&#039;Italia e Monumento ai Caduti - Savona</h3></div>
        </a>
              <a class="mag-card" href="/post.php?n=1137">
          <div class="ph" style="background-image:url('/uploads/25122019110747Natale99.PNG')"></div>
          <div class="tx"><h3>LUCE di natale (1928-1942): le festivitÃ  natalizie attraverso i cinegiornali dell&#039;Istituto LUCE</h3></div>
        </a>
              <a class="mag-card" href="/post.php?n=1060">
          <div class="ph" style="background-image:url('/uploads/11092019073401MIneralMoon09-09-2019.jpg')"></div>
          <div class="tx"><h3>La Luna Minerale</h3></div>
        </a>
              <a class="mag-card" href="/post.php?n=432">
          <div class="ph" style="background-image:url('/uploads/14012019013412PozzatiSeverodettoSepo1923.jpg09.PNG')"></div>
          <div class="tx"><h3>Manifesto - Sepo ( Severo Pozzati ) - 1923</h3></div>
        </a>
              <a class="mag-card" href="/post.php?n=3186">
          <div class="ph" style="background-image:url('/uploads/200820231725501527088_592438924158031_1699576998_n_592438924158031.jpg')"></div>
          <div class="tx"><h3>Monumento a Emanuele Filiberto duca d&#039;Aosta - Torino - Opera Eugenio Baroni , Publio Morbiducci 1937</h3></div>
        </a>
              <a class="mag-card" href="/post.php?n=1576">
          <div class="ph" style="background-image:url('/uploads/15062020062832Mirandola-Zucchero.PNG')"></div>
          <div class="tx"><h3>Distilleria Zuccherifìcio -Â MirandolaÂ , Modena - 1936 - 39</h3></div>
        </a>
          </div>
  </div>
</section>

<!-- MAPPA -->
<section class="sec" style="padding-top:8px">
  <div class="wrap">
    <div class="band">
      <div class="bx">
        <div class="kicker">Novità su Cultural Heritage Online</div>
        <h2 class="display">La mappa interattiva del patrimonio</h2>
        <p>Migliaia di luoghi georeferenziati, itinerari curati, foto storiche sovrapposte alla mappa di oggi e tour cinematici. Visiva e immediata, anche senza una parola.</p>
        <a class="btn btn-red" target="_blank" rel="noopener" href="https://culturalheritageonline.com/map/">Apri la mappa &rarr;</a>
      </div>
      <div class="map-vis"><object type="image/svg+xml" data="/img/venezia-sestieri.svg?v=2" aria-label="La mappa dei sestieri di Venezia, simbolo storico di Beni Culturali Online"></object></div>
    </div>
  </div>
</section>

<!-- EVENTI + PORTALE -->
<section class="sec" style="padding-top:8px">
  <div class="wrap">
    <div class="cols2">
      <div class="panel">
        <h3>L'archivio degli eventi</h3>
        <p><span class="big-num">3.300+</span> eventi culturali documentati in oltre vent'anni: mostre, rassegne, aperture. Una memoria del fare cultura in Italia.</p>
        <div class="links">
          <a href="/eventlist.php">Sfoglia l'archivio eventi</a>
          <a target="_blank" rel="noopener" href="https://culturalheritageonline.com/events/">I nuovi eventi sono su CHO &rarr;</a>
        </div>
      </div>
      <div class="panel">
        <h3>Esplora il portale storico</h3>
        <p>Tutto il portale originale resta online e consultabile: luoghi, schede, calendario, academy.</p>
        <div class="links">
          <a href="/portale.php">La home storica</a>
          <a href="/locationlist.php">I luoghi</a>
          <a href="/blog.php">Il blog</a>
          <a href="/calendar.php">Il calendario</a>
          <a href="/academy.php">Academy</a>
        </div>
      </div>
    </div>
  </div>
</section>

<footer>
  <div class="wrap">
    <div>
      <img class="flogo" src="/img/BeniCulturaliOnLine-logo_vettoriale-ABCO.svg" alt="ABCO" onerror="this.src='/img/logoABCO.png'">
      <p style="color:var(--muted);font-size:15px;max-width:38ch;margin:0">Portale per la valorizzazione del patrimonio culturale italiano attraverso le nuove tecnologie. Un progetto dell'Associazione ABCO APS.</p>
    </div>
    <div>
      <h4>Associazione</h4>
      <a href="https://www.beni-culturali.it" target="_blank" rel="noopener">beni-culturali.it</a>
      <a href="https://osservatorio.bbcc.it" target="_blank" rel="noopener">Osservatorio</a>
      <a href="#riattiva">Riattiva il tuo account</a>
    </div>
    <div>
      <h4>Cultural Heritage Online</h4>
      <a target="_blank" rel="noopener" href="https://culturalheritageonline.com/map/">La mappa</a>
      <a target="_blank" rel="noopener" href="https://culturalheritageonline.com/magazine/">Il magazine</a>
      <a target="_blank" rel="noopener" href="https://culturalheritageonline.com/founding-partner/">Founding Partner</a>
    </div>
    <div class="legal">
      <span>© 2026 Associazione ABCO APS (ex Associazione bb.cc. Onlus) — Beni Culturali Online</span>
      <span>Online dal 1998 · Associazione dal 2002</span>
    </div>
  </div>
</footer>

<script>
(function(){
  var cd = document.getElementById('countdown');
  if(!cd) return;
  var target = new Date(cd.getAttribute('data-deadline')).getTime();
  var dEl = cd.querySelector('[data-d]'), hEl = cd.querySelector('[data-h]'), mEl = cd.querySelector('[data-m]');
  function pad(n){return (n<10?'0':'')+n;}
  function tick(){
    var diff = target - Date.now();
    if(diff < 0) diff = 0;
    var d = Math.floor(diff/86400000),
        h = Math.floor(diff%86400000/3600000),
        m = Math.floor(diff%3600000/60000);
    dEl.textContent = d; hEl.textContent = pad(h); mEl.textContent = pad(m);
  }
  tick(); setInterval(tick, 30000);
})();
</script>
</body>
</html>
