<div id="fallback-oroscopo-data" style="display:none;">
    <div class="daily-card-fallback" style="padding:20px; border-radius:12px; background: rgba(0,0,0,0.6); border: 1px solid rgba(255,255,255,0.1);">
        <h4 style="color:#c9a050; margin-top:0; margin-bottom:10px;">Cielo del Giorno</h4>
        <p style="color:#ffffff; line-height:1.5; margin-bottom:10px;">Le stelle oggi sono silenziose per questa posizione.</p>
        <p style="color:#ffffff; line-height:1.5; margin-bottom:0;">Le stelle oggi sono silenziose per questa posizione.</p>
    </div>
</div>
{"id":14,"date":"2026-09-10T15:59:05","date_gmt":"2026-09-10T13:59:05","guid":{"rendered":"https:\/\/astro.newgenesys.eu\/?page_id=14"},"modified":"2026-09-10T16:06:26","modified_gmt":"2026-09-10T14:06:26","slug":"carta-del-cielo","status":"publish","type":"page","link":"https:\/\/astro.newgenesys.eu\/index.php\/carta-del-cielo\/","title":{"rendered":"Carta del cielo"},"content":{"rendered":"<div id=\"fallback-oroscopo-data\" style=\"display:none;\">\r\n    <div class=\"daily-card-fallback\" style=\"padding:20px; border-radius:12px; background: rgba(0,0,0,0.6); border: 1px solid rgba(255,255,255,0.1);\">\r\n        <h4 style=\"color:#c9a050; margin-top:0; margin-bottom:10px;\">Cielo del Giorno<\/h4>\r\n        <p style=\"color:#ffffff; line-height:1.5; margin-bottom:10px;\">Le stelle oggi sono silenziose per questa posizione.<\/p>\r\n        <p style=\"color:#ffffff; line-height:1.5; margin-bottom:0;\">Le stelle oggi sono silenziose per questa posizione.<\/p>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    @keyframes twinkle { 0%, 100% { opacity: 0.2; transform: scale(0.8); } 50% { opacity: 0.9; transform: scale(1.1); } }\r\n    @keyframes rainFall { 0% { transform: translateY(-100%) rotate(15deg); opacity: 0; } 50% { opacity: 0.6; } 100% { transform: translateY(100%) rotate(15deg); opacity: 0; } }\r\n    @keyframes sunGlow { from { opacity: 0.6; transform: rotate(-15deg) translateX(-2%); } to { opacity: 1; transform: rotate(-15deg) translateX(2%); } }\r\n    @keyframes cloudDriftNeutral { 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(2%, 1%) scale(1.05); } }\r\n\r\n    .stella-notturna { position: absolute; background: white; border-radius: 50%; pointer-events: none; z-index: 1; }\r\n    .rain-drop { position: absolute; background: rgba(255, 255, 255, 0.4); width: 1px; height: 15px; pointer-events: none; z-index: 2; }\r\n    .sun-beam { position: absolute; top: -50%; left: -20%; width: 200%; height: 200%; background: linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%); transform: rotate(-15deg); z-index: 2; pointer-events: none; animation: sunGlow 8s ease-in-out infinite alternate; }\r\n    .lens-flare { position: absolute; top: -10%; left: -10%; width: 150px; height: 150px; background: radial-gradient(circle, rgba(255,255,255,0.8) 0%, transparent 70%); filter: blur(20px); border-radius: 50%; z-index: 2; pointer-events: none; }\r\n    \r\n    .astro-controls { margin-top:10px; font-size: 12px; font-family: sans-serif; font-weight: bold; }\r\n    .astro-controls a { text-decoration: none; color: #333; padding: 0 5px; }\r\n\t.cielo-inner-box { \r\n    max-width: 380px; \r\n    margin: 0 auto; \r\n    position: relative; \r\n    z-index: 5; \r\n    border-radius: 10px; \r\n    overflow: hidden; \r\n    line-height: 0; \r\n    padding-bottom: 25px; \r\n\t}\r\n\r\n.card-cielo-giorno { \r\n    min-height: 500px !important; \r\n    max-width: 500px !important; \r\n    margin: 0 auto !important;   \r\n    position: relative; \r\n    overflow: hidden; \r\n    border-radius: 15px; \r\n    padding: 25px 20px; \r\n    text-align: center; \r\n    background-color: #fff9c4 !important; \r\n    background-image: url('https:\/\/astro.newgenesys.eu\/wp-content\/plugins\/pop-astrology\/assets\/svg\/astroservizi_sfondo_mobile.svg') !important;\r\n    background-repeat: no-repeat !important;\r\n    background-position: center top !important;\r\n    background-size: cover !important;\r\n    opacity: 0.95;\r\n}\r\n<\/style>\r\n\r\n<div class=\"card-cielo-giorno\">\r\n    <div id=\"astros-canvas-container\" \r\n     class=\"cielo-inner-box\" \r\n     style=\"background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%) !important;\"\r\n     data-new-sole-img=\"segni_pop_art_new_r1_c8.png\" \r\n     data-new-luna-img=\"segni_pop_art_new_r3_c5.png\"\r\n     data-new-sole-desc=\"SOLE IN SCORPIONE\"\r\n     data-new-luna-desc=\"LUNA IN LEONE\">\r\n\t \r\n        <!-- Stelle (Solo Notte) -->\r\n        \r\n        <!-- Nuvole -->\r\n        \r\n        <!-- Pioggia -->\r\n        \r\n        <!-- Sole -->\r\n                    <div class=\"sun-beam\"><\/div>\r\n            <div class=\"lens-flare\"><\/div>\r\n        \r\n        <!-- Motore Grafico SVG -->\r\n        <script>\r\n    window.datiLunaIniziali = {\r\n        sole: 220.8405387,\r\n        luna: 148.9427664\r\n    };\r\n<\/script><script>window.angoloInclinazioneLuna = 83.595754463885;<\/script>\r\n\r\n<style>\r\n    .linea-aspetto { transition: all 0.3s; cursor: pointer; opacity: 0.5; stroke-linecap: round; }\r\n    .linea-aspetto:hover { opacity: 1 !important; stroke-width: 5 !important; }\r\n    .planet-group { cursor: pointer; pointer-events: all; }\r\n    .sign-glyph { fill: #ffffff !important; }\r\n    .glyph { font-family: HamburgSymbols; }\r\n    .casa-num { font-family: 'Georgia', serif; font-style: italic; font-weight: bold; pointer-events: none; }\r\n<\/style>\r\n\r\n<div id=\"astrology-chart-container\" \r\n     data-new-sole-img=\"segni_pop_art_new_r1_c8.png\" \r\n     data-new-luna-img=\"segni_pop_art_new_r3_c5.png\"\r\n     data-new-sole-desc=\"SOLE IN SCORPIONE\"\r\n     data-new-luna-desc=\"LUNA IN LEONE\"\r\n     style=\"position:relative; background:transparent;\">\r\n\t \r\n    <div class=\"pop-mappa-container\" style=\"width: 100%; max-width: 520px; margin: 0 auto;\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\" style=\"width: 100%; height: auto; display: block;\">\r\n            <defs>\r\n                <style>@font-face { font-family: 'HamburgSymbols'; src: url('https:\/\/astro.newgenesys.eu\/wp-content\/plugins\/pop-astrology\/assets\/fonts\/HamburgSymbols.ttf'); }<\/style>\r\n            <\/defs>\r\n\r\n            <circle cx='320' cy='320' r='315' fill='#ffa000' stroke='#d4af37' stroke-width='4' \/><circle cx='320' cy='320' r='245' fill='#F8F5BA' stroke='#ffa000' stroke-width='4'\/><circle cx='320' cy='320' r='160' fill='#d1ecf1' stroke='#eee' stroke-width='3'\/><circle cx='320' cy='320' r='115' fill='#ffffff' stroke='#eee' stroke-width='3'\/><line x1='491.51' y1='494.95' x2='540.52' y2='544.94' stroke='rgba(255,255,255,0.5)' stroke-width='2' \/><text x='561.09' y='462.40' class='glyph sign-glyph' font-size='44' text-anchor='middle' dominant-baseline='middle'>&#97;<\/text><line x1='556.01' y1='385.76' x2='623.44' y2='404.54' stroke='rgba(255,255,255,0.5)' stroke-width='2' \/><text x='599.99' y='322.78' class='glyph sign-glyph' font-size='44' text-anchor='middle' dominant-baseline='middle'>&#115;<\/text><line x1='557.27' y1='258.94' x2='625.06' y2='241.49' stroke='rgba(255,255,255,0.5)' stroke-width='2' \/><text x='563.86' y='182.41' class='glyph sign-glyph' font-size='44' text-anchor='middle' dominant-baseline='middle'>&#100;<\/text><line x1='494.95' y1='148.49' x2='544.94' y2='99.48' stroke='rgba(255,255,255,0.5)' stroke-width='2' \/><text x='462.40' y='78.91' class='glyph sign-glyph' font-size='44' text-anchor='middle' dominant-baseline='middle'>&#102;<\/text><line x1='385.76' y1='83.99' x2='404.54' y2='16.56' stroke='rgba(255,255,255,0.5)' stroke-width='2' \/><text x='322.78' y='40.01' class='glyph sign-glyph' font-size='44' text-anchor='middle' dominant-baseline='middle'>&#103;<\/text><line x1='258.94' y1='82.73' x2='241.49' y2='14.94' stroke='rgba(255,255,255,0.5)' stroke-width='2' \/><text x='182.41' y='76.14' class='glyph sign-glyph' font-size='44' text-anchor='middle' dominant-baseline='middle'>&#104;<\/text><line x1='148.49' y1='145.05' x2='99.48' y2='95.06' stroke='rgba(255,255,255,0.5)' stroke-width='2' \/><text x='78.91' y='177.60' class='glyph sign-glyph' font-size='44' text-anchor='middle' dominant-baseline='middle'>&#106;<\/text><line x1='83.99' y1='254.24' x2='16.56' y2='235.46' stroke='rgba(255,255,255,0.5)' stroke-width='2' \/><text x='40.01' y='317.22' class='glyph sign-glyph' font-size='44' text-anchor='middle' dominant-baseline='middle'>&#107;<\/text><line x1='82.73' y1='381.06' x2='14.94' y2='398.51' stroke='rgba(255,255,255,0.5)' stroke-width='2' \/><text x='76.14' y='457.59' class='glyph sign-glyph' font-size='44' text-anchor='middle' dominant-baseline='middle'>&#108;<\/text><line x1='145.05' y1='491.51' x2='95.06' y2='540.52' stroke='rgba(255,255,255,0.5)' stroke-width='2' \/><text x='177.60' y='561.09' class='glyph sign-glyph' font-size='44' text-anchor='middle' dominant-baseline='middle'>&#122;<\/text><line x1='254.24' y1='556.01' x2='235.46' y2='623.44' stroke='rgba(255,255,255,0.5)' stroke-width='2' \/><text x='317.22' y='599.99' class='glyph sign-glyph' font-size='44' text-anchor='middle' dominant-baseline='middle'>&#120;<\/text><line x1='381.06' y1='557.27' x2='398.51' y2='625.06' stroke='rgba(255,255,255,0.5)' stroke-width='2' \/><text x='457.59' y='563.86' class='glyph sign-glyph' font-size='44' text-anchor='middle' dominant-baseline='middle'>&#99;<\/text><line x1='160.00' y1='320.00' x2='75.00' y2='320.00' stroke='#d4af37' stroke-width='4' \/><text x='189.48' y='354.47' font-size='18' class='casa-num' fill='#999' text-anchor='middle' dominant-baseline='middle'>1<\/text><line x1='180.86' y1='399.00' x2='106.95' y2='440.97' stroke='#ddd' stroke-width='3' \/><text x='227.79' y='418.60' font-size='18' class='casa-num' fill='#999' text-anchor='middle' dominant-baseline='middle'>2<\/text><line x1='250.48' y1='464.11' x2='213.55' y2='540.67' stroke='#ddd' stroke-width='3' \/><text x='302.33' y='453.84' font-size='18' class='casa-num' fill='#999' text-anchor='middle' dominant-baseline='middle'>3<\/text><line x1='349.73' y1='477.21' x2='365.53' y2='560.73' stroke='#d4af37' stroke-width='4' \/><text x='380.98' y='440.44' font-size='18' class='casa-num' fill='#999' text-anchor='middle' dominant-baseline='middle'>4<\/text><line x1='429.12' y1='437.02' x2='487.09' y2='499.18' stroke='#ddd' stroke-width='3' \/><text x='431.92' y='395.50' font-size='18' class='casa-num' fill='#999' text-anchor='middle' dominant-baseline='middle'>5<\/text><line x1='469.37' y1='377.36' x2='548.72' y2='407.83' stroke='#ddd' stroke-width='3' \/><text x='452.74' y='344.61' font-size='18' class='casa-num' fill='#999' text-anchor='middle' dominant-baseline='middle'>6<\/text><line x1='480.00' y1='320.00' x2='565.00' y2='320.00' stroke='#d4af37' stroke-width='4' \/><text x='450.52' y='285.53' font-size='18' class='casa-num' fill='#999' text-anchor='middle' dominant-baseline='middle'>7<\/text><line x1='459.14' y1='241.00' x2='533.05' y2='199.03' stroke='#ddd' stroke-width='3' \/><text x='412.21' y='221.40' font-size='18' class='casa-num' fill='#999' text-anchor='middle' dominant-baseline='middle'>8<\/text><line x1='389.52' y1='175.89' x2='426.45' y2='99.33' stroke='#ddd' stroke-width='3' \/><text x='337.67' y='186.16' font-size='18' class='casa-num' fill='#999' text-anchor='middle' dominant-baseline='middle'>9<\/text><line x1='290.27' y1='162.79' x2='274.47' y2='79.27' stroke='#d4af37' stroke-width='4' \/><text x='259.02' y='199.56' font-size='18' class='casa-num' fill='#999' text-anchor='middle' dominant-baseline='middle'>10<\/text><line x1='210.88' y1='202.98' x2='152.91' y2='140.82' stroke='#ddd' stroke-width='3' \/><text x='208.08' y='244.50' font-size='18' class='casa-num' fill='#999' text-anchor='middle' dominant-baseline='middle'>11<\/text><line x1='170.63' y1='262.64' x2='91.28' y2='232.17' stroke='#ddd' stroke-width='3' \/><text x='187.26' y='295.39' font-size='18' class='casa-num' fill='#999' text-anchor='middle' dominant-baseline='middle'>12<\/text><line x1='399.75' y1='395.76' x2='423.99' y2='284.14' class='linea-aspetto' stroke='#2ecc71' stroke-width='2' onclick=\"showInfo('Sestile', 'Tra Nettuno e Urano')\" \/><line x1='399.75' y1='395.76' x2='296.34' y2='427.43' class='linea-aspetto' stroke='#2ecc71' stroke-width='2' onclick=\"showInfo('Sestile', 'Tra Nettuno e Plutone')\" \/><line x1='408.51' y1='385.31' x2='423.99' y2='284.14' class='linea-aspetto' stroke='#2ecc71' stroke-width='2' onclick=\"showInfo('Sestile', 'Tra Saturno e Urano')\" \/><line x1='423.99' y1='284.14' x2='294.56' y2='212.98' class='linea-aspetto' stroke='#e67e22' stroke-width='2' onclick=\"showInfo('Quadrato', 'Tra Urano e Luna')\" \/><line x1='423.99' y1='284.14' x2='296.34' y2='427.43' class='linea-aspetto' stroke='#3498db' stroke-width='4' onclick=\"showInfo('Trigono', 'Tra Urano e Plutone')\" \/><line x1='311.98' y1='210.29' x2='216.87' y2='281.73' class='linea-aspetto' stroke='#2ecc71' stroke-width='2' onclick=\"showInfo('Sestile', 'Tra Marte e Venere')\" \/><line x1='311.98' y1='210.29' x2='210.04' y2='316.86' class='linea-aspetto' stroke='#e67e22' stroke-width='2' onclick=\"showInfo('Quadrato', 'Tra Marte e Mercurio')\" \/><line x1='302.75' y1='211.36' x2='216.87' y2='281.73' class='linea-aspetto' stroke='#2ecc71' stroke-width='2' onclick=\"showInfo('Sestile', 'Tra Giove e Venere')\" \/><line x1='294.56' y1='212.98' x2='216.87' y2='281.73' class='linea-aspetto' stroke='#2ecc71' stroke-width='2' onclick=\"showInfo('Sestile', 'Tra Luna e Venere')\" \/><line x1='216.87' y1='281.73' x2='296.34' y2='427.43' class='linea-aspetto' stroke='#e67e22' stroke-width='2' onclick=\"showInfo('Quadrato', 'Tra Venere e Plutone')\" \/><line x1='210.37' y1='310.93' x2='296.34' y2='427.43' class='linea-aspetto' stroke='#e67e22' stroke-width='2' onclick=\"showInfo('Quadrato', 'Tra Sole e Plutone')\" \/><g class='planet-group' style='cursor:pointer;' onclick=\"showInfo(&#039;Nettuno in Ariete &#039;, &#039;Posizione: 2\u00b0 02\\&#039; - Casa 12&#039;)\"><circle cx='472.25' cy='464.64' r='22' fill='transparent' \/><text x='472.25' y='464.64' class='glyph' font-size='40' text-anchor='middle' dominant-baseline='middle' fill='#2c3e50'>&#79;<\/text><\/g><g class='planet-group' style='cursor:pointer;' onclick=\"showInfo(&#039;Saturno in Ariete &#039;, &#039;Posizione: 9\u00b0 08\\&#039; - Casa 12&#039;)\"><circle cx='464.84' cy='426.87' r='22' fill='transparent' \/><text x='464.84' y='426.87' class='glyph' font-size='40' text-anchor='middle' dominant-baseline='middle' fill='#2c3e50'>&#85;<\/text><\/g><g class='planet-group' style='cursor:pointer;' onclick=\"showInfo(&#039;Urano in Gemelli &#039;, &#039;Posizione: 4\u00b0 35\\&#039; - Casa 7&#039;)\"><circle cx='518.53' cy='251.55' r='22' fill='transparent' \/><text x='518.53' y='251.55' class='glyph' font-size='40' text-anchor='middle' dominant-baseline='middle' fill='#2c3e50'>&#73;<\/text><\/g><g class='planet-group' style='cursor:pointer;' onclick=\"showInfo(&#039;Marte in Leone &#039;, &#039;Posizione: 19\u00b0 45\\&#039; - Casa 9&#039;)\"><circle cx='304.68' cy='110.56' r='22' fill='transparent' \/><text x='304.68' y='110.56' class='glyph' font-size='40' text-anchor='middle' dominant-baseline='middle' fill='#2c3e50'>&#84;<\/text><\/g><g class='planet-group' style='cursor:pointer;' onclick=\"showInfo(&#039;Giove in Leone &#039;, &#039;Posizione: 24\u00b0 35\\&#039; - Casa 9&#039;)\"><circle cx='291.77' cy='142.23' r='22' fill='transparent' \/><text x='291.77' y='142.23' class='glyph' font-size='40' text-anchor='middle' dominant-baseline='middle' fill='#2c3e50'>&#89;<\/text><\/g><g class='planet-group' style='cursor:pointer;' onclick=\"showInfo(&#039;Luna in Leone &#039;, &#039;Posizione: 28\u00b0 56\\&#039; - Casa 10&#039;)\"><circle cx='285.30' cy='174.07' r='22' fill='transparent' \/><text x='285.30' y='174.07' class='glyph' font-size='40' text-anchor='middle' dominant-baseline='middle' fill='#2c3e50'>&#87;<\/text><\/g><g class='planet-group' style='cursor:pointer;' onclick=\"showInfo(&#039;Venere in Bilancia &#039;, &#039;Posizione: 25\u00b0 12\\&#039; - Casa 12&#039;)\"><circle cx='123.12' cy='246.95' r='22' fill='transparent' \/><text x='123.12' y='246.95' class='glyph' font-size='40' text-anchor='middle' dominant-baseline='middle' fill='#2c3e50'>&#82;<\/text><\/g><g class='planet-group' style='cursor:pointer;' onclick=\"showInfo(&#039;Sole in Scorpione &#039;, &#039;Posizione: 10\u00b0 50\\&#039; - Casa 12&#039;)\"><circle cx='110.71' cy='302.69' r='22' fill='transparent' \/><text x='110.71' y='302.69' class='glyph' font-size='40' text-anchor='middle' dominant-baseline='middle' fill='#2c3e50'>&#81;<\/text><\/g><g class='planet-group' style='cursor:pointer;' onclick=\"showInfo(&#039;Mercurio in Scorpione &#039;, &#039;Posizione: 13\u00b0 55\\&#039; - Casa 12&#039;)\"><circle cx='140.07' cy='314.85' r='22' fill='transparent' \/><text x='140.07' y='314.85' class='glyph' font-size='40' text-anchor='middle' dominant-baseline='middle' fill='#2c3e50'>&#69;<\/text><\/g><g class='planet-group' style='cursor:pointer;' onclick=\"showInfo(&#039;Plutone in Acquario &#039;, &#039;Posizione: 3\u00b0 08\\&#039; - Casa 3&#039;)\"><circle cx='274.83' cy='525.08' r='22' fill='transparent' \/><text x='274.83' y='525.08' class='glyph' font-size='40' text-anchor='middle' dominant-baseline='middle' fill='#2c3e50'>&#80;<\/text><\/g>        <\/svg>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ Passiamo l'angolo calcolato da PHP a JavaScript\r\n    window.angoloInclinazioneLuna = 83.595754463885;\r\n<\/script>\r\n\r\n\r\n<div id=\"pop-luna-timeline-container\" style=\"width: 100%; max-width: 520px; margin: 10px auto; overflow: visible; position: relative;\">\r\n    <div id=\"pop-luna-track\" style=\"display: flex; align-items: flex-end; justify-content: center; gap: 20px; transition: transform 0.1s ease-out; cursor: grab;\">\r\n        \r\n                    <div class=\"luna-item\" style=\"flex: 0 0 auto; text-align: center; opacity: 0.4; display: flex; flex-direction: column; align-items: center;\">\r\n                \r\n                <!-- Wrapper della Luna: QUI l'overflow \u00e8 hidden per tagliare l'ombra -->\r\n                <div class=\"luna-wrapper\" style=\"position: relative; width: 50px; height: 50px; overflow: hidden; border-radius: 50%; box-shadow: inset 0 0 5px rgba(255,255,255,0.3); background: transparent;\">\r\n                    <!-- Texture Luna -->\r\n                    <img decoding=\"async\" src=\"https:\/\/astro.newgenesys.eu\/wp-content\/plugins\/pop-astrology\/assets\/img\/moon-texture-soft.png\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\r\n                    \r\n                    <!-- Ombra Dinamica -->\r\n                    <div class=\"luna-ombra\" id=\"luna-ombra--3\" data-elongazione=\"248.5922277\" style=\"position: absolute; top: -10%; left: -10%; width: 120%; height: 120%; border-radius: 50%; background: radial-gradient(circle, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.85) 90%); filter: blur(6px); transform: translateX(0%); pointer-events: none; z-index: 2;\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Label: FUORI dal wrapper per evitare troncamenti -->\r\n                <div class=\"luna-label\" style=\"font-size: 10px; color: white; margin-top: 10px; font-family: sans-serif; font-weight: normal; white-space: nowrap;\">\r\n                    Giorno -3                <\/div>\r\n            <\/div>\r\n                    <div class=\"luna-item\" style=\"flex: 0 0 auto; text-align: center; opacity: 0.6; display: flex; flex-direction: column; align-items: center;\">\r\n                \r\n                <!-- Wrapper della Luna: QUI l'overflow \u00e8 hidden per tagliare l'ombra -->\r\n                <div class=\"luna-wrapper\" style=\"position: relative; width: 50px; height: 50px; overflow: hidden; border-radius: 50%; box-shadow: inset 0 0 5px rgba(255,255,255,0.3); background: transparent;\">\r\n                    <!-- Texture Luna -->\r\n                    <img decoding=\"async\" src=\"https:\/\/astro.newgenesys.eu\/wp-content\/plugins\/pop-astrology\/assets\/img\/moon-texture-soft.png\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\r\n                    \r\n                    <!-- Ombra Dinamica -->\r\n                    <div class=\"luna-ombra\" id=\"luna-ombra--2\" data-elongazione=\"261.7622277\" style=\"position: absolute; top: -10%; left: -10%; width: 120%; height: 120%; border-radius: 50%; background: radial-gradient(circle, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.85) 90%); filter: blur(6px); transform: translateX(0%); pointer-events: none; z-index: 2;\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Label: FUORI dal wrapper per evitare troncamenti -->\r\n                <div class=\"luna-label\" style=\"font-size: 10px; color: white; margin-top: 10px; font-family: sans-serif; font-weight: normal; white-space: nowrap;\">\r\n                    Giorno -2                <\/div>\r\n            <\/div>\r\n                    <div class=\"luna-item\" style=\"flex: 0 0 auto; text-align: center; opacity: 0.8; display: flex; flex-direction: column; align-items: center;\">\r\n                \r\n                <!-- Wrapper della Luna: QUI l'overflow \u00e8 hidden per tagliare l'ombra -->\r\n                <div class=\"luna-wrapper\" style=\"position: relative; width: 50px; height: 50px; overflow: hidden; border-radius: 50%; box-shadow: inset 0 0 5px rgba(255,255,255,0.3); background: transparent;\">\r\n                    <!-- Texture Luna -->\r\n                    <img decoding=\"async\" src=\"https:\/\/astro.newgenesys.eu\/wp-content\/plugins\/pop-astrology\/assets\/img\/moon-texture-soft.png\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\r\n                    \r\n                    <!-- Ombra Dinamica -->\r\n                    <div class=\"luna-ombra\" id=\"luna-ombra--1\" data-elongazione=\"274.9322277\" style=\"position: absolute; top: -10%; left: -10%; width: 120%; height: 120%; border-radius: 50%; background: radial-gradient(circle, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.85) 90%); filter: blur(6px); transform: translateX(0%); pointer-events: none; z-index: 2;\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Label: FUORI dal wrapper per evitare troncamenti -->\r\n                <div class=\"luna-label\" style=\"font-size: 10px; color: white; margin-top: 10px; font-family: sans-serif; font-weight: normal; white-space: nowrap;\">\r\n                    Giorno -1                <\/div>\r\n            <\/div>\r\n                    <div class=\"luna-item\" style=\"flex: 0 0 auto; text-align: center; opacity: 1; display: flex; flex-direction: column; align-items: center;\">\r\n                \r\n                <!-- Wrapper della Luna: QUI l'overflow \u00e8 hidden per tagliare l'ombra -->\r\n                <div class=\"luna-wrapper\" style=\"position: relative; width: 75px; height: 75px; overflow: hidden; border-radius: 50%; box-shadow: inset 0 0 5px rgba(255,255,255,0.3); background: transparent;\">\r\n                    <!-- Texture Luna -->\r\n                    <img decoding=\"async\" src=\"https:\/\/astro.newgenesys.eu\/wp-content\/plugins\/pop-astrology\/assets\/img\/moon-texture-soft.png\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\r\n                    \r\n                    <!-- Ombra Dinamica -->\r\n                    <div class=\"luna-ombra\" id=\"luna-ombra-0\" data-elongazione=\"288.1022277\" style=\"position: absolute; top: -10%; left: -10%; width: 120%; height: 120%; border-radius: 50%; background: radial-gradient(circle, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.85) 90%); filter: blur(6px); transform: translateX(0%); pointer-events: none; z-index: 2;\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Label: FUORI dal wrapper per evitare troncamenti -->\r\n                <div class=\"luna-label\" style=\"font-size: 10px; color: white; margin-top: 10px; font-family: sans-serif; font-weight: bold; white-space: nowrap;\">\r\n                    Oggi                <\/div>\r\n            <\/div>\r\n                    <div class=\"luna-item\" style=\"flex: 0 0 auto; text-align: center; opacity: 0.8; display: flex; flex-direction: column; align-items: center;\">\r\n                \r\n                <!-- Wrapper della Luna: QUI l'overflow \u00e8 hidden per tagliare l'ombra -->\r\n                <div class=\"luna-wrapper\" style=\"position: relative; width: 50px; height: 50px; overflow: hidden; border-radius: 50%; box-shadow: inset 0 0 5px rgba(255,255,255,0.3); background: transparent;\">\r\n                    <!-- Texture Luna -->\r\n                    <img decoding=\"async\" src=\"https:\/\/astro.newgenesys.eu\/wp-content\/plugins\/pop-astrology\/assets\/img\/moon-texture-soft.png\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\r\n                    \r\n                    <!-- Ombra Dinamica -->\r\n                    <div class=\"luna-ombra\" id=\"luna-ombra-1\" data-elongazione=\"301.2722277\" style=\"position: absolute; top: -10%; left: -10%; width: 120%; height: 120%; border-radius: 50%; background: radial-gradient(circle, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.85) 90%); filter: blur(6px); transform: translateX(0%); pointer-events: none; z-index: 2;\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Label: FUORI dal wrapper per evitare troncamenti -->\r\n                <div class=\"luna-label\" style=\"font-size: 10px; color: white; margin-top: 10px; font-family: sans-serif; font-weight: normal; white-space: nowrap;\">\r\n                    Giorno +1                <\/div>\r\n            <\/div>\r\n                    <div class=\"luna-item\" style=\"flex: 0 0 auto; text-align: center; opacity: 0.6; display: flex; flex-direction: column; align-items: center;\">\r\n                \r\n                <!-- Wrapper della Luna: QUI l'overflow \u00e8 hidden per tagliare l'ombra -->\r\n                <div class=\"luna-wrapper\" style=\"position: relative; width: 50px; height: 50px; overflow: hidden; border-radius: 50%; box-shadow: inset 0 0 5px rgba(255,255,255,0.3); background: transparent;\">\r\n                    <!-- Texture Luna -->\r\n                    <img decoding=\"async\" src=\"https:\/\/astro.newgenesys.eu\/wp-content\/plugins\/pop-astrology\/assets\/img\/moon-texture-soft.png\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\r\n                    \r\n                    <!-- Ombra Dinamica -->\r\n                    <div class=\"luna-ombra\" id=\"luna-ombra-2\" data-elongazione=\"314.4422277\" style=\"position: absolute; top: -10%; left: -10%; width: 120%; height: 120%; border-radius: 50%; background: radial-gradient(circle, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.85) 90%); filter: blur(6px); transform: translateX(0%); pointer-events: none; z-index: 2;\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Label: FUORI dal wrapper per evitare troncamenti -->\r\n                <div class=\"luna-label\" style=\"font-size: 10px; color: white; margin-top: 10px; font-family: sans-serif; font-weight: normal; white-space: nowrap;\">\r\n                    Giorno +2                <\/div>\r\n            <\/div>\r\n                    <div class=\"luna-item\" style=\"flex: 0 0 auto; text-align: center; opacity: 0.4; display: flex; flex-direction: column; align-items: center;\">\r\n                \r\n                <!-- Wrapper della Luna: QUI l'overflow \u00e8 hidden per tagliare l'ombra -->\r\n                <div class=\"luna-wrapper\" style=\"position: relative; width: 50px; height: 50px; overflow: hidden; border-radius: 50%; box-shadow: inset 0 0 5px rgba(255,255,255,0.3); background: transparent;\">\r\n                    <!-- Texture Luna -->\r\n                    <img decoding=\"async\" src=\"https:\/\/astro.newgenesys.eu\/wp-content\/plugins\/pop-astrology\/assets\/img\/moon-texture-soft.png\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\r\n                    \r\n                    <!-- Ombra Dinamica -->\r\n                    <div class=\"luna-ombra\" id=\"luna-ombra-3\" data-elongazione=\"327.6122277\" style=\"position: absolute; top: -10%; left: -10%; width: 120%; height: 120%; border-radius: 50%; background: radial-gradient(circle, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.85) 90%); filter: blur(6px); transform: translateX(0%); pointer-events: none; z-index: 2;\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Label: FUORI dal wrapper per evitare troncamenti -->\r\n                <div class=\"luna-label\" style=\"font-size: 10px; color: white; margin-top: 10px; font-family: sans-serif; font-weight: normal; white-space: nowrap;\">\r\n                    Giorno +3                <\/div>\r\n            <\/div>\r\n                \r\n    <\/div>\r\n<\/div>\r\n<script>\r\n    (function() {\r\n        \/\/ Questa funzione si auto-esegue ogni volta che il frammento HTML viene caricato\r\n        function applicaOmbre() {\r\n            const ombre = document.querySelectorAll('.luna-ombra');\r\n            const inclinazione = window.angoloInclinazioneLuna || 0;\r\n\r\n            ombre.forEach(ombra => {\r\n                const elongazione = parseFloat(ombra.getAttribute('data-elongazione'));\r\n                if (isNaN(elongazione)) return;\r\n\r\n                \/\/ Calcolo illuminazione 0-100\r\n                let illuminazione = (1 - Math.cos(elongazione * Math.PI \/ 180)) \/ 2 * 100;\r\n                \r\n                \/\/ Calcolo spostamento (logica che abbiamo validato prima)\r\n                let shiftDiretto = (elongazione <= 180) ? illuminazione : -illuminazione;\r\n\r\n                \/\/ Applichiamo la trasformazione\r\n                ombra.style.transform = `rotate(${inclinazione}deg) translateX(${shiftDiretto}%)`;\r\n            });\r\n        }\r\n\r\n        \/\/ Lanciamo la funzione con un piccolissimo ritardo per assicurarci che il DOM sia pronto\r\n        setTimeout(applicaOmbre, 50);\r\n    })();\r\n<\/script>\r\n\r\n<script>\r\nif (typeof showInfo !== 'function') {\r\n    function showInfo(t, c) {\r\n        const title = document.getElementById('info-title');\r\n        const cont = document.getElementById('info-content');\r\n        if (title && cont) {\r\n            title.textContent = t.toUpperCase();\r\n            cont.textContent = c;\r\n            title.style.color = \"#d4af37\";\r\n            setTimeout(() => { title.style.color = \"\"; }, 1000);\r\n        }\r\n    }\r\n}\r\n\r\nfunction aggiornaOmbraLuna(elongazioneGradi, elementoOmbra) {\r\n    \r\n\t\/\/alert(elongazioneGradi);\r\n\t\r\n\/\/ 1. Percentuale di illuminazione (0-100)\r\n    let illuminazione = (1 - Math.cos(elongazioneGradi * Math.PI \/ 180)) \/ 2 * 100;\r\n\r\n    \/\/ 2. Calcolo dello spostamento migliorato\r\n    \/\/ Usiamo una scala che va da 0 (piena) a 110 (nuova, fuori bordo)\r\n    \/\/ Se l'illuminazione \u00e8 100%, vogliamo che l'ombra sia a 110% (completamente fuori)\r\n    let baseShift = 110 - illuminazione;\r\n\r\n    \/\/ Direzione: se calante o crescente\r\n    let finalShift = (elongazioneGradi <= 180) ? illuminazione : -illuminazione;\r\n\t\r\n    \/\/ 3. Applichiamo la trasformazione\r\n    elementoOmbra.style.transform = `rotate(${window.angoloInclinazioneLuna}deg) translateX(${finalShift}%)`;\r\n\r\n}\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    \/\/ 1. Recuperiamo l'elongazione (differenza Luna-Sole) calcolata da PHP\r\n    let elongazioneBase = 288.1022277;\r\n\r\n    \/\/ 2. Troviamo tutte le ombre nel documento\r\n    for (let i = -3; i <= 3; i++) {\r\n        const elementoOmbra = document.getElementById(`luna-ombra-${i}`);\r\n        \r\n        if (elementoOmbra) {\r\n            \/\/ Calcoliamo l'elongazione approssimativa per i giorni precedenti\/successivi\r\n            \/\/ (La luna si sposta di circa 13 gradi al giorno)\r\n            let elongazioneGiorno = (elongazioneBase + (i * 13.18)) % 360;\r\n            if (elongazioneGiorno < 0) elongazioneGiorno += 360;\r\n\r\n            \/\/ 3. Eseguiamo l'aggiornamento grafico\r\n            aggiornaOmbraLuna(elongazioneGiorno, elementoOmbra);\r\n        }\r\n    }\r\n});\r\n\r\nfunction sincronizzaTutteLeLune() {\r\n    const ombre = document.querySelectorAll('.luna-ombra');\r\n    \r\n    ombre.forEach(ombra => {\r\n        \/\/ Leggiamo l'elongazione salvata nel 'data-' dell'HTML\r\n        const elongazione = parseFloat(ombra.getAttribute('data-elongazione'));\r\n        \r\n        \/\/ Calcoliamo l'illuminazione (0-100)\r\n        let illuminazione = (1 - Math.cos(elongazione * Math.PI \/ 180)) \/ 2 * 100;\r\n        \r\n        \/\/ Calcoliamo lo shift (positivo per crescente, negativo per calante)\r\n        let shiftDiretto = (elongazione <= 180) ? illuminazione : -illuminazione;\r\n\r\n        \/\/ Applichiamo la rotazione (statica) e lo spostamento (dinamico)\r\n        \/\/ Usiamo window.angoloInclinazioneLuna che hai gi\u00e0 definito\r\n        ombra.style.transform = `rotate(${window.angoloInclinazioneLuna}deg) translateX(${shiftDiretto}%)`;\r\n    });\r\n}\r\n\r\n\/\/ Avviamo la sincronizzazione al caricamento della pagina\r\ndocument.addEventListener('DOMContentLoaded', sincronizzaTutteLeLune);\r\n\r\n<\/script>    \r\n        <div class=\"player-controls\"><\/div>\r\n\r\n        <!-- Scritta Localit\u00e0 con Ora Locale Corretta -->\r\n        <div style=\"margin-top: 20px; font-size: 13px; color: #fff; font-family: sans-serif;\">\r\n            <strong>Roma<\/strong> (Ora locale): 03.11.2026 07:14        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Player Temporale -->\r\n    <div class=\"astro-controls\">\r\n                <a href=\"javascript:void(0);\" onclick=\"moveTime('month_m')\"> -1M <\/a> |\r\n        <a href=\"javascript:void(0);\" onclick=\"moveTime('week_m')\"> -7g <\/a> |\r\n        <a href=\"javascript:void(0);\" onclick=\"moveTime('day_m')\"> -1g <\/a>|\r\n        <a href=\"javascript:void(0);\" onclick=\"moveTime('reset')\">Oggi<\/a>|\r\n        <a href=\"javascript:void(0);\" onclick=\"moveTime('day_p')\"> +1g <\/a> |\r\n        <a href=\"javascript:void(0);\" onclick=\"moveTime('week_p')\"> +7g <\/a>|\r\n        <a href=\"javascript:void(0);\" onclick=\"moveTime('month_p')\"> +1M <\/a>\r\n        <div style=\"font-size: 11px; color: #666; margin-top: 5px;\">\r\n\t\t\t<input type=\"hidden\" id=\"current-date-hidden\" value=\"03.11.2026\">\r\n\t\t\t<input type=\"hidden\" id=\"current-time-hidden\" value=\"07:14\">\r\n\t\t<\/div>\r\n\t\r\n    <\/div>\r\n\r\n    <!-- Box Info -->\r\n    <div id=\"astrology-info-box\" style=\"margin-top: 15px; padding: 10px 20px; border-top: 1px dashed #d4af37; text-align: center;\">\r\n        <h4 id=\"info-title\" style=\"margin: 0 0 5px 0; color: black; font-size: 14px; text-transform: uppercase;\">Clicca un pianeta<\/h4>\r\n        <p id=\"info-content\" style=\"margin: 0; color: #555; font-size: 12px;\">Seleziona un simbolo nel cielo.<\/p>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- INTERFACCIA DI INPUT EXTRA-COMPATTA -->\r\n<div class=\"astros-controls\" style=\"text-align:center; margin: 5px auto 15px auto; background: #d1ecf1; padding: 5px 10px; border-radius: 8px; border: 1px solid #ffe0b2; max-width: 500px;\">\r\n    <div style=\"display: flex; gap: 5px; flex-wrap: wrap; justify-content: center; align-items: center;\">\r\n        <input type=\"text\" id=\"city-input\" placeholder=\"Citt\u00e0...\" \r\n               value=\"Roma\"\r\n               style=\"padding: 3px 8px; border-radius: 12px; border: 1px solid #ff9800; font-size: 12px; width: 120px; height: 26px; outline: none;\">\r\n        \r\n        <input type=\"time\" id=\"time-input\" \r\n               value=\"07:14\" \r\n               style=\"padding: 2px 5px; border-radius: 12px; border: 1px solid #ff9800; font-size: 12px; height: 26px; outline: none;\">\r\n        \r\n        <button onclick=\"updateAstros()\" \r\n                style=\"padding: 0 12px; height: 26px; background: #ff9800; color: white; border: none; border-radius: 12px; cursor: pointer; font-size: 11px; font-weight: bold; text-transform: uppercase; line-height: 26px;\">\r\n            Calcola\r\n        <\/button>\r\n    <\/div>\r\n    <div id=\"search-feedback\" style=\"font-size: 10px; color: #e65100; margin-top: 2px; line-height: 10px;\"><\/div>\r\n<\/div>\r\n\r\n<div id=\"astro-modal-overlay\" style=\"display:none; position:fixed; top:0; left:0; width:100vw !important; height:100vh !important; background:rgba(0, 0, 0, 0.8) !important; z-index:2147483647 !important; justify-content:center; align-items:center; backdrop-filter: blur(8px);\">\r\n    <div id=\"astro-modal-content\" style=\"background:#ffffff !important; padding:40px !important; border-radius:25px !important; width:90%; max-width:500px; max-height:80vh; overflow-y:auto; position:relative !important; z-index: 2147483648 !important; box-shadow: 0 15px 40px rgba(255, 0, 127, 0.2) !important; border: 2px solid #ff007f !important; font-family: 'Arial', sans-serif !important;\">\r\n        <span id=\"astro-modal-close\" style=\"position:absolute; top:15px; right:20px; cursor:pointer; font-size:30px; color: #ff007f !important;\">&times;<\/span>\r\n        <h3 id=\"astro-modal-title\" style=\"margin-top:0; border-bottom:2px solid #ff007f; padding-bottom:15px; color:#ff007f !important; font-family: 'Arial Black', sans-serif !important; text-transform: uppercase; font-size: 22px;\"><\/h3>\r\n        <div id=\"astro-modal-body\" style=\"line-height:1.6; color:#333 !important; font-size:16px; font-family: 'Arial', sans-serif !important; text-align: justify; padding-right: 5px;\">\r\n            Caricamento in corso...\r\n        <\/div>\r\n        <div style=\"text-align: center; margin-top: 30px;\">\r\n            <button onclick=\"document.getElementById('astro-modal-overlay').style.display='none'\" style=\"background:#ff007f; color:#fff; border:none; padding:10px 30px; border-radius:25px; cursor:pointer; font-weight:bold; text-transform:uppercase;\">Chiudi<\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    var modal = document.getElementById('astro-modal-overlay');\r\n    if (modal && document.body) {\r\n        document.body.appendChild(modal);\r\n    }\r\n});\r\n\r\nfunction apriAstroPopModal(title, text) {\r\n    document.getElementById('astro-modal-title').innerText = title;\r\n    document.getElementById('astro-modal-body').innerText = text;\r\n    document.getElementById('astro-modal-overlay').style.display = 'flex';\r\n    document.body.style.overflow = 'hidden';\r\n}\r\n\r\nfunction chiudiAstroPopModal() {\r\n    document.getElementById('astro-modal-overlay').style.display = 'none';\r\n    document.body.style.overflow = 'auto';\r\n}\r\n\r\ndocument.getElementById('astro-modal-close').addEventListener('click', chiudiAstroPopModal);\r\ndocument.getElementById('astro-modal-overlay').addEventListener('click', function(e) {\r\n    if (e.target === document.getElementById('astro-modal-overlay')) {\r\n        chiudiAstroPopModal();\r\n    }\r\n});\r\n\r\nfunction sincronizzaTutteLeLune() {\r\n    const ombre = document.querySelectorAll('.luna-ombra');\r\n    const inclinazione = window.angoloInclinazioneLuna || 0;\r\n\r\n    ombre.forEach(ombra => {\r\n        const elongazione = parseFloat(ombra.getAttribute('data-elongazione'));\r\n        if (!isNaN(elongazione)) {\r\n            let illuminazione = (1 - Math.cos(elongazione * Math.PI \/ 180)) \/ 2 * 100;\r\n            let shiftDiretto = (elongazione <= 180) ? illuminazione : -illuminazione;\r\n            ombra.style.transform = `rotate(${inclinazione}deg) translateX(${shiftDiretto}%)`;\r\n        }\r\n    });\r\n\r\n    const container = document.getElementById('astros-canvas-container'); \r\n    let headerTarget = document.getElementById('header-astro-target');\r\n    if (!headerTarget) {\r\n        headerTarget = document.querySelector('.astro-dynamic-widget');\r\n    }\r\n\r\n    if (headerTarget && container) {\r\n        const pathPop = \"https:\/\/astro.newgenesys.eu\/wp-content\/plugins\/pop-astrology\/assets\/img\/pop\/\";\r\n        const imgSole = container.getAttribute('data-new-sole-img');\r\n        const imgLuna = container.getAttribute('data-new-luna-img');\r\n        const descSole = container.getAttribute('data-new-sole-desc') || \"Sole\";\r\n        const descLuna = container.getAttribute('data-new-luna-desc') || \"Luna\";\r\n\r\n        if (imgSole && imgLuna) {\r\n            headerTarget.innerHTML = `\r\n                <div style=\"display: flex; justify-content: flex-end; align-items: center; gap: 12px; padding: 5px 0; z-index:1;\">\r\n                    <div class=\"header-icon-wrap\" style=\"position: relative;\">\r\n                        <span class=\"astro-badge\">\u2600\ufe0f<\/span>\r\n                        <img decoding=\"async\" src=\"${pathPop}${imgSole}\" class=\"astro-popup-trigger\" data-desc=\"${descSole}\" title=\"${descSole}\" style=\"width: 70px; height: 70px; object-fit: cover; border-radius: 50%; border: 3px solid #d1ecf1; box-shadow: 0 2px 8px rgba(0,0,0,0.15); cursor:pointer;\">\r\n                    <\/div>\r\n                    <div class=\"header-icon-wrap\" style=\"position: relative;\">\r\n                        <span class=\"astro-badge\">\ud83c\udf19<\/span>\r\n                        <img decoding=\"async\" src=\"${pathPop}${imgLuna}\" class=\"astro-popup-trigger\" data-desc=\"${descLuna}\" title=\"${descLuna}\" style=\"width: 70px; height: 70px; object-fit: cover; border-radius: 50%; border: 3px solid #d1ecf1; box-shadow: 0 2px 8px rgba(0,0,0,0.15); cursor:pointer;\">\r\n                    <\/div>\r\n                <\/div>`;\r\n        }\r\n    }\r\n}\r\nfunction updateAstros(moveDir = null) {\r\n    const cityInput = document.getElementById('city-input');\r\n    const timeInput = document.getElementById('time-input');\r\n    const feedback = document.getElementById('search-feedback');\r\n    const container = document.getElementById('astros-canvas-container');\r\n    \r\n    if(!cityInput || !timeInput || !container) return;\r\n\r\n    const city = cityInput.value;\r\n    const apiKey = 'ea977e2e5630162799ef705c8daccd8c';\r\n\r\n    const urlParams = new URLSearchParams(window.location.search);\r\n    let currentDate = urlParams.get('astros_date') || '03.11.2026';\r\n\r\n    feedback.innerText = \"Aggiornamento in corso...\";\r\n    container.style.opacity = '0.5';\r\n\r\n    \/\/ Aggiungiamo un flag booleano per capire se stiamo cambiando citt\u00e0\r\n    const fetchNewChart = (lat, lon, cityName, isNewCitySearch = false) => {\r\n        let params = new URLSearchParams();\r\n        params.set('astros_lat', lat);\r\n        params.set('astros_lon', lon);\r\n        params.set('astros_city', cityName);\r\n        params.set('astros_date', currentDate);\r\n        params.set('is_ajax', '1');\r\n        \r\n        \/\/ Se NON \u00e8 una nuova ricerca di citt\u00e0 (es. muoviamo i giorni col player), passiamo anche l'ora attuale dell'input.\r\n        \/\/ Se invece \u00e8 una nuova citt\u00e0, OMETTIAMO astros_time cos\u00ec lasciamo che sia il PHP a convertire l'orario in base al fuso!\r\n        if (!isNewCitySearch) {\r\n            params.set('astros_time', timeInput.value);\r\n        }\r\n\r\n        if (moveDir) params.set('astros_move', moveDir);\r\n\r\n        const finalUrl = window.location.pathname + '?' + params.toString();\r\n\r\n        fetch(finalUrl)\r\n            .then(res => res.text())\r\n            .then(html => {\r\n                const parser = new DOMParser();\r\n                const doc = parser.parseFromString(html, 'text\/html');\r\n                const target = doc.getElementById('astros-canvas-container');\r\n                \r\n                const hiddenDateInput = doc.getElementById('current-date-hidden');\r\n                const hiddenTimeInput = doc.getElementById('current-time-hidden');\r\n\r\n                if (target) {\r\n                    container.innerHTML = target.innerHTML;\r\n                    container.style.cssText = target.style.cssText;\r\n                    container.className = target.className;\r\n\r\n                    container.setAttribute('data-new-sole-img', target.getAttribute('data-new-sole-img'));\r\n                    container.setAttribute('data-new-luna-img', target.getAttribute('data-new-luna-img'));\r\n                    container.setAttribute('data-new-sole-desc', target.getAttribute('data-new-sole-desc'));\r\n                    container.setAttribute('data-new-luna-desc', target.getAttribute('data-new-luna-desc'));\r\n\r\n                    if(hiddenDateInput) {\r\n                        params.set('astros_date', hiddenDateInput.value);\r\n                    }\r\n    \r\n                    history.pushState({}, '', '?' + params.toString());\r\n                    sincronizzaTutteLeLune();\r\n                    feedback.innerText = \"\"; \r\n                    container.style.opacity = '1';\r\n                }\r\n            })\r\n            .catch(err => {\r\n                console.error(\"Errore fetch:\", err);\r\n                feedback.innerText = \"Errore di caricamento.\";\r\n                container.style.opacity = '1';\r\n            });\r\n    };\r\n\r\n    if (moveDir === 'reset') {\r\n        fetchNewChart('41.9', '12.49', \"Roma\", false);\r\n    } else if (city.trim().length > 2 && city !== \"Roma\") {\r\n        fetch(`https:\/\/api.openweathermap.org\/geo\/1.0\/direct?q=${encodeURIComponent(city)}&limit=1&appid=${apiKey}`)\r\n            .then(res => res.json())\r\n            .then(data => {\r\n                if (data.length > 0) {\r\n                    \/\/ Passiamo true come quarto parametro per indicare che \u00e8 un cambio di citt\u00e0!\r\n                    fetchNewChart(data[0].lat.toFixed(2), data[0].lon.toFixed(2), data[0].name, true);\r\n                } else {\r\n                    feedback.innerText = \"Citt\u00e0 non trovata.\";\r\n                    container.style.opacity = '1';\r\n                }\r\n            });\r\n    } else {\r\n        fetchNewChart('41.9', '12.49', \"Roma\", false);\r\n    }\r\n}\r\n\r\nfunction moveTime(direction) {\r\n    updateAstros(direction);\r\n}\r\n\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    sincronizzaTutteLeLune();\r\n    const cityIn = document.getElementById('city-input');\r\n    if(cityIn) {\r\n        cityIn.addEventListener('keypress', (e) => {\r\n            if (e.key === 'Enter') updateAstros();\r\n        });\r\n    }\r\n});\r\n\r\njQuery(document).on('click', '.astro-popup-trigger', function() {\r\n    const descrizione = jQuery(this).attr('data-desc');\r\n    jQuery('#astro-modal-title').text(descrizione);\r\n    jQuery('#astro-modal-body').html('Caricamento...');\r\n    jQuery('#astro-modal-overlay').css('display', 'flex');\r\n\r\n    jQuery.post('https:\/\/astro.newgenesys.eu\/wp-admin\/admin-ajax.php', {\r\n        action: 'get_astrology_text',\r\n        desc: descrizione\r\n    }, function(response) {\r\n        jQuery('#astro-modal-body').html(response);\r\n    });\r\n});\r\n<\/script>\r\n\r\n<style>\r\n#astro-modal-overlay {\r\n    background: rgba(0, 0, 0, 0.2);\r\n    backdrop-filter: blur(5px);\r\n}\r\n#astro-modal-content {\r\n    background: #ffffff !important;\r\n    padding: 30px !important;\r\n    border-radius: 20px !important;\r\n    border: 2px solid #ff007f !important;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;\r\n    max-width: 500px;\r\n    width: 90%;\r\n}\r\n#astro-modal-title {\r\n    color: #ff007f !important;\r\n    font-family: inherit;\r\n    font-weight: bold;\r\n    margin-bottom: 20px;\r\n}\r\n<\/style>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/astro.newgenesys.eu\/index.php\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/astro.newgenesys.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/astro.newgenesys.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/astro.newgenesys.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/astro.newgenesys.eu\/index.php\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":1,"href":"https:\/\/astro.newgenesys.eu\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":16,"href":"https:\/\/astro.newgenesys.eu\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions\/16"}],"wp:attachment":[{"href":"https:\/\/astro.newgenesys.eu\/index.php\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}