{"id":14,"date":"2025-07-21T15:13:33","date_gmt":"2025-07-21T15:13:33","guid":{"rendered":"http:\/\/ebgi.eu\/?page_id=14"},"modified":"2025-11-15T12:12:49","modified_gmt":"2025-11-15T12:12:49","slug":"progetti","status":"publish","type":"page","link":"https:\/\/ebgi.eu\/index.php\/progetti\/","title":{"rendered":"Progetti"},"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\"\/>\n<title>Progetti \u2014 Galleria con paginazione<\/title>\n<style>\n  :root{\n    --container:1060px; --pad:22px; --gap:10px; --row:178px;\n    --label:#7cb518; --title:#11254E; --bg:#F7F8FA; --ink:#0f172a;\n  }\n  body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}\n  .wrap{max-width:calc(var(--container) + var(--pad)*2);margin:0 auto;background:var(--bg);padding:var(--pad);}\n  .head{text-align:center;margin-bottom:var(--pad)}\n  .head h1{color:var(--title);margin:0 0 10px;font-size:32px}\n  .head p{margin:0 auto;line-height:1.55;max-width:820px;font-size:15px}\n\n  \/* GRID identica *\/\n  .grid{\n    margin:var(--pad) auto 0;\n    max-width:var(--container);\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    grid-auto-rows:var(--row);\n    gap:var(--gap)\n  }\n  .card{position:relative;overflow:hidden;background:#e5e7eb;cursor:pointer}\n  .card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}\n  .card:hover img{transform:scale(1.02)}\n  .project-title{\n    position:absolute;left:12px;bottom:12px;\n    background:var(--label);color:#fff;font-weight:700;\n    font-size:13px;padding:6px 10px;border-radius:3px\n  }\n\n  \/* posizionamento 7-slot *\/\n  .one{grid-column:1;grid-row:1 \/ span 2}\n  .two{grid-column:2;grid-row:1 \/ span 2}\n  .three{grid-column:3;grid-row:1}\n  .four{grid-column:3;grid-row:2}\n  .five{grid-column:1 \/ span 2;grid-row:3}\n  .seven{grid-column:3;grid-row:3 \/ span 2}\n  .six{grid-column:1 \/ span 2;grid-row:4}\n\n  \/* PAGINAZIONE *\/\n  .pagination{\n    display:flex;gap:8px;justify-content:center;\n    align-items:center;margin:18px 0\n  }\n  .page-btn{\n    appearance:none;border:0;background:transparent;\n    color:var(--title);font-weight:700;\n    padding:4px 8px;cursor:pointer\n  }\n  .page-btn[disabled]{opacity:.35;cursor:not-allowed}\n  .page-num{\n    appearance:none;border:0;background:transparent;\n    color:var(--title);font-weight:700;\n    padding:4px 8px;cursor:pointer;border-radius:6px\n  }\n  .page-num.active{color:#7cb518;text-decoration:underline}\n  .sr-only{position:absolute;left:-9999px}\n\n  \/* MODALE (dashboard) con scroll interno *\/\n  .modal-backdrop{\n    position:fixed;inset:0;background:rgba(0,0,0,.5);\n    display:none;align-items:stretch;justify-content:center;\n    z-index:9999\n  }\n  .modal-backdrop.show{display:flex}\n  .modal{\n    background:#fff; max-width:1100px; width:95vw;\n    max-height:92vh; height:92vh;\n    margin:auto; border-radius:14px; overflow:hidden;\n    box-shadow:0 20px 60px rgba(17,37,78,.25);\n    display:grid; grid-template-columns:48% 52%;\n    position:relative;\n  }\n  .modal-media,.modal-body{min-height:0}\n  .modal-media{background:#f2f4f7}\n  .modal-media img{width:100%;height:100%;object-fit:cover;display:block}\n  .modal-body{\n    padding:26px 26px 18px;\n    overflow:auto; overscroll-behavior:contain;\n  }\n  .modal-body h2{margin:0 0 6px;color:var(--title);font-size:24px}\n  .kv{\n    display:grid;\n    grid-template-columns:110px 1fr;\n    gap:6px 10px;\n    margin:8px 0 12px;\n    font-size:14px\n  }\n  .kv div:nth-child(odd){color:#64748b}\n  .section-title{font-weight:800;margin:14px 0 6px}\n  .tags{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}\n  .tag{\n    background:#eef2f5;color:#334155;\n    font-size:12px;padding:6px 10px;border-radius:999px\n  }\n  .actions{display:flex;gap:10px;margin:16px 0 6px}\n  .btn{\n    appearance:none;border:0;border-radius:10px;\n    padding:10px 14px;font-weight:700;cursor:pointer\n  }\n  .btn-primary{background:var(--label);color:#fff}\n  .btn-ghost{background:#f1f5f9;color:#0f172a}\n  .close-x{\n    position:absolute;top:10px;right:12px;\n    border:0;background:transparent;\n    font-size:28px;line-height:1;cursor:pointer;color:#334155\n  }\n\n  @media (max-width:900px){\n    .modal{grid-template-columns:1fr}\n    .modal-media{height:38vh}\n    .modal-body{height:54vh}\n  }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"wrap\">\n  <div class=\"head\">\n    <h1>Progetti<\/h1>\n    <p>Il gruppo E.B.G.I. punta a condurre i propri Committenti in un futuro sostenibile\u2026<\/p>\n  <\/div>\n\n  <!-- Griglia dinamica -->\n  <div id=\"projectsGrid\" class=\"grid\"><\/div>\n\n  <!-- Paginazione -->\n  <nav class=\"pagination\" aria-label=\"Paginazione progetti\">\n    <button id=\"prevBtn\" class=\"page-btn\" aria-label=\"Pagina precedente\">\u2039<\/button>\n    <div id=\"pageNums\"><\/div>\n    <button id=\"nextBtn\" class=\"page-btn\" aria-label=\"Pagina successiva\">\u203a<\/button>\n  <\/nav>\n<\/div>\n\n<!-- MODALE -->\n<div class=\"modal-backdrop\" id=\"projectModal\" aria-hidden=\"true\">\n  <div class=\"modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modalTitle\">\n    <button class=\"close-x\" id=\"modalClose\" aria-label=\"Chiudi\">\u00d7<\/button>\n    <div class=\"modal-media\"><img id=\"modalImg\" alt=\"\"><\/div>\n    <div class=\"modal-body\" id=\"modalBody\" tabindex=\"0\">\n      <h2 id=\"modalTitle\">Titolo progetto<\/h2>\n      <div class=\"kv\">\n        <div>Propriet\u00e0<\/div><div id=\"kvProp\">\u2014<\/div>\n        <div>Location<\/div><div id=\"kvLoc\">\u2014<\/div>\n        <div>Durata<\/div><div id=\"kvDur\">\u2014<\/div>\n      <\/div>\n      <div class=\"section-title\">Descrizione<\/div>\n      <p id=\"modalDesc\"><\/p>\n      <div class=\"section-title\">Valore aggiunto<\/div>\n      <p id=\"modalValue\"><\/p>\n      <div class=\"section-title\">Servizi erogati<\/div>\n      <p id=\"modalServices\"><\/p>\n      <div class=\"tags\" id=\"modalTags\"><\/div>\n      <div class=\"actions\">\n        <button class=\"btn btn-ghost\" id=\"modalClose2\">Chiudi<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n\/* ========= DATI PROGETTI ========= *\/\nconst projects = [\n\n\/* ============================================================\n   \u2b50 PAGINA 1 \u2014 PROGETTI INIZIALI\n   ============================================================ *\/\n\n{\n  title:\"Riqualifica sito industriale Triscele \u2014 LIDL\",\n  cover:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/LIDL-ITALIA-srl.jpg\",\n  img:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/LIDL-ITALIA-srl.jpg\",\n  prop:\"LIDL ITALIA srl\",\n  loc:\"MESSINA (ME), Via Uberto Bonino, 4\",\n  dur:\"2013\",\n  desc:\"Edilizia commerciale ad uso pubblico tramite riqualifica di un sito industriale dismesso.\",\n  value:\"Riqualificazione e valorizzazione.\",\n  services:\"Project manager, progettazione completa, VAS.\",\n  tags:[\"Edilizia commerciale\",\"Riqualifica\",\"Messina\"]\n},\n{\n  title:\"Impianto industriale \u2014 infrastrutture metalliche\",\n  cover:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/gf_building.jpg\",\n  img:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/gf_building.jpg\",\n  prop:\"\u2014\",\n  loc:\"\u2014\",\n  dur:\"\u2014\",\n  desc:\"Intervento su infrastrutture metalliche e piattaforme.\",\n  value:\"Ottimizzazione e riordino.\",\n  services:\"Coordinamento tecnico e progettazione.\",\n  tags:[\"Industriale\",\"Impiantistica\"]\n},\n{\n  title:\"Scala scultorea in calcestruzzo\",\n  cover:\"URL_IMMAGINE\",\n  img:\"URL_IMMAGINE\",\n  prop:\"\u2014\",\n  loc:\"\u2014\",\n  dur:\"\u2014\",\n  desc:\"Scala in calcestruzzo a vista.\",\n  value:\"Integrazione estetica-funzionale.\",\n  services:\"Progetto esecutivo e DL.\",\n  tags:[\"Interni\",\"Calcestruzzo\"]\n},\n{\n  title:\"Percorso espositivo \u2014 tunnel concentrico\",\n  cover:\"URL_IMMAGINE\",\n  img:\"URL_IMMAGINE\",\n  prop:\"\u2014\",\n  loc:\"\u2014\",\n  dur:\"\u2014\",\n  desc:\"Concept per percorso espositivo immersivo.\",\n  value:\"Esperienza immersiva.\",\n  services:\"Concept e layout illuminotecnico.\",\n  tags:[\"Exhibit\",\"Concept\"]\n},\n{\n  title:\"Struttura commerciale \u2014 Milazzo\",\n  cover:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/CSRS-SpA.jpg\",\n  img:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/CSRS-SpA.jpg\",\n  prop:\"CSRS S.p.A.\",\n  loc:\"MILAZZO (ME)\",\n  dur:\"2013\",\n  desc:\"Edilizia commerciale tramite riqualifica di sito industriale.\",\n  value:\"Riqualificazione area industriale.\",\n  services:\"Progetto completo + DL.\",\n  tags:[\"Commerciale\",\"Riqualifica\"]\n},\n{\n  title:\"Caterina Green Park \u2014 36 unit\u00e0\",\n  cover:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/caterina-green-park.jpg\",\n  img:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/caterina-green-park.jpg\",\n  prop:\"STEROLI srl\",\n  loc:\"PACE DEL MELA (ME)\",\n  dur:\"\u2014\",\n  desc:\"Complesso residenziale CO2 Free.\",\n  value:\"Edilizia sostenibile.\",\n  services:\"Progettazione definitiva\/esecutiva.\",\n  tags:[\"Residenziale\",\"Energia Zero\"]\n},\n{\n  title:\"92 ville + RSA \u2014 Ganzirri\",\n  cover:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/SICEAS-SpA.jpg\",\n  img:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/SICEAS-SpA.jpg\",\n  prop:\"SICEAS SpA\",\n  loc:\"MESSINA (ME) \u2014 Ganzirri\",\n  dur:\"1990\u20132000\",\n  desc:\"Intervento residenziale in pi\u00f9 lotti.\",\n  value:\"Intervento in area di pregio.\",\n  services:\"Progettazione e DL.\",\n  tags:[\"Residenziale\",\"Masterplan\"]\n},\n\n\/* ============================================================\n   \u2b50 PAGINA 2 \u2014 PROGETTI HOTEL \/ RIQUALIFICHE\n   ============================================================ *\/\n\n{\n  title: \"Riqualifica energetica e rifacimento facciate\",\n  cover: \"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/ovs.jpg\",\n  img: \"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/ovs.jpg\",\n  prop: \"NEPTUNIA SpA\",\n  loc: \"MESSINA (ME)\",\n  dur: \"2020\",\n  desc: \"Riqualificazione energetica completa.\",\n  value: \"Incremento classe energetica.\",\n  services: \"PM, progettazione, DL, coordinamento.\",\n  tags: [\"Riqualifica\",\"Energetica\"]\n},\n{\n  title: \"Fabbricato 9 elevazioni \u2014 CO2 Zero\",\n  cover: \"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/finsole_0.jpg\",\n  img: \"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/finsole_0.jpg\",\n  prop: \"FINSOLE SpA\",\n  loc: \"MESSINA (ME)\",\n  dur: \"\u2014\",\n  desc: \"Demolizione e ricostruzione edificio CO2 Zero.\",\n  value: \"Impatto zero.\",\n  services: \"Progettazione integrata.\",\n  tags: [\"Residenziale\",\"CO2 Zero\"]\n},\n{\n  title: \"Hotel Villa Sant\u2019Andrea 5*\",\n  cover: \"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/hotel-villa.jpg\",\n  img: \"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/hotel-villa.jpg\",\n  prop: \"FRAMON HOTELS SpA\",\n  loc: \"TAORMINA (ME)\",\n  dur: \"2005\",\n  desc: \"Riqualifica conservativa dell\u2019hotel.\",\n  value: \"Valorizzazione struttura di pregio.\",\n  services: \"PM, progettazione, sicurezza.\",\n  tags: [\"Hotel\",\"Riqualifica\"]\n},\n{\n  title: \"Grand Hotel Bristol 5* \u2013 Rapallo\",\n  cover: \"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/grand-hotel-bristol.jpg\",\n  img: \"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/grand-hotel-bristol.jpg\",\n  prop: \"FRAMON HOTELS SpA\",\n  loc: \"RAPALLO (GE)\",\n  dur: \"2006\",\n  desc: \"Riqualificazione immobile storico.\",\n  value: \"Rivalutazione struttura alberghiera.\",\n  services: \"PM e sicurezza.\",\n  tags: [\"Hotel\",\"Restauro\"]\n},\n{\n  title: \"TAO Beach Lounge Bar \u2014 Taormina\",\n  cover: \"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/tao-beach.png.jpg\",\n  img: \"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/tao-beach.png.jpg\",\n  prop: \"MERIDIEN Srl\",\n  loc: \"TAORMINA (ME)\",\n  dur: \"2020\",\n  desc: \"Riqualifica bene demaniale.\",\n  value: \"Valorizzazione bene pubblico.\",\n  services: \"PM, DL, sicurezza.\",\n  tags: [\"Ristorazione\",\"Demanio\"]\n},\n{\n  title: \"Hotel AngloAmerican 5* \u2014 Firenze\",\n  cover: \"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/Immagine24-1.jpg\",\n  img: \"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/Immagine24-1.jpg\",\n  prop: \"MERIDIEN Srl\",\n  loc: \"FIRENZE (FI)\",\n  dur: \"2000\",\n  desc: \"Riqualifica e valorizzazione immobile.\",\n  value: \"Hotel di pregio.\",\n  services: \"PM, DL, sicurezza.\",\n  tags: [\"Hotel\",\"Restauro\"]\n},\n{\n  title: \"Grand Hotel Timeo & Villa Flora\",\n  cover: \"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/Immagine25.jpg\",\n  img: \"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/Immagine25.jpg\",\n  prop: \"FRAMON Hotels SpA\",\n  loc: \"TAORMINA (ME)\",\n  dur: \"2000\",\n  desc: \"Riqualificazione completa.\",\n  value: \"Valorizzazione edifici storici.\",\n  services: \"PM e DL.\",\n  tags: [\"Hotel\",\"Pregio\"]\n},\n\n\/* ============================================================\n   \u2b50 PAGINA 3 \u2014 HOTEL + SUPERBONUS + NUOVI 6 PROGETTI\n   ============================================================ *\/\n\n{\n  title: \"Hotel Les Sables Noirs\",\n  cover:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/HOTEL-LES-SABLES-NOIRS.jpg\",\n  img:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/HOTEL-LES-SABLES-NOIRS.jpg\",\n  prop:\"FRAMON Hotels\",\n  loc:\"TAORMINA (ME)\",\n  dur:\"2017\",\n  desc:\"Riqualifica funzionale e conservativa.\",\n  value:\"Valorizzazione hotel.\",\n  services:\"Progettazione integrata, PM.\",\n  tags:[\"Hotel\",\"Riqualifica\"]\n},\n{\n  title: \"Convento Cappuccini \u2014 NH Hotels\",\n  cover:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/NH-Hotels-Spa.jpg\",\n  img:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/NH-Hotels-Spa.jpg\",\n  prop:\"NH Hotels\",\n  loc:\"AMALFI (SA)\",\n  dur:\"2010\",\n  desc:\"Valorizzazione bene pubblico.\",\n  value:\"Albergo di pregio.\",\n  services:\"PM, sicurezza, DL.\",\n  tags:[\"Hotel\",\"Bene Pubblico\"]\n},\n{\n  title: \"Royal Palace Hotel \u2014 Messina\",\n  cover:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/Royal-Palace-Hotel-4stars.jpg\",\n  img:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/Royal-Palace-Hotel-4stars.jpg\",\n  prop:\"RPH Srl\",\n  loc:\"MESSINA (ME)\",\n  dur:\"2022\",\n  desc:\"Riqualifica energetica struttura ricettiva.\",\n  value:\"Rendere efficiente la struttura.\",\n  services:\"DL + sicurezza.\",\n  tags:[\"Hotel\",\"Energetica\"]\n},\n{\n  title: \"Hotel Parco degli Aragonesi \u2014 Catania\",\n  cover:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/HOTEL-PARCO-DEGLI-ARAGONESI-.jpg\",\n  img:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/HOTEL-PARCO-DEGLI-ARAGONESI-.jpg\",\n  prop:\"NH Hotels\",\n  loc:\"CATANIA (CT)\",\n  dur:\"2003\",\n  desc:\"Pianificazione e sviluppo area pubblica.\",\n  value:\"Valorizzazione area comunale.\",\n  services:\"PM, DL, sicurezza.\",\n  tags:[\"Hotel\",\"Urbanistica\"]\n},\n{\n  title: \"Superbonus Edificio Valenti\u2013Fiumara\",\n  cover:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/valenti-fiumara.jpg\",\n  img:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/valenti-fiumara.jpg\",\n  prop:\"VALENTI\u2013FIUMARA\",\n  loc:\"S. Teresa di Riva (ME)\",\n  dur:\"2022\u20132025\",\n  desc:\"Riqualificazione sismica + energetica Superbonus.\",\n  value:\"Cessione credito.\",\n  services:\"TD, PM, progettazione completa.\",\n  tags:[\"Residenziale\",\"Superbonus\"]\n},\n{\n  title: \"Superbonus Caruso \u2014 Messina\",\n  cover:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/CARUSO.jpg\",\n  img:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/CARUSO.jpg\",\n  prop:\"CARUSO\",\n  loc:\"MESSINA (ME)\",\n  dur:\"2022\u20132023\",\n  desc:\"Intervento Superbonus completo.\",\n  value:\"Efficientamento e sicurezza.\",\n  services:\"TD, PM, autorizzazioni.\",\n  tags:[\"Residenziale\",\"Superbonus\"]\n},\n\n\/* ============================================================\n   \u2b50 NUOVI 6 PROGETTI (che mi hai inviato per ultimi)\n   ============================================================ *\/\n\n{\n  title:\"Ristrutturazione Interni \u2014 Appartamento\",\n  cover:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/06-scaled.jpg\",\n  img:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/06-scaled.jpg\",\n  prop:\"\u2014\",\n  loc:\"\u2014\",\n  dur:\"\u2014\",\n  desc:\"Ristrutturazione completa di interni con studio materiali.\",\n  value:\"Valorizzazione spazi interni.\",\n  services:\"Progettazione e DL.\",\n  tags:[\"Interni\"]\n},\n{\n  title:\"Rifacimento prospetti \u2014 Condominio\",\n  cover:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/05.jpg\",\n  img:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/05.jpg\",\n  prop:\"\u2014\",\n  loc:\"\u2014\",\n  dur:\"\u2014\",\n  desc:\"Intervento completo su prospetti e balconi.\",\n  value:\"Miglioramento estetico e strutturale.\",\n  services:\"DL e progettazione.\",\n  tags:[\"Riqualifica\"]\n},\n{\n  title:\"Ampliamento struttura privata\",\n  cover:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/04.jpg\",\n  img:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/04.jpg\",\n  prop:\"\u2014\",\n  loc:\"\u2014\",\n  dur:\"\u2014\",\n  desc:\"Ampliamento volumetrico con struttura leggera.\",\n  value:\"Funzionalit\u00e0 aggiunta.\",\n  services:\"Progetto e calcoli.\",\n  tags:[\"Edilizia\"]\n},\n{\n  title:\"Rifacimento copertura \u2014 edificio\",\n  cover:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/03.jpg\",\n  img:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/03.jpg\",\n  prop:\"\u2014\",\n  loc:\"\u2014\",\n  dur:\"\u2014\",\n  desc:\"Nuovo pacchetto isolamento + impermeabilizzazione.\",\n  value:\"Efficienza termica.\",\n  services:\"DL + progettazione.\",\n  tags:[\"Energetica\"]\n},\n{\n  title:\"Nuovo locale commerciale \u2014 Layout\",\n  cover:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/02.jpg\",\n  img:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/02.jpg\",\n  prop:\"\u2014\",\n  loc:\"\u2014\",\n  dur:\"\u2014\",\n  desc:\"Progettazione layout e percorsi cliente.\",\n  value:\"Ottimizzazione spazi commerciali.\",\n  services:\"Progetto architettonico.\",\n  tags:[\"Commerciale\"]\n},\n{\n  title:\"Riqualifica area esterna \u2014 Giardino\",\n  cover:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/01.jpg\",\n  img:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/01.jpg\",\n  prop:\"\u2014\",\n  loc:\"\u2014\",\n  dur:\"\u2014\",\n  desc:\"Riqualifica aree esterne con nuovo verde e percorsi.\",\n  value:\"Miglioramento vivibilit\u00e0.\",\n  services:\"Landscape + DL.\",\n  tags:[\"Esterni\"]\n},\n\n\/* ============================================================\n   \u2b50 NUOVI 5 PROGETTI \u2014 IMPIANTI BIOMETANO (pagina 5)\n   ============================================================ *\/\n\n{\n  title:\"Impianto di produzione di biometano \u2014 Patern\u00f2 (CT)\",\n  cover:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/Impianto-di-produzione-di-biometano-Paterno-CT_01.jpg\",\n  img:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/Impianto-di-produzione-di-biometano-Paterno-CT_01.jpg\",\n  prop:\"\u2014\",\n  loc:\"Patern\u00f2 (CT)\",\n  dur:\"\u2014\",\n  desc:\"\u2014\",\n  value:\"\u2014\",\n  services:\"\u2014\",\n  tags:[\"Biometano\",\"Impianto\"]\n},\n{\n  title:\"Impianto di produzione di biometano \u2014 Mazzarrone (CT)\",\n  cover:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/Impianto-di-produzione-di-biometano-Mazzarrone-CT_01.jpg\",\n  img:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/Impianto-di-produzione-di-biometano-Mazzarrone-CT_01.jpg\",\n  prop:\"\u2014\",\n  loc:\"Mazzarrone (CT)\",\n  dur:\"\u2014\",\n  desc:\"\u2014\",\n  value:\"\u2014\",\n  services:\"\u2014\",\n  tags:[\"Biometano\",\"Impianto\"]\n},\n{\n  title:\"Impianto di produzione di biometano \u2014 Caltagirone (CT)\",\n  cover:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/Impianto-di-produzione-di-biometano-Caltagirone-CT_01.jpg\",\n  img:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/Impianto-di-produzione-di-biometano-Caltagirone-CT_01.jpg\",\n  prop:\"\u2014\",\n  loc:\"Caltagirone (CT)\",\n  dur:\"\u2014\",\n  desc:\"\u2014\",\n  value:\"\u2014\",\n  services:\"\u2014\",\n  tags:[\"Biometano\",\"Impianto\"]\n},\n{\n  title:\"Impianto di produzione di biometano \u2014 Mazara del Vallo (TP)\",\n  cover:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/Impianto-di-produzione-di-biometano-ZOOTECNICHE_01.jpg\",\n  img:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/Impianto-di-produzione-di-biometano-ZOOTECNICHE_01.jpg\",\n  prop:\"\u2014\",\n  loc:\"Via Giuseppe Villani, Mazara del Vallo (TP)\",\n  dur:\"\u2014\",\n  desc:\"\u2014\",\n  value:\"\u2014\",\n  services:\"\u2014\",\n  tags:[\"Biometano\",\"Impianto\"]\n},\n{\n  title:\"Impianto di produzione di biometano \u2014 Rod\u00ec Milici (ME)\",\n  cover:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/Impianto-di-produzione-di-biometano_01.jpg\",\n  img:\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/Impianto-di-produzione-di-biometano_01.jpg\",\n  prop:\"\u2014\",\n  loc:\"Rod\u00ec Milici (ME)\",\n  dur:\"\u2014\",\n  desc:\"\u2014\",\n  value:\"\u2014\",\n  services:\"\u2014\",\n  tags:[\"Biometano\",\"Impianto\"]\n}\n\n];\n\n\/* ========= RENDERING & PAGINAZIONE ========= *\/\n\nconst perPage = 7;\nconst positions = ['one','two','three','four','five','seven','six'];\nconst grid = document.getElementById('projectsGrid');\nconst pageNums = document.getElementById('pageNums');\nconst prevBtn = document.getElementById('prevBtn');\nconst nextBtn = document.getElementById('nextBtn');\n\nfunction getPageFromURL(){\n  const url = new URL(window.location.href);\n  const p = parseInt(url.searchParams.get('p') || '1',10);\n  return Math.max(1, p);\n}\nlet currentPage = Math.min(getPageFromURL(), Math.max(1, Math.ceil(projects.length\/perPage)));\n\nfunction renderPage(page){\n  const totalPages = Math.max(1, Math.ceil(projects.length\/perPage));\n  currentPage = Math.min(Math.max(1, page), totalPages);\n  const start = (currentPage-1)*perPage;\n  const items = projects.slice(start, start+perPage);\n\n  grid.innerHTML = '';\n  items.forEach((p, i)=>{\n    const slot = positions[i] || '';\n    const fig = document.createElement('figure');\n    fig.className = `card ${slot}`;\n    fig.dataset.title = p.title;\n    fig.dataset.img   = p.img || p.cover;\n    fig.dataset.prop  = p.prop || '\u2014';\n    fig.dataset.loc   = p.loc  || '\u2014';\n    fig.dataset.dur   = p.dur  || '\u2014';\n    fig.dataset.desc  = p.desc || '';\n    fig.dataset.value = p.value|| '';\n    fig.dataset.services = p.services || '';\n    fig.dataset.tags  = (p.tags || []).join(',');\n\n    fig.innerHTML = `\n      <img decoding=\"async\" src=\"${p.cover}\" alt=\"\">\n      <figcaption class=\"project-title\">${p.title}<\/figcaption>\n    `;\n\n    fig.addEventListener('click', ()=>openModal(fig));\n    grid.appendChild(fig);\n  });\n\n  pageNums.innerHTML = '';\n  for(let n=1;n<=totalPages;n++){\n    const b = document.createElement('button');\n    b.className = 'page-num' + (n===currentPage ? ' active' : '');\n    b.textContent = n;\n    b.addEventListener('click', ()=>goTo(n));\n    pageNums.appendChild(b);\n  }\n\n  prevBtn.disabled = currentPage===1;\n  nextBtn.disabled = currentPage===totalPages;\n\n  const url = new URL(window.location.href);\n  url.searchParams.set('p', currentPage);\n  history.replaceState(null, '', url);\n}\n\nfunction goTo(n){\n  renderPage(n);\n  window.scrollTo({top:0,behavior:'smooth'});\n}\n\n\/* ========= MODALE ========= *\/\n\nconst modal = document.getElementById('projectModal');\nconst modalImg = document.getElementById('modalImg');\nconst modalTitle = document.getElementById('modalTitle');\nconst kvProp= document.getElementById('kvProp');\nconst kvLoc = document.getElementById('kvLoc');\nconst kvDur = document.getElementById('kvDur');\nconst modalDesc = document.getElementById('modalDesc');\nconst modalValue= document.getElementById('modalValue');\nconst modalServices= document.getElementById('modalServices');\nconst modalTags = document.getElementById('modalTags');\nconst closeX = document.getElementById('modalClose');\nconst close2 = document.getElementById('modalClose2');\n\nfunction openModal(card){\n  modalTitle.textContent = card.dataset.title || 'Progetto';\n  modalImg.src = card.dataset.img || '';\n  kvProp.textContent = card.dataset.prop || '\u2014';\n  kvLoc.textContent  = card.dataset.loc  || '\u2014';\n  kvDur.textContent  = card.dataset.dur  || '\u2014';\n  modalDesc.textContent = card.dataset.desc || '';\n  modalValue.textContent= card.dataset.value|| '';\n  modalServices.textContent = card.dataset.services || '';\n\n  modalTags.innerHTML = '';\n  (card.dataset.tags || '').split(',').forEach(t=>{\n    if(!t.trim()) return;\n    const span=document.createElement('span');\n    span.className='tag';\n    span.textContent=t.trim();\n    modalTags.appendChild(span);\n  });\n\n  modal.classList.add('show');\n  document.body.style.overflow='hidden';\n}\n\nfunction closeModal(){\n  modal.classList.remove('show');\n  document.body.style.overflow='';\n}\n\ncloseX.addEventListener('click', closeModal);\nclose2.addEventListener('click', closeModal);\nmodal.addEventListener('click', e=>{ if(e.target===modal) closeModal(); });\ndocument.addEventListener('keydown', e=>{ if(e.key==='Escape') closeModal(); });\n\n\/* INIT *\/\nprevBtn.addEventListener('click', ()=>goTo(currentPage-1));\nnextBtn.addEventListener('click', ()=>goTo(currentPage+1));\nrenderPage(currentPage);\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Progetti \u2014 Galleria con paginazione Progetti Il gruppo E.B.G.I. punta a condurre i propri Committenti in un futuro sostenibile\u2026 \u2039 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"admin2463","author_link":"https:\/\/ebgi.eu\/author\/admin2463\/"},"uagb_comment_info":0,"uagb_excerpt":"Progetti \u2014 Galleria con paginazione Progetti Il gruppo E.B.G.I. punta a condurre i propri Committenti in un futuro sostenibile\u2026 \u2039 [&hellip;]","_links":{"self":[{"href":"https:\/\/ebgi.eu\/index.php\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ebgi.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ebgi.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ebgi.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ebgi.eu\/index.php\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":45,"href":"https:\/\/ebgi.eu\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":1344,"href":"https:\/\/ebgi.eu\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions\/1344"}],"wp:attachment":[{"href":"https:\/\/ebgi.eu\/index.php\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}