{"id":11,"date":"2026-08-13T16:02:10","date_gmt":"2026-08-13T16:02:10","guid":{"rendered":"https:\/\/www.cittadicastellowebcam.it\/wiki\/?page_id=11"},"modified":"2026-10-25T09:10:19","modified_gmt":"2026-10-25T09:10:19","slug":"wiki","status":"publish","type":"page","link":"https:\/\/www.cittadicastellowebcam.it\/wiki\/","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"11\" class=\"elementor elementor-11\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6cd5fdd e-con e-atomic-element e-flexbox-base e-default-div e-ece3126 \" data-id=\"6cd5fdd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6cd5fdd\">\n    \t\t<div class=\"elementor-element elementor-element-c6248ee elementor-widget elementor-widget-html\" data-id=\"c6248ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   CDC \u2022 WEBCAM FLOATING LAUNCHER \u2014 V30\r\n   DARK GLASS \/ LIQUID DROP \/ PERFORMANCE FIRST\r\n\r\n   Ottimizzato per Safari iOS 26\/27, Chrome Android e desktop.\r\n   Obiettivi:\r\n   - animazioni principalmente su transform\/opacity\r\n   - niente will-change permanente sui pannelli grandi\r\n   - raggi sospesi quando il launcher \u00e8 nascosto\r\n   - niente backdrop-filter sul pannello webcam mobile\r\n   - cache-busting allineato al ciclo reale di aggiornamento immagini\r\n   - rotazione senza flash nero tra una webcam e l'altra\r\n   - gestione robusta di aperture\/chiusure ravvicinate\r\n   - fallback per browser meno recenti\r\n\r\n   Grafica, dimensioni, testi, URL e struttura funzionale mantenuti. Migliorie limitate a fluidit\u00e0, gestione risorse, pulsanti X e resa luminosa del launcher.\r\n   ========================================================= *\/\r\n\r\n#cdc-w7-launcher,\r\n#cdc-w7-launcher *,\r\n#cdc-w7-overlay,\r\n#cdc-w7-overlay *,\r\n#cdc-w7-zoom,\r\n#cdc-w7-zoom * {\r\n    box-sizing: border-box;\r\n    -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n\/* =========================================================\r\n   LAUNCHER\r\n   ========================================================= *\/\r\n\r\n#cdc-w7-launcher {\r\n    position: fixed !important;\r\n    left: 22px !important;\r\n    right: auto !important;\r\n    bottom: 22px !important;\r\n\r\n    width: 64px !important;\r\n    height: 64px !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    border: 1px solid rgba(72,220,146,.34) !important;\r\n    border-radius: 50% !important;\r\n\r\n    background:\r\n        radial-gradient(circle at 34% 28%, rgba(116,255,181,.18), transparent 38%),\r\n        radial-gradient(circle at 66% 72%, rgba(72,220,146,.055), transparent 50%),\r\n        linear-gradient(145deg, rgba(20,42,39,.94), rgba(7,20,27,.96)) !important;\r\n\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n\r\n    color: #fff !important;\r\n    cursor: pointer !important;\r\n    z-index: 2147483000 !important;\r\n    overflow: visible !important;\r\n\r\n    -webkit-backdrop-filter: none !important;\r\n    backdrop-filter: none !important;\r\n\r\n    box-shadow:\r\n        0 12px 28px rgba(0,0,0,.32),\r\n        0 0 0 1px rgba(255,255,255,.035),\r\n        0 0 18px rgba(72,220,146,.14),\r\n        inset 0 1px 0 rgba(255,255,255,.10) !important;\r\n\r\n    opacity: 1 !important;\r\n    transform: translate3d(0,0,0) scale3d(1,1,1) !important;\r\n    backface-visibility: hidden;\r\n    -webkit-backface-visibility: hidden;\r\n\r\n    transition:\r\n        opacity .24s cubic-bezier(.25,.8,.25,1),\r\n        transform .30s cubic-bezier(.22,1.08,.30,1),\r\n        border-color .20s ease,\r\n        box-shadow .20s ease !important;\r\n\r\n    touch-action: manipulation !important;\r\n    user-select: none;\r\n    -webkit-user-select: none;\r\n}\r\n\r\n\/* =========================================================\r\n   RAGGI + PULSAZIONE INTERNA\r\n   ========================================================= *\/\r\n\r\n#cdc-w7-launcher::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: -5px;\r\n    border: 1.5px solid rgba(82,238,157,.62);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    z-index: -2;\r\n    box-shadow:\r\n        0 0 0 4px rgba(72,220,146,.13),\r\n        0 0 16px rgba(72,220,146,.15);\r\n    opacity: .92;\r\n    transform: translate3d(0,0,0) scale3d(.88,.88,1);\r\n    animation: cdcw7-ring-one 3.8s cubic-bezier(.18,.7,.2,1) infinite;\r\n}\r\n\r\n#cdc-w7-launcher::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: -5px;\r\n    border: 1px solid rgba(88,242,164,.46);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    z-index: -1;\r\n    box-shadow:\r\n        0 0 0 4px rgba(72,220,146,.10),\r\n        0 0 16px rgba(72,220,146,.10);\r\n    opacity: .76;\r\n    transform: translate3d(0,0,0) scale3d(.88,.88,1);\r\n    animation: cdcw7-ring-two 3.8s cubic-bezier(.18,.7,.2,1) 1.9s infinite;\r\n}\r\n\r\n\/*\r\n   Pulsazione interna molto leggera.\r\n   Un singolo layer radiale senza blur: l'animazione usa solo\r\n   opacity + transform per restare reattiva anche su mobile.\r\n*\/\r\n#cdc-w7-inner-pulse {\r\n    position: absolute;\r\n    width: 44px;\r\n    height: 44px;\r\n    left: 50%;\r\n    top: 50%;\r\n    margin: -22px 0 0 -22px;\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n    background: radial-gradient(\r\n        circle at 50% 50%,\r\n        rgba(125,255,187,.24) 0%,\r\n        rgba(72,220,146,.15) 28%,\r\n        rgba(72,220,146,.065) 52%,\r\n        rgba(72,220,146,0) 74%\r\n    );\r\n    opacity: .72;\r\n    transform: translate3d(0,0,0) scale3d(.86,.86,1);\r\n    animation: cdcw7-inner-pulse 2.6s cubic-bezier(.35,0,.25,1) infinite;\r\n    backface-visibility: hidden;\r\n    -webkit-backface-visibility: hidden;\r\n}\r\n\r\n#cdc-w7-launcher.cdcw7-hidden::before,\r\n#cdc-w7-launcher.cdcw7-hidden::after,\r\n#cdc-w7-launcher.cdcw7-hidden #cdc-w7-inner-pulse {\r\n    animation-play-state: paused !important;\r\n}\r\n\r\n#cdc-w7-launcher.cdcw7-hidden {\r\n    opacity: 0 !important;\r\n    pointer-events: none !important;\r\n    transform: translate3d(0,0,0) scale3d(.62,.62,1) !important;\r\n}\r\n\r\n#cdc-w7-launcher.cdcw7-page-hidden::before,\r\n#cdc-w7-launcher.cdcw7-page-hidden::after,\r\n#cdc-w7-launcher.cdcw7-page-hidden #cdc-w7-inner-pulse,\r\n#cdc-w7-overlay.cdcw7-page-hidden #cdc-w7-live-dot {\r\n    animation-play-state: paused !important;\r\n}\r\n\r\n@keyframes cdcw7-ring-one {\r\n    0% {\r\n        opacity: .92;\r\n        transform: translate3d(0,0,0) scale3d(.88,.88,1);\r\n    }\r\n    40% {\r\n        opacity: .58;\r\n        transform: translate3d(0,0,0) scale3d(1.06,1.06,1);\r\n    }\r\n    70% {\r\n        opacity: .13;\r\n        transform: translate3d(0,0,0) scale3d(1.32,1.32,1);\r\n    }\r\n    100% {\r\n        opacity: 0;\r\n        transform: translate3d(0,0,0) scale3d(1.45,1.45,1);\r\n    }\r\n}\r\n\r\n@keyframes cdcw7-ring-two {\r\n    0%, 100% {\r\n        opacity: 0;\r\n        transform: translate3d(0,0,0) scale3d(.88,.88,1);\r\n    }\r\n    15% {\r\n        opacity: .78;\r\n        transform: translate3d(0,0,0) scale3d(.94,.94,1);\r\n    }\r\n    45% {\r\n        opacity: .42;\r\n        transform: translate3d(0,0,0) scale3d(1.12,1.12,1);\r\n    }\r\n    75% {\r\n        opacity: .07;\r\n        transform: translate3d(0,0,0) scale3d(1.38,1.38,1);\r\n    }\r\n}\r\n\r\n@keyframes cdcw7-inner-pulse {\r\n    0%, 100% {\r\n        opacity: .52;\r\n        transform: translate3d(0,0,0) scale3d(.86,.86,1);\r\n    }\r\n    42% {\r\n        opacity: .90;\r\n        transform: translate3d(0,0,0) scale3d(1.02,1.02,1);\r\n    }\r\n    68% {\r\n        opacity: .67;\r\n        transform: translate3d(0,0,0) scale3d(1.08,1.08,1);\r\n    }\r\n}\r\n\/* =========================================================\r\n   HOVER \/ TOUCH\r\n   ========================================================= *\/\r\n\r\n@media (hover: hover) and (pointer: fine) {\r\n    #cdc-w7-launcher:hover {\r\n        transform: translate3d(0,0,0) scale3d(1.07,1.07,1) !important;\r\n        border-color: rgba(108,241,171,.50) !important;\r\n        box-shadow:\r\n            0 14px 32px rgba(0,0,0,.36),\r\n            0 0 0 1px rgba(255,255,255,.04),\r\n            0 0 22px rgba(72,220,146,.18) !important;\r\n    }\r\n\r\n    #cdc-w7-launcher:hover svg {\r\n        transform: translate3d(0,0,0) scale3d(1.07,1.07,1) !important;\r\n    }\r\n\r\n    #cdc-w7-close:hover {\r\n        background: rgba(78,13,24,.70) !important;\r\n        border-color: rgba(255,135,150,.28) !important;\r\n        color: #fff !important;\r\n    }\r\n\r\n    .cdc-w7-arrow:hover {\r\n        background: rgba(32,165,109,.58) !important;\r\n        border-color: rgba(98,242,170,.30) !important;\r\n        opacity: 1 !important;\r\n    }\r\n\r\n    #cdc-w7-zoom-close:hover {\r\n        background: rgba(38,180,119,.55) !important;\r\n        border-color: rgba(104,245,177,.32) !important;\r\n        color: #fff !important;\r\n    }\r\n\r\n    .cdc-w7-dot:hover {\r\n        background: rgba(255,255,255,.55) !important;\r\n        transform: scale3d(1.25,1.25,1) !important;\r\n    }\r\n}\r\n\r\n#cdc-w7-launcher:active {\r\n    transform: translate3d(0,0,0) scale3d(.93,.93,1) !important;\r\n}\r\n\r\n#cdc-w7-launcher:active svg {\r\n    transform: translate3d(0,0,0) scale3d(.91,.91,1) !important;\r\n}\r\n\r\n\/* =========================================================\r\n   KEYFRAMES LAUNCHER\r\n   ========================================================= *\/\r\n\r\n@keyframes cdcw7-ring-one {\r\n    0% {\r\n        opacity: .88;\r\n        transform: translate3d(0,0,0) scale3d(.88,.88,1);\r\n    }\r\n    40% {\r\n        opacity: .52;\r\n        transform: translate3d(0,0,0) scale3d(1.06,1.06,1);\r\n    }\r\n    70% {\r\n        opacity: .10;\r\n        transform: translate3d(0,0,0) scale3d(1.32,1.32,1);\r\n    }\r\n    100% {\r\n        opacity: 0;\r\n        transform: translate3d(0,0,0) scale3d(1.45,1.45,1);\r\n    }\r\n}\r\n\r\n@keyframes cdcw7-ring-two {\r\n    0%, 100% {\r\n        opacity: 0;\r\n        transform: translate3d(0,0,0) scale3d(.88,.88,1);\r\n    }\r\n    15% {\r\n        opacity: .72;\r\n        transform: translate3d(0,0,0) scale3d(.94,.94,1);\r\n    }\r\n    45% {\r\n        opacity: .36;\r\n        transform: translate3d(0,0,0) scale3d(1.12,1.12,1);\r\n    }\r\n    75% {\r\n        opacity: .06;\r\n        transform: translate3d(0,0,0) scale3d(1.38,1.38,1);\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   ICONA SVG\r\n   ========================================================= *\/\r\n\r\n#cdc-w7-launcher svg {\r\n    width: 34px !important;\r\n    height: 34px !important;\r\n    display: block !important;\r\n    position: relative;\r\n    z-index: 2;\r\n    filter: drop-shadow(0 2px 3px rgba(0,0,0,.35));\r\n    transform: translate3d(0,0,0) scale3d(1,1,1) !important;\r\n    transition: transform .26s cubic-bezier(.22,1.08,.30,1) !important;\r\n    backface-visibility: hidden;\r\n    -webkit-backface-visibility: hidden;\r\n}\r\n\r\n\/* =========================================================\r\n   OVERLAY\r\n   ========================================================= *\/\r\n\r\n#cdc-w7-overlay {\r\n    position: fixed !important;\r\n    inset: 0 !important;\r\n    display: flex !important;\r\n    align-items: flex-end !important;\r\n    justify-content: flex-start !important;\r\n    padding: 22px !important;\r\n    background: transparent !important;\r\n    pointer-events: none !important;\r\n    z-index: 2147482990 !important;\r\n    visibility: hidden !important;\r\n    transition: visibility 0s linear .36s !important;\r\n    overscroll-behavior: none;\r\n}\r\n\r\n#cdc-w7-overlay.cdcw7-active,\r\n#cdc-w7-overlay.cdcw7-closing {\r\n    visibility: visible !important;\r\n}\r\n\r\n\/* =========================================================\r\n   FINESTRA WEBCAM\r\n   ========================================================= *\/\r\n\r\n#cdc-w7-window {\r\n    position: relative !important;\r\n    width: 430px !important;\r\n    max-width: calc(100vw - 44px) !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    overflow: hidden !important;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(12,23,34,.975),\r\n            rgba(5,13,21,.985)\r\n        ) !important;\r\n\r\n    border: 1px solid rgba(255,255,255,.11) !important;\r\n    border-radius: 20px !important;\r\n\r\n    box-shadow:\r\n        0 20px 50px rgba(0,0,0,.45),\r\n        0 0 0 1px rgba(255,255,255,.025) !important;\r\n\r\n    \/*\r\n       Sui dispositivi touch evitiamo il blur del backdrop per\r\n       contenere il costo di compositing; desktop mantiene un\r\n       blur leggero per conservare il feeling glass.\r\n    *\/\r\n    -webkit-backdrop-filter: none !important;\r\n    backdrop-filter: none !important;\r\n\r\n    pointer-events: none !important;\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n        translate3d(0,20px,0)\r\n        scale3d(.28,.18,1);\r\n\r\n    transform-origin: 16px 100%;\r\n\r\n    isolation: isolate;\r\n\r\n    contain: layout style paint;\r\n\r\n    backface-visibility: hidden;\r\n    -webkit-backface-visibility: hidden;\r\n\r\n    transition:\r\n        opacity .22s cubic-bezier(.22,1,.36,1),\r\n        transform .40s cubic-bezier(.18,1.08,.28,1) !important;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n    #cdc-w7-overlay.cdcw7-active #cdc-w7-window,\r\n    #cdc-w7-overlay.cdcw7-closing #cdc-w7-window {\r\n        -webkit-backdrop-filter: blur(7px) saturate(118%) !important;\r\n        backdrop-filter: blur(7px) saturate(118%) !important;\r\n    }\r\n}\r\n\r\n#cdc-w7-overlay.cdcw7-active #cdc-w7-window {\r\n    opacity: 1;\r\n    transform:\r\n        translate3d(0,0,0)\r\n        scale3d(1,1,1);\r\n    pointer-events: auto !important;\r\n}\r\n\r\n#cdc-w7-overlay.cdcw7-active.cdcw7-closing #cdc-w7-window {\r\n    opacity: 0;\r\n    transform:\r\n        translate3d(0,12px,0)\r\n        scale3d(.26,.17,1);\r\n    pointer-events: none !important;\r\n    transition:\r\n        opacity .23s cubic-bezier(.4,0,.2,1),\r\n        transform .33s cubic-bezier(.4,0,.2,1) !important;\r\n}\r\n\r\n\/* =========================================================\r\n   HEADER\r\n   ========================================================= *\/\r\n\r\n#cdc-w7-header {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    height: 48px !important;\r\n    padding: 0 8px 0 15px !important;\r\n    margin: 0 !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: space-between !important;\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            rgba(48,191,126,.20),\r\n            rgba(20,109,83,.14)\r\n        ) !important;\r\n    color: #fff !important;\r\n    border-bottom: 1px solid rgba(72,220,146,.15) !important;\r\n    line-height: 1 !important;\r\n    overflow: hidden !important;\r\n}\r\n\r\n#cdc-w7-header::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 160px;\r\n    height: 80px;\r\n    left: -35px;\r\n    top: -55px;\r\n    border-radius: 50%;\r\n    background: rgba(72,220,146,.09);\r\n    filter: blur(20px);\r\n    pointer-events: none;\r\n}\r\n\r\n#cdc-w7-overlay:not(.cdcw7-active) #cdc-w7-header::before {\r\n    display: none;\r\n}\r\n\r\n\/* =========================================================\r\n   LIVE\r\n   ========================================================= *\/\r\n\r\n#cdc-w7-live {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 8px !important;\r\n    font-family:\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        Roboto,\r\n        Helvetica,\r\n        Arial,\r\n        sans-serif !important;\r\n    font-size: 12px !important;\r\n    font-weight: 750 !important;\r\n    letter-spacing: .055em !important;\r\n    color: rgba(235,255,244,.96) !important;\r\n}\r\n\r\n#cdc-w7-live-dot {\r\n    width: 8px !important;\r\n    height: 8px !important;\r\n    flex: 0 0 8px !important;\r\n    border-radius: 50% !important;\r\n    background:\r\n        radial-gradient(\r\n            circle at 35% 30%,\r\n            #ffd2d2 0%,\r\n            #ff6666 32%,\r\n            #ff3030 68%,\r\n            #d81919 100%\r\n        ) !important;\r\n    box-shadow:\r\n        0 0 0 3px rgba(255,255,255,.07),\r\n        0 0 7px rgba(255,45,45,.25) !important;\r\n    animation: cdcw7-live 1.5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes cdcw7-live {\r\n    0%,100% {\r\n        opacity: 1;\r\n        transform: translate3d(0,0,0) scale3d(1,1,1);\r\n    }\r\n    50% {\r\n        opacity: .55;\r\n        transform: translate3d(0,0,0) scale3d(.84,.84,1);\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   CLOSE POPUP\r\n   ========================================================= *\/\r\n\r\n#cdc-w7-close {\r\n    position: relative;\r\n    z-index: 3;\r\n    width: 32px !important;\r\n    height: 32px !important;\r\n    flex: 0 0 32px !important;\r\n    display: grid !important;\r\n    place-items: center !important;\r\n    padding: 0 !important;\r\n    border: 1px solid rgba(255,255,255,.10) !important;\r\n    border-radius: 50% !important;\r\n    color: rgba(255,255,255,.94) !important;\r\n    font-family:\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        Roboto,\r\n        Helvetica,\r\n        Arial,\r\n        sans-serif !important;\r\n    font-size: 0 !important;\r\n    font-weight: 800 !important;\r\n    line-height: 1 !important;\r\n    cursor: pointer !important;\r\n    background: rgba(68,12,21,.68) !important;\r\n    transition:\r\n        background .12s ease,\r\n        border-color .12s ease,\r\n        color .12s ease !important;\r\n    touch-action: manipulation;\r\n    -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n\/*\r\n   X otticamente centrata e pi\u00f9 leggibile.\r\n   Il transform \u00e8 statico: serve solo al centraggio del glifo,\r\n   non viene mai modificato durante hover\/tap\/chiusura.\r\n*\/\r\n#cdc-w7-close::before {\r\n    content: \"\u00d7\";\r\n    display: block;\r\n    font-family:\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        Roboto,\r\n        Helvetica,\r\n        Arial,\r\n        sans-serif;\r\n    font-size: 25px;\r\n    font-weight: 800;\r\n    line-height: .84;\r\n    letter-spacing: 0;\r\n    color: currentColor;\r\n    transform: translate3d(0,-.5px,0);\r\n    -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n#cdc-w7-close:active {\r\n    background: rgba(82,14,25,.76) !important;\r\n}\r\n\r\n\/* =========================================================\r\n   IMAGE AREA\r\n   ========================================================= *\/\r\n\r\n#cdc-w7-image-wrap {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    aspect-ratio: 16 \/ 9 !important;\r\n    overflow: hidden !important;\r\n    background: #000 !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    line-height: 0 !important;\r\n}\r\n\r\n#cdc-w7-image-wrap::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    border: 1px solid rgba(255,255,255,.03);\r\n    pointer-events: none;\r\n    z-index: 7;\r\n}\r\n\r\n#cdc-w7-image {\r\n    position: absolute !important;\r\n    inset: 0 !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    border: 0 !important;\r\n    display: block !important;\r\n    background: #000 !important;\r\n    object-fit: contain !important;\r\n    opacity: 0;\r\n    transform: translate3d(0,0,0);\r\n    transition: opacity .16s ease !important;\r\n    backface-visibility: hidden;\r\n    -webkit-backface-visibility: hidden;\r\n}\r\n\r\n#cdc-w7-image.cdcw7-image-ready {\r\n    opacity: 1;\r\n}\r\n\r\n\/* =========================================================\r\n   INVISIBLE ZOOM TARGET\r\n   ========================================================= *\/\r\n\r\n#cdc-w7-zoom-button {\r\n    position: absolute !important;\r\n    inset: 0 !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    border: 0 !important;\r\n    outline: 0 !important;\r\n    background: transparent !important;\r\n    box-shadow: none !important;\r\n    appearance: none !important;\r\n    -webkit-appearance: none !important;\r\n    cursor: zoom-in !important;\r\n    z-index: 8 !important;\r\n    color: transparent !important;\r\n    font-size: 0 !important;\r\n    line-height: 0 !important;\r\n    border-radius: 0 !important;\r\n    touch-action: manipulation !important;\r\n}\r\n\r\n\/* Frecce sopra il target invisibile *\/\r\n.cdc-w7-arrow {\r\n    z-index: 10 !important;\r\n}\r\n\r\n\/* =========================================================\r\n   LOADING \/ ERROR\r\n   ========================================================= *\/\r\n\r\n#cdc-w7-loading {\r\n    position: absolute !important;\r\n    inset: 0 !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    background:\r\n        radial-gradient(\r\n            circle at center,\r\n            rgba(25,52,46,.28),\r\n            rgba(0,0,0,.97) 68%\r\n        ) !important;\r\n    color: rgba(255,255,255,.76) !important;\r\n    font-family:\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        Roboto,\r\n        Helvetica,\r\n        Arial,\r\n        sans-serif !important;\r\n    font-size: 13px !important;\r\n    font-weight: 500 !important;\r\n    z-index: 4 !important;\r\n    transition: opacity .16s ease !important;\r\n}\r\n\r\n#cdc-w7-loading.cdcw7-loaded {\r\n    opacity: 0 !important;\r\n    pointer-events: none !important;\r\n}\r\n\r\n#cdc-w7-error {\r\n    position: absolute !important;\r\n    left: 50% !important;\r\n    top: 50% !important;\r\n    transform: translate3d(-50%,-50%,0) !important;\r\n    width: 90% !important;\r\n    padding: 12px 15px !important;\r\n    border: 1px solid rgba(255,255,255,.08) !important;\r\n    border-radius: 12px !important;\r\n    background: rgba(10,17,25,.78) !important;\r\n    text-align: center !important;\r\n    color: rgba(255,255,255,.82) !important;\r\n    font-family:\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        Roboto,\r\n        Helvetica,\r\n        Arial,\r\n        sans-serif !important;\r\n    font-size: 13px !important;\r\n    z-index: 12 !important;\r\n    opacity: 0 !important;\r\n    pointer-events: none !important;\r\n    -webkit-backdrop-filter: none !important;\r\n    backdrop-filter: none !important;\r\n    transition: opacity .16s ease !important;\r\n}\r\n\r\n#cdc-w7-error.cdcw7-error-active {\r\n    opacity: 1 !important;\r\n    -webkit-backdrop-filter: blur(8px) !important;\r\n    backdrop-filter: blur(8px) !important;\r\n}\r\n\r\n\/* =========================================================\r\n   FRECCE\r\n   ========================================================= *\/\r\n\r\n.cdc-w7-arrow {\r\n    position: absolute !important;\r\n    top: 50% !important;\r\n    transform: translate3d(0,-50%,0) !important;\r\n    width: 38px !important;\r\n    height: 54px !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    border: 1px solid rgba(255,255,255,.08) !important;\r\n    border-radius: 11px !important;\r\n    background: rgba(5,12,19,.50) !important;\r\n    color: rgba(255,255,255,.90) !important;\r\n    font-family:\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        Roboto,\r\n        Helvetica,\r\n        Arial,\r\n        sans-serif !important;\r\n    font-size: 25px !important;\r\n    line-height: 54px !important;\r\n    text-align: center !important;\r\n    cursor: pointer !important;\r\n    z-index: 10 !important;\r\n    opacity: .76 !important;\r\n    -webkit-backdrop-filter: blur(6px) !important;\r\n    backdrop-filter: blur(6px) !important;\r\n    transition:\r\n        background .16s ease,\r\n        opacity .16s ease,\r\n        border-color .16s ease,\r\n        transform .22s cubic-bezier(.22,1.08,.30,1) !important;\r\n    touch-action: manipulation;\r\n}\r\n\r\n.cdc-w7-arrow:active {\r\n    transform:\r\n        translate3d(0,-50%,0)\r\n        scale3d(.92,.92,1) !important;\r\n}\r\n\r\n#cdc-w7-prev { left: 10px !important; }\r\n#cdc-w7-next { right: 10px !important; }\r\n\r\n\/* =========================================================\r\n   ZOOM\r\n   ========================================================= *\/\r\n\r\n#cdc-w7-zoom {\r\n    position: fixed !important;\r\n    inset: 0 !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    padding: 30px !important;\r\n    background:\r\n        radial-gradient(\r\n            circle at 50% 45%,\r\n            rgba(27,52,57,.15),\r\n            transparent 45%\r\n        ),\r\n        rgba(2,7,11,.96) !important;\r\n    z-index: 2147483100 !important;\r\n    visibility: hidden !important;\r\n    opacity: 0 !important;\r\n    pointer-events: none !important;\r\n    transition:\r\n        opacity .23s cubic-bezier(.22,1,.36,1),\r\n        visibility 0s linear .28s !important;\r\n    touch-action: manipulation !important;\r\n    overscroll-behavior: none !important;\r\n}\r\n\r\n#cdc-w7-zoom.cdcw7-zoom-active,\r\n#cdc-w7-zoom.cdcw7-zoom-closing {\r\n    visibility: visible !important;\r\n}\r\n\r\n#cdc-w7-zoom.cdcw7-zoom-active {\r\n    opacity: 1 !important;\r\n    pointer-events: auto !important;\r\n}\r\n\r\n#cdc-w7-zoom.cdcw7-zoom-active.cdcw7-zoom-closing {\r\n    opacity: 0 !important;\r\n    pointer-events: none !important;\r\n}\r\n\r\n#cdc-w7-zoom-image {\r\n    max-width: 96vw !important;\r\n    max-height: 90vh !important;\r\n    width: auto !important;\r\n    height: auto !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    border: 1px solid rgba(255,255,255,.07) !important;\r\n    border-radius: 12px !important;\r\n    display: block !important;\r\n    object-fit: contain !important;\r\n    background: #000 !important;\r\n    box-shadow: 0 18px 55px rgba(0,0,0,.55) !important;\r\n    opacity: 0;\r\n    transform:\r\n        translate3d(0,8px,0)\r\n        scale3d(.94,.94,1);\r\n    backface-visibility: hidden;\r\n    -webkit-backface-visibility: hidden;\r\n    transition:\r\n        opacity .25s cubic-bezier(.22,1,.36,1),\r\n        transform .30s cubic-bezier(.18,1.08,.30,1) !important;\r\n}\r\n\r\n#cdc-w7-zoom.cdcw7-zoom-active\r\n    #cdc-w7-zoom-image.cdcw7-zoom-image-ready {\r\n    opacity: 1;\r\n    transform:\r\n        translate3d(0,0,0)\r\n        scale3d(1,1,1);\r\n}\r\n\r\n#cdc-w7-zoom.cdcw7-zoom-active.cdcw7-zoom-closing\r\n    #cdc-w7-zoom-image {\r\n    opacity: 0;\r\n    transform:\r\n        translate3d(0,5px,0)\r\n        scale3d(.96,.96,1);\r\n}\r\n\r\n\/* =========================================================\r\n   CHIUDI ZOOM\r\n   ========================================================= *\/\r\n\r\n#cdc-w7-zoom-close {\r\n    position: fixed !important;\r\n    top: max(18px, calc(env(safe-area-inset-top,0px) + 10px)) !important;\r\n    right: max(22px, calc(env(safe-area-inset-right,0px) + 10px)) !important;\r\n    width: 46px !important;\r\n    height: 46px !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    border: 1px solid rgba(255,255,255,.12) !important;\r\n    border-radius: 50% !important;\r\n    background: rgba(10,20,29,.66) !important;\r\n    color: rgba(255,255,255,.90) !important;\r\n    font-family:\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        Roboto,\r\n        Helvetica,\r\n        Arial,\r\n        sans-serif !important;\r\n    font-size: 37px !important;\r\n    font-weight: 800 !important;\r\n    line-height: 1 !important;\r\n    cursor: pointer !important;\r\n    z-index: 20 !important;\r\n    -webkit-backdrop-filter: none !important;\r\n    backdrop-filter: none !important;\r\n    opacity: 0;\r\n    transition:\r\n        opacity .20s ease,\r\n        background .16s ease,\r\n        border-color .16s ease !important;\r\n    touch-action: manipulation;\r\n    -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n#cdc-w7-zoom.cdcw7-zoom-active #cdc-w7-zoom-close {\r\n    opacity: 1;\r\n    -webkit-backdrop-filter: blur(10px) !important;\r\n    backdrop-filter: blur(10px) !important;\r\n}\r\n\r\n#cdc-w7-zoom.cdcw7-zoom-active.cdcw7-zoom-closing\r\n    #cdc-w7-zoom-close {\r\n    opacity: 0;\r\n}\r\n\r\n#cdc-w7-zoom-close:active {\r\n    background: rgba(10,20,29,.72) !important;\r\n}\r\n\r\n\/* =========================================================\r\n   INFO ZOOM\r\n   ========================================================= *\/\r\n\r\n#cdc-w7-zoom-info {\r\n    position: fixed !important;\r\n    left: 50% !important;\r\n    bottom: max(18px, calc(env(safe-area-inset-bottom,0px) + 10px)) !important;\r\n    transform: translate3d(-50%,8px,0) !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 12px !important;\r\n    padding: 8px 14px !important;\r\n    border: 1px solid rgba(255,255,255,.09) !important;\r\n    border-radius: 999px !important;\r\n    background: rgba(8,17,26,.68) !important;\r\n    color: rgba(255,255,255,.90) !important;\r\n    font-family:\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        Roboto,\r\n        Helvetica,\r\n        Arial,\r\n        sans-serif !important;\r\n    font-size: 13px !important;\r\n    z-index: 20 !important;\r\n    -webkit-backdrop-filter: none !important;\r\n    backdrop-filter: none !important;\r\n    opacity: 0;\r\n    transition:\r\n        opacity .22s ease,\r\n        transform .27s cubic-bezier(.22,1.08,.30,1) !important;\r\n}\r\n\r\n#cdc-w7-zoom.cdcw7-zoom-active #cdc-w7-zoom-info {\r\n    opacity: 1;\r\n    -webkit-backdrop-filter: blur(12px) !important;\r\n    backdrop-filter: blur(12px) !important;\r\n    transform: translate3d(-50%,0,0) !important;\r\n}\r\n\r\n#cdc-w7-zoom.cdcw7-zoom-active.cdcw7-zoom-closing #cdc-w7-zoom-info {\r\n    opacity: 0;\r\n    transform: translate3d(-50%,6px,0) !important;\r\n}\r\n\r\n#cdc-w7-zoom-counter {\r\n    color: rgba(255,255,255,.45) !important;\r\n}\r\n\r\n\/* =========================================================\r\n   INFO POPUP + DOTS\r\n   ========================================================= *\/\r\n\r\n#cdc-w7-info {\r\n    min-height: 42px !important;\r\n    width: 100% !important;\r\n    padding: 9px 14px !important;\r\n    margin: 0 !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: space-between !important;\r\n    gap: 10px !important;\r\n    background: rgba(9,18,27,.88) !important;\r\n    color: #fff !important;\r\n    font-family:\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        Roboto,\r\n        Helvetica,\r\n        Arial,\r\n        sans-serif !important;\r\n    line-height: 1.2 !important;\r\n    border-top: 1px solid rgba(255,255,255,.04) !important;\r\n}\r\n\r\n#cdc-w7-title {\r\n    min-width: 0 !important;\r\n    overflow: hidden !important;\r\n    text-overflow: ellipsis !important;\r\n    white-space: nowrap !important;\r\n    font-size: 13px !important;\r\n    font-weight: 650 !important;\r\n    color: rgba(255,255,255,.92) !important;\r\n}\r\n\r\n#cdc-w7-counter {\r\n    flex: 0 0 auto !important;\r\n    color: rgba(255,255,255,.46) !important;\r\n    font-size: 11px !important;\r\n    font-weight: 600 !important;\r\n}\r\n\r\n#cdc-w7-dots {\r\n    width: 100% !important;\r\n    min-height: 38px !important;\r\n    margin: 0 !important;\r\n    padding: 8px 10px !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    gap: 7px !important;\r\n    background: rgba(7,15,23,.92) !important;\r\n    border-top: 1px solid rgba(255,255,255,.03) !important;\r\n}\r\n\r\n.cdc-w7-dot {\r\n    width: 7px !important;\r\n    height: 7px !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    border: 1px solid rgba(255,255,255,.08) !important;\r\n    border-radius: 50% !important;\r\n    background: rgba(255,255,255,.24) !important;\r\n    cursor: pointer !important;\r\n    transition:\r\n        background .16s ease,\r\n        transform .20s cubic-bezier(.22,1.08,.30,1),\r\n        width .20s cubic-bezier(.22,1.08,.30,1) !important;\r\n    touch-action: manipulation;\r\n}\r\n\r\n.cdc-w7-dot.cdcw7-selected {\r\n    width: 20px !important;\r\n    border-radius: 5px !important;\r\n    border-color: rgba(100,245,173,.32) !important;\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(56,196,128,.80),\r\n            rgba(72,220,146,.96)\r\n        ) !important;\r\n}\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    #cdc-w7-launcher {\r\n        width: 58px !important;\r\n        height: 58px !important;\r\n        left: 15px !important;\r\n        bottom: 15px !important;\r\n    }\r\n\r\n    #cdc-w7-launcher svg {\r\n        width: 31px !important;\r\n        height: 31px !important;\r\n    }\r\n\r\n    #cdc-w7-inner-pulse {\r\n        width: 41px;\r\n        height: 41px;\r\n        margin: -20.5px 0 0 -20.5px;\r\n    }\r\n\r\n    #cdc-w7-overlay {\r\n        padding: 15px !important;\r\n    }\r\n\r\n    #cdc-w7-window {\r\n        width: calc(100vw - 30px) !important;\r\n        max-width: calc(100vw - 30px) !important;\r\n        border-radius: 17px !important;\r\n        transform-origin: 12px 100%;\r\n    }\r\n\r\n    #cdc-w7-header {\r\n        height: 44px !important;\r\n    }\r\n\r\n    #cdc-w7-title {\r\n        font-size: 12px !important;\r\n    }\r\n\r\n    .cdc-w7-arrow {\r\n        width: 34px !important;\r\n        height: 48px !important;\r\n        line-height: 48px !important;\r\n        font-size: 22px !important;\r\n        border-radius: 9px !important;\r\n        -webkit-backdrop-filter: blur(5px) !important;\r\n        backdrop-filter: blur(5px) !important;\r\n    }\r\n\r\n    #cdc-w7-zoom {\r\n        padding: 10px !important;\r\n    }\r\n\r\n    #cdc-w7-zoom-image {\r\n        max-width: 100vw !important;\r\n        max-height: 88vh !important;\r\n        border-radius: 8px !important;\r\n    }\r\n\r\n    #cdc-w7-zoom-close {\r\n        top: max(10px, calc(env(safe-area-inset-top,0px) + 6px)) !important;\r\n        right: max(10px, calc(env(safe-area-inset-right,0px) + 6px)) !important;\r\n        width: 44px !important;\r\n        height: 44px !important;\r\n    }\r\n\r\n    #cdc-w7-zoom-info {\r\n        max-width: calc(100vw - 30px) !important;\r\n        bottom: max(10px, calc(env(safe-area-inset-bottom,0px) + 6px)) !important;\r\n        font-size: 11px !important;\r\n        white-space: nowrap !important;\r\n    }\r\n\r\n    #cdc-w7-error.cdcw7-error-active {\r\n        -webkit-backdrop-filter: blur(6px) !important;\r\n        backdrop-filter: blur(6px) !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 380px) {\r\n\r\n    #cdc-w7-launcher {\r\n        width: 56px !important;\r\n        height: 56px !important;\r\n        left: 13px !important;\r\n        bottom: 13px !important;\r\n    }\r\n\r\n    #cdc-w7-launcher svg {\r\n        width: 30px !important;\r\n        height: 30px !important;\r\n    }\r\n\r\n    #cdc-w7-inner-pulse {\r\n        width: 40px;\r\n        height: 40px;\r\n        margin: -20px 0 0 -20px;\r\n    }\r\n\r\n    #cdc-w7-window {\r\n        width: calc(100vw - 26px) !important;\r\n        max-width: calc(100vw - 26px) !important;\r\n        transform-origin: 10px 100%;\r\n    }\r\n\r\n    #cdc-w7-overlay {\r\n        padding: 13px !important;\r\n    }\r\n\r\n    #cdc-w7-live {\r\n        font-size: 11px !important;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   TOUCH OVERRIDES\r\n   ========================================================= *\/\r\n\r\n@media (hover: none), (pointer: coarse) {\r\n\r\n    #cdc-w7-launcher:hover {\r\n        transform:\r\n            translate3d(0,0,0)\r\n            scale3d(1,1,1) !important;\r\n    }\r\n\r\n    #cdc-w7-launcher:hover svg {\r\n        transform:\r\n            translate3d(0,0,0)\r\n            scale3d(1,1,1) !important;\r\n    }\r\n\r\n    .cdc-w7-arrow:hover {\r\n        background:\r\n            rgba(5,12,19,.50) !important;\r\n        border-color:\r\n            rgba(255,255,255,.08) !important;\r\n        opacity:\r\n            .76 !important;\r\n        transform:\r\n            translate3d(0,-50%,0) !important;\r\n    }\r\n\r\n    #cdc-w7-close:hover {\r\n        background:\r\n            rgba(68,12,21,.68) !important;\r\n        border-color:\r\n            rgba(255,255,255,.10) !important;\r\n    }\r\n\r\n    #cdc-w7-zoom-close:hover {\r\n        background:\r\n            rgba(10,20,29,.66) !important;\r\n        border-color:\r\n            rgba(255,255,255,.12) !important;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   FOCUS\r\n   ========================================================= *\/\r\n\r\n#cdc-w7-launcher:focus-visible,\r\n#cdc-w7-close:focus-visible,\r\n#cdc-w7-zoom-button:focus-visible,\r\n#cdc-w7-zoom-close:focus-visible,\r\n.cdc-w7-arrow:focus-visible,\r\n.cdc-w7-dot:focus-visible {\r\n    outline:\r\n        2px solid rgba(72,220,146,.75) !important;\r\n    outline-offset:\r\n        3px !important;\r\n}\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    #cdc-w7-launcher::before,\r\n    #cdc-w7-launcher::after,\r\n    #cdc-w7-inner-pulse,\r\n    #cdc-w7-live-dot {\r\n        animation-duration: .01ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        animation-play-state: paused !important;\r\n    }\r\n\r\n    #cdc-w7-launcher,\r\n    #cdc-w7-window,\r\n    #cdc-w7-close,\r\n    .cdc-w7-arrow,\r\n    #cdc-w7-zoom,\r\n    #cdc-w7-zoom-image,\r\n    #cdc-w7-zoom-close,\r\n    #cdc-w7-zoom-info,\r\n    .cdc-w7-dot,\r\n    #cdc-w7-loading,\r\n    #cdc-w7-error {\r\n        transition-duration: .01ms !important;\r\n    }\r\n\r\n    #cdc-w7-window,\r\n    #cdc-w7-zoom-image {\r\n        transform: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- =========================================================\r\n     ICONA\r\n     ========================================================= -->\r\n\r\n<button\r\n    id=\"cdc-w7-launcher\"\r\n    type=\"button\"\r\n    aria-label=\"Apri webcam live\"\r\n    title=\"Webcam Live\">\r\n\r\n    <span\r\n        id=\"cdc-w7-inner-pulse\"\r\n        aria-hidden=\"true\"><\/span>\r\n\r\n    <svg\r\n        viewBox=\"0 0 64 64\"\r\n        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n        aria-hidden=\"true\">\r\n\r\n        <rect\r\n            x=\"8\"\r\n            y=\"18\"\r\n            width=\"38\"\r\n            height=\"30\"\r\n            rx=\"8\"\r\n            fill=\"none\"\r\n            stroke=\"white\"\r\n            stroke-width=\"4\"\/>\r\n\r\n        <path\r\n            d=\"M46 27L57 21C59 20 61 21.5 61 24V40C61 42.5 59 44 57 43L46 37V27Z\"\r\n            fill=\"none\"\r\n            stroke=\"white\"\r\n            stroke-width=\"4\"\r\n            stroke-linejoin=\"round\"\/>\r\n\r\n        <circle\r\n            cx=\"27\"\r\n            cy=\"33\"\r\n            r=\"8\"\r\n            fill=\"none\"\r\n            stroke=\"white\"\r\n            stroke-width=\"4\"\/>\r\n\r\n    <\/svg>\r\n<\/button>\r\n\r\n<!-- =========================================================\r\n     POPUP WEBCAM\r\n     ========================================================= -->\r\n\r\n<div id=\"cdc-w7-overlay\">\r\n\r\n    <div id=\"cdc-w7-window\">\r\n\r\n        <div id=\"cdc-w7-header\">\r\n\r\n            <div id=\"cdc-w7-live\">\r\n                <span id=\"cdc-w7-live-dot\"><\/span>\r\n                <span>WEBCAM LIVE<\/span>\r\n            <\/div>\r\n\r\n            <div\r\n                id=\"cdc-w7-close\"\r\n                role=\"button\"\r\n                tabindex=\"0\"\r\n                aria-label=\"Chiudi\">\r\n                \u00d7\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div id=\"cdc-w7-image-wrap\">\r\n\r\n            <div id=\"cdc-w7-loading\">\r\n                Caricamento webcam...\r\n            <\/div>\r\n\r\n            <div id=\"cdc-w7-error\">\r\n                Impossibile caricare questa webcam.\r\n            <\/div>\r\n\r\n            <img\r\n                id=\"cdc-w7-image\"\r\n                src=\"\"\r\n                alt=\"Webcam Citt\u00e0 di Castello\"\r\n                decoding=\"async\"\r\n                fetchpriority=\"high\"\r\n            \/>\r\n\r\n            <button\r\n                id=\"cdc-w7-prev\"\r\n                class=\"cdc-w7-arrow\"\r\n                type=\"button\"\r\n                aria-label=\"Webcam precedente\">\r\n                &#10094;\r\n            <\/button>\r\n\r\n            <button\r\n                id=\"cdc-w7-next\"\r\n                class=\"cdc-w7-arrow\"\r\n                type=\"button\"\r\n                aria-label=\"Webcam successiva\">\r\n                &#10095;\r\n            <\/button>\r\n\r\n            <button\r\n                id=\"cdc-w7-zoom-button\"\r\n                type=\"button\"\r\n                aria-label=\"Ingrandisci\"\r\n                title=\"Ingrandisci\">\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n        <div id=\"cdc-w7-info\">\r\n\r\n            <span id=\"cdc-w7-title\">\r\n                Citt\u00e0 di Castello Centro sud-est\r\n            <\/span>\r\n\r\n            <span id=\"cdc-w7-counter\">\r\n                1 \/ 7\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n        <div id=\"cdc-w7-dots\">\r\n\r\n            <button type=\"button\" class=\"cdc-w7-dot cdcw7-selected\" data-index=\"0\" aria-label=\"Citt\u00e0 di Castello Centro sud-est\"><\/button>\r\n            <button type=\"button\" class=\"cdc-w7-dot\" data-index=\"1\" aria-label=\"Fraccano\"><\/button>\r\n            <button type=\"button\" class=\"cdc-w7-dot\" data-index=\"2\" aria-label=\"La Cima\"><\/button>\r\n            <button type=\"button\" class=\"cdc-w7-dot\" data-index=\"3\" aria-label=\"Citt\u00e0 di Castello Centro nord-est\"><\/button>\r\n            <button type=\"button\" class=\"cdc-w7-dot\" data-index=\"4\" aria-label=\"Panoramica\"><\/button>\r\n            <button type=\"button\" class=\"cdc-w7-dot\" data-index=\"5\" aria-label=\"Frigino - Scalocchio\"><\/button>\r\n            <button type=\"button\" class=\"cdc-w7-dot\" data-index=\"6\" aria-label=\"Citt\u00e0 di Castello Centro ovest\"><\/button>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- =========================================================\r\n     ZOOM\r\n     ========================================================= -->\r\n\r\n<div id=\"cdc-w7-zoom\">\r\n\r\n    <div\r\n        id=\"cdc-w7-zoom-close\"\r\n        role=\"button\"\r\n        tabindex=\"0\"\r\n        aria-label=\"Chiudi ingrandimento\">\r\n        \u00d7\r\n    <\/div>\r\n\r\n    <img\r\n        id=\"cdc-w7-zoom-image\"\r\n        src=\"\"\r\n        alt=\"Webcam ingrandita\"\r\n        decoding=\"async\"\r\n        fetchpriority=\"low\"\r\n    \/>\r\n\r\n    <div id=\"cdc-w7-zoom-info\">\r\n\r\n        <span id=\"cdc-w7-zoom-title\">\r\n            Citt\u00e0 di Castello Centro sud-est\r\n        <\/span>\r\n\r\n        <span id=\"cdc-w7-zoom-counter\">\r\n            1 \/ 7\r\n        <\/span>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n    \"use strict\";\r\n\r\n    var webcams = [\r\n        {\r\n            title: \"Citt\u00e0 di Castello Centro sud-est\",\r\n            url: \"https:\/\/www.cittadicastellowebcam.it\/webcam\/webcam1.jpg\"\r\n        },\r\n        {\r\n            title: \"Fraccano\",\r\n            url: \"https:\/\/www.cittadicastellowebcam.it\/webcam\/webcam2.jpg\"\r\n        },\r\n        {\r\n            title: \"La Cima\",\r\n            url: \"https:\/\/www.cittadicastellowebcam.it\/webcam\/webcam3.jpg\"\r\n        },\r\n        {\r\n            title: \"Citt\u00e0 di Castello Centro nord-est\",\r\n            url: \"https:\/\/www.cittadicastellowebcam.it\/webcam\/webcam4.jpg\"\r\n        },\r\n        {\r\n            title: \"Panoramica\",\r\n            url: \"https:\/\/www.cittadicastellowebcam.it\/webcam\/webcam5.jpg\"\r\n        },\r\n        {\r\n            title: \"Frigino - Scalocchio\",\r\n            url: \"https:\/\/www.cittadicastellowebcam.it\/webcam\/webcam6.jpg\"\r\n        },\r\n        {\r\n            title: \"Citt\u00e0 di Castello Centro ovest\",\r\n            url: \"https:\/\/www.arezzometeo.cloud\/cittadicastellowebcam\/lastimage.jpg\"\r\n        }\r\n    ];\r\n\r\n    var launcher = document.getElementById(\"cdc-w7-launcher\");\r\n    var overlay = document.getElementById(\"cdc-w7-overlay\");\r\n    var image = document.getElementById(\"cdc-w7-image\");\r\n    var loading = document.getElementById(\"cdc-w7-loading\");\r\n    var error = document.getElementById(\"cdc-w7-error\");\r\n    var title = document.getElementById(\"cdc-w7-title\");\r\n    var counter = document.getElementById(\"cdc-w7-counter\");\r\n    var closeButton = document.getElementById(\"cdc-w7-close\");\r\n    var prevButton = document.getElementById(\"cdc-w7-prev\");\r\n    var nextButton = document.getElementById(\"cdc-w7-next\");\r\n    var zoomButton = document.getElementById(\"cdc-w7-zoom-button\");\r\n    var dots = overlay ? overlay.querySelectorAll(\".cdc-w7-dot\") : [];\r\n    var zoom = document.getElementById(\"cdc-w7-zoom\");\r\n    var zoomImage = document.getElementById(\"cdc-w7-zoom-image\");\r\n    var zoomClose = document.getElementById(\"cdc-w7-zoom-close\");\r\n    var zoomTitle = document.getElementById(\"cdc-w7-zoom-title\");\r\n    var zoomCounter = document.getElementById(\"cdc-w7-zoom-counter\");\r\n\r\n    if (\r\n        !launcher ||\r\n        !overlay ||\r\n        !image ||\r\n        !loading ||\r\n        !error ||\r\n        !title ||\r\n        !counter ||\r\n        !closeButton ||\r\n        !prevButton ||\r\n        !nextButton ||\r\n        !zoomButton ||\r\n        !zoom ||\r\n        !zoomImage ||\r\n        !zoomClose ||\r\n        !zoomTitle ||\r\n        !zoomCounter\r\n    ) {\r\n        return;\r\n    }\r\n\r\n    var currentIndex = 0;\r\n    var rotationTimer = null;\r\n    var closeTimer = null;\r\n    var zoomCloseTimer = null;\r\n    var imageRequestId = 0;\r\n    var zoomRequestId = 0;\r\n    var isFirstImage = true;\r\n    var bodyOverflowBeforeZoom = \"\";\r\n    var documentOverflowBeforeZoom = \"\";\r\n    var zoomScrollLocked = false;\r\n\r\n    \/*\r\n       Le webcam vengono aggiornate ogni ~10 minuti.\r\n       Evitiamo di forzare una nuova rete ogni 4 secondi.\r\n       Il bucket cambia ogni 10 minuti e mantiene comunque\r\n       un aggiornamento automatico coerente con la sorgente.\r\n    *\/\r\n    var CACHE_BUST_INTERVAL = 10 * 60 * 1000;\r\n\r\n    function imageUrl(url) {\r\n        var bucket = Math.floor(Date.now() \/ CACHE_BUST_INTERVAL);\r\n        var separator = url.indexOf(\"?\") !== -1 ? \"&\" : \"?\";\r\n        return url + separator + \"t=\" + bucket;\r\n    }\r\n\r\n    function updateDots(index) {\r\n        for (var i = 0; i < dots.length; i++) {\r\n            dots[i].classList.toggle(\"cdcw7-selected\", i === index);\r\n        }\r\n    }\r\n\r\n    function handleImageReady(requestId) {\r\n        if (requestId !== imageRequestId) return;\r\n\r\n        var showImmediately = isFirstImage;\r\n        isFirstImage = false;\r\n\r\n        if (showImmediately) {\r\n            window.requestAnimationFrame(function () {\r\n                if (requestId !== imageRequestId) return;\r\n                image.classList.add(\"cdcw7-image-ready\");\r\n                loading.classList.add(\"cdcw7-loaded\");\r\n                error.classList.remove(\"cdcw7-error-active\");\r\n            });\r\n        } else {\r\n            image.classList.add(\"cdcw7-image-ready\");\r\n            loading.classList.add(\"cdcw7-loaded\");\r\n            error.classList.remove(\"cdcw7-error-active\");\r\n        }\r\n    }\r\n\r\n    function loadWebcam(index) {\r\n        if (index < 0) index = webcams.length - 1;\r\n        if (index >= webcams.length) index = 0;\r\n\r\n        currentIndex = index;\r\n\r\n        var requestId = ++imageRequestId;\r\n        var firstLoad = !image.classList.contains(\"cdcw7-image-ready\");\r\n\r\n        title.textContent = webcams[index].title;\r\n        counter.textContent = (index + 1) + \" \/ \" + webcams.length;\r\n        zoomTitle.textContent = webcams[index].title;\r\n        zoomCounter.textContent = (index + 1) + \" \/ \" + webcams.length;\r\n\r\n        updateDots(index);\r\n\r\n        error.classList.remove(\"cdcw7-error-active\");\r\n\r\n        \/*\r\n           Durante la rotazione manteniamo la webcam precedente visibile.\r\n           Questo elimina il lampeggio nero ogni 4 secondi.\r\n           Solo la prima apertura usa il layer di caricamento.\r\n        *\/\r\n        if (firstLoad) {\r\n            loading.classList.remove(\"cdcw7-loaded\");\r\n            image.classList.remove(\"cdcw7-image-ready\");\r\n        } else {\r\n            loading.classList.add(\"cdcw7-loaded\");\r\n        }\r\n\r\n        image.setAttribute(\"data-cdc-request\", String(requestId));\r\n        image.src = imageUrl(webcams[index].url);\r\n    }\r\n\r\n    image.onload = function () {\r\n        var requestId = Number(image.getAttribute(\"data-cdc-request\"));\r\n        if (requestId !== imageRequestId) return;\r\n\r\n        \/*\r\n           Dove disponibile, lasciamo completare il decode prima del\r\n           reveal. In questo modo il cambio immagine evita il pi\u00f9\r\n           possibile un frame intermedio poco fluido.\r\n        *\/\r\n        var reveal = function () {\r\n            window.requestAnimationFrame(function () {\r\n                handleImageReady(requestId);\r\n            });\r\n        };\r\n\r\n        if (typeof image.decode === \"function\") {\r\n            image.decode().then(reveal, reveal);\r\n        } else {\r\n            reveal();\r\n        }\r\n    };\r\n\r\n    image.onerror = function () {\r\n        var requestId = Number(image.getAttribute(\"data-cdc-request\"));\r\n        if (requestId !== imageRequestId) return;\r\n\r\n        if (!image.classList.contains(\"cdcw7-image-ready\")) {\r\n            loading.classList.add(\"cdcw7-loaded\");\r\n        }\r\n\r\n        error.classList.add(\"cdcw7-error-active\");\r\n    };\r\n\r\n    function scheduleRotation() {\r\n        stopRotation();\r\n\r\n        rotationTimer = window.setTimeout(function tick() {\r\n            rotationTimer = null;\r\n\r\n            if (\r\n                document.visibilityState === \"visible\" &&\r\n                overlay.classList.contains(\"cdcw7-active\") &&\r\n                !overlay.classList.contains(\"cdcw7-closing\") &&\r\n                !zoom.classList.contains(\"cdcw7-zoom-active\")\r\n            ) {\r\n                loadWebcam(currentIndex + 1);\r\n            }\r\n\r\n            if (\r\n                document.visibilityState === \"visible\" &&\r\n                overlay.classList.contains(\"cdcw7-active\") &&\r\n                !overlay.classList.contains(\"cdcw7-closing\") &&\r\n                !zoom.classList.contains(\"cdcw7-zoom-active\")\r\n            ) {\r\n                rotationTimer = window.setTimeout(tick, 4000);\r\n            }\r\n        }, 4000);\r\n    }\r\n\r\n    function startRotation() {\r\n        scheduleRotation();\r\n    }\r\n\r\n    function stopRotation() {\r\n        if (rotationTimer !== null) {\r\n            window.clearTimeout(rotationTimer);\r\n            rotationTimer = null;\r\n        }\r\n    }\r\n\r\n    function resetRotation() {\r\n        startRotation();\r\n    }\r\n\r\n    function cancelCloseSequence() {\r\n        if (closeTimer !== null) {\r\n            window.clearTimeout(closeTimer);\r\n            closeTimer = null;\r\n        }\r\n        overlay.classList.remove(\"cdcw7-closing\");\r\n    }\r\n\r\n    function openWebcam(index) {\r\n        cancelCloseSequence();\r\n        cancelZoomClose();\r\n\r\n        zoom.classList.remove(\r\n            \"cdcw7-zoom-active\",\r\n            \"cdcw7-zoom-closing\"\r\n        );\r\n\r\n        launcher.classList.add(\"cdcw7-hidden\");\r\n        overlay.classList.add(\"cdcw7-active\");\r\n\r\n        loadWebcam(index);\r\n        startRotation();\r\n    }\r\n\r\n    function closeWebcam() {\r\n        stopRotation();\r\n        closeZoom(false, false);\r\n        cancelCloseSequence();\r\n\r\n        overlay.classList.add(\r\n            \"cdcw7-active\",\r\n            \"cdcw7-closing\"\r\n        );\r\n\r\n        launcher.classList.add(\"cdcw7-hidden\");\r\n\r\n        closeTimer = window.setTimeout(function () {\r\n            overlay.classList.remove(\r\n                \"cdcw7-active\",\r\n                \"cdcw7-closing\"\r\n            );\r\n\r\n            launcher.classList.remove(\r\n                \"cdcw7-hidden\"\r\n            );\r\n\r\n            closeTimer = null;\r\n        }, 360);\r\n    }\r\n\r\n    function cancelZoomClose() {\r\n        if (zoomCloseTimer !== null) {\r\n            window.clearTimeout(zoomCloseTimer);\r\n            zoomCloseTimer = null;\r\n        }\r\n        zoom.classList.remove(\"cdcw7-zoom-closing\");\r\n    }\r\n\r\n    function openZoom() {\r\n        stopRotation();\r\n        cancelZoomClose();\r\n\r\n        var requestId = ++zoomRequestId;\r\n\r\n        zoomTitle.textContent = webcams[currentIndex].title;\r\n        zoomCounter.textContent = (currentIndex + 1) + \" \/ \" + webcams.length;\r\n\r\n        zoomImage.classList.remove(\"cdcw7-zoom-image-ready\");\r\n        zoom.classList.add(\"cdcw7-zoom-active\");\r\n\r\n        zoomImage.setAttribute(\"data-cdc-request\", String(requestId));\r\n        zoomImage.src = imageUrl(webcams[currentIndex].url);\r\n\r\n        bodyOverflowBeforeZoom = document.body.style.overflow;\r\n        documentOverflowBeforeZoom = document.documentElement.style.overflow;\r\n\r\n        document.body.style.overflow = \"hidden\";\r\n        document.documentElement.style.overflow = \"hidden\";\r\n        zoomScrollLocked = true;\r\n    }\r\n\r\n    zoomImage.onload = function () {\r\n        var requestId = Number(zoomImage.getAttribute(\"data-cdc-request\"));\r\n        if (requestId !== zoomRequestId) return;\r\n\r\n        var revealZoom = function () {\r\n            window.requestAnimationFrame(function () {\r\n                if (requestId !== zoomRequestId) return;\r\n                zoomImage.classList.add(\"cdcw7-zoom-image-ready\");\r\n            });\r\n        };\r\n\r\n        if (typeof zoomImage.decode === \"function\") {\r\n            zoomImage.decode().then(revealZoom, revealZoom);\r\n        } else {\r\n            revealZoom();\r\n        }\r\n    };\r\n\r\n    zoomImage.onerror = function () {\r\n        var requestId = Number(zoomImage.getAttribute(\"data-cdc-request\"));\r\n        if (requestId !== zoomRequestId) return;\r\n        zoomImage.classList.remove(\"cdcw7-zoom-image-ready\");\r\n    };\r\n\r\n    function restoreBodyAfterZoom() {\r\n        if (!zoomScrollLocked) return;\r\n\r\n        document.body.style.overflow = bodyOverflowBeforeZoom;\r\n        document.documentElement.style.overflow = documentOverflowBeforeZoom;\r\n        zoomScrollLocked = false;\r\n    }\r\n\r\n    function closeZoom(animate, resumeRotation) {\r\n        cancelZoomClose();\r\n\r\n        var active = zoom.classList.contains(\"cdcw7-zoom-active\");\r\n\r\n        if (!active) {\r\n            restoreBodyAfterZoom();\r\n\r\n            if (\r\n                resumeRotation &&\r\n                overlay.classList.contains(\"cdcw7-active\") &&\r\n                !overlay.classList.contains(\"cdcw7-closing\")\r\n            ) {\r\n                startRotation();\r\n            }\r\n\r\n            return;\r\n        }\r\n\r\n        if (!animate) {\r\n            zoom.classList.remove(\r\n                \"cdcw7-zoom-active\",\r\n                \"cdcw7-zoom-closing\"\r\n            );\r\n\r\n            zoomImage.classList.remove(\r\n                \"cdcw7-zoom-image-ready\"\r\n            );\r\n\r\n            restoreBodyAfterZoom();\r\n\r\n            if (\r\n                resumeRotation &&\r\n                overlay.classList.contains(\"cdcw7-active\")\r\n            ) {\r\n                startRotation();\r\n            }\r\n\r\n            return;\r\n        }\r\n\r\n        zoom.classList.add(\"cdcw7-zoom-closing\");\r\n\r\n        zoomCloseTimer = window.setTimeout(function () {\r\n            zoom.classList.remove(\r\n                \"cdcw7-zoom-active\",\r\n                \"cdcw7-zoom-closing\"\r\n            );\r\n\r\n            zoomImage.classList.remove(\r\n                \"cdcw7-zoom-image-ready\"\r\n            );\r\n\r\n            restoreBodyAfterZoom();\r\n\r\n            zoomCloseTimer = null;\r\n\r\n            if (\r\n                resumeRotation &&\r\n                overlay.classList.contains(\"cdcw7-active\") &&\r\n                !overlay.classList.contains(\"cdcw7-closing\")\r\n            ) {\r\n                startRotation();\r\n            }\r\n        }, 280);\r\n    }\r\n\r\n    \/* =====================================================\r\n       OPEN \/ CLOSE EVENTS\r\n       ===================================================== *\/\r\n\r\n    launcher.addEventListener(\"click\", function () {\r\n        openWebcam(currentIndex);\r\n    });\r\n\r\n    prevButton.addEventListener(\"click\", function (event) {\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n        loadWebcam(currentIndex - 1);\r\n        resetRotation();\r\n    });\r\n\r\n    nextButton.addEventListener(\"click\", function (event) {\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n        loadWebcam(currentIndex + 1);\r\n        resetRotation();\r\n    });\r\n\r\n    \/* Delegazione: un solo listener per i 7 dot. *\/\r\n    var dotsWrap = document.getElementById(\"cdc-w7-dots\");\r\n\r\n    if (dotsWrap) {\r\n        dotsWrap.addEventListener(\"click\", function (event) {\r\n            var dot = event.target.closest(\".cdc-w7-dot\");\r\n            if (!dot) return;\r\n\r\n            event.preventDefault();\r\n            event.stopPropagation();\r\n\r\n            var index = parseInt(\r\n                dot.getAttribute(\"data-index\"),\r\n                10\r\n            );\r\n\r\n            if (isNaN(index)) return;\r\n\r\n            loadWebcam(index);\r\n            resetRotation();\r\n        });\r\n    }\r\n\r\n    closeButton.addEventListener(\"click\", function () {\r\n        closeWebcam();\r\n    });\r\n\r\n    zoomButton.addEventListener(\"click\", function (event) {\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n        openZoom();\r\n    });\r\n\r\n    zoomClose.addEventListener(\"click\", function () {\r\n        closeZoom(true, true);\r\n    });\r\n\r\n    zoom.addEventListener(\"click\", function (event) {\r\n        if (event.target === zoom) {\r\n            closeZoom(true, true);\r\n        }\r\n    });\r\n\r\n    \/* =====================================================\r\n       KEYBOARD ACCESSIBILITY\r\n       ===================================================== *\/\r\n\r\n    function activateRoleButton(element, callback, event) {\r\n        if (!element || !callback) return;\r\n\r\n        if (\r\n            event.key === \"Enter\" ||\r\n            event.key === \" \"\r\n        ) {\r\n            event.preventDefault();\r\n            callback();\r\n        }\r\n    }\r\n\r\n    closeButton.addEventListener(\"keydown\", function (event) {\r\n        activateRoleButton(\r\n            closeButton,\r\n            closeWebcam,\r\n            event\r\n        );\r\n    });\r\n\r\n    zoomClose.addEventListener(\"keydown\", function (event) {\r\n        activateRoleButton(\r\n            zoomClose,\r\n            function () {\r\n                closeZoom(true, true);\r\n            },\r\n            event\r\n        );\r\n    });\r\n\r\n    document.addEventListener(\"keydown\", function (event) {\r\n        if (zoom.classList.contains(\"cdcw7-zoom-active\")) {\r\n            if (event.key === \"Escape\") {\r\n                closeZoom(true, true);\r\n            }\r\n            return;\r\n        }\r\n\r\n        if (\r\n            !overlay.classList.contains(\"cdcw7-active\") ||\r\n            overlay.classList.contains(\"cdcw7-closing\")\r\n        ) {\r\n            return;\r\n        }\r\n\r\n        if (event.key === \"Escape\") {\r\n            closeWebcam();\r\n            return;\r\n        }\r\n\r\n        if (event.key === \"ArrowLeft\") {\r\n            loadWebcam(currentIndex - 1);\r\n            resetRotation();\r\n            return;\r\n        }\r\n\r\n        if (event.key === \"ArrowRight\") {\r\n            loadWebcam(currentIndex + 1);\r\n            resetRotation();\r\n        }\r\n    });\r\n\r\n    \/* =====================================================\r\n       PAGE VISIBILITY\r\n       ===================================================== *\/\r\n\r\n    document.addEventListener(\"visibilitychange\", function () {\r\n        var hidden = document.visibilityState === \"hidden\";\r\n\r\n        launcher.classList.toggle(\"cdcw7-page-hidden\", hidden);\r\n        overlay.classList.toggle(\"cdcw7-page-hidden\", hidden);\r\n        zoom.classList.toggle(\"cdcw7-page-hidden\", hidden);\r\n\r\n        if (hidden) {\r\n            stopRotation();\r\n            return;\r\n        }\r\n\r\n        if (\r\n            overlay.classList.contains(\"cdcw7-active\") &&\r\n            !overlay.classList.contains(\"cdcw7-closing\") &&\r\n            !zoom.classList.contains(\"cdcw7-zoom-active\")\r\n        ) {\r\n            startRotation();\r\n        }\r\n    });\r\n\r\n    \/* =====================================================\r\n       BODY PORTAL\r\n       ===================================================== *\/\r\n\r\n    if (overlay.parentNode !== document.body) {\r\n        document.body.appendChild(overlay);\r\n    }\r\n\r\n    if (zoom.parentNode !== document.body) {\r\n        document.body.appendChild(zoom);\r\n    }\r\n\r\n    \/* =====================================================\r\n       INITIAL STATE\r\n       ===================================================== *\/\r\n\r\n    updateDots(0);\r\n    title.textContent = webcams[0].title;\r\n    counter.textContent = \"1 \/ \" + webcams.length;\r\n    zoomTitle.textContent = webcams[0].title;\r\n    zoomCounter.textContent = \"1 \/ \" + webcams.length;\r\n    launcher.classList.remove(\"cdcw7-hidden\");\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d80c044 e-con e-atomic-element e-flexbox-base e-default-div e-02fddad \" data-id=\"d80c044\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d80c044\">\n    \t\t<div class=\"elementor-element elementor-element-cca2d93 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"cca2d93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\n   CDC \u2022 WIKI METEO \u2014 LIQUID GLASS EDITION\n   CSS rigorosamente isolato in #cdc-wiki-meteo\n   Responsive \u2022 Touch-first \u2022 Accessibile \u2022 Nessuna libreria\n   ========================================================= *\/\n\n#cdc-wiki-meteo,\n#cdc-wiki-meteo *,\n#cdc-wiki-meteo *::before,\n#cdc-wiki-meteo *::after {\n  box-sizing: border-box;\n}\n\n#cdc-wiki-meteo {\n  --cwm-ink: #f7fbff;\n  --cwm-copy: rgba(234, 243, 255, .91);\n  --cwm-muted: rgba(205, 222, 243, .75);\n  --cwm-blue: #79d0ff;\n  --cwm-cyan: #4be2f2;\n  --cwm-violet: #9bafff;\n  --cwm-line: rgba(198, 224, 255, .17);\n  --cwm-line-strong: rgba(139, 211, 255, .43);\n  --cwm-glass: rgba(13, 27, 46, .82);\n  --cwm-glass-soft: rgba(255, 255, 255, .055);\n  --cwm-radius-xl: clamp(20px, 2.7vw, 30px);\n  --cwm-ease: cubic-bezier(.2, .75, .25, 1);\n\n  width: 100%;\n  max-width: 100%;\n  margin: clamp(16px, 2.8vw, 32px) auto;\n  padding: 0 2px;\n  color: var(--cwm-ink);\n  font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  font-size: 16px;\n  line-height: 1.6;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-rendering: optimizeLegibility;\n  color-scheme: dark;\n  isolation: isolate;\n}\n\n#cdc-wiki-meteo *,\n#cdc-wiki-meteo *::before,\n#cdc-wiki-meteo *::after {\n  min-width: 0;\n}\n\n#cdc-wiki-meteo button,\n#cdc-wiki-meteo img {\n  font: inherit;\n}\n\n#cdc-wiki-meteo .cwm-shell {\n  position: relative;\n  isolation: isolate;\n  width: 100%;\n  overflow: hidden;\n  border: 1px solid rgba(182, 219, 255, .24);\n  border-radius: var(--cwm-radius-xl);\n  background:\n    radial-gradient(ellipse at 5% 0%, rgba(54, 174, 255, .16), transparent 34%),\n    radial-gradient(ellipse at 100% 100%, rgba(101, 111, 235, .13), transparent 37%),\n    linear-gradient(145deg, rgba(15, 31, 52, .96), rgba(6, 15, 28, .95) 68%, rgba(9, 19, 35, .97));\n  box-shadow:\n    0 24px 64px rgba(0, 0, 0, .30),\n    0 5px 18px rgba(0, 0, 0, .14),\n    inset 0 1px 0 rgba(255, 255, 255, .13);\n  animation: cwmShellIn .58s var(--cwm-ease) both;\n}\n\n\/* Riflesso superiore: realizzato con gradienti, senza grandi aree sfocate. *\/\n#cdc-wiki-meteo .cwm-shell::before {\n  content: \"\";\n  position: absolute;\n  z-index: 0;\n  top: 0;\n  left: 7%;\n  right: 7%;\n  height: 1px;\n  pointer-events: none;\n  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .58), rgba(121, 208, 255, .38), transparent);\n}\n\n#cdc-wiki-meteo .cwm-shell::after {\n  content: \"\";\n  position: absolute;\n  z-index: 0;\n  top: -120px;\n  right: -130px;\n  width: 330px;\n  height: 250px;\n  border-radius: 50%;\n  pointer-events: none;\n  background: radial-gradient(ellipse, rgba(72, 177, 255, .105), rgba(72, 177, 255, 0) 70%);\n}\n\n\/* HEADER *\/\n#cdc-wiki-meteo .cwm-header {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  min-height: 86px;\n  padding: clamp(18px, 2.6vw, 27px) clamp(19px, 3vw, 32px);\n  border-bottom: 1px solid rgba(199, 225, 255, .13);\n  background: linear-gradient(105deg, rgba(255, 255, 255, .065), rgba(255, 255, 255, .018) 60%, rgba(93, 165, 255, .035));\n}\n\n#cdc-wiki-meteo .cwm-header-icon {\n  position: relative;\n  display: grid;\n  place-items: center;\n  flex: 0 0 auto;\n  width: 49px;\n  height: 49px;\n  overflow: hidden;\n  border: 1px solid rgba(132, 214, 255, .43);\n  border-radius: 16px;\n  color: #bdeaff;\n  background:\n    linear-gradient(145deg, rgba(121, 208, 255, .29), rgba(87, 120, 242, .14)),\n    rgba(255, 255, 255, .045);\n  box-shadow:\n    inset 0 1px 0 rgba(255, 255, 255, .24),\n    0 7px 20px rgba(0, 0, 0, .20),\n    0 0 22px rgba(73, 170, 255, .10);\n  transition: transform .32s var(--cwm-ease), border-color .32s ease, box-shadow .32s ease;\n}\n\n#cdc-wiki-meteo .cwm-header-icon svg {\n  display: block;\n  width: 25px;\n  height: 25px;\n  filter: drop-shadow(0 1px 4px rgba(38, 161, 255, .20));\n}\n\n#cdc-wiki-meteo .cwm-title {\n  margin: 0;\n  color: #fbfdff;\n  font-size: clamp(20px, 2.25vw, 25px);\n  line-height: 1.15;\n  font-weight: 820;\n  letter-spacing: -.045em;\n  text-shadow: 0 2px 15px rgba(0, 0, 0, .24);\n}\n\n\/* STRUTTURA PRINCIPALE *\/\n#cdc-wiki-meteo .wiki-meteo-container {\n  position: relative;\n  z-index: 1;\n  display: grid;\n  grid-template-columns: 248px minmax(0, 1fr);\n  align-items: stretch;\n  width: 100%;\n}\n\n\/* MENU DESKTOP\/TABLET *\/\n#cdc-wiki-meteo .wiki-meteo-sidebar {\n  width: 100%;\n  padding: 20px 13px 24px;\n  border-right: 1px solid rgba(198, 224, 255, .13);\n  background: linear-gradient(180deg, rgba(4, 13, 25, .42), rgba(8, 20, 36, .24));\n}\n\n#cdc-wiki-meteo .wiki-meteo-sidebar nav {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  gap: 7px;\n  width: 100%;\n}\n\n#cdc-wiki-meteo .wiki-meteo-sidebar nav button {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  min-height: 47px;\n  padding: 10px 13px;\n  overflow: hidden;\n  border: 1px solid rgba(208, 230, 255, .075);\n  border-radius: 15px;\n  color: rgba(229, 240, 254, .86);\n  background: linear-gradient(110deg, rgba(255, 255, 255, .038), rgba(255, 255, 255, .012));\n  font-family: inherit;\n  font-size: 13.4px;\n  font-weight: 680;\n  line-height: 1.35;\n  letter-spacing: -.01em;\n  text-align: left;\n  cursor: pointer;\n  appearance: none;\n  -webkit-appearance: none;\n  -webkit-tap-highlight-color: transparent;\n  touch-action: manipulation;\n  outline: none;\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);\n  transition:\n    transform .24s var(--cwm-ease),\n    color .24s ease,\n    background .28s ease,\n    border-color .28s ease,\n    box-shadow .28s ease;\n}\n\n#cdc-wiki-meteo .wiki-meteo-sidebar nav button::before {\n  content: \"\";\n  flex: 0 0 7px;\n  width: 7px;\n  height: 7px;\n  margin-right: 11px;\n  border-radius: 50%;\n  background: rgba(190, 215, 243, .43);\n  box-shadow: 0 0 0 3px rgba(190, 215, 243, .045);\n  transition: background .25s ease, box-shadow .25s ease, transform .25s var(--cwm-ease);\n}\n\n#cdc-wiki-meteo .wiki-meteo-sidebar nav button::after {\n  content: \"\";\n  position: absolute;\n  top: 7px;\n  bottom: 7px;\n  left: 0;\n  width: 3px;\n  border-radius: 0 5px 5px 0;\n  background: linear-gradient(180deg, var(--cwm-cyan), var(--cwm-blue));\n  opacity: 0;\n  transform: scaleY(.45);\n  transition: opacity .25s ease, transform .25s var(--cwm-ease);\n}\n\n#cdc-wiki-meteo .wiki-meteo-sidebar nav button:hover {\n  color: #fff;\n  border-color: rgba(173, 220, 255, .21);\n  background: linear-gradient(110deg, rgba(255, 255, 255, .085), rgba(255, 255, 255, .035));\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 5px 14px rgba(0, 0, 0, .10);\n}\n\n#cdc-wiki-meteo .wiki-meteo-sidebar nav button:active {\n  transform: scale(.985);\n}\n\n#cdc-wiki-meteo .wiki-meteo-sidebar nav button.active {\n  color: #fff;\n  border-color: rgba(120, 208, 255, .46);\n  background:\n    linear-gradient(105deg, rgba(57, 165, 231, .26), rgba(73, 113, 222, .15) 75%),\n    rgba(255, 255, 255, .045);\n  box-shadow:\n    inset 0 1px 0 rgba(255, 255, 255, .16),\n    inset 0 0 0 1px rgba(255, 255, 255, .018),\n    0 7px 19px rgba(0, 0, 0, .15),\n    0 0 20px rgba(62, 157, 235, .065);\n}\n\n#cdc-wiki-meteo .wiki-meteo-sidebar nav button.active::before {\n  background: var(--cwm-cyan);\n  box-shadow: 0 0 0 4px rgba(75, 226, 242, .09), 0 0 13px rgba(75, 226, 242, .70);\n  transform: scale(1.05);\n}\n\n#cdc-wiki-meteo .wiki-meteo-sidebar nav button.active::after {\n  opacity: 1;\n  transform: scaleY(1);\n}\n\n#cdc-wiki-meteo .wiki-meteo-sidebar nav button:focus-visible {\n  outline: 2px solid var(--cwm-cyan);\n  outline-offset: 3px;\n}\n\n\/* CONTENUTO *\/\n#cdc-wiki-meteo .wiki-meteo-content {\n  min-width: 0;\n  padding: clamp(27px, 3.5vw, 43px) clamp(23px, 3.8vw, 46px);\n  background: linear-gradient(145deg, rgba(255, 255, 255, .018), transparent 53%);\n}\n\n#cdc-wiki-meteo .wiki-meteo-section {\n  min-width: 0;\n  animation: cwmSectionIn .34s var(--cwm-ease) both;\n}\n\n#cdc-wiki-meteo .wiki-meteo-section[hidden] {\n  display: none !important;\n}\n\n#cdc-wiki-meteo .wiki-meteo-content h1 {\n  position: relative;\n  margin: 0 0 9px;\n  color: #f7fbff;\n  background: linear-gradient(95deg, #ffffff 4%, #bfeaff 48%, #a9bbff 100%);\n  background-clip: text;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  font-size: clamp(27px, 3vw, 36px);\n  font-weight: 850;\n  line-height: 1.12;\n  letter-spacing: -.05em;\n  overflow-wrap: anywhere;\n}\n\n\/* Fallback per browser che non applicano il testo sfumato. *\/\n@supports not (-webkit-background-clip: text) {\n  #cdc-wiki-meteo .wiki-meteo-content h1 {\n    color: #f7fbff;\n    background: none;\n  }\n}\n\n#cdc-wiki-meteo .wiki-meteo-content .subtitle {\n  position: relative;\n  margin: 0 0 25px;\n  padding: 0 0 17px;\n  color: var(--cwm-muted);\n  font-size: clamp(13px, 1.2vw, 14.5px);\n  line-height: 1.65;\n  font-weight: 520;\n  border-bottom: 1px solid rgba(190, 221, 250, .12);\n}\n\n#cdc-wiki-meteo .wiki-meteo-content .subtitle::after {\n  content: \"\";\n  position: absolute;\n  bottom: -1px;\n  left: 0;\n  width: 58px;\n  height: 2px;\n  border-radius: 2px;\n  background: linear-gradient(90deg, var(--cwm-cyan), rgba(121, 208, 255, .10));\n}\n\n\/* CORNICE IMMAGINI: mantiene sempre le proporzioni originali *\/\n#cdc-wiki-meteo .wiki-meteo-image {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  max-width: 650px;\n  min-height: 90px;\n  margin: 0 0 25px;\n  padding: 7px;\n  overflow: hidden;\n  border: 1px solid rgba(180, 221, 255, .27);\n  border-radius: 19px;\n  background:\n    linear-gradient(135deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .018) 45%, rgba(70, 148, 230, .07)),\n    rgba(1, 8, 17, .30);\n  box-shadow:\n    inset 0 1px 0 rgba(255, 255, 255, .12),\n    0 13px 32px rgba(0, 0, 0, .23);\n  transition: border-color .3s ease, box-shadow .3s ease, transform .3s var(--cwm-ease);\n}\n\n#cdc-wiki-meteo .wiki-meteo-image::before {\n  content: \"\";\n  position: absolute;\n  z-index: 1;\n  top: 7px;\n  left: 14px;\n  right: 14px;\n  height: 1px;\n  pointer-events: none;\n  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .30), transparent);\n}\n\n#cdc-wiki-meteo .wiki-meteo-image img {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n  max-height: 390px;\n  margin: 0;\n  border: 1px solid rgba(220, 239, 255, .17);\n  border-radius: 13px;\n  background: rgba(0, 0, 0, .20);\n  object-fit: contain;\n  object-position: center;\n}\n\n\/* TESTO E TITOLI DELLE SCHEDE *\/\n#cdc-wiki-meteo .wiki-meteo-desc {\n  padding: 19px 20px 7px;\n  border: 1px solid rgba(196, 224, 255, .13);\n  border-radius: 19px;\n  color: var(--cwm-copy);\n  background:\n    linear-gradient(145deg, rgba(255, 255, 255, .047), rgba(255, 255, 255, .012) 70%),\n    rgba(5, 14, 26, .25);\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055), 0 7px 20px rgba(0, 0, 0, .075);\n  overflow-wrap: anywhere;\n}\n\n#cdc-wiki-meteo .wiki-meteo-desc h2 {\n  margin: 25px 0 10px;\n  padding-left: 12px;\n  border-left: 2px solid rgba(75, 226, 242, .82);\n  color: #9bddff;\n  font-size: clamp(17px, 1.65vw, 19.5px);\n  font-weight: 780;\n  line-height: 1.35;\n  letter-spacing: -.025em;\n  text-shadow: 0 2px 12px rgba(28, 129, 197, .10);\n}\n\n#cdc-wiki-meteo .wiki-meteo-desc h2:first-of-type {\n  margin-top: 21px;\n}\n\n#cdc-wiki-meteo .wiki-meteo-desc p {\n  margin: 0 0 15px;\n  color: var(--cwm-copy);\n  font-size: 14.4px;\n  line-height: 1.82;\n  font-weight: 430;\n}\n\n#cdc-wiki-meteo .wiki-meteo-desc ul {\n  margin: 8px 0 19px;\n  padding-left: 22px;\n  color: var(--cwm-copy);\n  font-size: 14.4px;\n  line-height: 1.8;\n}\n\n#cdc-wiki-meteo .wiki-meteo-desc li {\n  margin: 0 0 8px;\n  padding-left: 3px;\n}\n\n#cdc-wiki-meteo .wiki-meteo-desc li::marker {\n  color: var(--cwm-cyan);\n}\n\n#cdc-wiki-meteo .wiki-meteo-desc strong {\n  color: #fff;\n  font-weight: 760;\n}\n\n#cdc-wiki-meteo .wiki-meteo-desc em {\n  color: rgba(222, 240, 255, .98);\n}\n\n\/* ETICHETTE *\/\n#cdc-wiki-meteo .wiki-meteo-tag {\n  display: inline-flex;\n  align-items: center;\n  max-width: 100%;\n  min-height: 27px;\n  margin: 0 6px 7px 0;\n  padding: 5px 11px;\n  border: 1px solid rgba(111, 204, 255, .27);\n  border-radius: 999px;\n  background: linear-gradient(135deg, rgba(71, 177, 234, .17), rgba(93, 116, 230, .105));\n  color: #c7edff;\n  font-size: 10.5px;\n  font-weight: 820;\n  line-height: 1.25;\n  letter-spacing: .045em;\n  overflow-wrap: anywhere;\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);\n}\n\n\/* TABLET *\/\n@media (max-width: 980px) {\n  #cdc-wiki-meteo .wiki-meteo-container {\n    grid-template-columns: 215px minmax(0, 1fr);\n  }\n\n  #cdc-wiki-meteo .wiki-meteo-sidebar {\n    padding: 17px 10px 21px;\n  }\n\n  #cdc-wiki-meteo .wiki-meteo-sidebar nav button {\n    min-height: 45px;\n    padding: 10px 11px;\n    font-size: 12.7px;\n  }\n\n  #cdc-wiki-meteo .wiki-meteo-content {\n    padding: 29px 25px;\n  }\n\n  #cdc-wiki-meteo .wiki-meteo-image img {\n    max-height: 330px;\n  }\n}\n\n\/* SMARTPHONE E TABLET STRETTI *\/\n@media (max-width: 680px) {\n  #cdc-wiki-meteo {\n    margin: 18px auto;\n    padding: 0;\n  }\n\n  #cdc-wiki-meteo .cwm-shell {\n    border-radius: 21px;\n    background:\n      radial-gradient(ellipse at 0% 0%, rgba(48, 154, 245, .13), transparent 42%),\n      radial-gradient(ellipse at 100% 55%, rgba(94, 113, 232, .075), transparent 40%),\n      linear-gradient(160deg, rgba(11, 25, 43, .98), rgba(5, 13, 25, .985));\n    box-shadow: 0 15px 38px rgba(0, 0, 0, .26), inset 0 1px 0 rgba(255, 255, 255, .10);\n  }\n\n  #cdc-wiki-meteo .cwm-shell::after {\n    top: -155px;\n    right: -195px;\n    width: 290px;\n    height: 230px;\n    opacity: .65;\n  }\n\n  #cdc-wiki-meteo .cwm-header {\n    gap: 11px;\n    min-height: 73px;\n    padding: 16px 16px 15px;\n  }\n\n  #cdc-wiki-meteo .cwm-header-icon {\n    width: 43px;\n    height: 43px;\n    border-radius: 14px;\n  }\n\n  #cdc-wiki-meteo .cwm-header-icon svg {\n    width: 23px;\n    height: 23px;\n  }\n\n  #cdc-wiki-meteo .cwm-title {\n    font-size: 20px;\n  }\n\n  #cdc-wiki-meteo .wiki-meteo-container {\n    display: flex;\n    flex-direction: column;\n  }\n\n  #cdc-wiki-meteo .wiki-meteo-sidebar {\n    position: relative;\n    width: 100%;\n    padding: 12px 0 12px;\n    border-right: 0;\n    border-bottom: 1px solid rgba(198, 224, 255, .15);\n    background: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(4, 14, 27, .24));\n  }\n\n  #cdc-wiki-meteo .wiki-meteo-sidebar nav {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    align-items: stretch;\n    gap: 8px;\n    width: 100%;\n    padding: 2px 14px 4px;\n    overflow-x: auto;\n    overflow-y: hidden;\n    -webkit-overflow-scrolling: touch;\n    overscroll-behavior-x: contain;\n    scroll-snap-type: x proximity;\n    scrollbar-width: none;\n  }\n\n  #cdc-wiki-meteo .wiki-meteo-sidebar nav::-webkit-scrollbar {\n    display: none;\n  }\n\n  #cdc-wiki-meteo .wiki-meteo-sidebar nav button {\n    display: inline-flex;\n    flex: 0 0 auto;\n    width: auto;\n    min-height: 45px;\n    padding: 10px 15px;\n    border: 1px solid rgba(194, 221, 249, .17);\n    border-radius: 999px;\n    color: rgba(237, 246, 255, .90);\n    background: linear-gradient(145deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .028));\n    font-size: 12.7px;\n    font-weight: 720;\n    line-height: 1.25;\n    white-space: nowrap;\n    scroll-snap-align: start;\n    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 3px 9px rgba(0, 0, 0, .08);\n  }\n\n  #cdc-wiki-meteo .wiki-meteo-sidebar nav button::before {\n    flex-basis: 6px;\n    width: 6px;\n    height: 6px;\n    margin-right: 8px;\n  }\n\n  #cdc-wiki-meteo .wiki-meteo-sidebar nav button::after {\n    top: auto;\n    right: 18px;\n    bottom: 4px;\n    left: 18px;\n    width: auto;\n    height: 2px;\n    border-radius: 2px;\n    transform: scaleX(.35);\n  }\n\n  #cdc-wiki-meteo .wiki-meteo-sidebar nav button.active {\n    border-color: rgba(114, 213, 255, .60);\n    color: #fff;\n    background:\n      linear-gradient(135deg, rgba(57, 174, 237, .31), rgba(93, 118, 236, .23)),\n      rgba(255, 255, 255, .045);\n    box-shadow:\n      inset 0 1px 0 rgba(255, 255, 255, .18),\n      0 5px 14px rgba(0, 0, 0, .13),\n      0 0 17px rgba(69, 166, 245, .09);\n  }\n\n  #cdc-wiki-meteo .wiki-meteo-sidebar nav button.active::after {\n    transform: scaleX(1);\n  }\n\n  #cdc-wiki-meteo .wiki-meteo-content {\n    padding: 23px 15px 28px;\n    background: linear-gradient(180deg, rgba(255, 255, 255, .012), transparent 35%);\n  }\n\n  #cdc-wiki-meteo .wiki-meteo-content h1 {\n    font-size: clamp(25px, 7vw, 31px);\n    line-height: 1.12;\n  }\n\n  #cdc-wiki-meteo .wiki-meteo-content .subtitle {\n    margin-bottom: 19px;\n    padding-bottom: 14px;\n    font-size: 13px;\n    line-height: 1.65;\n  }\n\n  #cdc-wiki-meteo .wiki-meteo-image {\n    max-width: 100%;\n    min-height: 60px;\n    margin-bottom: 19px;\n    padding: 5px;\n    border-radius: 16px;\n    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10), 0 9px 23px rgba(0, 0, 0, .18);\n  }\n\n  #cdc-wiki-meteo .wiki-meteo-image img {\n    max-height: 300px;\n    border-radius: 11px;\n  }\n\n  #cdc-wiki-meteo .wiki-meteo-desc {\n    padding: 16px 15px 5px;\n    border-radius: 16px;\n    background: linear-gradient(145deg, rgba(255, 255, 255, .047), rgba(255, 255, 255, .012)), rgba(4, 13, 25, .25);\n  }\n\n  #cdc-wiki-meteo .wiki-meteo-desc h2 {\n    margin: 22px 0 9px;\n    padding-left: 10px;\n    font-size: 17.5px;\n  }\n\n  #cdc-wiki-meteo .wiki-meteo-desc p,\n  #cdc-wiki-meteo .wiki-meteo-desc ul {\n    font-size: 14px;\n    line-height: 1.78;\n  }\n\n  #cdc-wiki-meteo .wiki-meteo-desc ul {\n    padding-left: 20px;\n  }\n\n  #cdc-wiki-meteo .wiki-meteo-tag {\n    min-height: 26px;\n    padding: 5px 10px;\n    font-size: 10px;\n  }\n}\n\n\/* TELEFONI COMPATTI *\/\n@media (max-width: 390px) {\n  #cdc-wiki-meteo {\n    margin: 14px auto;\n  }\n\n  #cdc-wiki-meteo .cwm-shell {\n    border-radius: 18px;\n  }\n\n  #cdc-wiki-meteo .cwm-header {\n    min-height: 67px;\n    padding: 14px 13px;\n  }\n\n  #cdc-wiki-meteo .cwm-header-icon {\n    width: 40px;\n    height: 40px;\n    border-radius: 13px;\n  }\n\n  #cdc-wiki-meteo .cwm-title {\n    font-size: 19px;\n  }\n\n  #cdc-wiki-meteo .wiki-meteo-sidebar nav {\n    gap: 7px;\n    padding-right: 10px;\n    padding-left: 10px;\n  }\n\n  #cdc-wiki-meteo .wiki-meteo-sidebar nav button {\n    min-height: 43px;\n    padding: 9px 13px;\n    font-size: 12px;\n  }\n\n  #cdc-wiki-meteo .wiki-meteo-content {\n    padding: 20px 12px calc(25px + env(safe-area-inset-bottom, 0px));\n  }\n\n  #cdc-wiki-meteo .wiki-meteo-content h1 {\n    font-size: 25px;\n  }\n\n  #cdc-wiki-meteo .wiki-meteo-content .subtitle {\n    font-size: 12.6px;\n  }\n\n  #cdc-wiki-meteo .wiki-meteo-desc {\n    padding: 14px 12px 4px;\n  }\n\n  #cdc-wiki-meteo .wiki-meteo-desc p,\n  #cdc-wiki-meteo .wiki-meteo-desc ul {\n    font-size: 13.6px;\n    line-height: 1.75;\n  }\n\n  #cdc-wiki-meteo .wiki-meteo-image img {\n    max-height: 240px;\n  }\n}\n\n\/* Hover solo dove esiste davvero un puntatore preciso. *\/\n@media (hover: hover) and (pointer: fine) {\n  #cdc-wiki-meteo .wiki-meteo-sidebar nav button:hover {\n    transform: translateX(3px);\n  }\n\n  #cdc-wiki-meteo .cwm-header-icon:hover {\n    transform: translateY(-2px) rotate(-2deg);\n    border-color: rgba(151, 224, 255, .66);\n    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 10px 23px rgba(0, 0, 0, .20), 0 0 23px rgba(73, 170, 255, .16);\n  }\n\n  #cdc-wiki-meteo .wiki-meteo-image:hover {\n    border-color: rgba(135, 213, 255, .43);\n    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 16px 35px rgba(0, 0, 0, .23);\n  }\n}\n\n@media (hover: none) {\n  #cdc-wiki-meteo .wiki-meteo-sidebar nav button:hover {\n    transform: none;\n  }\n}\n\n\/* Riduce animazioni e spostamenti se richiesto dal sistema operativo. *\/\n@media (prefers-reduced-motion: reduce) {\n  #cdc-wiki-meteo *,\n  #cdc-wiki-meteo *::before,\n  #cdc-wiki-meteo *::after {\n    animation-duration: .01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: .01ms !important;\n    scroll-behavior: auto !important;\n  }\n}\n\n@keyframes cwmShellIn {\n  from { opacity: 0; transform: translateY(8px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes cwmSectionIn {\n  from { opacity: 0; transform: translateY(6px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n<\/style>\n\n<div id=\"cdc-wiki-meteo\" class=\"cdc-wiki-meteo\">\n  <div class=\"cwm-shell\">\n    <!-- HEADER -->\n    <header class=\"cwm-header\">\n      <div class=\"cwm-header-icon\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" focusable=\"false\" aria-hidden=\"true\">\n          <path d=\"M12 6.2C9.7 4.7 6.7 4.4 3.6 5.2v12.9c3.2-.8 6.1-.5 8.4 1.1V6.2Z\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linejoin=\"round\"\/>\n          <path d=\"M12 6.2c2.3-1.5 5.3-1.8 8.4-1v12.9c-3.2-.8-6.1-.5-8.4 1.1V6.2Z\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linejoin=\"round\"\/>\n          <path d=\"M6.2 8.5c1.4-.2 2.8 0 4 .6M6.2 11.2c1.4-.2 2.8 0 4 .6M17.8 8.5c-1.4-.2-2.8 0-4 .6M17.8 11.2c-1.4-.2-2.8 0-4 .6\" stroke=\"currentColor\" stroke-width=\"1.35\" stroke-linecap=\"round\"\/>\n        <\/svg>\n      <\/div>\n      <h2 class=\"cwm-title\">Fenomeni<\/h2>\n    <\/header>\n\n    <div class=\"wiki-meteo-container\">\n      <!-- MENU -->\n      <aside class=\"wiki-meteo-sidebar\" aria-label=\"Navigazione fenomeni meteorologici\">\n        <nav role=\"tablist\" aria-label=\"Fenomeni\">\n          <button class=\"active\" id=\"wiki-nav-stau\" type=\"button\" role=\"tab\" aria-selected=\"true\" aria-controls=\"wiki-stau\" data-wiki-section=\"stau\">Stau<\/button>\n          <button id=\"wiki-nav-downburst\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"wiki-downburst\" data-wiki-section=\"downburst\" tabindex=\"-1\">Downburst<\/button>\n          <button id=\"wiki-nav-microburst\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"wiki-microburst\" data-wiki-section=\"microburst\" tabindex=\"-1\">Microburst<\/button>\n          <button id=\"wiki-nav-temporale-calore\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"wiki-temporale-calore\" data-wiki-section=\"temporale-calore\" tabindex=\"-1\">Temporale di Calore<\/button>\n          <button id=\"wiki-nav-neve\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"wiki-neve\" data-wiki-section=\"neve\" tabindex=\"-1\">Neve<\/button>\n          <button id=\"wiki-nav-fulmini\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"wiki-fulmini\" data-wiki-section=\"fulmini\" tabindex=\"-1\">Fulmini<\/button>\n          <button id=\"wiki-nav-shelf-cloud\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"wiki-shelf-cloud\" data-wiki-section=\"shelf-cloud\" tabindex=\"-1\">Shelf Cloud<\/button>\n          <button id=\"wiki-nav-gelicidio\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"wiki-gelicidio\" data-wiki-section=\"gelicidio\" tabindex=\"-1\">Gelicidio<\/button>\n        <\/nav>\n      <\/aside>\n\n      <!-- CONTENUTO -->\n      <main class=\"wiki-meteo-content\">\n        <!-- STAU -->\n        <section id=\"wiki-stau\" class=\"wiki-meteo-section active\" role=\"tabpanel\" aria-labelledby=\"wiki-nav-stau\" tabindex=\"0\">\n          <h1>Stau<\/h1>\n          <p class=\"subtitle\">Fenomeno che solitamente si presenta sia in autunno che in inverno, sporadicamente anche in estate<\/p>\n          <div class=\"wiki-meteo-image\"><img src=\"https:\/\/i.imgur.com\/B9GJo5l.jpeg\" alt=\"Stau\" loading=\"lazy\" decoding=\"async\"><\/div>\n          <div class=\"wiki-meteo-desc\">\n            <span class=\"wiki-meteo-tag\">Orografico<\/span>\n            <span class=\"wiki-meteo-tag\">Precipitazioni<\/span>\n            <h2>Cos\u2019\u00e8 lo Stau<\/h2>\n            <p>Lo <strong>Stau<\/strong> (dal tedesco \u201cstau\u201d = ristagno) \u00e8 un fenomeno meteorologico che si verifica quando una massa d\u2019aria umida viene costretta a salire lungo il versante sopravvento di un rilievo montuoso.<\/p>\n            <h2>Come si forma<\/h2>\n            <ul>\n              <li>Vento persistente diretto verso la montagna<\/li>\n              <li>Aria umida costretta a salire a ridosso della dorsale<\/li>\n              <li>Raffreddamento adiabaticamente e condensazione<\/li>\n              <li>Formazione di nubi e precipitazioni sul versante sopravvento<\/li>\n            <\/ul>\n            <h2>Effetti<\/h2>\n            <p>Sul lato a favore si hanno precipitazioni abbondanti. Sul versante sottovento si verifica spesso il fenomeno opposto, il <em>Favonio<\/em>, con aria secca e pi\u00f9 calda.<\/p>\n          <\/div>\n        <\/section>\n\n        <!-- DOWNBURST -->\n        <section id=\"wiki-downburst\" class=\"wiki-meteo-section\" role=\"tabpanel\" aria-labelledby=\"wiki-nav-downburst\" tabindex=\"0\" hidden>\n          <h1>Downburst<\/h1>\n          <p class=\"subtitle\">Forte corrente discendente associata a temporali<\/p>\n          <div class=\"wiki-meteo-image\"><img src=\"https:\/\/i.imgur.com\/c9zd8td.jpeg\" alt=\"Downburst\" loading=\"lazy\" decoding=\"async\"><\/div>\n          <div class=\"wiki-meteo-desc\">\n            <span class=\"wiki-meteo-tag\">Temporale<\/span>\n            <span class=\"wiki-meteo-tag\">Vento forte<\/span>\n            <span class=\"wiki-meteo-tag\">Pericolo<\/span>\n            <h2>Cos\u2019\u00e8 un Downburst<\/h2>\n            <p>Il <strong>Downburst<\/strong> \u00e8 una potente corrente d\u2019aria discendente che si genera all\u2019interno di un temporale. Quando raggiunge il suolo si sparge orizzontalmente in tutte le direzioni, producendo raffiche violente e dannose.<\/p>\n            <h2>Come si forma<\/h2>\n            <ul>\n              <li>Aria fredda e pesante si forma nella parte alta del cumulonembo<\/li>\n              <li>Questa aria scende rapidamente verso il suolo<\/li>\n              <li>All\u2019impatto col terreno si espande a ventaglio (outflow)<\/li>\n              <li>Le raffiche possono superare i 100-150 km\/h<\/li>\n            <\/ul>\n            <h2>Tipi principali<\/h2>\n            <ul>\n              <li><strong>Microburst<\/strong> \u2192 diametro inferiore a 4 km<\/li>\n              <li><strong>Macroburst<\/strong> \u2192 diametro superiore a 4 km<\/li>\n            <\/ul>\n          <\/div>\n        <\/section>\n\n        <!-- MICROBURST -->\n        <section id=\"wiki-microburst\" class=\"wiki-meteo-section\" role=\"tabpanel\" aria-labelledby=\"wiki-nav-microburst\" tabindex=\"0\" hidden>\n          <h1>Microburst<\/h1>\n          <p class=\"subtitle\">Downburst di piccole dimensioni ma molto intenso<\/p>\n          <div class=\"wiki-meteo-image\"><img src=\"https:\/\/i.imgur.com\/pBAA8dY.jpeg\" alt=\"Microburst\" loading=\"lazy\" decoding=\"async\"><\/div>\n          <div class=\"wiki-meteo-desc\">\n            <span class=\"wiki-meteo-tag\">Downburst<\/span>\n            <span class=\"wiki-meteo-tag\">Locale<\/span>\n            <span class=\"wiki-meteo-tag\">Estremo<\/span>\n            <h2>Cos\u2019\u00e8 un Microburst<\/h2>\n            <p>Il <strong>Microburst<\/strong> \u00e8 un downburst di dimensioni ridotte, con diametro generalmente inferiore a 4 km. Nonostante la piccola scala, pu\u00f2 generare raffiche estremamente violente e concentrate in un\u2019area limitata.<\/p>\n            <h2>Caratteristiche<\/h2>\n            <ul>\n              <li>Diametro tipico: da 1 a 4 km<\/li>\n              <li>Durata breve: spesso meno di 5-10 minuti<\/li>\n              <li>Raffiche molto intense, spesso superiori a 100-130 km\/h (a volte oltre 150 km\/h)<\/li>\n              <li>Pu\u00f2 essere \u201casciutto\u201d (poca pioggia al suolo) o \u201cumido\u201d<\/li>\n            <\/ul>\n            <h2>Perch\u00e9 \u00e8 pericoloso<\/h2>\n            <p>La rapidit\u00e0 con cui si sviluppa e l\u2019intensit\u00e0 localizzata lo rendono difficile da prevedere con precisione. \u00c8 particolarmente temuto in aviazione perch\u00e9 pu\u00f2 causare improvvisi cambiamenti di velocit\u00e0 del vento (wind shear) durante decollo e atterraggio.<\/p>\n            <h2>Differenza con il Macroburst<\/h2>\n            <p>Il microburst interessa un\u2019area pi\u00f9 piccola ma pu\u00f2 essere pi\u00f9 distruttivo localmente. Il macroburst invece ha un diametro superiore a 4 km e colpisce una zona pi\u00f9 estesa, con durata generalmente pi\u00f9 lunga.<\/p>\n          <\/div>\n        <\/section>\n\n        <!-- TEMPORALE DI CALORE -->\n        <section id=\"wiki-temporale-calore\" class=\"wiki-meteo-section\" role=\"tabpanel\" aria-labelledby=\"wiki-nav-temporale-calore\" tabindex=\"0\" hidden>\n          <h1>Temporale di Calore<\/h1>\n          <p class=\"subtitle\">Temporale estivo generato dal forte riscaldamento diurno<\/p>\n          <div class=\"wiki-meteo-image\"><img src=\"https:\/\/i.imgur.com\/pjn8FZR.jpeg\" alt=\"Temporale di calore\" loading=\"lazy\" decoding=\"async\"><\/div>\n          <div class=\"wiki-meteo-desc\">\n            <span class=\"wiki-meteo-tag\">Estate<\/span>\n            <span class=\"wiki-meteo-tag\">Instabilit\u00e0<\/span>\n            <span class=\"wiki-meteo-tag\">Pomeridiano<\/span>\n            <h2>Cos\u2019\u00e8 un Temporale di Calore<\/h2>\n            <p>Il <strong>Temporale di Calore<\/strong> (o temporale di massa d\u2019aria) si forma soprattutto nelle ore pi\u00f9 calde della giornata, quando il forte riscaldamento del suolo rende l\u2019atmosfera instabile. \u00c8 tipico delle giornate estive soleggiate e umide.<\/p>\n            <h2>Come si forma<\/h2>\n            <ul>\n              <li>Intenso riscaldamento del suolo durante la giornata<\/li>\n              <li>Aria calda e umida che sale rapidamente (convezione)<\/li>\n              <li>Formazione di cumuli che evolvono in cumulonembi<\/li>\n              <li>Sviluppo soprattutto nel primo pomeriggio e prima sera<\/li>\n            <\/ul>\n            <h2>Caratteristiche<\/h2>\n            <ul>\n              <li>Di solito localizzati e di breve durata<\/li>\n              <li>Possono dare rovesci intensi, grandine e raffiche<\/li>\n              <li>Si attenuano o si dissolvono dopo il tramonto<\/li>\n            <\/ul>\n            <h2>Dove \u00e8 pi\u00f9 frequente<\/h2>\n            <p>Comune nelle zone interne e montane, specialmente nelle regioni  appenniniche durante le giornate calde e afose.<\/p>\n          <\/div>\n        <\/section>\n\n        <!-- NEVE -->\n        <section id=\"wiki-neve\" class=\"wiki-meteo-section\" role=\"tabpanel\" aria-labelledby=\"wiki-nav-neve\" tabindex=\"0\" hidden>\n          <h1>Neve<\/h1>\n          <p class=\"subtitle\">Precipitazione solida formata da cristalli di ghiaccio<\/p>\n          <div class=\"wiki-meteo-image\"><img src=\"https:\/\/i.imgur.com\/QG463EY.jpeg\" alt=\"Neve\" loading=\"lazy\" decoding=\"async\"><\/div>\n          <div class=\"wiki-meteo-desc\">\n            <span class=\"wiki-meteo-tag\">Inverno<\/span>\n            <span class=\"wiki-meteo-tag\">Precipitazione solida<\/span>\n            <h2>Cos\u2019\u00e8 la Neve<\/h2>\n            <p>La <strong>Neve<\/strong> \u00e8 una precipitazione solida costituita da cristalli di ghiaccio che si formano nelle nubi quando la temperatura \u00e8 sufficientemente bassa. I cristalli si aggregano formando i fiocchi.<\/p>\n            <h2>Condizioni necessarie<\/h2>\n            <ul>\n              <li>Temperatura dell\u2019aria vicina o inferiore a 0 \u00b0C nello strato atmosferico<\/li>\n              <li>Presenza di umidit\u00e0 sufficiente<\/li>\n              <li>Nuclei di condensazione su cui i cristalli possono crescere<\/li>\n            <\/ul>\n            <h2>Tipi di neve<\/h2>\n            <ul>\n              <li><strong>Neve secca<\/strong>: fiocchi leggeri e polverosi (aria molto fredda)<\/li>\n              <li><strong>Neve umida<\/strong>: fiocchi pesanti e appiccicosi (temperature vicine allo zero)<\/li>\n              <li><strong>Neve mista a pioggia<\/strong>: quando lo strato vicino al suolo \u00e8 pi\u00f9 caldo<\/li>\n            <\/ul>\n            <h2>Citt\u00e0 di Castello<\/h2>\n            <p>Si verifica soprattutto in inverno e talvolta in autunno e primavera sull\u2019Appennino e, in occasione di irruzioni di aria fredda, anche in vallata.<\/p>\n          <\/div>\n        <\/section>\n\n        <!-- FULMINI -->\n        <section id=\"wiki-fulmini\" class=\"wiki-meteo-section\" role=\"tabpanel\" aria-labelledby=\"wiki-nav-fulmini\" tabindex=\"0\" hidden>\n          <h1>Fulmini<\/h1>\n          <p class=\"subtitle\">Scariche elettriche atmosferiche associate ai temporali<\/p>\n          <div class=\"wiki-meteo-image\"><img src=\"https:\/\/i.imgur.com\/PBmmLoZ.jpeg\" alt=\"Fulmini\" loading=\"lazy\" decoding=\"async\"><\/div>\n          <div class=\"wiki-meteo-desc\">\n            <span class=\"wiki-meteo-tag\">Temporale<\/span>\n            <span class=\"wiki-meteo-tag\">Elettricit\u00e0<\/span>\n            <span class=\"wiki-meteo-tag\">Pericolo<\/span>\n            <h2>Cosa sono i Fulmini<\/h2>\n            <p>I <strong>Fulmini<\/strong> sono scariche elettriche improvvise che si verificano all\u2019interno di un temporale, tra nube e nube oppure tra nube e suolo. Sono accompagnati dal tuono, il rumore prodotto dall\u2019espansione rapidissima dell\u2019aria riscaldata.<\/p>\n            <h2>Come si formano<\/h2>\n            <ul>\n              <li>All\u2019interno del cumulonembo si creano forti separazioni di carica elettrica<\/li>\n              <li>Le particelle di ghiaccio e acqua in movimento generano elettricit\u00e0 statica<\/li>\n              <li>Quando la differenza di potenziale diventa troppo alta, si genera la scarica<\/li>\n            <\/ul>\n            <h2>Tipi principali<\/h2>\n            <ul>\n              <li><strong>Fulmine nube-suolo<\/strong>: il pi\u00f9 pericoloso per persone e strutture<\/li>\n              <li><strong>Fulmine intra-nube<\/strong>: rimane all\u2019interno della nube<\/li>\n              <li><strong>Fulmine inter-nube<\/strong>: tra due nubi diverse<\/li>\n            <\/ul>\n            <h2>Sicurezza<\/h2>\n            <p>Durante un temporale \u00e8 importante evitare spazi aperti, alberi isolati, strutture metalliche e l\u2019uso del telefono fisso. Il luogo pi\u00f9 sicuro \u00e8 all\u2019interno di un edificio o di un\u2019auto chiusa.<\/p>\n          <\/div>\n        <\/section>\n\n        <!-- SHELF CLOUD -->\n        <section id=\"wiki-shelf-cloud\" class=\"wiki-meteo-section\" role=\"tabpanel\" aria-labelledby=\"wiki-nav-shelf-cloud\" tabindex=\"0\" hidden>\n          <h1>Shelf Cloud<\/h1>\n          <p class=\"subtitle\">Nube a mensola associata al fronte delle raffiche<\/p>\n          <div class=\"wiki-meteo-image\"><img src=\"https:\/\/i.imgur.com\/LW9OYq2.jpeg\" alt=\"Shelf cloud\" loading=\"lazy\" decoding=\"async\"><\/div>\n          <div class=\"wiki-meteo-desc\">\n            <span class=\"wiki-meteo-tag\">Temporale<\/span>\n            <span class=\"wiki-meteo-tag\">Nube<\/span>\n            <span class=\"wiki-meteo-tag\">Gust Front<\/span>\n            <h2>Cos\u2019\u00e8 una Shelf Cloud<\/h2>\n            <p>La <strong>Shelf Cloud<\/strong> (nube a mensola) \u00e8 una formazione nuvolosa bassa, allungata e spesso arcuata, che si sviluppa lungo il fronte delle raffiche (gust front) di un temporale. Appare come una \u201cmensola\u201d o un muro nuvoloso che avanza.<\/p>\n            <h2>Come si forma<\/h2>\n            <ul>\n              <li>L\u2019aria fredda in uscita dal temporale (outflow) solleva l\u2019aria calda e umida presente davanti al sistema<\/li>\n              <li>Questo sollevamento genera la caratteristica nube a mensola<\/li>\n              <li>Spesso precede l\u2019arrivo di rovesci intensi e raffiche di vento<\/li>\n            <\/ul>\n            <h2>Aspetto<\/h2>\n            <ul>\n              <li>Base bassa e relativamente piatta<\/li>\n              <li>Bordo anteriore spesso frastagliato o arrotondato<\/li>\n              <li>Pu\u00f2 sembrare minacciosa, ma non \u00e8 un tornado<\/li>\n            <\/ul>\n            <h2>Attenzione<\/h2>\n            <p>La presenza di una shelf cloud indica che il temporale \u00e8 attivo e che sono imminenti raffiche di vento e precipitazioni intense. Non va confusa con la wall cloud, tipica dei temporali supercellulari.<\/p>\n          <\/div>\n        <\/section>\n\n        <!-- GELICIDIO -->\n        <section id=\"wiki-gelicidio\" class=\"wiki-meteo-section\" role=\"tabpanel\" aria-labelledby=\"wiki-nav-gelicidio\" tabindex=\"0\" hidden>\n          <h1>Gelicidio<\/h1>\n          <p class=\"subtitle\">Pioggia che gela a contatto con le superfici fredde<\/p>\n          <div class=\"wiki-meteo-image\"><img src=\"https:\/\/i.imgur.com\/ZLhtdLP.jpeg\" alt=\"Gelicidio\" loading=\"lazy\" decoding=\"async\"><\/div>\n          <div class=\"wiki-meteo-desc\">\n            <span class=\"wiki-meteo-tag\">Inverno<\/span>\n            <span class=\"wiki-meteo-tag\">Ghiaccio<\/span>\n            <span class=\"wiki-meteo-tag\">Pericolo<\/span>\n            <h2>Cos\u2019\u00e8 il Gelicidio<\/h2>\n            <p>Il <strong>Gelicidio<\/strong> (o pioggia congelantesi) si verifica quando pioggia liquida cade su superfici con temperatura sotto zero e ghiaccia istantaneamente, formando uno strato di ghiaccio trasparente e molto scivoloso.<\/p>\n            <h2>Come si forma<\/h2>\n            <ul>\n              <li>Nello strato alto dell\u2019atmosfera la temperatura \u00e8 sopra zero \u2192 si forma pioggia<\/li>\n              <li>Vicino al suolo (o sulle superfici) la temperatura \u00e8 sotto zero<\/li>\n              <li>Le gocce di pioggia non hanno tempo di solidificarsi in aria e gelano solo al contatto<\/li>\n            <\/ul>\n            <h2>Pericoli<\/h2>\n            <ul>\n              <li>Strade e marciapiedi diventano estremamente scivolosi<\/li>\n              <li>Rami e cavi elettrici possono spezzarsi sotto il peso del ghiaccio<\/li>\n              <li>Visibilit\u00e0 e aderenza ridotte, rischio elevato di incidenti<\/li>\n            <\/ul>\n            <h2>Citt\u00e0 di Castello<\/h2>\n            <p>Si verifica soprattutto in collina e monatgna ed occasionalmente anche in vallata durante le irruzioni di aria fredda, quando arriva aria pi\u00f9 mite e umida in quota mentre al suolo permane il freddo.<\/p>\n          <\/div>\n        <\/section>\n      <\/main>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function () {\n  \"use strict\";\n\n  var root = document.getElementById(\"cdc-wiki-meteo\");\n  if (!root || root.dataset.cwmInitialized === \"true\") return;\n  root.dataset.cwmInitialized = \"true\";\n\n  var navButtons = Array.prototype.slice.call(root.querySelectorAll(\"[data-wiki-section]\"));\n  var sections = Array.prototype.slice.call(root.querySelectorAll(\".wiki-meteo-section\"));\n  var mobileQuery = window.matchMedia ? window.matchMedia(\"(max-width: 680px)\") : null;\n  var reducedMotionQuery = window.matchMedia ? window.matchMedia(\"(prefers-reduced-motion: reduce)\") : null;\n\n  function isMobile() {\n    return mobileQuery ? mobileQuery.matches : window.innerWidth <= 680;\n  }\n\n  function prefersReducedMotion() {\n    return reducedMotionQuery ? reducedMotionQuery.matches : false;\n  }\n\n  function showSection(id, focusPanel) {\n    var target = null;\n\n    sections.forEach(function (section) {\n      var isActive = section.id === \"wiki-\" + id;\n      section.classList.toggle(\"active\", isActive);\n      section.hidden = !isActive;\n      if (isActive) target = section;\n    });\n\n    navButtons.forEach(function (button) {\n      var isActive = button.getAttribute(\"data-wiki-section\") === id;\n      button.classList.toggle(\"active\", isActive);\n      button.setAttribute(\"aria-selected\", isActive ? \"true\" : \"false\");\n      button.tabIndex = isActive ? 0 : -1;\n\n      \/* Su mobile centra la voce attiva nella barra senza spostare la pagina. *\/\n      if (isActive && isMobile()) {\n        var nav = button.parentElement;\n        if (nav && nav.scrollWidth > nav.clientWidth) {\n          var left = button.offsetLeft - (nav.clientWidth - button.offsetWidth) \/ 2;\n          try {\n            nav.scrollTo({\n              left: Math.max(0, left),\n              behavior: prefersReducedMotion() ? \"auto\" : \"smooth\"\n            });\n          } catch (error) {\n            nav.scrollLeft = Math.max(0, left);\n          }\n        }\n      }\n    });\n\n    if (target && focusPanel) {\n      try {\n        target.focus({ preventScroll: true });\n      } catch (error) {\n        target.focus();\n      }\n    }\n  }\n\n  navButtons.forEach(function (button, index) {\n    button.addEventListener(\"click\", function () {\n      showSection(button.getAttribute(\"data-wiki-section\"), false);\n    });\n\n    button.addEventListener(\"keydown\", function (event) {\n      var nextIndex = index;\n      if (event.key === \"ArrowRight\" || event.key === \"ArrowDown\") {\n        nextIndex = (index + 1) % navButtons.length;\n      } else if (event.key === \"ArrowLeft\" || event.key === \"ArrowUp\") {\n        nextIndex = (index - 1 + navButtons.length) % navButtons.length;\n      } else if (event.key === \"Home\") {\n        nextIndex = 0;\n      } else if (event.key === \"End\") {\n        nextIndex = navButtons.length - 1;\n      } else {\n        return;\n      }\n\n      event.preventDefault();\n      var nextButton = navButtons[nextIndex];\n      if (nextButton) {\n        nextButton.focus();\n        showSection(nextButton.getAttribute(\"data-wiki-section\"), false);\n      }\n    });\n  });\n\n  \/* Avvio coerente anche se Elementor reinserisce o rielabora il widget. *\/\n  var initial = root.querySelector('[data-wiki-section=\"stau\"]');\n  showSection(initial ? initial.getAttribute(\"data-wiki-section\") : \"stau\", false);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>WEBCAM LIVE \u00d7 Caricamento webcam&#8230; Impossibile caricare questa webcam. &#10094; &#10095; Citt\u00e0 di Castello Centro sud-est 1 \/ 7 \u00d7 Citt\u00e0 di Castello Centro sud-est 1 \/ 7 Fenomeni Stau Downburst Microburst Temporale di Calore Neve Fulmini Shelf Cloud Gelicidio Stau Fenomeno che solitamente si presenta sia in autunno che in inverno, sporadicamente anche in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.cittadicastellowebcam.it\/wiki\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cittadicastellowebcam.it\/wiki\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cittadicastellowebcam.it\/wiki\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cittadicastellowebcam.it\/wiki\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cittadicastellowebcam.it\/wiki\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":33,"href":"https:\/\/www.cittadicastellowebcam.it\/wiki\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":63,"href":"https:\/\/www.cittadicastellowebcam.it\/wiki\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/63"}],"wp:attachment":[{"href":"https:\/\/www.cittadicastellowebcam.it\/wiki\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}