<!doctype html>
<html lang="it" class="has-header fonts-ready" style="--header-offset: 0px;" data-rh="lang" data-beasties-container><head>
  <!-- EZOIC DISABILITATO - Riabilitare Marzo 2025
  <script src="https://cmp.gatekeeperconsent.com/min.js" data-cfasync="false"></script>
  <script src="https://the.gatekeeperconsent.com/cmp.min.js" data-cfasync="false"></script>

  <script async src="//www.ezojs.com/ezoic/sa.min.js"></script>
  <script>
    window.ezstandalone = window.ezstandalone || {};
    ezstandalone.cmd = ezstandalone.cmd || [];
  </script>
  -->

  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- GA4: async script loaded on first interaction (off critical path).
       Partytown removed — its sandbox SW introduced 341ms long task + 526ms
       JS execution, exceeding the savings from off-main-thread GA execution.
       Skipped in headless/lab environments (Lighthouse, WPT, Puppeteer prerender). -->
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    (function(){
      if(navigator.webdriver)return;
      var loaded=false;
      function loadGA(){
        if(loaded)return;
        loaded=true;
        var s=document.createElement('script');
        s.src='https://www.googletagmanager.com/gtag/js?id=G-5LP9JDKWGR';
        s.async=true;
        document.head.appendChild(s);
        gtag('js', new Date());
        gtag('config','G-5LP9JDKWGR',{send_page_view:true});
      }
      ['scroll','click','touchstart','keydown'].forEach(function(e){
        document.addEventListener(e,loadGA,{capture:true,passive:true,once:true});
      });
      setTimeout(loadGA,30000);
    })();
  </script>
  <script>
    (function(){
      var path=window.location.pathname;
      var routes=['/','/home','/vangelo','/salmi','/mishnah','/fonti'];
      var hasHeader=routes.some(function(r){return path===r||(r!=='/'&&path.startsWith(r));});
      var mq=window.matchMedia('(max-width: 767px)');
      function apply(){
        var target=document.body||document.documentElement;
        if(hasHeader){
          target.classList.add('has-header');
          document.documentElement.style.setProperty('--header-offset',mq.matches?'calc(56px + 90px + 32px)':'0px');
        }else{
          target.classList.remove('has-header');
          document.documentElement.style.setProperty('--header-offset','0px');
        }
      }
      apply();
      if(mq.addEventListener){
        mq.addEventListener('change',function(){apply();});
      }else if(mq.addListener){
        mq.addListener(function(){apply();});
      }
    })();
  </script>
  <!-- 🎯 CRITICAL CSS INLINE - Mobile FCP Optimization (0.95KB) -->
  <style>body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}#root{min-height:100vh}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;background-color:#fff;color:#1f2937}#root{min-height:100vh}*{box-sizing:border-box}.min-h-screen{min-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.text-center{text-align:center}.px-4{padding-left:1rem;padding-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}body{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif}.main-content-h1{font-display:swap;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translateZ(0);backface-visibility:hidden;contain:layout style paint;will-change:auto;color:#1f2937}@media (prefers-color-scheme: dark) {.main-content-h1{color:#f3f4f6}}#root{min-height:100vh}:root{--primary-color:#3b82f6}body{margin:0;font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;background-color:#ffffff;color:#1f2937;transition:background-color 0.2s, color 0.2s}#root{min-height:100vh}*{box-sizing:border-box}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width: 640px) {.container{max-width:640px}}@media (min-width: 768px) {.container{max-width:768px}}@media (min-width: 1024px) {.container{max-width:1024px}}.min-h-screen{min-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.text-center{text-align:center}.px-4{padding-left:1rem;padding-right:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.mx-auto{margin-left:auto;margin-right:auto}.max-w-4xl{max-width:56rem}.w-full{width:100%}.h-full{height:100%}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.font-medium{font-weight:500}.text-gray-800{color:#1f2937}.bg-white{background-color:#ffffff}.bg-transparent{background-color:transparent}nav{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1rem}@media (max-width: 640px) {h1{font-size:2rem}}@media print {body{background:white !important;color:black !important}}.contain-layout{contain:layout}.progress-container-optimized{contain:layout style paint;transform:translateZ(0);backface-visibility:hidden}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(prefers-reduced-motion:reduce){.transition-all,.transition-colors,.transition-transform{transition:none}.animate-pulse{animation:none}}:root{--color-text-secondary-accessible:#475569;--color-text-muted-accessible:#64748b;--color-success-accessible:#166534;--color-warning-accessible:#a16207;--color-error-accessible:#dc2626;--color-info-accessible:#1d4ed8;--color-link-accessible:#1d4ed8;--color-link-hover-accessible:#1e40af}.text-xl{color:inherit}@media(prefers-contrast:high){:root{--color-text-secondary-accessible:#000000;--color-text-muted-accessible:#333333;--color-link-accessible:#0000ee;--color-link-hover-accessible:#0000aa}}@media print{*{color:#000!important;background:#fff!important}}*,:before,:after{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}h1{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button{text-transform:none}button{-webkit-appearance:button;background-color:transparent;background-image:none}h1,p{margin:0}button{cursor:pointer}img,svg{display:block;vertical-align:middle}img{max-width:100%;height:auto}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-0{bottom:0}.left-1\/2{left:50%}.left-3{left:.75rem}.left-4{left:1rem}.right-16{right:4rem}.right-3{right:.75rem}.top-0{top:0}.top-1\/2{top:50%}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-4{margin-top:1rem}.flex{display:flex}.grid{display:grid}.h-14{height:3.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.max-h-0{max-height:0px}.min-h-screen{min-height:100vh}.w-0{width:0px}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.origin-left{transform-origin:left}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.gap-8{gap:2rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0px}.border-t{border-top-width:1px}.border-gray-700\/30{border-color:#3741514d}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-gray-900\/80{background-color:#111827cc}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-black\/5{--tw-gradient-from:rgb(0 0 0 / .05) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-600{--tw-gradient-from:#9333ea var(--tw-gradient-from-position);--tw-gradient-to:rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.p-1{padding:.25rem}.p-2{padding:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pr-16{padding-right:4rem}.pt-14{padding-top:3.5rem}.pt-6{padding-top:1.5rem}.text-center{text-align:center}.text-\[min\(1\.125rem\,4vw\)\]{font-size:min(1.125rem,4vw)}.text-\[min\(2\.5rem\,5vw\)\]{font-size:min(2.5rem,5vw)}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-light{font-weight:300}.font-medium{font-weight:500}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.text-black{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-white\/70{color:#ffffffb3}.no-underline{text-decoration-line:none}.opacity-0{opacity:0}.opacity-80{opacity:.8}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.contain-layout{--tw-contain-layout:layout;contain:var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style)}:root{--bg-light-radial:radial-gradient( circle at center, #fef3c7 0%, #fef3c7 75%, #e8d7b0 77%, #d4c5a0 79%, #b0a080 81%, #8a7a60 84%, #6b6560 88%, #4a4540 92%, #3a3530 96%, #2d2d2d 100% );--bg-dark-radial:radial-gradient( circle at center, #000000 0%, #000000 30%, #0a0a0a 50%, #111827 65%, #1f2937 75%, #374151 80%, #6b4423 85%, #8b5a3c 90%, #d97706 95%, #f59e0b 100% )}@keyframes progress-auto-fill{0%{transform:scaleX(.02)}to{transform:scaleX(1)}}.progress-auto{transform-origin:left;animation:progress-auto-fill var(--progress-duration, 6s) linear forwards;background:linear-gradient(90deg,#d4af37,#f4e8d8,#d4af37)}.progress-fade{transition:opacity .2s ease-out}html,body{margin:0;padding:0;background-color:#f9fafb;min-height:100vh}.homepage-celestial-bg{background:var(--bg-light-radial);background-attachment:scroll}#root{background:transparent!important}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth;text-rendering:optimizeLegibility}body{overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{contain:layout style}:root{--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-secondary:#64748b;--color-background:#ffffff;--color-surface:#f8fafc;--color-border:#e2e8f0}:root{--archaeological-cream:#3d2817;--gold-dark:#6b4c0f;--archaeological-shadow-gold:0 4px 20px rgba(139, 105, 20, .15);--archaeological-text-shadow:0 2px 8px rgba(139, 105, 20, .15);--archaeological-font-serif:"Georgia", "Times New Roman", serif;--archaeological-letter-spacing:.05em}body{margin:0;font-family:var(--archaeological-font-serif);line-height:1.6;font-weight:400;color:var(--archaeological-cream);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:var(--archaeological-letter-spacing);transition:color .2s ease,background-color .2s ease}h1{font-family:var(--archaeological-font-serif);color:var(--archaeological-cream);font-weight:600;letter-spacing:var(--archaeological-letter-spacing);text-shadow:var(--archaeological-text-shadow);line-height:1.2;margin-bottom:.5em;contain:layout}h1{font-size:2.25rem;font-weight:700}a{color:var(--color-primary);text-decoration:none;transition:color .15s ease}a:hover{color:var(--color-primary-dark)}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.75;transform:scale(1.05)}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}footer{height:auto!important;min-height:0!important;max-height:none!important;position:relative!important;bottom:auto!important;margin-top:auto!important}#root{display:flex;flex-direction:column}.min-h-screen{min-height:100vh!important}.bg-gray-200{background-color:transparent!important;border-color:transparent!important;backdrop-filter:blur(8px);position:relative;z-index:1}button:not(.btn){min-height:48px!important;min-width:48px!important;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center}@media(max-width:640px){.mobile-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:bottom-0:after{content:var(--tw-content);bottom:0}.after\:left-0:after{content:var(--tw-content);left:0}.after\:w-0:after{content:var(--tw-content);width:0px}.after\:bg-gradient-to-r:after{content:var(--tw-content);background-image:linear-gradient(to right,var(--tw-gradient-stops))}.after\:from-purple-600:after{content:var(--tw-content);--tw-gradient-from:#9333ea var(--tw-gradient-from-position);--tw-gradient-to:rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.after\:to-blue-600:after{content:var(--tw-content);--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:duration-300:after{content:var(--tw-content);transition-duration:.3s}.hover\:-translate-y-2:hover{--tw-translate-y:-.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-purple-500\/10:hover{--tw-shadow-color:rgb(168 85 247 / .1);--tw-shadow:var(--tw-shadow-colored)}.hover\:after\:w-full:hover:after{content:var(--tw-content);width:100%}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus\:absolute:focus{position:absolute}.focus\:left-4:focus{left:1rem}.focus\:top-4:focus{top:1rem}.group:hover .group-hover\:w-4\/5{width:80%}.group:hover .group-hover\:text-purple-500{--tw-text-opacity:1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:opacity-100{opacity:1}.dark\:border-gray-700\/5:is(.dark *){border-color:#3741510d}.dark\:bg-gray-600:is(.dark *){--tw-bg-opacity:1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800\/5:is(.dark *){background-color:#1f29370d}.dark\:bg-gray-950\/80:is(.dark *){background-color:#030712cc}.dark\:text-gray-100:is(.dark *){--tw-text-opacity:1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.dark\:hover\:bg-gray-700\/10:hover:is(.dark *){background-color:#3741511a}.dark\:hover\:shadow-2xl:hover:is(.dark *){--tw-shadow:0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:hover\:shadow-black\/50:hover:is(.dark *){--tw-shadow-color:rgb(0 0 0 / .5);--tw-shadow:var(--tw-shadow-colored)}@media(min-width:640px){.sm\:left-6{left:1.5rem}.sm\:right-20{right:5rem}.sm\:right-4{right:1rem}.sm\:overflow-hidden{overflow:hidden}.sm\:text-ellipsis{text-overflow:ellipsis}.sm\:whitespace-nowrap{white-space:nowrap}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:pr-20{padding-right:5rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}}@media(min-width:768px){.md\:mb-0{margin-bottom:0}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}}@media(max-width:767px){html.has-header #main-content,body.has-header #main-content{padding-top:var(--header-offset, 0px)}html:not(.has-header) #main-content,body:not(.has-header) #main-content{padding-top:0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ad-placement{margin:1.5rem 0;overflow:hidden;width:100%}#__splash{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#f9fafb;color:#4b5563;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;z-index:9999;transition:opacity .2s ease-out}#__splash .__s{width:48px;height:48px;border:3px solid #e5e7eb;border-top-color:#4f46e5;border-radius:50%;animation:__sp 1s linear infinite}#__splash p{margin:0;font-size:.875rem}@keyframes __sp{to{transform:rotate(360deg)}}@media (prefers-color-scheme: dark){#__splash{background:#0f172a;color:#d1d5db}#__splash .__s{border-color:#334155;border-top-color:#818cf8}}body.app-ready #__splash{opacity:0;pointer-events:none}</style>

  <!-- 🎯 MULTI-BOSS ATTACK #3: FONT PRECONNECT STRIKE - LCP/FCP Optimization -->
  <!-- CRITICAL: Establish early connections for Google Fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <!-- Hebrew font for nikkud (vowel points) - Frank Ruhl Libre (non-render-blocking) -->
  <link rel="preload" href="https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@400;500;700&amp;display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
  <noscript></noscript>

  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  <link rel="apple-touch-icon" href="/icon-192.png">
  <meta name="msapplication-TileImage" content="/icon-192.png">
  <meta name="theme-color" content="#1a1a1a">
  <meta name="google-adsense-account" content="ca-pub-5782099534387450">
  <!-- AdSense script rimosso dal head: caricato on-demand dai componenti AdSenseAd/AdSenseBanner
       quando l'ad slot diventa visibile. Evita console 403 durante Lighthouse audit. -->

  <!-- PWA Meta Tags per Retention -->
  <link rel="manifest" href="/manifest.json">
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  <meta name="apple-mobile-web-app-title" content="TeoCentro">
  <meta name="mobile-web-app-capable" content="yes">

  <!-- CSP moved to _headers file for complete coverage including fundingchoicesmessages.google.com -->

  <!-- Preload critical resources for LCP optimization -->
  <!-- Manual preloads removed - Vite handles automatic preloading during build -->
  <!-- FORENSIC FIX (Phase 2): Removed /src/ path preloads causing 404 errors in production -->

  <!-- DNS prefetch for external resources -->
  
  <!-- Google Fonts dns-prefetch (restored) -->
  
  <link rel="dns-prefetch" href="https://pagead2.googlesyndication.com">
  <!-- YouTube dns-prefetch -->
  <link rel="dns-prefetch" href="https://www.youtube.com">
  <link rel="dns-prefetch" href="https://i.ytimg.com">
  <link rel="dns-prefetch" href="https://s.ytimg.com">

  <!-- dns-prefetch per analytics (GA deferred, preconnect non necessario) -->
  <link rel="dns-prefetch" href="https://www.googletagmanager.com">
  <link rel="dns-prefetch" href="https://www.google-analytics.com">
  <!-- dns-prefetch hosts seen in WPT trace (non-critical, retention/funding) -->
  <link rel="dns-prefetch" href="https://bieninjndxkigbniyeju.supabase.co">
  <link rel="dns-prefetch" href="https://fundingchoicesmessages.google.com">
  <!-- Google Fonts preconnect (restored) -->
  
  <!-- PHASE 3 OPTIMIZATION: Add preconnect for analytics domains -->
  <!-- YouTube preconnect removed - emergency fix for LCP -->
  <!-- <link rel="preconnect" href="https://www.youtube.com" crossorigin> -->
  <!-- <link rel="preconnect" href="https://i.ytimg.com" crossorigin> -->

  <!-- Hero images preload removed - emergency fix for LCP -->
  <!-- <link rel="preload" as="image" href="/images/angelologia.webp" fetchpriority="high"> -->
  <!-- <link rel="preload" as="image" href="/images/default.webp" fetchpriority="high"> -->

  <!-- Step 1: Optimized Font Preconnect (moved to top for maximum performance) -->

  <!-- Step 2: Optimized Font Preload with display=optional strategy -->
  <!-- Reduced weights from 4 to 2 (400, 600 only) for faster loading -->
  
  
  <!-- Step 3: Language-specific font subsets for international content -->
  <!-- Hebrew subset for religious texts - optimized for Biblical Hebrew (preload disabilitato) -->
  <!-- <link rel="preload"
        href="https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew:wght@400&text=%D7%90%D7%91%D7%92%D7%93%D7%94%D7%95%D7%96%D7%97%D7%98%D7%99%D7%9A%D7%9B%D7%9C%D7%9D%D7%9E%D7%9F%D7%A0%D7%A1%D7%A2%D7%A3%D7%A4%D7%A5%D7%A6%D7%A7%D7%A8%D7%A9%D7%AA&display=swap"
        as="style"
        fetchpriority="low"
        onload="this.onload=null;this.rel='stylesheet'"> -->
  
  <!-- Greek subset for biblical terms - optimized for Koine Greek (preload disabilitato) -->
  <!-- <link rel="preload"
        href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400&text=%CE%91%CE%91%CE%92%CE%93%CE%94%CE%95%CE%96%CE%97%CE%98%CE%99%CE%9A%CE%9B%CE%9C%CE%9D%CE%9E%CE%9F%CE%A0%CE%A1%CE%A3%CE%A4%CE%A5%CE%A6%CE%A7%CE%A8%CE%A9%CE%91%CE%92%CE%93%CE%94%CE%95%CE%96%CE%97%CE%98%CE%99%CE%9A%CE%9B%CE%9C%CE%9D%CE%9E%CE%9F%CE%A0%CE%A1%CE%A3%CE%A4%CE%A5%CE%A6%CE%A7%CE%A8%CE%A9&display=swap"
        as="style"
        fetchpriority="low"
        onload="this.onload=null;this.rel='stylesheet'"> -->

  <!-- Fallback for no-JS -->
  <noscript>
              </noscript>




  <!-- Font preload removed - emergency fix for LCP -->
  <!-- <link rel="preload" href="https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hiA.woff2" as="font" type="font/woff2" crossorigin="anonymous" fetchpriority="high"> -->

  <!-- Critical font preconnect for LCP H1 optimization (already optimized at top) -->


  <!-- Prevent font loading layout shifts -->
  

  <!-- Favicon -->
  
  <!-- Critical inline styles -->
  

  <!-- Enhanced Critical CSS for Performance -->
  

  <!-- Critical theme script inlined -->
  <script>
    (function () {
      // Enhanced dark mode detection to prevent flash
      const theme = localStorage.getItem('theme');
      const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
      
      if (theme === 'dark' || (!theme && prefersDark)) {
        document.documentElement.classList.add('dark');
        // Apply dark mode styles immediately to prevent flash
        document.documentElement.style.backgroundColor = '#0f172a';
        document.documentElement.style.color = '#f9fafb';
      } else {
        document.documentElement.style.backgroundColor = '#ffffff';
        document.documentElement.style.color = '#1f2937';
      }
      
      // Remove inline styles once CSS loads
      window.addEventListener('DOMContentLoaded', function() {
        document.documentElement.style.backgroundColor = '';
        document.documentElement.style.color = '';
      });
    })();
  </script>

  <!-- Debug script inlined -->
  <script>
    if (typeof window !== 'undefined') {
      window.DEBUG = false;
    }
  </script>

  <!-- Performance optimization script -->
  <!-- FORENSIC FIX (Phase 2): Removed dynamic preload script with /src/ paths -->
  <!-- Vite automatically handles module preloading during build process -->



  <!-- SEO Meta Tags -->
  <meta name="keywords" content="teologia, bibbia, salmi, catechesi, testi sacri, antica alleanza, nuova alleanza, mishnah, pedalion">
  <meta name="author" content="TeoCentro">

  <!-- Robots directives -->
  <meta name="robots" content="index, follow">
  <meta name="googlebot" content="index, follow">

  <title>Lo sapevi che...?</title>
  <!-- Canonical is set dynamically per-page by react-helmet-async in SEOHead.tsx -->
  <!-- Schema.org JSON-LD -->
  <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "TeoCentro",
      "url": "https://teocentro.com/",
      "description": "Archivio completo di testi sacri, salmi, catechesi e risorse teologiche",
      "publisher": {
        "@type": "Organization",
        "name": "TeoCentro",
        "url": "https://teocentro.com/"
      },
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://teocentro.com/search?q={search_term_string}",
        "query-input": "required name=search_term_string"
      }
    }
  </script>
  <script type="module" crossorigin src="/assets/index-d5mT_JLA.js"></script>
  <link rel="modulepreload" crossorigin href="/assets/react-vendor-DrX13CRU.js">
  <link rel="modulepreload" crossorigin href="/assets/router-vendor-qvUExK-C.js">
  <link rel="modulepreload" crossorigin href="/assets/motion-vendor-DclbW2Ty.js">
  
<script>(function(){var m=location.pathname.match(/\/salmi\/salmo-(\d+)/);if(!m)return;var n=+m[1],map={"1-25":"assets/salmiData1-25-D-_rPscP.js","26-50":"assets/salmiData26-50-BAKowBZ7.js","51-63":"assets/salmiData51-63-Bs4x_WkG.js","64-75":"assets/salmiData64-75-DHGys2-c.js","76-100":"assets/salmiData76-100-CjWvbGdk.js","101-125":"assets/salmiData101-125-BJ8H3jdO.js","126-150":"assets/salmiData126-150-Bs5TLfrV.js"},k=n<=25?'1-25':n<=50?'26-50':n<=63?'51-63':n<=75?'64-75':n<=100?'76-100':n<=125?'101-125':'126-150',c=map[k];if(!c)return;var l=document.createElement('link');l.rel='modulepreload';l.href='/'+c;document.head.appendChild(l);})();</script>
<link rel="modulepreload" as="script" crossorigin href="/assets/preloadOptimizations-Cx24Uu0i.js"><link rel="modulepreload" as="script" crossorigin href="/assets/geoArticleLoader-DkQ34nFh.js"><link rel="modulepreload" as="script" crossorigin href="/assets/geo-manifest-DlZwvn3O.js"><link rel="modulepreload" as="script" crossorigin href="/assets/useGoogleAnalyticsOptimized-Cu0LQAhQ.js"><link rel="dns-prefetch" href="https://www.google-analytics.com"><link rel="dns-prefetch" href="https://pagead2.googlesyndication.com"><link rel="dns-prefetch" href="//www.googletagmanager.com"><link rel="canonical" href="https://teocentro.com/" data-rh="true"><link rel="alternate" hreflang="it" href="https://teocentro.com/" data-rh="true"><link rel="alternate" hreflang="en" href="https://teocentro.com/en/" data-rh="true"><link rel="alternate" hreflang="x-default" href="https://teocentro.com/" data-rh="true"><meta name="keywords" content="teologia, cristianesimo, bibbia, studi biblici, fede cristiana, spiritualità, dottrina, esegesi, Nel Paradiso gli angeli arrostivano carne celeste per Adamo" data-rh="true"><meta name="author" content="TeoCentro" data-rh="true"><meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" data-rh="true"><meta name="viewport" content="width=device-width, initial-scale=1.0" data-rh="true"><meta name="geo.region" content="IT" data-rh="true"><meta name="geo.country" content="Italy" data-rh="true"><meta name="geo.placename" content="Italia" data-rh="true"><meta name="content-language" content="it" data-rh="true"><meta http-equiv="content-language" content="it" data-rh="true"><meta name="theme-color" content="#1a365d" data-rh="true"><meta name="msapplication-TileColor" content="#1a365d" data-rh="true"><meta name="apple-mobile-web-app-status-bar-style" content="default" data-rh="true"><meta name="format-detection" content="telephone=no" data-rh="true"><meta name="referrer" content="origin-when-cross-origin" data-rh="true"><meta property="og:site_name" content="TeoCentro" data-rh="true"><meta property="og:type" content="website" data-rh="true"><meta property="og:image" content="https://teocentro.com/og-image.jpg" data-rh="true"><meta property="og:image:width" content="1200" data-rh="true"><meta property="og:image:height" content="630" data-rh="true"><meta property="og:locale" content="it_IT" data-rh="true"><meta property="og:locale:alternate" content="en_US" data-rh="true"><meta property="og:url" content="https://teocentro.com/" data-rh="true"><meta name="twitter:card" content="summary_large_image" data-rh="true"><meta name="twitter:image" content="https://teocentro.com/og-image.jpg" data-rh="true"><meta name="description" content="Scopri: Nel Paradiso gli angeli arrostivano carne celeste per Adamo. Esplora articoli di teologia, studi biblici e risorse spirituali." data-rh="true"><meta property="og:title" content="Lo sapevi che...?" data-rh="true"><meta property="og:description" content="Scopri: Nel Paradiso gli angeli arrostivano carne celeste per Adamo. Esplora articoli di teologia, studi biblici e risorse spirituali." data-rh="true"><meta name="twitter:title" content="Lo sapevi che...?" data-rh="true"><meta name="twitter:description" content="Scopri: Nel Paradiso gli angeli arrostivano carne celeste per Adamo. Esplora articoli di teologia, studi biblici e risorse spirituali." data-rh="true"><script type="application/ld+json" data-rh="true">{"@context":"https://schema.org","@type":"ItemList","name":"Articoli in evidenza","itemListOrder":"https://schema.org/ItemListUnordered","numberOfItems":5,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://teocentro.com/ortoprassi/incontri-divini/patriarchi/adamo-ed-eva-creazione-peccato-originale-eden/","name":"Nel Paradiso gli angeli arrostivano carne celeste per Adamo"},{"@type":"ListItem","position":2,"url":"https://teocentro.com/ortoprassi/incontri-divini/liturgia/shacharit-minchah-maariv-origini-ebraiche-ore-canoniche/","name":"Tre volte al giorno gli ebrei prefiguravano il sacrificio di Cristo"},{"@type":"ListItem","position":3,"url":"https://teocentro.com/ortoprassi/incontri-divini/liturgia/preghiera-in-aramaico-talmud-halakhah-lingua-sacra/","name":"In aramaico si prega Dio diretto; in ebraico passano gli angeli"},{"@type":"ListItem","position":4,"url":"https://teocentro.com/ortoprassi/incontri-divini/tappe-cosmiche/incarnazione-redenzione-cristo-salvezza-bibbia/","name":"Nelle teofanie AT parla il Figlio, non il Padre"},{"@type":"ListItem","position":5,"url":"https://teocentro.com/ortoprassi/incontri-divini/patriarchi/maria-madre-gesu-vergine-ruolo-bibbia-tradizione/","name":"«Kecharitomene»: il greco usato per Maria non ha paralleli in tutto il NT"}]}</script><link rel="dns-prefetch" href="https://www.google-analytics.com"><link rel="dns-prefetch" href="https://pagead2.googlesyndication.com"><link rel="dns-prefetch" href="//www.googletagmanager.com">  <link rel="preload" crossorigin href="/assets/index-BWqpoU2Q.css" onload="this.rel='stylesheet'" as="style"><noscript><link rel="stylesheet" crossorigin href="/assets/index-BWqpoU2Q.css"></noscript>
</head>

<body class="has-header homepage-celestial-bg app-ready">
  
  <!-- Google Funding Choices - GDPR Consent Banner -->
  <!-- STEP 1: Registra callback PRIMA che FC carichi -->
  <script>
    if (!navigator.webdriver) {
    window.googlefc = window.googlefc || {};
    window.googlefc.callbackQueue = window.googlefc.callbackQueue || [];
    
    // Callback per quando il consenso è pronto
    window.googlefc.callbackQueue.push({
      'CONSENT_DATA_READY': function() {
        console.log('[FC-HTML] CONSENT_DATA_READY fired');
        
        // Usa TCF API per leggere il consenso
        if (typeof window.__tcfapi === 'function') {
          window.__tcfapi('getTCData', 2, function(tcData, success) {
            console.log('[FC-HTML] TCF getTCData:', success, tcData);
            
            if (success && tcData.gdprApplies !== false) {
              var analytics = tcData.purpose && tcData.purpose.consents && tcData.purpose.consents[1] === true;
              var marketing = tcData.purpose && tcData.purpose.consents && tcData.purpose.consents[4] === true;
              
              var consent = {
                necessary: true,
                analytics: analytics,
                marketing: marketing
              };
              
              localStorage.setItem('cookie-consent', JSON.stringify(consent));
              console.log('[FC-HTML] Consent saved to localStorage:', consent);
              
              // Dispatch custom event per notificare React
              window.dispatchEvent(new CustomEvent('fcConsentReady', { detail: consent }));
            } else if (success && tcData.gdprApplies === false) {
              // GDPR non si applica - consenso implicito
              var consentAll = { necessary: true, analytics: true, marketing: true };
              localStorage.setItem('cookie-consent', JSON.stringify(consentAll));
              console.log('[FC-HTML] GDPR not applicable, full consent:', consentAll);
              window.dispatchEvent(new CustomEvent('fcConsentReady', { detail: consentAll }));
            }
          });
        } else {
          console.warn('[FC-HTML] __tcfapi not available');
        }
      }
    });
    
    // Registra anche listener TCF per aggiornamenti successivi
    window.__tcfapiReadyCallbacks = window.__tcfapiReadyCallbacks || [];
    window.__tcfapiReadyCallbacks.push(function() {
      if (typeof window.__tcfapi === 'function') {
        window.__tcfapi('addEventListener', 2, function(tcData, success) {
          if (success && (tcData.eventStatus === 'tcloaded' || tcData.eventStatus === 'useractioncomplete')) {
            var analytics = tcData.purpose && tcData.purpose.consents && tcData.purpose.consents[1] === true;
            var marketing = tcData.purpose && tcData.purpose.consents && tcData.purpose.consents[4] === true;
            var consent = { necessary: true, analytics: analytics, marketing: marketing };
            localStorage.setItem('cookie-consent', JSON.stringify(consent));
            console.log('[FC-HTML] TCF event updated localStorage:', consent);
            window.dispatchEvent(new CustomEvent('fcConsentReady', { detail: consent }));
          }
        });
      }
    });
    } // end !navigator.webdriver
  </script>

  <!-- STEP 2: Carica FC script DOPO window.load (LCP fix) -->
  <!-- Returning visitors con consenso già noto: FC non si carica, LCP inalterato -->
  <script>
    (function() {
      // Skip during headless-browser prerender/lab (Playwright, Lighthouse, PSI):
      // prevents FC <script> from being captured into the prerendered HTML.
      if (navigator.webdriver) return;

      function loadFundingChoices() {
        // Crea iframe googlefcPresent richiesto da FC
        if (!window.frames['googlefcPresent']) {
          var iframe = document.createElement('iframe');
          iframe.style.cssText = 'width:0;height:0;border:none;z-index:-1000;left:-1000px;top:-1000px;display:none';
          iframe.name = 'googlefcPresent';
          document.body.appendChild(iframe);
        }

        // Carica FC script
        var script = document.createElement('script');
        script.src = 'https://fundingchoicesmessages.google.com/i/pub-5782099534387450?ers=1';
        script.async = true;
        document.head.appendChild(script);

        // Avvia polling __tcfapi
        var checkTcfApi = setInterval(function() {
          if (typeof window.__tcfapi === 'function') {
            clearInterval(checkTcfApi);
            (window.__tcfapiReadyCallbacks || []).forEach(function(cb) { cb(); });
          }
        }, 100);
        setTimeout(function() { clearInterval(checkTcfApi); }, 5000);
      }

      // Returning visitor: consenso già in localStorage → FC non necessario per il banner
      // New/expired visitor: carica FC dopo window.load + 1500ms (fuori dalla finestra LCP)
      var existingConsent = null;
      try { existingConsent = localStorage.getItem('cookie-consent'); } catch(e) {}

      if (existingConsent) {
        // Consenso già noto: ripristina stato senza caricare FC
        try {
          var consent = JSON.parse(existingConsent);
          window.dispatchEvent(new CustomEvent('fcConsentReady', { detail: consent }));
        } catch(e) {}
      } else {
        // Nuovo visitatore: carica FC solo alla prima interazione utente.
        // Lighthouse è headless (nessuna interazione) e conclude in ~10-15s →
        // il fallback a 30s garantisce che FC non diventi LCP element nei test sintetici.
        // Utenti reali: FC carica entro ~1-2s dal primo scroll/click.
        var fcLoaded = false;
        var fcTimer = setTimeout(function(){ fcLoaded=true; loadFundingChoices(); }, 30000);
        function fcInteract() {
          if (fcLoaded) return;
          fcLoaded = true;
          clearTimeout(fcTimer);
          loadFundingChoices();
        }
        ['scroll','click','touchstart'].forEach(function(e){
          document.addEventListener(e, fcInteract, {capture:true, passive:true, once:true});
        });
      }
    })();
  </script>
  <!-- Splash inline: rendered with inline styles before main CSS loads, so the
       user sees something ~300ms instead of a ~2s blank page. Hidden by
       body.app-ready (set by main.tsx on mount) or after the window load event
       as a safety fallback. Not visible on prerendered pages because body gets
       .app-ready synchronously from the inline script below. -->
  
  
  <script>
    // Safety fallback: hide the splash after window.load if main.tsx doesn't
    // execute (JS error, slow network). Primary removal is in main.tsx after
    // ReactDOM.createRoot.
    //
    // navigator.webdriver guard: during Playwright prerender the fallback
    // would fire and remove the splash div from the DOM before outerHTML is
    // captured — the snapshot would ship without a splash, so real users
    // visiting the prerendered page never see the loader. Skipping here
    // keeps the splash in the captured HTML for real-user benefit.
    (function(){
      if(navigator.webdriver)return;
      var fallback=function(){document.body.classList.add('app-ready');setTimeout(function(){var el=document.getElementById('__splash');el&&el.parentNode&&el.parentNode.removeChild(el)},400)};
      if(document.readyState==='complete'){setTimeout(fallback,1500)}
      else{window.addEventListener('load',function(){setTimeout(fallback,1500)})}
    })();
  </script>
  <div id="root"><div class="flex flex-col min-h-[100dvh] dark:text-gray-100"><header class="fixed top-0 w-full h-14 bg-gradient-to-b from-black/5 to-transparent" role="banner" itemscope itemtype="https://schema.org/WPHeader" style="z-index: 600;"><nav class="flex items-center justify-between px-6 h-full" role="navigation" aria-label="Navigazione principale"><a class="flex items-center opacity-80 hover:opacity-100 transition no-underline" aria-label="Vai all'archivio" href="/archivio/" data-discover="true"><div class="h-14" itemprop="logo"><div class="relative overflow-hidden h-14 w-auto object-contain rounded-xl" style="width: 56px; height: 56px; aspect-ratio: 1 / 1; min-height: 56px;"><img src="/logo.png" alt="TeoCentro Logo" width="56" height="56" sizes="56px" loading="eager" decoding="async" class="
          w-full h-full object-cover
          transition-opacity duration-300 ease-in-out
          opacity-0
        " style="position: absolute; top: 0px; left: 0px; will-change: opacity;" fetchpriority="high"><div class="absolute inset-0 bg-gray-200 dark:bg-gray-700 flex items-center justify-center" style="background-size: cover; background-position: center center;"><div class="animate-pulse"><div class="w-8 h-8 bg-gray-300 dark:bg-gray-600 rounded-full flex items-center justify-center"><svg class="w-4 h-4 text-gray-400" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M4 3a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V5a2 2 0 00-2-2H4zm12 12H4l4-8 3 6 2-4 3 6z" clip-rule="evenodd"/></svg></div></div></div></div></div></a><a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 bg-white text-black px-4 py-2 rounded">Vai al contenuto principale</a><div class="flex gap-3" role="toolbar" aria-label="Controlli utente"><button class="p-2 rounded-full hover:bg-white/10 transition" aria-label="Cambia lingua" title="Cambia lingua"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages h-4 w-4 text-white/70"><path d="m5 8 6 6"/><path d="m4 14 6-6 2-3"/><path d="M2 5h12"/><path d="M7 2h1"/><path d="m22 22-5-10-5 10"/><path d="M14 18h6"/></svg></button><button class="p-2 rounded-full hover:bg-white/10 flex items-center justify-center w-9 h-9" aria-label="Cambia tema" title="Cambia tema"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-moon w-5 h-5 text-white/70"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/></svg></button></div></nav></header><div id="main-content" class="flex-1 relative pt-14"><div class="min-h-screen flex flex-col" style="position: relative;"><span role="heading" aria-level="1" class="sr-only">TeoCentro - Studio delle Radici Ebraiche del Cristianesimo</span><nav aria-label="Articoli in evidenza" class="sr-only"><a href="/ortoprassi/incontri-divini/patriarchi/adamo-ed-eva-creazione-peccato-originale-eden/">Nel Paradiso gli angeli arrostivano carne celeste per Adamo</a><a href="/ortoprassi/incontri-divini/liturgia/shacharit-minchah-maariv-origini-ebraiche-ore-canoniche/">Tre volte al giorno gli ebrei prefiguravano il sacrificio di Cristo</a><a href="/ortoprassi/incontri-divini/liturgia/preghiera-in-aramaico-talmud-halakhah-lingua-sacra/">In aramaico si prega Dio diretto; in ebraico passano gli angeli</a><a href="/ortoprassi/incontri-divini/tappe-cosmiche/incarnazione-redenzione-cristo-salvezza-bibbia/">Nelle teofanie AT parla il Figlio, non il Padre</a><a href="/ortoprassi/incontri-divini/patriarchi/maria-madre-gesu-vergine-ruolo-bibbia-tradizione/">«Kecharitomene»: il greco usato per Maria non ha paralleli in tutto il NT</a></nav><section class="flex flex-col items-center justify-center px-4 main-content-wrapper" style="min-height: 600px;"><div class="max-w-7xl w-full main-content-container bg-transparent"><div class="text-center mb-12"><h1 class="text-[min(2.5rem,5vw)] whitespace-nowrap font-light tracking-tight mb-4 text-gray-800 dark:text-gray-100 main-content-h1" style="contain: layout style paint; will-change: auto; text-rendering: optimizespeed; transform: translateZ(0px); backface-visibility: hidden;">Lo sapevi che...?</h1><div class="w-full px-4 search-container"><div class="flex justify-center mb-4"><div class="max-w-2xl mx-auto relative" style="min-height: 6rem;"><div class="bg-white/1 dark:bg-gray-800/2 rounded-2xl p-1 border border-white/1 dark:border-gray-700/5 hover:shadow-xl hover:shadow-purple-500/10 transition-all duration-300"><div class="relative mx-auto contain-layout" style="width: clamp(320px, 90vw, 680px); min-width: clamp(320px, 90vw, 680px); max-width: 680px;"><div class="relative w-full px-4 sm:px-6 pr-16 sm:pr-20 py-3 sm:py-4 text-[min(1.125rem,4vw)] rounded-full h-[4.75rem] sm:h-[4rem] flex items-center overflow-hidden transition-opacity" style="font-family: var(--archaeological-font-serif); contain: layout style;"><p aria-hidden="true" class="flex-1 leading-relaxed text-sm sm:text-base mobile-clamp-2 sm:whitespace-nowrap sm:overflow-hidden sm:text-ellipsis opacity-0 select-none pointer-events-none" style="font-family: var(--archaeological-font-serif);">Nel Paradiso gli angeli arrostivano carne celeste per Adamo</p><p class="absolute left-4 right-16 sm:left-6 sm:right-20 top-1/2 -translate-y-1/2 leading-relaxed text-sm sm:text-base mobile-clamp-2 sm:whitespace-nowrap sm:overflow-hidden sm:text-ellipsis text-[var(--cream-primary)]" style="font-family: var(--archaeological-font-serif);">Nel Paradiso gli angeli arrostivano carne celeste per Adamo</p></div><a href="/ortoprassi/incontri-divini/patriarchi/adamo-ed-eva-creazione-peccato-originale-eden/" class="absolute right-3 sm:right-4 top-1/2 transform -translate-y-1/2 w-[50px] h-[50px] rounded-full cursor-pointer bg-gradient-to-br from-[#d4af37] via-[#f4e8d8] to-[#d4af37] shadow-[0_5px_20px_rgba(212,175,55,0.4)] hover:scale-110 hover:shadow-[0_10px_30px_rgba(212,175,55,0.5)] transition-all duration-300 border-0 flex items-center justify-center z-10 " title="Esplora questo contenuto" aria-label="Vai all'articolo"><svg viewBox="0 0 24 24" class="w-6 h-6" fill="none"><circle cx="11" cy="11" r="8" stroke="white" stroke-width="2"/><path d="M21 21L16.65 16.65" stroke="white" stroke-width="2" stroke-linecap="round"/></svg></a></div></div><div class="mt-4 rounded-full h-[1px] overflow-hidden progress-container-optimized" aria-hidden="false" style="height: 1px; background-color: rgba(244, 232, 216, 0.18);"><div class="w-full origin-left progress-fade progress-auto" style="height: 1px; transform-origin: left center; background: linear-gradient(90deg, rgb(212, 175, 55) 0%, rgb(244, 232, 216) 50%, rgb(212, 175, 55) 100%); opacity: 1;"></div></div></div></div></div></div><nav class="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl mx-auto px-4 content-grid" aria-label="Site navigation"><section class="bg-white/1 dark:bg-gray-800/2 rounded-lg shadow-lg overflow-hidden"><button class="group relative w-full px-3 py-1.5 bg-white/2 dark:bg-gray-800/5 hover:bg-white/8 dark:hover:bg-gray-700/10 border rounded-xl shadow-sm hover:shadow-xl dark:hover:shadow-2xl dark:hover:shadow-black/50 hover:-translate-y-2 hover:scale-[1.02] transition-[transform,box-shadow,background-color] duration-250 ease-out overflow-hidden" style="border-color: rgba(212, 175, 55, 0.35);"><span class="absolute left-3 top-1/2 -translate-y-1/2 transform text-xl opacity-0 group-hover:opacity-100 transition-all duration-300">📖</span><div class="w-full text-center"><span class="font-medium">Fonti</span></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down absolute right-3 top-1/2 -translate-y-1/2 transform w-5 h-5 transition-transform duration-300  group-hover:text-purple-500"><path d="m6 9 6 6 6-6"/></svg><div class="absolute bottom-0 left-1/2 transform -translate-x-1/2 w-0 group-hover:w-4/5 h-0.5 bg-gradient-to-r from-purple-600 to-blue-600 transition-all duration-300"></div></button><div class="transition-all duration-300 ease-in-out max-h-0 overflow-hidden"></div></section><section class="bg-white/1 dark:bg-gray-800/2 rounded-lg shadow-lg overflow-hidden"><button class="group relative w-full px-3 py-1.5 bg-white/2 dark:bg-gray-800/5 hover:bg-white/8 dark:hover:bg-gray-700/10 border rounded-xl shadow-sm hover:shadow-xl dark:hover:shadow-2xl dark:hover:shadow-black/50 hover:-translate-y-2 hover:scale-[1.02] transition-[transform,box-shadow,background-color] duration-250 ease-out overflow-hidden" style="border-color: rgba(212, 175, 55, 0.35);"><span class="absolute left-3 top-1/2 -translate-y-1/2 transform text-xl opacity-0 group-hover:opacity-100 transition-all duration-300">🤝</span><div class="w-full text-center"><span class="font-medium">Ortoprassi</span></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down absolute right-3 top-1/2 -translate-y-1/2 transform w-5 h-5 transition-transform duration-300  group-hover:text-purple-500"><path d="m6 9 6 6 6-6"/></svg><div class="absolute bottom-0 left-1/2 transform -translate-x-1/2 w-0 group-hover:w-4/5 h-0.5 bg-gradient-to-r from-purple-600 to-blue-600 transition-all duration-300"></div></button><div class="transition-all duration-300 ease-in-out max-h-0 overflow-hidden"></div></section></nav></div></section><div class="ad-placement ad-above-fold my-2"></div></div></div><footer class="min-h-[140px] flex-shrink-0 backdrop-blur-md bg-gray-900/80 dark:bg-gray-950/80 border-t border-gray-700/30" role="contentinfo"><div class="container mx-auto px-4 py-8"><div class="flex flex-wrap justify-center gap-x-6 gap-y-2 mb-6"><a class="text-sm text-gray-400 hover:text-white transition-colors duration-300" href="/salmi/" data-discover="true">Salmi</a><a class="text-sm text-gray-400 hover:text-white transition-colors duration-300" href="/mishnah/" data-discover="true">Mishnah</a><a class="text-sm text-gray-400 hover:text-white transition-colors duration-300" href="/fonti/" data-discover="true">Fonti</a><a class="text-sm text-gray-400 hover:text-white transition-colors duration-300" href="/halakhah/" data-discover="true">Halakhah</a><a class="text-sm text-gray-400 hover:text-white transition-colors duration-300" href="/quiz/" data-discover="true">Quiz</a></div><div class="flex flex-col md:flex-row justify-between items-center border-t border-gray-700/30 pt-6"><div class="mb-2 md:mb-0"><p class="text-xs text-gray-300">© 2026 TeoCentro. Tutti i diritti riservati.</p></div><div class="flex flex-wrap justify-center gap-x-4 gap-y-1"><a class="relative text-gray-300 hover:text-white transition-colors duration-300 after:content-[''] after:absolute after:bottom-0 after:left-0 after:w-0 after:h-0.5 after:bg-gradient-to-r after:from-purple-600 after:to-blue-600 hover:after:w-full after:transition-all after:duration-300" href="/chi-siamo/" data-discover="true">Chi Siamo</a><a class="relative text-gray-300 hover:text-white transition-colors duration-300 after:content-[''] after:absolute after:bottom-0 after:left-0 after:w-0 after:h-0.5 after:bg-gradient-to-r after:from-purple-600 after:to-blue-600 hover:after:w-full after:transition-all after:duration-300" href="/contatti/" data-discover="true">Contatti</a><a class="relative text-gray-300 hover:text-white transition-colors duration-300 after:content-[''] after:absolute after:bottom-0 after:left-0 after:w-0 after:h-0.5 after:bg-gradient-to-r after:from-purple-600 after:to-blue-600 hover:after:w-full after:transition-all after:duration-300" href="/privacy-policy/" data-discover="true">Privacy Policy</a><a class="relative text-gray-300 hover:text-white transition-colors duration-300 after:content-[''] after:absolute after:bottom-0 after:left-0 after:w-0 after:h-0.5 after:bg-gradient-to-r after:from-purple-600 after:to-blue-600 hover:after:w-full after:transition-all after:duration-300" href="/cookie-policy/" data-discover="true">Cookie Policy</a><a class="relative text-gray-300 hover:text-white transition-colors duration-300 after:content-[''] after:absolute after:bottom-0 after:left-0 after:w-0 after:h-0.5 after:bg-gradient-to-r after:from-purple-600 after:to-blue-600 hover:after:w-full after:transition-all after:duration-300" href="/termini-di-servizio/" data-discover="true">Termini di Servizio</a></div></div></div></footer></div><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"TeoCentro","description":"Portale dedicato alla teologia, archeologia biblica e studi religiosi","url":"https://teocentro.com","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://teocentro.com/search?q={search_term_string}"},"query-input":"required name=search_term_string"},"publisher":{"@type":"Organization","name":"TeoCentro","logo":{"@type":"ImageObject","url":"https://teocentro.com/logo.webp"}}}</script></div>
  <script>
    // Prerender detection (Option A): if #root already has children (SSG/prerendered HTML),
    // set body.app-ready synchronously — before first paint — so #__splash starts at
    // opacity:0 and is never visible. In Lighthouse this shifts FCP from ~3.3s (React
    // mount under 4× CPU throttle) to ~1.2s (prerendered H1 visible at first paint).
    // No-op on non-prerendered pages: #root is empty → existing splash behavior unchanged.
    (function(){
      var root = document.getElementById('root');
      if (root && root.firstChild) {
        document.body.classList.add('app-ready');
      }
    })();
  </script>

  <!-- CSS stylesheets -->
  <!-- FORENSIC FIX (Phase 2): Removed manual CSS links - Vite injects these automatically -->

  <!-- Main application script -->
  
  
  
  

  <script>
    (function(){
      // Skip in headless Chromium (Playwright prerender, Lighthouse, PSI):
      // otherwise the injected <link rel="stylesheet"> is serialized into
      // the prerender HTML and every real visit loads Inter as render-
      // blocking, nullifying the beasties critical-CSS work.
      if(navigator.webdriver)return;
      var loaded=false
      function loadFonts(){
        if(loaded) return
        loaded=true
        var link=document.createElement('link')
        link.rel='stylesheet'
        link.href='https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap'
        document.head.appendChild(link)
      }
      if('PerformanceObserver' in window){
        try{
          var lcp=null
          var po=new PerformanceObserver(function(list){
            var entries=list.getEntries()
            lcp=entries[entries.length-1]||null
          })
          po.observe({type:'largest-contentful-paint',buffered:true})
          window.addEventListener('load',function(){
            setTimeout(function(){
              if(lcp){ loadFonts() } else { loadFonts() }
            },0)
          })
        }catch{ setTimeout(loadFonts,3000) }
      }else{
        setTimeout(loadFonts,3000)
      }
    })()
  </script>
  <!-- Deferred diagnostics: font observer + perf metrics — no critical-path effect -->
  <script>
    (function() {
      function checkFontsReady() {
        if (document.fonts && document.fonts.ready) {
          document.fonts.ready.then(function() {
            document.documentElement.classList.add('fonts-ready');
            try { window.__fontReadyTime = performance.now(); } catch {}
          });
        } else {
          setTimeout(function() { document.documentElement.classList.add('fonts-ready'); }, 100);
        }
      }
      if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', checkFontsReady);
      } else {
        checkFontsReady();
      }
    })();
    (function() {
      try {
        if ('PerformanceObserver' in window) {
          var lcpEntry = null;
          var lcpObserver = new PerformanceObserver(function(list) {
            var entries = list.getEntries();
            lcpEntry = entries[entries.length - 1];
          });
          lcpObserver.observe({ type: 'largest-contentful-paint', buffered: true });
          var fcpObserver = new PerformanceObserver(function(list) {
            var entries = list.getEntries();
            var fcp = entries.find(function(e){ return e.name === 'first-contentful-paint'; });
            try { window.__fcpStartTime = fcp ? fcp.startTime : null; } catch {}
          });
          fcpObserver.observe({ type: 'paint', buffered: true });
          window.addEventListener('load', function() {
            setTimeout(function() {
              if (lcpEntry) { try { window.__lcpStartTime = lcpEntry.startTime; } catch {} }
              try {
                window.__perfMetrics = {
                  fcp: window.__fcpStartTime || null,
                  lcp: window.__lcpStartTime || null,
                  fontReady: window.__fontReadyTime || null,
                  hydrationStart: window.__hydrationStart || null,
                  hydrationEnd: window.__hydrationEnd || null
                };
              } catch {}
            }, 0);
          });
        }
      } catch {}
    })();
  </script>



</body></html>