CINXE.COM
√ Il disco del giorno: Pink Floyd, "Ummagumma" - Rockol
<!DOCTYPE html> <html class="no-js" lang="it" prefix="og: http://ogp.me/ns#"> <head> <style> /** Nasconde gli svg prima del caricamento effettivo del CSS */ svg { display: none; } </style> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>√ Il disco del giorno: Pink Floyd, "Ummagumma" - Rockol</title> <!-- DNS Prefetching and preconnect --> <!-- Static assets --> <link rel="preconnect" href="https://static.rockol.it"> <link rel="dns-prefetch" href="https://static.rockol.it" crossorigin> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <!-- Images --> <link rel="preconnect" href="https://images.rockol.it"> <link rel="dns-prefetch" href="https://images.rockol.it"> <!-- Iubenda --> <link rel="preconnect" href="//cdn.iubenda.com"> <link rel="dns-prefetch" href="//cdn.iubenda.com"> <!-- Preload CSS --> <link rel="preload" as="style" href="https://static.rockol.it/assets/static/ver.202502061305/css/rockol.min.css"> <!-- JQuery --> <link rel="preload" href="https://static.rockol.it/assets/vendors/jquery/jquery-3.5.1.min.js" as="script"> <link rel="preload" as="image" href="https://images.rockol.it/0eAh1TAZrXGFUg4DssPWv4m1ex4=/702x526/smart/rockol-img/img/foto/upload/pink-floyd.2023-04-12-03-13-03.jpg" imagesrcset="https://images.rockol.it/LHUAMVoT5K8uloMvCXCZ4e1lmlY=/645x483/smart/rockol-img/img/foto/upload/pink-floyd.2023-04-12-03-13-03.jpg 645w,https://images.rockol.it/f3UfVopsRj9yXT5Y6mVowFwPS2c=/485x363/smart/rockol-img/img/foto/upload/pink-floyd.2023-04-12-03-13-03.jpg 485w,https://images.rockol.it/0eAh1TAZrXGFUg4DssPWv4m1ex4=/702x526/smart/rockol-img/img/foto/upload/pink-floyd.2023-04-12-03-13-03.jpg 702w,https://images.rockol.it/vQ4xk45UMEiEp0elWs4dMMk5eQo=/414x310/smart/rockol-img/img/foto/upload/pink-floyd.2023-04-12-03-13-03.jpg 414w" imagesizes="(max-width: 1023px) 645px, (max-width: 767px) 485px, (max-width: 639px) 702px, (max-width: 319px) 414px"> <link rel="dns-prefetch" data-rockol-promo href="//exmarketplace.com" /> <link rel="preconnect" data-rockol-promo href="https://cdn.exmarketplace.com" /> <link rel="preconnect" data-rockol-promo href="https://securepubads.g.doubleclick.net" /> <link rel="preconnect" data-rockol-promo href="https://imasdk.googleapis.com" /> <link rel="dsn-prefetch" data-rockol-promo href="https://imasdk.googleapis.com/" /> <style> /* lora-regular - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Lora'; font-style: normal; font-weight: 400; src: url('https://static.rockol.it/assets/fonts/lora-v35-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* lora-700 - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Lora'; font-style: normal; font-weight: 700; src: url('https://static.rockol.it/assets/fonts/lora-v35-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-100 - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url('https://static.rockol.it/assets/fonts/roboto-v47-latin_latin-ext-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-regular - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('https://static.rockol.it/assets/fonts/roboto-v47-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-500 - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('https://static.rockol.it/assets/fonts/roboto-v47-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-700 - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('https://static.rockol.it/assets/fonts/roboto-v47-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-condensed-100 - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto Condensed'; font-style: normal; font-weight: 100; src: url('https://static.rockol.it/assets/fonts/roboto-condensed-v27-latin_latin-ext-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-condensed-regular - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: url('https://static.rockol.it/assets/fonts/roboto-condensed-v27-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-condensed-900 - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto Condensed'; font-style: normal; font-weight: 900; src: url('https://static.rockol.it/assets/fonts/roboto-condensed-v27-latin_latin-ext-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } </style> <link rel="stylesheet" type="text/css" href="https://static.rockol.it/assets/static/ver.202502061305/css/rockol.min.css"> <!-- START: Page specific meta and link tags --> <meta name="description" content="24 nov 2024 - Consigliato e raccontato da Carlo Boccadoro"> <meta name="robots" content="max-snippet:-1, max-video-preview:-1, max-image-preview:large"> <meta name="type" content="news"> <meta name="article:section" content="pop-rock"> <link rel="amphtml" href="https://www.rockol.it/news-736583/il-disco-del-giorno-pink-floyd-ummagumma?amp=1"> <link rel="canonical" href="https://www.rockol.it/news-736583/il-disco-del-giorno-pink-floyd-ummagumma"> <meta name="generated" content="2024-11-24 20:00:00"> <link rel="image_src" href="https://images.rockol.it/6ndYK8hFL8QIcgXX7tL_2sTPyAg=/645x482/smart/rockol-img/img/foto/upload/pink-floyd.2023-04-12-03-13-03.jpg"> <!-- END: Page specific meta and link tags --> <!-- START: Twitter metatag --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@rockolpoprock"> <meta name="twitter:title" content="√ Il disco del giorno: Pink Floyd, "Ummagumma""> <meta name="twitter:description" content="24 nov 2024 - Consigliato e raccontato da Carlo Boccadoro"> <meta name="twitter:image:src" content="https://images.rockol.it/6ndYK8hFL8QIcgXX7tL_2sTPyAg=/645x482/smart/rockol-img/img/foto/upload/pink-floyd.2023-04-12-03-13-03.jpg"> <meta name="twitter:domain" content="https://www.rockol.it"> <!-- END: Twitter metatag --> <!-- START: Facebook metatag --> <meta property="fb:app_id" content="324191534279970"/> <meta property="og:admins" content="1163511037"/> <meta property="og:title" content="√ Il disco del giorno: Pink Floyd, "Ummagumma""/> <meta property="og:site_name" content="Rockol"/> <meta property="og:locale" content="it_IT"/> <meta property="og:type" content="article"/> <meta property="og:url" content="https://www.rockol.it/news-736583/il-disco-del-giorno-pink-floyd-ummagumma"/> <meta property="og:article:author" content="Carlo Boccadoro"/> <meta property="og:image" content="https://images.rockol.it/6ndYK8hFL8QIcgXX7tL_2sTPyAg=/645x482/smart/rockol-img/img/foto/upload/pink-floyd.2023-04-12-03-13-03.jpg"/> <meta property="og:image:secure_url" content="https://images.rockol.it/6ndYK8hFL8QIcgXX7tL_2sTPyAg=/645x482/smart/rockol-img/img/foto/upload/pink-floyd.2023-04-12-03-13-03.jpg"/> <meta property="og:image:width" content="645"/> <meta property="og:image:height" content="482"/> <meta property="og:description" content="24 nov 2024 - Consigliato e raccontato da Carlo Boccadoro"/> <!-- END: Facebook metatag --> <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> <meta name="author" content="Rockol.com s.r.l."> <meta name="application-name" content="Rockol.IT"> <script> // Marca il documento come js ready (compatibile con IE10) var html = document.querySelector('html'); html.classList.remove('no-js'); html.classList.add('js'); </script> <!-- MMMMMMMMMMMMWKkoc,.. ..,cokKWMMMMMMMMMMMM MMMMMMMMMN0o;. .;o0NMMMMMMMMM MMMMMMWXd;. .,dXMMMMMMM MMMMMXo. .oXMMMMM MMMNx' 'xNMMM MMXl. .......... .',,,..lXMM MK: .dXXXXXXXXXk,.,lx0XNWWK: :KM Xc .oNMMMMMMMMNkdONMMMMMMNc cX d. .lNMMMMMMMMMWNWMMMMMMMNo. .d ' .cXMMMMMMMMMMMMWWNXXNWNd. ' ':XMMMMMMMMMMNOo:,....,;. ;KMMMMMMMMMNx, ;0MMMMMMMMM0: 'OMMMMMMMMWO, . 'kWMMMMMMM0o, . : .xWMMMMMMMK; : O' .dNMMMMMMMX: 'O Wx. 'oNMMMMMMWK: .xW MWk. cNMMMMMWKo. .xWM MMW0; .'xKKK0ko;. ;0WMM MMMMXd. .dXMMMM MMMMMWKo' 'oKWMMMMM MMMMMMMMXkc. .ckXMMMMMMMM MMMMMMMMMMWXkl;.. ..;lkXWMMMMMMMMMM MMMMMMMMMMMMMMWKxl;.. ..;lxKWMMMMMMMMMMMMMM --> <!-- Sitemap --> <link rel="sitemap" type="application/xml" title="Rockol.it - sitemap" href="/sitemap-index.xml"> <!-- Custom Search --> <link rel="search" href="https://www.rockol.it/os-main.xml" type="application/opensearchdescription+xml" title="Rockol.it - Music Search"/> <!-- Favicons, Pins, etc. --> <link rel="icon" type="image/png" href="https://static.rockol.it/assets/img/favicons/favicon-96x96.ver.202502061305.png" sizes="96x96"/> <link rel="icon" type="image/svg+xml" href="https://static.rockol.it/assets/img/favicons/favicon.ver.202502061305.svg"/> <link rel="icon" href="https://static.rockol.it/assets/img/favicons/favicon.ver.202502061305.ico"/> <link rel="apple-touch-icon" sizes="180x180" href="https://static.rockol.it/assets/img/favicons/apple-touch-icon.ver.202502061305.png"/> <meta name="apple-mobile-web-app-title" content="Rockol.it"/> <link rel="manifest" href="https://static.rockol.it/assets/img/favicons/site.ver.202502061305.webmanifest"/> <!-- RSS feeds --> <link rel="alternate" href="https://www.rockol.it/rss/news" type="application/rss+xml" title="Rockol News"> <link rel="alternate" href="https://www.rockol.it/rss/dischi" type="application/rss+xml" title="Rockol Dischi"> <link rel="alternate" href="https://www.rockol.it/rss/concerti" type="application/rss+xml" title="Rockol Concerti"> <link rel="alternate" href="https://www.rockol.it/rss/gallerie-fotografiche" type="application/rss+xml" title="Rockol Gallerie Fotografiche"> <link rel="alternate" href="https://www.rockol.it/rss/video" type="application/rss+xml" title="Rockol Video"> <script> // Initialize Firebase window.config = { apiKey: "AIzaSyB5cAIA-BfhhPFSBIJjIdztuXsdXIQEflw", authDomain: "myrockol.firebaseapp.com", databaseURL: "https://myrockol.firebaseio.com/", messagingSenderId: "733704253707", projectId: "firebase-myrockol", appId: "1:733704253707:web:23953e5d99c764293b720e" }; </script> <script async src="https://static.rockol.it/assets/static/ver.202502061305/js/vendors.min.js"></script> <script async src="https://static.rockol.it/assets/static/ver.202502061305/js/main.min.js"></script> <script async src="https://static.rockol.it/assets/static/ver.202502061305/js/myRockol.min.js"></script> <script type="text/javascript" src="https://static.rockol.it/assets/vendors/jquery/jquery-3.5.1.min.js"></script> <link rel="stylesheet" data-rockol-promo media="print" onload="this.media='all'" href="https://cdn.exmarketplace.com/bidder/video_update/vcfg_minified_start_opt.css" /> <link rel="stylesheet" data-rockol-promo media="print" onload="this.media='all'" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" /> <style> body { background: linear-gradient(-180deg, #BCC5CE 0%, rgb(27 28 51 / .2) 98%), radial-gradient(at top left, rgba(255,255,255,0.30) 0%, rgba(0,0,0,0.30) 100%); background-attachment: fixed; } @media screen and (min-width: 1100px) { .skin-reference { margin-top: 110px; } } </style> <script type="text/javascript">window.exmp_artist_name="gen";</script> <script type="text/javascript">window.exmp_category_key="poprock";</script> <script data-rockol-promo async src="https://cdn.exmarketplace.com/bidder/rockol/rockol.dfp.min.js"></script> <script data-rockol-promo async src="https://imasdk.googleapis.com/js/sdkloader/ima3.js"></script> <script data-rockol-promo async src="https://cdn.exmarketplace.com/bidder/video_update/vcfg_minified.js"></script> <script data-rockol-promo async src="https://cdn.exmarketplace.com/bidder/rockol/rockol_video_v2.js"></script> <script data-rockol-promo async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script> <!-- Google Schema.org --> <script type="application/ld+json" > {"@type":"WebSite","url":"https:\/\/www.rockol.it","name":"Rockol.it","alternateName":"Rockol - la musica online \u00e8 qui","potentialAction":{"@type":"SearchAction","target":"https:\/\/www.rockol.it\/search?s={search_term_string}","query-input":"required name=search_term_string"},"@context":"http:\/\/schema.org"} </script> <script type="application/ld+json" > {"@type":"Organization","url":"https:\/\/www.rockol.it","name":"Rockol.com S.R.L.","legalName":"Rockol.com S.R.L.","email":"rocko@rockol.it","logo":{"@context":"http:\/\/schema.org","@type":"ImageObject","name":"Rockol.it Logo","url":"https:\/\/rockol-img.s3.amazonaws.com\/assets\/img\/2019\/logo-big.png"},"address":{"@type":"PostalAddress","addressCountry":"IT","addressLocality":"Milano","addressRegion":"Lombardia","postalCode":"20122","streetAddress":"Via S. Damiano, 9"},"sameAs":["https:\/\/it.wikipedia.org\/wiki\/Rockol","https:\/\/www.facebook.com\/rockol","https:\/\/www.linkedin.com\/company\/rockol\/","https:\/\/www.instagram.com\/rockol.it\/","https:\/\/twitter.com\/rockolpoprock","https:\/\/www.rockol.it"],"@context":"http:\/\/schema.org"} </script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-RQQRWQL1QP"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-RQQRWQL1QP'); </script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-4X2JQVYQY5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag( 'config', 'G-4X2JQVYQY5' ); const advTrackingManagement = () => { let advErogando = false; let eventSent = false; let debug = true; const event_values = { TAG_NON_PRESENTE: 1, DIV_EROGATO: 2, DIV_NON_EROGATO: 3, } const log = (...data) => { if (debug) { console.info(...['EROGAZIONE ADV', ...data]); } } const monitoraAdv = () => { // Logica per determinare se l'adv sta erogando let time = 0; let time_out = 1000 * 5; let interval_ms = 200; let intervalId = setInterval(() => { log("Controllo"); time += interval_ms; // Se ho superato il timeout esco e invio if (time > time_out) { log("Timeout"); sendEvent(event_values.DIV_NON_EROGATO); clearInterval(intervalId) } const div_unita_0 = document.querySelector('div[data-adunitid="0"]'); const div_unita_16 = document.querySelector('div[data-adunitid="16"]'); const divDaCercare = div_unita_0 || div_unita_16 || null; // Se l'ad unit non è in pagina invio il fatto che l'adv non è attivo if (divDaCercare === null) { log("No Ad - Unit"); sendEvent(event_values.TAG_NON_PRESENTE); clearInterval(intervalId); return; } // Se l'ad unit è in pagina ed è fillato con una adv allora mando l'evento di ok const divInterno = divDaCercare.querySelector('div[data-google-query-id]'); if (divInterno) { log("Ad presente"); advErogando = true; sendEvent(event_values.DIV_EROGATO); clearInterval(intervalId) return; } }, interval_ms); } const sendEvent = (event_value) => { if (eventSent) { return; } log('Invio evento con valore ' + event_value); gtag('event', 'emp_adv', { 'send_to': 'G-4X2JQVYQY5', 'event_category': 'Adv', 'event_label': 'EMP Adv', 'value': event_value }); eventSent = true; } document.addEventListener('DOMContentLoaded', function() { monitoraAdv(); }); window.addEventListener('beforeunload', function() { sendEvent(event_values.DIV_NON_EROGATO); }); }; advTrackingManagement(); </script> <!-- Facebook Pixel Code --> <script type="text/plain" class="_iub_cs_activate-inline" data-iub-purposes="4"> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1595219114265672'); fbq('track', 'PageView'); </script> <noscript> <img height="1" width="1" alt="" style="display:none" class="_iub_cs_activate" data-iub-purposes="4" data-suppressedsrc="https://www.facebook.com/tr?id=1595219114265672&ev=PageView&noscript=1" /> </noscript> <!-- End Facebook Pixel Code --> <script> window.loaderConfig_ = { domain: 'www.rockol.it', path: '/js/vendors/webtrekk/smart-pixel-core-v1.2.6/', file: 'smart-pixel.min.js' }; window.wtSmart = window.wtSmart || []; window.wtSmart.push(function (wtSmart) { window.WebtrekkRockolClient = new WtRockolClient(wtSmart, {"trackId":"525983702053258","trackDomain":"rockolitalia01.wt-eu02.net","page":{"name":"https:\/\/www.rockol.it\/news-736583\/il-disco-del-giorno-pink-floyd-ummagumma","title":"Il disco del giorno: Pink Floyd, \"Ummagumma\" - Rockol","articleTitle":"Il disco del giorno: Pink Floyd, \"Ummagumma\""}}); WebtrekkRockolClient.setContentGroup({"1":"Aggregato Rockol - Web","2":"Rockol.it - Web","3":"News","5":"www.rockol.it","6":"Recensioni","4":"Pop"}); WebtrekkRockolClient.setCustomParams({1: (function getRefresh() { if (RegExp('[?&]' + 'refresh_cens$').exec(window.location.search)) return 'refresh_cens'; else if (RegExp('[?&]' + 'refresh_ce$').exec(window.location.search)) return 'refresh_ce'; else return 'no-refresh'; })(),2: document.title,3: "news",4: "_Gen",9: "9236",5: "Pink Floyd",10: "",6: "421",7: "franco.zanetti"}); WebtrekkRockolClient.sendPageImpression(); }); document.addEventListener('DOMContentLoaded', function () { window.wtSmart.push(function (wtSmart) { window.WebtrekkRockolClient.trackAdvEvents(); }); }, false); </script> <script type="text/javascript" async src="https://static.rockol.it/assets/static/ver.202502061305/js/webtrekkRockolSmartPixel.js"></script> <noscript> <div> <img src="https://rockolitalia01.wt-eu02.net/525983702053258/wt.pl?p=322,0" height="1" width="1" alt=""/> </div> </noscript> <!-- /Webtrekk --> <style type="text/css"> #iubenda-cs-banner { font-size: 15px !important; background: none !important; line-height: 1.4 !important; position: fixed !important; z-index: 99999998 !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; border: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; display: flex !important; will-change: opacity; opacity: 0 !important; pointer-events: none !important; transition: opacity 0.4s ease !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox { flex-shrink: 0 !important; display: flex !important; align-items: center !important; margin-left: 24px !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input { -moz-appearance: none !important; appearance: none !important; -webkit-appearance: none !important; padding: 0 !important; border: 0 !important; margin: 0 !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input::-ms-check, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input::-ms-check { visibility: hidden; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input.style1, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input.style1 { width: 64px !important; height: 32px !important; border-radius: 32px !important; transition: background-position 0.4s ease, background-color 0.4s ease !important; background-color: #CCC !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M9 0a9 9 0 1 1 0 18A9 9 0 0 1 9 0zM5.729 5.033a.5.5 0 0 0-.638.058l-.058.07a.5.5 0 0 0 .058.637l3.201 3.201-3.201 3.203a.5.5 0 0 0 .707.707l3.201-3.203 3.203 3.203.07.058a.5.5 0 0 0 .637-.058l.058-.07a.5.5 0 0 0-.058-.637L9.706 8.999l3.203-3.201a.5.5 0 0 0-.707-.707L8.999 8.292 5.798 5.091z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: top 4px left 4px !important; background-size: 24px 24px !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input.style1:checked, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input.style1:checked { background-color: #1CC691 !important; background-position: top 4px left 36px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M9 0a9 9 0 1 1 0 18A9 9 0 0 1 9 0zm4.646 5.646l-6.198 6.2-3.1-3a.5.5 0 1 0-.696.718l3.454 3.342a.5.5 0 0 0 .701-.006l6.547-6.546a.5.5 0 1 0-.708-.708z'/%3E%3C/svg%3E") !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input.style1:checked.sm, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input.style1:checked.sm { background-position: top 3px left 27px !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input.style1:checked.half, #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input.style1:checked[value=partial], #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input.style1:checked.half, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input.style1:checked[value=partial] { background-color: #FFD24D !important; background-position: top 4px left 20px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M9 0a9 9 0 1 1 0 18A9 9 0 0 1 9 0zm4 8.5H5a.5.5 0 0 0 0 1h8a.5.5 0 0 0 0-1z'/%3E%3C/svg%3E") !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input.style1:checked.half.sm, #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input.style1:checked[value=partial].sm, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input.style1:checked.half.sm, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input.style1:checked[value=partial].sm { background-position: top 3px left 15px !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input.style1.sm, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input.style1.sm { width: 48px !important; height: 24px !important; border-radius: 24px !important; background-size: 18px 18px !important; background-position: top 3px left 3px !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input::-ms-check, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input::-ms-check { visibility: hidden !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input:not([disabled]), #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input:not([disabled]) { cursor: pointer !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input[disabled], #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input[disabled] { opacity: 0.35; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox .iub-caption, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox .iub-caption { display: none !important; } #iubenda-cs-banner [class*=" iub"], #iubenda-cs-banner [class^=iub], #iubenda-cs-banner .iubenda-banner-content:not(.iubenda-custom-content) * { font-size: 100% !important; width: auto !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; background: none !important; box-sizing: border-box !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; font-family: -apple-system, sans-serif !important; text-decoration: none !important; color: currentColor !important; background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0 0 !important; background-repeat: repeat !important; border: 0 !important; border-color: #000 !important; border-color: currentColor !important; border-radius: 0 !important; border-style: none !important; border-width: medium !important; bottom: auto !important; clear: none !important; clip: auto !important; counter-increment: none !important; counter-reset: none !important; direction: inherit !important; float: none !important; font-style: inherit !important; font-variant: normal !important; font-weight: inherit !important; height: auto !important; left: auto !important; letter-spacing: normal !important; line-height: inherit !important; list-style-type: inherit !important; list-style-position: outside !important; list-style-image: none !important; margin: 0 !important; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; opacity: 1; overflow: visible !important; padding: 0 !important; position: static !important; quotes: "" "" !important; right: auto !important; table-layout: auto !important; text-align: left !important; text-indent: 0 !important; text-transform: none !important; top: auto !important; unicode-bidi: normal !important; vertical-align: baseline !important; white-space: normal !important; width: auto !important; word-spacing: normal !important; z-index: auto !important; background-origin: padding-box !important; background-origin: padding-box !important; background-clip: border-box !important; background-size: auto !important; -o-border-image: none !important; border-image: none !important; border-radius: 0 !important; border-radius: 0 !important; box-shadow: none !important; -moz-column-count: auto !important; column-count: auto !important; -moz-column-gap: normal !important; column-gap: normal !important; -moz-column-rule: medium none #000 !important; column-rule: medium none #000 !important; -moz-column-span: none !important; column-span: none !important; -moz-column-width: auto !important; column-width: auto !important; font-feature-settings: normal !important; overflow-x: visible !important; overflow-y: visible !important; -webkit-hyphens: manual !important; hyphens: manual !important; perspective: none !important; perspective-origin: 50% 50% !important; text-shadow: none !important; transition: all 0s ease 0s !important; transform: none !important; transform-origin: 50% 50% !important; transform-style: flat !important; word-break: normal !important; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } #iubenda-cs-banner.iubenda-cs-overlay:before { content: "" !important; position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.5) !important; z-index: 1 !important; pointer-events: auto !important; } #iubenda-cs-banner.iubenda-cs-center { align-items: center !important; justify-content: center !important; } #iubenda-cs-banner.iubenda-cs-top { align-items: flex-start !important; } #iubenda-cs-banner.iubenda-cs-bottom { align-items: flex-end !important; } #iubenda-cs-banner.iubenda-cs-left { justify-content: flex-start !important; } #iubenda-cs-banner.iubenda-cs-right { justify-content: flex-end !important; } #iubenda-cs-banner.iubenda-cs-visible { opacity: 1 !important; } #iubenda-cs-banner.iubenda-cs-visible > * { pointer-events: auto !important; } #iubenda-cs-banner.iubenda-cs-slidein .iubenda-cs-container { transition: transform 0.4s ease !important; } #iubenda-cs-banner.iubenda-cs-slidein.iubenda-cs-top .iubenda-cs-container { transform: translateY(-48px) !important; } #iubenda-cs-banner.iubenda-cs-slidein.iubenda-cs-bottom .iubenda-cs-container { transform: translateY(48px) !important; } #iubenda-cs-banner.iubenda-cs-slidein.iubenda-cs-visible .iubenda-cs-container { transform: translateY(0) !important; } #iubenda-cs-banner .iubenda-cs-container { position: relative !important; z-index: 2 !important; } #iubenda-cs-banner .iubenda-cs-container.iubenda-cs-themed { display: flex; flex-direction: column; } #iubenda-cs-banner .iubenda-cs-brand { display: flex !important; padding: 16px !important; flex-shrink: 0 !important; } #iubenda-cs-banner .iubenda-cs-brand > div { display: flex !important; justify-content: flex-start !important; } #iubenda-cs-banner .iubenda-cs-brand img { max-width: 192px !important; max-height: 32px !important; } #iubenda-cs-banner .iubenda-cs-content { position: relative !important; z-index: 1 !important; overflow: hidden !important; transition: transform 0.4s ease !important; background-color: #000000 !important; color: #FFFFFF !important; font-size: 14px !important; display: flex; flex-direction: column; } #iubenda-cs-banner .iubenda-cs-rationale { position: relative !important; display: flex !important; flex-direction: column !important; flex: 1 1 auto; } #iubenda-cs-banner .iubenda-cs-close-btn { z-index: 1 !important; top: 6px !important; right: 0 !important; margin: 10px !important; min-width: 32px !important; height: 32px !important; padding: 6px !important; font-size: 24px !important; line-height: 0 !important; font-weight: lighter !important; cursor: pointer !important; text-align: center !important; border: 1px solid transparent !important; border-radius: 4px !important; opacity: 0.7 !important; align-self: flex-end !important; } #iubenda-cs-banner .iubenda-cs-close-btn:hover { opacity: 1 !important; } #iubenda-cs-banner .iubenda-banner-content { font-weight: 300 !important; padding: 16px !important; flex: 1 1 auto !important; overflow-y: auto !important; } #iubenda-cs-banner .iubenda-banner-content a { cursor: pointer !important; color: currentColor !important; opacity: 0.7 !important; text-decoration: underline !important; } #iubenda-cs-banner .iubenda-banner-content a:hover { opacity: 1 !important; } #iubenda-cs-banner #iubenda-cs-title { margin-bottom: 16px !important; margin-top: 8px !important; font-weight: bold !important; } #iubenda-cs-banner .iubenda-cs-counter { text-align: center !important; position: relative !important; z-index: 1 !important; display: none; pointer-events: none; flex-shrink: 0; padding: 8px !important; font-size: 13px !important; font-weight: bold !important; } #iubenda-cs-banner .iubenda-cs-cwa-button { font-weight: bold !important; font-size: 13px !important; background: rgba(255, 255, 255, 0.1) !important; color: white !important; padding: 8px 14px !important; flex-shrink: 0; border-radius: 4px !important; text-align: center !important; z-index: 1 !important; margin: 16px !important; margin-bottom: 0 !important; cursor: pointer !important; } #iubenda-cs-banner .iubenda-cs-cwa-button:focus, #iubenda-cs-banner .iubenda-cs-cwa-button:hover { box-shadow: 0 0 0 999px inset rgba(0, 0, 0, 0.1) !important; } @media (max-width: 639px) { #iubenda-cs-banner .iubenda-cs-cwa-button { box-shadow: 0 8px 16px 4px rgba(0, 0, 0, 0.2) !important; } } @media (min-width: 640px) { #iubenda-cs-banner .iubenda-cs-cwa-button { align-self: flex-end; } } #iubenda-cs-banner .iubenda-cs-opt-group { z-index: 1 !important; display: flex !important; margin-top: 0 !important; flex-shrink: 0 !important; color: #000000 !important; margin: 16px !important; margin-top: 0 !important; } #iubenda-cs-banner .iubenda-cs-opt-group > div { display: flex !important; } @media (min-width: 640px) { #iubenda-cs-banner .iubenda-cs-opt-group { align-items: center !important; justify-content: space-between !important; } #iubenda-cs-banner .iubenda-cs-opt-group-custom { margin-right: auto !important; align-self: start !important; justify-content: flex-start !important; } #iubenda-cs-banner .iubenda-cs-opt-group-consent { margin-left: auto !important; align-self: end !important; justify-content: flex-end !important; } } @media (max-width: 639px) { #iubenda-cs-banner .iubenda-cs-opt-group { flex-direction: column !important; } #iubenda-cs-banner .iubenda-cs-opt-group-custom:not(.iubenda-cs-opt-group-granular) { order: 2; } #iubenda-cs-banner .iubenda-cs-opt-group-consent { order: 1; } } #iubenda-cs-banner .iubenda-cs-opt-group button { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; padding: 8px 32px !important; border-radius: 64px !important; cursor: pointer !important; font-weight: bold !important; font-size: 100% !important; margin-top: 4px !important; margin-bottom: 4px !important; text-align: center !important; border: 0 !important; background-color: #1a1a1a !important; color: #FFFFFF !important; } #iubenda-cs-banner .iubenda-cs-opt-group button.focus, #iubenda-cs-banner .iubenda-cs-opt-group button.hover { box-shadow: 0 0 0 999px inset rgba(0, 0, 0, 0.1) !important; } @media (min-width: 640px) { #iubenda-cs-banner .iubenda-cs-opt-group button:not(:last-of-type) { margin-right: 8px !important; } } @media (max-width: 639px) { #iubenda-cs-banner .iubenda-cs-opt-group button { padding: 8px 24px !important; width: 100% !important; display: block; text-align: center !important; margin: 6px 3px !important; flex: 1; } } #iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-btn-primary, #iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-accept-btn { background-color: #0073CE !important; color: #FFFFFF !important; } #iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-reject-btn { background-color: #0073CE !important; color: #FFFFFF !important; } #iubenda-cs-banner.iubenda-cs-padded:not(.iubenda-cs-branded) .iubenda-banner-content { padding-right: 48px !important; } #iubenda-cs-banner.iubenda-cs-padded .iubenda-cs-close-btn { position: absolute !important; } @media (min-width: 640px) { #iubenda-cs-banner:not(.iubenda-cs-padded).iubenda-cs-branded .iubenda-cs-cwa-button { position: absolute !important; } } @media (min-width: 640px) { #iubenda-cs-banner:not(.iubenda-cs-branded):not(.iubenda-cs-no-heading) .iubenda-cs-cwa-button { position: absolute !important; top: -4px !important; right: -4px !important; padding: 5px 10px !important; } } @media (min-width: 640px) { #iubenda-cs-banner.iubenda-cs-branded:not(.iubenda-cs-default-floating).iubenda-cs-top .iubenda-cs-brand, #iubenda-cs-banner.iubenda-cs-branded:not(.iubenda-cs-default-floating).iubenda-cs-bottom .iubenda-cs-brand { border-radius: 8px !important; } } @media (min-width: 640px) { #iubenda-cs-banner.iubenda-cs-branded .iubenda-cs-cwa-button { margin: 15px !important; } } #iubenda-cs-banner.iubenda-cs-branded .iubenda-cs-close-btn { height: 32px !important; min-width: 32px !important; } #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-brand-badge-outer, #iubenda-cs-banner.iubenda-cs-default-floating .iubenda-cs-brand-badge-outer { height: 0 !important; } #iubenda-cs-banner.iubenda-cs-default:not(.iubenda-cs-left) .iubenda-cs-brand-badge-outer, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-left) .iubenda-cs-brand-badge-outer { margin-left: auto !important; margin-right: 0 !important; float: right !important; } #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-cs-brand-badge-outer, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-bottom .iubenda-cs-brand-badge-outer { order: -1 !important; display: inline-flex !important; } #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-brand { margin: 0 -8px 0 !important; } @media (max-width: 991px) { #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-brand { margin: -8px -8px 0 !important; } } @media (min-width: 992px) { #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-brand div { margin: 0 auto !important; width: calc(992px - 32px) !important; } } @media (max-width: 991px) { #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-brand div { margin: 0 8px !important; } } #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-container { width: 100% !important; } @media (min-width: 992px) { #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-rationale { width: 992px !important; margin: 16px auto !important; } } @media (min-width: 992px) { #iubenda-cs-banner.iubenda-cs-default-floating .iubenda-cs-brand-badge { margin: 0 16px !important; } } @media (min-width: 992px) { #iubenda-cs-banner.iubenda-cs-default-floating .iubenda-cs-container { width: 992px !important; } } @media (max-width: 991px) { #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-cs-container, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-cs-container { width: 100% !important; } } @media (min-width: 640px) { #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-container, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-container, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-container { width: 480px !important; } } #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-opt-group, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-opt-group, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-opt-group { flex-direction: column !important; } #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-opt-group > div, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-opt-group > div, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-opt-group > div { width: 100% !important; } #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-opt-group button, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-opt-group button, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-opt-group button { display: block !important; width: 100% !important; text-align: center !important; } #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-opt-group-custom, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-opt-group-custom, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-opt-group-custom { order: 2; } #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-opt-group-consent, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-opt-group-consent, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-opt-group-consent { order: 1; } #iubenda-cs-banner.iubenda-cs-default-floating .iubenda-cs-content { box-shadow: 0 8px 48px rgba(0, 0, 0, 0.15) !important; max-width: 100% !important; } @media (min-width: 992px) { #iubenda-cs-banner.iubenda-cs-default-floating .iubenda-cs-content { border-radius: 4px !important; margin: 16px !important; } } #iubenda-cs-banner.iubenda-cs-scrollable .iubenda-banner-content { mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 16px) !important; -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 16px) !important; } #iubenda-cs-banner.iubenda-cs-fix-height .iubenda-cs-container, #iubenda-cs-banner.iubenda-cs-fix-height .iubenda-cs-content, #iubenda-cs-banner.iubenda-cs-fix-height .iubenda-cs-rationale { height: 100% !important; } @media (min-width: 992px) { #iubenda-cs-banner.iubenda-cs-fix-height.iubenda-cs-default-floating .iubenda-cs-content { height: calc(100% - 32px) !important; } } #iubenda-cs-banner.iubenda-cs-fix-height .iubenda-cs-brand img { max-width: 75% !important; } #iubenda-cs-banner a[href]:focus, #iubenda-cs-banner button:focus, #iubenda-cs-banner input:focus, #iubenda-cs-banner textarea:focus, #iubenda-cs-banner select:focus, #iubenda-cs-banner details:focus, #iubenda-cs-banner [tabindex]:not([tabindex="-1"]):focus { outline-width: 2px !important; outline-style: solid !important; outline-color: #005fcc !important; outline-offset: 2px !important; } #iubenda-cs-banner .iubenda-cs-brand-badge { flex-shrink: 0 !important; margin: 16px !important; padding: 6px 34px 6px 10px !important; background: white !important; display: inline-flex; border-radius: 6px !important; border: 1px solid rgba(0, 0, 0, 0.2) !important; box-shadow: 0 0 16px rgba(0, 0, 0, 0.1) !important; align-self: flex-end; background-image: url("data:image/svg+xml,%3Csvg fill='none' height='19' viewBox='0 0 9 19' width='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='m4.1555.211426c.81725.000101 1.61499.249693 2.28656.715401.67157.465713 1.18496 1.125343 1.47153 1.890693.28657.76536.33266 1.59996.13211 2.39221-.20055.79226-.63818 1.50441-1.25438 2.04124l.87593 11.02083h-7.023493l.875933-11.02083c-.616206-.53683-1.053841-1.24898-1.254391-2.04124-.2005501-.79225-.154458-1.62685.132114-2.39221.286572-.76535.799967-1.42498 1.471537-1.890693.67157-.465708 1.46931-.7153 2.28655-.715401z' fill='%231cc691' fill-rule='evenodd'/%3E%3C/svg%3E") !important; background-position: center right 12px !important; background-repeat: no-repeat !important; color: #222 !important; font-weight: normal !important; font-size: 14px !important; pointer-events: auto !important; } #iubenda-cs-banner .iubenda-cs-brand-badge:hover { border: 1px solid rgba(0, 0, 0, 0.4) !important; } #iubenda-cs-banner .iubenda-cs-brand-badge > span { border-right: 1px solid rgba(0, 0, 0, 0.1) !important; padding-right: 12px !important; } #iubenda-cs-banner .iubenda-cs-brand-badge > span > span { text-decoration: underline !important; } #iubenda-cs-banner .iubenda-cs-brand-badge-text { font-size: 11px !important; font-weight: bold !important; text-align: right !important; margin: -4px 16px 12px !important; } #iubenda-cs-banner .iubenda-cs-brand-badge-text a { color: inherit; } #iubenda-cs-banner .iubenda-iframe-spinner ~ .iubenda-iframe-badge-container .iubenda-cs-brand-badge { display: none !important; } #iubenda-cs-banner .iubenda-granular-controls-container { --iub-granular-background: rgba(0, 0, 0, .02); --iub-granular-border: rgba(0, 0, 0, 0.08); --iub-granular-toggle-background: rgba(0, 0, 0, 0.2); display: flex; flex-wrap: wrap; flex-shrink: 0; margin-bottom: 16px !important; border-top: 1px solid var(--iub-granular-border) !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox { flex-basis: 100%; display: flex !important; gap: 10px !important; padding-left: 16px !important; padding-right: 16px !important; padding-bottom: 14px !important; background-color: var(--iub-granular-background) !important; margin: 0 !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox input.style1 { width: 48px !important; height: 24px !important; background-position: top 3px left 3px !important; background-size: 18px 18px !important; background-color: var(--iub-granular-toggle-background) !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox input.style1, #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox input.style1:checked { background-image: url("data:image/svg+xml,%3Csvg height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' fill='%23fff' fill-rule='evenodd' r='10'/%3E%3C/svg%3E") !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox input.style1:checked { background-position: top 3px left 27px !important; background-color: #1cc691 !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox input.style1:checked[value=partial] { background-position: top 3px left 15px !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox:nth-child(2) { padding-top: 16px !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox:last-child { padding-bottom: 16px !important; border-bottom: 1px solid var(--iub-granular-border) !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd), #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox { flex-basis: 50%; flex-direction: column-reverse; padding: 14px 10px !important; border: 1px solid var(--iub-granular-border) !important; border-right: 0 !important; border-top: 0 !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox--disabled { display: none !important; } @media (max-width: 991px) { #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox { min-width: 0 !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox label { max-width: 100%; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox label span { display: block; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox--mobile-hidden { display: none !important; } } #iubenda-cs-banner.iubenda-cs-black .iubenda-granular-controls-container { --iub-granular-background: rgba(255, 255, 255, .02); --iub-granular-border: rgba(255, 255, 255, 0.08); --iub-granular-toggle-background: rgba(255, 255, 255, 0.2); } @media (min-width: 640px) { #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox { flex: 1 !important; flex-direction: column-reverse !important; padding: 14px 10px !important; border: 1px solid var(--iub-granular-border) !important; border-right: 0 !important; border-top: 0 !important; padding-top: 16px !important; } } @media (min-width: 992px) { #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container { grid-gap: 24px !important; padding: 16px 16px 32px !important; border-top: 0 !important; margin-bottom: 0 !important; } #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox--disabled, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox--disabled, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox--disabled, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox--disabled { display: flex !important; } #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child { padding-left: 16px !important; } #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:last-child { padding-right: 16px !important; } #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:nth-child(2), #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd), #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:nth-last-child(2), #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:nth-child(2), #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd), #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:nth-last-child(2), #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:nth-child(2), #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd), #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:nth-last-child(2), #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:nth-child(2), #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd), #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:nth-last-child(2) { flex: 0 1 auto !important; flex-direction: row !important; background-color: transparent !important; padding: 0 !important; border: none !important; margin: 0 !important; } } .iubenda-tp-btn *, .iubenda-tp-btn:not([data-tp-nostyle]), .iubenda-uspr-btn *, .iubenda-uspr-btn:not([data-tp-nostyle]) { font-size: 100% !important; width: auto !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; background: none !important; box-sizing: border-box !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; -webkit-backface-visibility: hidden !important; backface-visibility: hidden !important; font-family: -apple-system, sans-serif !important; text-decoration: none !important; color: currentColor !important; background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0 0 !important; background-repeat: repeat !important; border: 0 !important; border-color: #000 !important; border-color: currentColor !important; border-radius: 0 !important; border-style: none !important; border-width: medium !important; bottom: auto !important; clear: none !important; clip: auto !important; counter-increment: none !important; counter-reset: none !important; cursor: auto !important; direction: inherit !important; float: none !important; font-style: inherit !important; font-variant: normal !important; font-weight: inherit !important; height: auto !important; left: auto !important; letter-spacing: normal !important; line-height: inherit !important; list-style-type: inherit !important; list-style-position: outside !important; list-style-image: none !important; margin: 0 !important; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; opacity: 1; outline: 0 !important; overflow: visible !important; padding: 0 !important; position: static !important; quotes: "" "" !important; right: auto !important; table-layout: auto !important; text-align: left !important; text-indent: 0 !important; text-transform: none !important; top: auto !important; unicode-bidi: normal !important; vertical-align: baseline !important; visibility: inherit !important; white-space: normal !important; width: auto !important; word-spacing: normal !important; z-index: auto !important; background-origin: padding-box !important; background-origin: padding-box !important; background-clip: border-box !important; background-size: auto !important; -o-border-image: none !important; border-image: none !important; border-radius: 0 !important; border-radius: 0 !important; box-shadow: none !important; -moz-column-count: auto !important; column-count: auto !important; -moz-column-gap: normal !important; column-gap: normal !important; -moz-column-rule: medium none #000 !important; column-rule: medium none #000 !important; -moz-column-span: none !important; column-span: none !important; -moz-column-width: auto !important; column-width: auto !important; font-feature-settings: normal !important; overflow-x: visible !important; overflow-y: visible !important; -webkit-hyphens: manual !important; hyphens: manual !important; perspective: none !important; perspective-origin: 50% 50% !important; text-shadow: none !important; transition: all 0s ease 0s !important; transform: none !important; transform-origin: 50% 50% !important; transform-style: flat !important; word-break: normal !important; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } .iubenda-tp-btn:not([data-tp-nostyle]), .iubenda-uspr-btn:not([data-tp-nostyle]) { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; line-height: 34px !important; height: 34px !important; min-width: 34px !important; border-radius: 4px !important; cursor: pointer !important; font-weight: bold !important; font-size: 14px !important; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) !important; color: rgba(0, 0, 0, 0.65) !important; background-color: white !important; display: inline-block !important; vertical-align: middle !important; } .iubenda-tp-btn.iubenda-tp-btn--warning:before, .iubenda-uspr-btn.iubenda-tp-btn--warning:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg fill='none' height='17' viewBox='0 0 17 17' width='17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6.79042 2.81577c.7788-1.28272 2.64036-1.28272 3.41918 0l5.9459 9.79333c.8093 1.3328-.1503 3.038-1.7095 3.038h-11.89195c-1.55927 0-2.5188026-1.7052-1.709576-3.038z' fill='%23fb6666'/%3E%3Cpath d='m14.446 15.1471h-11.89195c-1.16945 0-1.889102-1.2789-1.28218-2.2785l5.94595-9.79334c.5841-.96204 1.98026-.96204 2.56436 0l5.94592 9.79334c.607.9996-.1127 2.2785-1.2821 2.2785z' stroke='%23000' stroke-opacity='.1'/%3E%3Cg fill='%23fff'%3E%3Crect height='4.97619' rx='.497619' width='.995238' x='8' y='6'/%3E%3Cpath d='m8 12.5c0-.2761.22386-.5.5-.5.27614 0 .5.2239.5.5 0 .2761-.22386.5-.5.5-.27614 0-.5-.2239-.5-.5z'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-size: 24px 24px; background-repeat: no-repeat; position: absolute; top: -16px; right: -16px; width: 32px; height: 32px; z-index: 2147483647 !important; } .iubenda-tp-btn[data-tp-icon], .iubenda-uspr-btn[data-tp-icon] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%231CC691' fill-rule='evenodd' d='M16 7a4 4 0 0 1 2.627 7.016L19.5 25h-7l.873-10.984A4 4 0 0 1 16 7z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-size: 32px 32px !important; background-position: top 0.5px left 1px !important; } .iubenda-tp-btn[data-tp-circle], .iubenda-uspr-btn[data-tp-circle] { border-radius: 32px !important; } .iubenda-tp-btn[data-tp-label]:after, .iubenda-uspr-btn[data-tp-label]:after { content: attr(data-tp-label) !important; padding: 0 16px !important; white-space: nowrap !important; } .iubenda-tp-btn[data-tp-label][data-tp-icon]:after, .iubenda-uspr-btn[data-tp-label][data-tp-icon]:after { padding-left: calc(16px + 8px + 8px) !important; } .iubenda-tp-btn[data-tp-float], .iubenda-uspr-btn[data-tp-float] { position: fixed !important; } .iubenda-tp-btn[data-tp-float]:not([data-tp-anchored]), .iubenda-uspr-btn[data-tp-float]:not([data-tp-anchored]) { margin: 16px !important; } .iubenda-tp-btn[data-tp-float]:focus, .iubenda-uspr-btn[data-tp-float]:focus { outline: 2px solid -webkit-focus-ring-color !important; } .iubenda-tp-btn[data-tp-float][data-tp-anchored], .iubenda-uspr-btn[data-tp-float][data-tp-anchored] { margin: 0 16px !important; border-radius: 6px !important; } .iubenda-tp-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-left], .iubenda-tp-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-right], .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left], .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right], .iubenda-uspr-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-left], .iubenda-uspr-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-right], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right] { margin: 0 !important; top: 75% !important; transform: translateY(-50%) !important; } .iubenda-tp-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-left], .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left], .iubenda-uspr-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-left], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left] { left: 0 !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border-left: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-right], .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right], .iubenda-uspr-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-right], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right] { right: 0 !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-right: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-left], .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-right], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-left], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-right] { margin: 0 !important; top: 50% !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom: 0 !important; transform-origin: bottom !important; } .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-left], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-left] { left: 0 !important; transform: translateY(-50%) rotate(90deg) !important; transform-origin: left bottom !important; } .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-right], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-right] { right: 0 !important; transform: translateY(-50%) rotate(-90deg) !important; transform-origin: right bottom !important; } .iubenda-tp-btn[data-tp-float][data-tp-float=bottom-left], .iubenda-tp-btn[data-tp-float][data-tp-float=bottom-right], .iubenda-uspr-btn[data-tp-float][data-tp-float=bottom-left], .iubenda-uspr-btn[data-tp-float][data-tp-float=bottom-right] { bottom: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-float=bottom-left][data-tp-anchored], .iubenda-tp-btn[data-tp-float][data-tp-float=bottom-right][data-tp-anchored], .iubenda-uspr-btn[data-tp-float][data-tp-float=bottom-left][data-tp-anchored], .iubenda-uspr-btn[data-tp-float][data-tp-float=bottom-right][data-tp-anchored] { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-float=top-left], .iubenda-tp-btn[data-tp-float][data-tp-float=top-right], .iubenda-uspr-btn[data-tp-float][data-tp-float=top-left], .iubenda-uspr-btn[data-tp-float][data-tp-float=top-right] { top: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-float=top-left][data-tp-anchored], .iubenda-tp-btn[data-tp-float][data-tp-float=top-right][data-tp-anchored], .iubenda-uspr-btn[data-tp-float][data-tp-float=top-left][data-tp-anchored], .iubenda-uspr-btn[data-tp-float][data-tp-float=top-right][data-tp-anchored] { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border-top: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-float=top-left], .iubenda-tp-btn[data-tp-float][data-tp-float=bottom-left], .iubenda-uspr-btn[data-tp-float][data-tp-float=top-left], .iubenda-uspr-btn[data-tp-float][data-tp-float=bottom-left] { left: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-float=top-right], .iubenda-tp-btn[data-tp-float][data-tp-float=bottom-right], .iubenda-uspr-btn[data-tp-float][data-tp-float=top-right], .iubenda-uspr-btn[data-tp-float][data-tp-float=bottom-right] { right: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-hover][data-tp-label]:after, .iubenda-uspr-btn[data-tp-float][data-tp-hover][data-tp-label]:after { max-width: 0 !important; overflow: hidden !important; display: block !important; padding: 0 !important; opacity: 0 !important; transition: max-width 0.6s ease, padding 0.6s ease, opacity 0.6s ease !important; } .iubenda-tp-btn[data-tp-float][data-tp-hover][data-tp-label]:hover:after, .iubenda-uspr-btn[data-tp-float][data-tp-hover][data-tp-label]:hover:after { max-width: 192px !important; padding-left: calc(16px + 8px + 8px) !important; padding-right: 10px !important; opacity: 1 !important; } .iubenda-tp-btn:focus, .iubenda-uspr-btn:focus { outline-width: 2px !important; outline-style: solid !important; outline-color: #005fcc !important; outline-offset: 2px !important; } .iubenda-uspr-btn { border: 1px solid rgba(0, 0, 0, 0.2) !important; box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.1) !important; border-radius: 0.5rem !important; font-family: sans-serif !important; font-weight: bold !important; overflow: hidden !important; display: inline-flex !important; flex-wrap: wrap !important; background: white !important; color: #280404 !important; } .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right] { border-radius: 0 !important; border-bottom-left-radius: 6px !important; border-bottom-right-radius: 6px !important; top: auto !important; bottom: 32px !important; flex-wrap: nowrap !important; } .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left] *, .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right] * { white-space: nowrap !important; } .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left] { left: 0 !important; transform: translateX(46px) rotate(-90deg) !important; transform-origin: left bottom !important; } .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right] { right: 0 !important; transform: translateX(-46px) rotate(90deg) !important; transform-origin: right bottom !important; } @media (min-width: 480px) { .iubenda-uspr-btn[data-tp-float=top-right], .iubenda-uspr-btn[data-tp-float=top-right] .iubenda-cs-preferences-link, .iubenda-uspr-btn[data-tp-float=bottom-right], .iubenda-uspr-btn[data-tp-float=bottom-right] .iubenda-cs-preferences-link { flex-direction: row-reverse !important; } } .iubenda-uspr-btn a { padding: 0.75rem !important; cursor: pointer !important; flex: 1 1 auto !important; display: inline-flex !important; align-items: center !important; grid-gap: 0.5rem !important; } .iubenda-uspr-btn a img { width: 2.5rem !important; flex-shrink: 0 !important; } .iubenda-uspr-btn a:hover { background-color: rgba(0, 0, 0, 0.025) !important; } .iubenda-uspr-btn a:first-of-type { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) !important; } /* ----------------- MOBILE SDK ----------------- */ .iubenda-mobile-sdk #iubenda-cs-banner.iubenda-cs-visible { justify-content: center!important; align-items: center!important; } .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-container { max-height: 100%!important; display: flex!important; } .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content { height: auto!important; border-radius: 0!important; margin: 0!important; } .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-opt-group { text-align: center!important; } .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-rationale { display: flex!important; flex-direction: column!important; height: 100%!important; } .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-banner-content { flex: 1; overflow-y: auto!important; margin: 0!important; padding: 16px 16px 48px!important; max-height: inherit!important; mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 15%) !important; -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 15%) !important; } @media (max-width: 799px) { .iubenda-mobile-sdk #iubenda-iframe .iubenda-iframe-footer #iubFooterIabBtnContainer + #iubFooterBtnContainer { -webkit-transform: translateY(-20px) !important; -ms-transform: translateY(-20px) !important; transform: translateY(-20px) !important; } } @media (min-width: 992px) { .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-banner-content, .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-opt-group { margin: 24px!important; } .iubenda-mobile-sdk #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-rationale { width: 100% !important; margin: 0 !important; } } .no-banner #iubenda-cs-banner { display: none!important; } /** fix scrolling in iOS 10 **/ .iubenda-mobile-sdk #iubenda-cs-banner.iubenda-cs-visible .iubenda-cs-container, .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content, .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-rationale { height: 100%!important; } .iubenda-mobile-sdk #iubenda-iframe .iubenda-iframe-top-container { position: relative!important; } .iubenda-mobile-sdk #iubenda-iframe #iab-container { position: absolute!important; top: 0!important; bottom: 0!important; left: 0!important; right: 0!important; } /** iframe **/ .iubenda-mobile-sdk #iubenda-iframe #iubenda-iframe-popup { height: 100%!important; width: 100%!important; } .iubenda-mobile-sdk #iubenda-iframe .iubenda-iframe-close-btn { display: none!important; } .iubenda-mobile-sdk #iubenda-iframe { background-color: transparent!important; } /* Fix cookie policy trimming on older Android devices */ .iubenda-mobile-sdk #iubenda-iframe iframe { background-color: transparent!important; position:absolute!important; bottom:0!important; top:0!important; } .iubenda-mobile-sdk #iubenda-iframe .iubenda-iframe-spinner { top: 50px !important; } /* Fix TCF widget overlapping footer in older Android devices */ .iubenda-mobile-sdk #iubenda-iframe .iubenda-iframe-footer { z-index: 9999!important; } /* Fix popovers going behind footer buttons and not scrolling */ .iubenda-mobile-sdk #iubenda-iframe.iub-popover-visible .iub-popover { z-index: 10000!important; } .iubenda-mobile-sdk #iubenda-iframe .iub-popover-content { position: relative!important; } .iubenda-mobile-sdk #iubenda-iframe .iub-popover-content > div { -webkit-overflow-scrolling: touch!important; position: absolute!important; top: 0!important; bottom: 0!important; } /* Fix purposes widget not scrolling on older iOS and Android devices */ .iubenda-mobile-sdk #purposes-container { -webkit-overflow-scrolling: touch!important; position: absolute!important; top: 0!important; bottom: 0!important; left: 0!important; right: 0!important; overflow: auto!important; } </style> <style> #iubenda-cs-paragraph { font-size: 12px; } .iubenda-cs-brand > img { padding-left: 8px !important; } #iubenda-cs-banner .iubenda-cs-container button.rockol-iubenda-cs-reject-btn.iubenda-cs-btn-primary { font-weight: 600 !important; background-color: #000 !important; margin: auto !important; } @media (min-width: 640px) { #iubenda-cs-banner .iubenda-cs-container button.rockol-iubenda-cs-reject-btn.iubenda-cs-btn-primary { position: absolute !important; right: 0 !important; padding: 8px 32px !important; top: 11px !important; } } #iubenda-cs-banner .iubenda-cs-brand { margin-bottom: 0 !important; padding-bottom: 0 !important; } #iubenda-cs-banner .iubenda-banner-content.iubenda-custom-content { margin-top: 0 !important; padding-top: 0 !important; } .rockol-amp-consent #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-container { width: 100vw !important; height: 100vh !important; } .rockol-amp-consent #iubenda-cs-banner .iubenda-cs-content { width: 100% !important; height: 100% !important; } /* // Da usale per il times close #iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-reject-btn { position: absolute !important; top: 0 !important; width: 20px !important; right: 0 !important; } */ </style> <script type="text/javascript"> const SecondPreferencePanel = function () { return { consentGiven: false, getPanel() { return document.querySelector('#iubenda-second-panel'); }, getInnerPanel() { return document.querySelector('#iubenda-second-panel-inner'); }, show() { this.movePanelAbove(); this.getPanel().classList.remove('hidden'); }, hide() { this.getPanel().classList.add('hidden') }, acceptAll() { _iub.cs.api.acceptAll(); _iub.cs.api.ui.banner.removeBanner(); this.hide(); this.consentGiven = true; }, reject() { if (!this.consentGiven) { _iub.cs.api.rejectAll(); this.consentGiven = true; } this.hide(); _iub.cs.api.ui.banner.removeBanner(); }, movePanelAbove() { const banner_container = document.querySelector('#iubenda-cs-banner'); const iubenda_banner = document.querySelector('.iubenda-cs-container'); const secondPanel = this.getPanel(); const secondPanelInner = this.getInnerPanel(); if (banner_container) { const bannerZIndex = window.getComputedStyle(banner_container).getPropertyValue('z-index'); if (!isNaN(parseInt(bannerZIndex))) { secondPanel.style.zIndex = parseInt(bannerZIndex) + 1; } } if (iubenda_banner) { const {height} = iubenda_banner.getBoundingClientRect(); secondPanelInner.style['min-height'] = height + 'px'; } }, } } const IubendaBannerManipulator = () => { return { insertRejectButton() { if (document.querySelector('.rockol-iubenda-cs-reject-btn')) { return; } const customPanelGroup = document.querySelector('.iubenda-cs-brand'); const button = this.createRejectButton(); customPanelGroup.insertAdjacentElement('afterend', button); }, createRejectButton() { // Creazione dell'elemento button var button = document.createElement("button"); // Impostazione degli attributi button.setAttribute("tabindex", "0"); button.setAttribute("role", "button"); button.setAttribute("aria-pressed", "false"); // Aggiunta delle classi CSS button.className = "rockol-iubenda-cs-reject-btn iubenda-cs-btn-primary"; // Impostazione del testo del bottone button.textContent = "Continua senza accettare →"; button.addEventListener('click', () => { secondPanel.show(); }) return button; }, removeOriginalRejectButton() { document.querySelector('.iubenda-cs-reject-btn').remove(); }, moveCustomSettingsButton() { const customizeButton = document.querySelector('.iubenda-cs-customize-btn'); const acceptButton = document.querySelector('.iubenda-cs-accept-btn.iubenda-cs-btn-primary'); const targetParent = acceptButton.parentNode; targetParent.insertBefore(customizeButton, acceptButton); } } }; const secondPanel = new SecondPreferencePanel(); const iubendaBannerManipulator = IubendaBannerManipulator(); var _iub = _iub || []; _iub.csConfiguration = {"lang":"it","invalidateConsentWithoutLog":true,"consentOnContinuedBrowsing":true,"enableTcf":true,"googleAdditionalConsentMode":true,"perPurposeConsent":true,"siteId":"2003257","cookiePolicyId":"96867379","banner":{"position":"bottom","brandBackgroundColor":"none","brandTextColor":"black","logo":"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNDAuMTYiIGhlaWdodD0iMzQwLjE2Ij4KICA8c3R5bGU+CiAgICAuc3Qwe2ZpbGw6I2ZmZn0KICA8L3N0eWxlPgogIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMDQuMDYgMTQyLjI3YzMuNDggMi43IDcuMzUgMy40IDkuMjItLjgyIDEuODYtNC4yMS0uNDktOC4zNi0zLjk3LTExLjA2LTMuNTItMi43NC03LjQtMy40My05LjI2Ljc4LTEuODYgNC4yMi40OSA4LjM3IDQuMDEgMTEuMXpNNzAuMSAyMTkuMTZjLTMuNTItMi43NC03LjQtMy40My05LjI2Ljc4LTEuODYgNC4yMS40OSA4LjM2IDQuMDIgMTEuMDkgMy40OCAyLjcgNy4zNSAzLjQgOS4yMi0uODIgMS44NS00LjIxLS41LTguMzUtMy45OC0xMS4wNXoiLz4KICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTY5LjU5IDBDNzUuNjYuMjctLjI3IDc2LjY0IDAgMTcwLjU3czc2LjY0IDE2OS44NiAxNzAuNTcgMTY5LjU5IDE2OS44Ni03Ni42NCAxNjkuNTktMTcwLjU3UzI2My41Mi0uMjcgMTY5LjU5IDB6TTEwMS40IDkyLjYzbDMwLjA1IDIzLjM0LTQuMDQgOS4xMy0zMC4wNS0yMy4zNCA0LjA0LTkuMTN6bS03LjA0IDM0LjEzYzMuODYtOC43MyAxMS4zMS0xMS44NyAxOS4xMi01LjggNy43NyA2LjAzIDkuMzUgMTYuMTkgNS40OSAyNC45Mi0zLjg2IDguNzMtMTEuMzEgMTEuODctMTkuMDggNS44NC03LjgxLTYuMDctOS4zOS0xNi4yMy01LjUzLTI0Ljk2em0tMjEuNjUgMzAuODNsMTYuNDEgMTIuNzUuMDUtLjEtNi41My0xNS4yOSA0LjQyLTEwIDYuNzMgMTcuNTcgMTcuMTMtLjA2LTQuODkgMTEuMDYtMTQuODgtMS43NC0uMDQuMSAxMS42NSA5LjA1LTQuMDMgOS4xMy0zMC4wNS0yMy4zNCA0LjAzLTkuMTN6bS0yLjgxIDI0LjU0YzEuMjEtMi43NCAyLjY5LTQuODYgNC41Mi02LjI0bDUuNjcgNS4yOWMtMS42NC45Ny0yLjc5IDIuMzMtMy43NSA0LjUxLTEuNzUgMy45Ni0uNjYgOC45IDMuNDEgMTIuMDUgMy43NSAyLjkxIDcuNzYgMS4yNSA5LjUtMi43MS45Mi0yLjA4IDEuNDMtNC40OCAxLjM4LTYuNTZsNi4xNCA0LjVjLS4zMyAyLjgxLTEuMTggNS44My0yLjI2IDguMjctMy44NiA4LjczLTExLjMxIDExLjg3LTE5LjA4IDUuODQtNy44MS02LjA3LTkuMzktMTYuMjItNS41My0yNC45NXptLTYuMjQgODcuMzFsLTIzLjUzLTE4LjI3IDMuNjgtOC4zMiA0LjMzIDMuMzcuMDQtLjFjLTIuMjktMy44OS0zLjE3LTcuNjQtMS40Mi0xMS42LjQ3LTEuMDcgMS4xLTIuMDggMS42NC0yLjg4bDYuNTcgNS43MmMtLjcyLjgxLTEuMTcgMS44Mi0xLjY0IDIuODktMS44OCA0LjI2LS4xOCA4Ljc5IDQuNDIgMTIuMzZsOS45MyA3LjcyLTQuMDIgOS4xMXptLTIuOTgtMjguOTdjLTcuODEtNi4wNy05LjM5LTE2LjIyLTUuNTQtMjQuOTUgMy44Ni04LjczIDExLjMxLTExLjg3IDE5LjEyLTUuOCA3Ljc3IDYuMDMgOS4zNSAxNi4xOSA1LjQ5IDI0LjkyLTMuODUgOC43Mi0xMS4zIDExLjg2LTE5LjA3IDUuODN6bTIxMC42OS05Mi42NmMtNi45Ni01LjE2LTE1LjM1LTYuMjUtMjUuNzItNi4yMi0zNy4zOC4xMS01Ny42IDI0Ljk2LTcyIDU3LjU3TDE1OCAyMzQuNmMtOC41OCAyMC4yMi0zOS44NiA1Mi4wOC04NC41MSAzOS4wM2w4Mi44OS0xODcuNjYgNjcuMzYtLjE5LTEzLjc1IDMxLjEzaC43NGMyMy4yNy0yMy4zOCA1MC4wNS0zMy44MiA3Ni4zMy0zMy45bDEyLjk1LS4wNC0yOC42NCA2NC44NHoiLz4KPC9zdmc+Cg==","acceptButtonDisplay":true,"customizeButtonDisplay":true,"textColor":"#ffffff","backgroundOverlay":true,"backgroundColor":"#000","listPurposes":true,"explicitWithdrawal":true,"rejectButtonDisplay":true,"rejectButtonColor":"#000","closeButtonDisplay":false,"acceptButtonCaption":"Accetta e continua a leggere","rejectButtonCaption":"Continua senza accettare"},"enableRemoteConsent":true,"invalidateConsentBefore":"2025-01-18"}; _iub.csConfiguration.callback = { // Su banner mostrato andare a cambiare il DOM per inserire il nostro pulsante che semplicemente mostra il secondo pannello onBannerShown: function () { iubendaBannerManipulator.insertRejectButton(); iubendaBannerManipulator.removeOriginalRejectButton(); }, onPreferenceFirstExpressed: function () { __tcfapi('getTCData', 2, function (tcData) { if (secondPanel.consentGiven) { return; } secondPanel.consentGiven = true; var allTcfPurposesAccepted = Object .keys(tcData.purpose.consents) .every(function (purposeId) { return tcData.purpose.consents[purposeId] === true; }); var isCpFullyAccepted = _iub.cs.api.isConsentGiven(); if (allTcfPurposesAccepted && isCpFullyAccepted) { secondPanel.hide(); } else { secondPanel.show(); } }); } } </script> <script> window.iubendaActivateScripts = function () { try { if (_iub && _iub.cs && _iub.cs.api && _iub.cs.api.activateSnippets) { _iub.cs.api.activateSnippets(); } } catch (err) { console.error(err); } } </script> <script type="text/javascript" src="//cdn.iubenda.com/cs/tcf/stub-v2.js"></script> <script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script> <div id="iubenda-second-panel" class="hidden inset-0 fixed w-full h-full" style="z-index: 100"> <div class="absolute inset-0 bg-black opacity-50"></div> <div id="iubenda-second-panel-inner" class="absolute z-10 inset-x-0 bottom-0 bg-black text-white flex flex-col items-center justify-end p-8"> <div class="flex flex-col space-y-4 mx-auto max-w-4xl"> <h2 class="heading text-xl">Per una decisione informata</h2> <p><strong>Ulteriori dettagli</strong></p> <div class="text-xs"> <p> Accettando i cookie di profilazione, ti verranno proposti annunci pubblicitari che rispecchiano i tuoi interessi, supportando il nostro impegno nel fornire contenuti gratuiti di qualità. </p> <p> Se invece scegli di attivare solo i cookie necessari, sarai esposto a pubblicità generica che potrebbe interferire con la tua esperienza di navigazione, dato che non sarà possibile gestire né la sua frequenza né il suo contenuto. </p> <p> Puoi modificare in ogni momento le tue scelte dal <a href="#" class="iubenda-cs-preferences-link underline">pannello delle preferenze</a> </p> </div> </div> <div class="flex flex-col items-center justify-center space-y-4"> <button class="rounded-full px-6 py-3 text-sm font-bold" style="background: #0073ce;" onclick="secondPanel.acceptAll()"> Accetta e continua a leggere </button> <button onclick="secondPanel.reject()" class="rounded-full bg-gray-900 bg-black px-6 py-3 text-xs"> Installa solo i cookie strettamente necessari </button> </div> </div> </div> </head> <body role="document" class="body rockol-body bg-gray-100 h-full news sub_area_pop-rock is-desktop"> <div class="gptslot hidden" data-adunitid="17"></div> <!--[if lt IE 8]> <p class="browserupgrade"> You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience. </p> <![endif]--> <div data-mobile-header class=" md:hidden sticky top-0 left-0 right-0 bg-white border-0 border-b border-rockol-blue border-solid z-index-sticky-content "> <!-- LOGO --> <div class="absolute top-0 left-0 z-20 pt-1 pl-2"> <a href="https://www.rockol.it/" class="text-rockol-blue"> <svg class="svg-icon w-[80px] h-[80px] text-rockol-blue border-2 border-white rounded-full" xmlns="http://www.w3.org/2000/svg" viewBox="250.86 127.56 340.16 340.16" xml:space="preserve" > <path fill="currentColor" d="M420.94 467.72c93.93 0 170.08-76.15 170.08-170.08s-76.15-170.08-170.08-170.08-170.08 76.15-170.08 170.08 76.15 170.08 170.08 170.08"/> <path fill="white" d="M324.06 400.91c44.61 13.18 75.99-18.59 84.62-38.79l15.75-35.39c14.5-32.57 34.79-57.37 72.17-57.37 10.36 0 18.75 1.11 25.7 6.29l28.83-64.77h-12.95c-26.28 0-53.1 10.36-76.43 33.68h-.74l13.84-31.09h-67.36M299.09 358.83c-.54.81-1.17 1.82-1.65 2.88-1.76 3.95-.88 7.71 1.39 11.61l-.05.1-4.32-3.38-3.7 8.31 23.47 18.34 4.06-9.12-9.91-7.74c-4.6-3.59-6.28-8.12-4.39-12.38.47-1.07.93-2.08 1.65-2.88l-6.55-5.74zM324.76 357.49c-1.87 4.21-5.75 3.5-9.22.79-3.51-2.74-5.86-6.9-3.98-11.1 1.87-4.21 5.75-3.5 9.26-.76 3.47 2.72 5.82 6.87 3.94 11.07m.26-20.49c-7.8-6.09-15.26-2.97-19.14 5.75-3.88 8.72-2.33 18.88 5.46 24.97 7.75 6.05 15.21 2.94 19.09-5.78 3.89-8.73 2.34-18.89-5.41-24.94M325.27 303.17c-1.83 1.37-3.32 3.49-4.53 6.23-3.88 8.72-2.33 18.88 5.46 24.97 7.75 6.05 15.21 2.94 19.09-5.78 1.08-2.43 1.94-5.45 2.28-8.26l-6.13-4.51c.04 2.08-.48 4.48-1.4 6.56-1.76 3.95-5.77 5.6-9.51 2.68-4.06-3.17-5.13-8.11-3.37-12.06.97-2.18 2.12-3.54 3.77-4.5l-5.66-5.33zM319.55 293.99l29.98 23.42 4.06-9.12-11.62-9.08.04-.1 14.88 1.78 4.92-11.05-17.13.01-6.69-17.59-4.44 9.99 6.48 15.31-.05.1-16.37-12.79z"/> <g><path fill="white" d="M364.23 268.85c-1.87 4.21-5.75 3.5-9.22.79-3.51-2.74-5.86-6.9-3.98-11.1 1.87-4.21 5.75-3.5 9.26-.76 3.47 2.71 5.81 6.87 3.94 11.07m.26-20.49c-7.8-6.09-15.26-2.97-19.14 5.75-3.88 8.72-2.33 18.88 5.46 24.97 7.75 6.05 15.21 2.94 19.09-5.78 3.89-8.73 2.34-18.89-5.41-24.94"/></g> <path fill="white" d="M348.43 229.11l29.98 23.43 4.07-9.12-29.99-23.43z"/> </svg> </a> </div> <!-- BARRA BLU --> <div class="h-14 flex items-center w-full bg-rockol-blue px-4 top-0"> <nav class="h-full w-full menu-2019 flex-grow roboto font-black uppercase tracking-wider flex items-center justify-between" :class="{'dropdown-active': dropdown}"> <div class="flex w-full justify-end text-white space-x-3"> <icon-login-button data-cy="myRockolLogin" class="font-black font-semibold scale-75 relative z-10" v-slot:default="{loginStateChecking}"> <div class="login-header__button-container cursor-pointer relative block h-8 w-8 text-white !border-white rounded-full overflow-hidden border-2 focus:outline-none focus:border-gray-900"> <div class="login-header__button-bg inset-0 absolute bg-gray-300"></div> <div class="inset-0 absolute flex items-center justify-center"> <svg class=" fill-current h-6 mt-2 inset-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24.76 24.43"> <path fill="currentColor" d="M22.81 18.03a6 6 0 00-2.58-1.54c-4.68-1.1-5-1.82-5.29-2.5a2.63 2.63 0 01.25-2.41c2.09-4 2.54-7.32 1.24-9.47A4.56 4.56 0 0012.32 0a4.58 4.58 0 00-4.14 2.15c-1.3 2.17-.86 5.52 1.27 9.43a2.65 2.65 0 01.27 2.4c-.32.71-.74 1.45-5.31 2.51A7.46 7.46 0 001.5 18.2a6.45 6.45 0 00-1.18 6.13h12.13l12.15.12a4.07 4.07 0 00.16-1.8 6.32 6.32 0 00-1.95-4.62z"/> </svg> </div> </div> </icon-login-button> <button aria-label="Apri menù completo" type="button" @click.prevent="dropdown.mobileMainMenu = !dropdown.mobileMainMenu" class="fill-current " :class="{'bg-gray-900 h-full text-white': dropdown.mobileMainMenu}" :style="{color: dropdown.mobileMainMenu ? 'white !important' : 'currentColor'}"> <svg xmlns="http://www.w3.org/2000/svg" class="svg-icon h-5 w-5" viewBox="0 0 24 24"> <path fill="current-color" d="M24 11v3H0v-3h24Zm-6 7v3H0v-3h18Zm6-14v3H0V4h24Z"></path> </svg> </button> </div> </nav> </div> <!-- Menu orizzontale mobile --> <div class="bg-white w-full h-[33px] relative pl-[85px] pr-4 flex justify-end relative"> <div class="min-[355px]:hidden absolute h-full top-0 bottom-0 right-4 bg-gradient-to-l pointer-events-none from-white to-transparent w-4 z-10"></div> <div class="overflow-x-auto min-[355px]:overflow-x-hidden text-xs min-[370px]:text-sm relative lora font-bold z-0 flex items-center justify-between space-x-2 tracking-tighter"> <a href="https://www.rockol.it/news" class="section-news flex items-center space-x-1"> <div class="w-2 h-2 bg-alternate-color rounded-full mt-0.5"></div> <div>Notizie</div> </a> <a href="https://www.rockol.it/recensioni-musicali" class="section-ascoltati-e-usciti flex items-center space-x-1"> <div class="w-2 h-2 bg-alternate-color rounded-full mt-0.5"></div> <div>Recensioni</div> </a> <a href="https://www.rockol.it/concerti" class="section-live flex items-center space-x-1"> <div class="w-2 h-2 bg-alternate-color rounded-full mt-0.5"></div> <div>Live</div> </a> <musicbiz-portal-link music-biz-teleport-url="https://musicbiz.rockol.it/bridge" href="https://musicbiz.rockol.it" label="MusicBiz"> <a href="https://musicbiz.rockol.it" class="section-musicbiz flex items-center space-x-1"> <div class="w-2 h-2 bg-alternate-color rounded-full mt-0.5"></div> <div>MusicBiz</div> </a> </musicbiz-portal-link> </div> </div> <section v-cloak class="md:hidden"> <!-- Overlay barra blu --> <div v-if="dropdown.mobileMainMenu" class="z-10 top-0 left-0 right-0 fixed scrolling-touch w-full h-14"> <div class="h-14 flex items-center w-full bg-rockol-blue px-4 top-0"> <nav class="h-full w-full menu-2019 flex-grow roboto font-black uppercase tracking-wider flex items-center justify-between" :class="{'dropdown-active': dropdown}"> <div class="flex w-full justify-end text-white space-x-3"> <button aria-label="Apri-menù-completo" type="button" @click.prevent="dropdown.mobileMainMenu = !dropdown.mobileMainMenu" class="fill-current " :class="{'h-full text-white': dropdown.mobileMainMenu}" :style="{color: dropdown.mobileMainMenu ? 'white !important' : 'currentColor'}"> <!-- SVG Icon by FontAwesome: https://fontawesome.com/license --> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-icon h-6 w-6" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg> </button> </div> </nav> </div> </div> <div v-if="dropdown.mobileMainMenu"> <div class="fixed top-[90px] bg-white bottom-0 inset-x-0 flex flex-col"> <div class="bg-rockol-blue shrink-0"> <form action="https://www.rockol.it/search" method="GET"> <div class="flex items-center justify-between"> <input name="s" class="text-xl text-white bg-transparent px-4 border-0 w-full p-2 outline-none mb-0" placeholder="Cerca" @keydown.esc="hideSearch"> <button type="submit" class="text-white p-4"> <!-- SVG Icon by FontAwesome: https://fontawesome.com/license --> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-icon h-6 w-6" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path> </svg> </button> </div> </form> </div> <div class="overflow-y-auto flex-grow"> <nav> <div class="w-full px-4 border-b border-rockol-blue-dark/50 section-news"> <div class=" heading py-4 px-4 pb-3 flex items-center space-x-2 "> <div class="lora font-bold flex items-center space-x-2"> <div class="w-2 h-2 rounded-full bg-alternate-color"></div> <h3> <span class="">Notizie</span> </h3> </div> </div> <div> <ul class="roboto text-sm text-black p-4 pt-0 px-4 pl-8 grid grid-cols-2 gap-2"> <li class="leading-none"> <a href="https://www.rockol.it/news" class="">Tutti gli articoli</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/news/ultime-24-ore" class="">Ultime 24 Ore</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/news/piu-lette" class="">Più lette</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/oggi-nel-rock" class="">Accadde Oggi</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/magazine" class="">Magazine</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/tutto-su/playlists-225470" class="">Playlists</a> </li> </ul> </div> </div> <div class="w-full px-4 border-b border-rockol-blue-dark/50 section-ascoltati-e-usciti"> <div class=" heading py-4 px-4 pb-3 flex items-center space-x-2 "> <div class="lora font-bold flex items-center space-x-2"> <div class="w-2 h-2 rounded-full bg-alternate-color"></div> <h3> <span class="">Ascoltati e usciti</span> </h3> </div> </div> <div> <ul class="roboto text-sm text-black p-4 pt-0 px-4 pl-8 grid grid-cols-2 gap-2"> <li class="leading-none"> <a href="https://www.rockol.it/recensioni-musicali/album" class="">Recensioni album</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/uscite-discografiche" class="">Uscite discografiche</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/recensioni-musicali/singoli" class="">Singoli</a> </li> </ul> </div> </div> <div class="w-full px-4 border-b border-rockol-blue-dark/50 section-live"> <div class=" heading py-4 px-4 pb-3 flex items-center space-x-2 "> <div class="lora font-bold flex items-center space-x-2"> <div class="w-2 h-2 rounded-full bg-alternate-color"></div> <h3> <span class="">Live</span> </h3> </div> </div> <div> <ul class="roboto text-sm text-black p-4 pt-0 px-4 pl-8 grid grid-cols-2 gap-2"> <li class="leading-none"> <a href="https://www.rockol.it/concerti" class="">Concerti</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/concerti/oggi" class="">Oggi in concerto</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/concerti-italia" class="">Concerti in Italia</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/concerti/ricerca" class="">Cerca concerti</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/news/dal-vivo" class="">Recensioni concerti</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/gallerie-fotografiche" class="">Gallerie fotografiche</a> </li> </ul> </div> </div> <div class="w-full px-4 border-b border-rockol-blue-dark/50 section-musicbiz"> <div class=" heading py-4 px-4 pb-3 flex items-center space-x-2 "> <div class="lora font-bold flex items-center space-x-2"> <div class="w-2 h-2 rounded-full bg-alternate-color"></div> <h3> <a href="https://musicbiz.rockol.it/" class="">MusicBiz</a> </h3> </div> </div> </div> <div class="w-full px-4 border-b border-rockol-blue-dark/50 section-libri"> <div class=" heading py-4 px-4 pb-3 flex items-center space-x-2 "> <div class="lora font-bold flex items-center space-x-2"> <div class="w-2 h-2 rounded-full bg-alternate-color"></div> <h3> <a href="https://www.rockol.it/recensioni-musicali/libri" class="">Libri</a> </h3> </div> </div> </div> <div class="w-full px-4 border-b border-rockol-blue-dark/50 section-video"> <div class=" heading py-4 px-4 pb-3 flex items-center space-x-2 "> <div class="lora font-bold flex items-center space-x-2"> <div class="w-2 h-2 rounded-full bg-alternate-color"></div> <h3> <span class="">Video</span> </h3> </div> </div> <div> <ul class="roboto text-sm text-black p-4 pt-0 px-4 pl-8 grid grid-cols-2 gap-2"> <li class="leading-none"> <a href="https://www.rockol.it/videoclip/" class="">Video</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/video-channel/VideoInterviste/" class="">Videointerviste</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/video-channel/Live-Rockol/" class="">Live @ Rockol</a> </li> </ul> </div> </div> <div class="w-full px-4 border-b border-rockol-blue-dark/50 section-altro"> <div class=" heading py-4 px-4 pb-3 flex items-center space-x-2 "> <div class="lora font-bold flex items-center space-x-2"> <div class="w-2 h-2 rounded-full bg-alternate-color"></div> <h3> <span class="">Altre sezioni</span> </h3> </div> </div> <div> <ul class="roboto text-sm text-black p-4 pt-0 px-4 pl-8 grid grid-cols-2 gap-2"> <li class="leading-none"> <a href="https://www.rockol.it/artisti" class="">Artisti</a> </li> <li class="leading-none"> <a href="https://musicbiz.rockol.it/classifiche-musicali" class="">Classifiche</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/chi-l-ha-detto" class="">Chi l'ha detto?</a> </li> </ul> </div> </div> <div class="w-full px-4 border-b border-rockol-blue-dark/50 section-testi"> <div class=" heading py-4 px-4 pb-3 flex items-center space-x-2 "> <div class="lora font-bold flex items-center space-x-2"> <div class="w-2 h-2 rounded-full bg-alternate-color"></div> <h3> <a href="/" class="">Testi</a> </h3> </div> </div> </div> <div class="w-full px-4 border-b border-rockol-blue-dark/50 section-altro"> <div class=" heading py-4 px-4 pb-3 flex items-center space-x-2 "> <div class="lora font-bold flex items-center space-x-2"> <div class="w-2 h-2 rounded-full bg-alternate-color"></div> <h3> <span class="">Seguici</span> </h3> </div> </div> <div> <ul class="roboto text-sm text-black p-4 pt-0 px-4 pl-8 grid grid-cols-2 gap-2"> <li class="leading-none"> <a href="https://www.instagram.com/rockol.it/" class="">Instagram</a> </li> <li class="leading-none"> <a href="https://www.facebook.com/rockol/" class="">Facebook</a> </li> <li class="leading-none"> <a href="https://www.youtube.com/user/rockolvideo" class="">Youtube</a> </li> <li class="leading-none"> <a href="https://www.linkedin.com/company/rockol" class="">LinkedIn</a> </li> <li class="leading-none"> <a href="https://x.com/rockolpoprock/" class="">X.com</a> </li> </ul> </div> </div> <div class="w-full px-4 border-b border-rockol-blue-dark/50 section-altro"> <div class=" heading py-4 px-4 pb-3 flex items-center space-x-2 "> <div class="lora font-bold flex items-center space-x-2"> <div class="w-2 h-2 rounded-full bg-alternate-color"></div> <h3> <span class="">Info & contatti</span> </h3> </div> </div> <div> <ul class="roboto text-sm text-black p-4 pt-0 px-4 pl-8 grid grid-cols-2 gap-2"> <li class="leading-none"> <a href="https://www.rockol.it/info/chi-siamo" class="">Chi siamo</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/info/contatti" class="">Contatti</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/info/copyright" class="">Copyright</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/info/pubblicita" class="">Pubblicità</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/info/privacy" class="">Privacy</a> </li> <li class="leading-none"> <a href="https://www.iubenda.com/privacy-policy/96867379/cookie-policy" class="">Cookie policy</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/info/legal/codice-etico" class="">Codice etico</a> </li> <li class="leading-none"> <a href="#" class="">Preferenze di consenso</a> </li> <li class="leading-none"> <a href="#" class="">Preferenze tracciamento pubblicitario</a> </li> </ul> </div> </div> </nav> </div> </div> </div> </section> </div> <header id="header" class="sticky top-0 relative z-index-sticky-content"> <div class="hidden md:block bg-rockol-blue w-full border-b border-b-rockol-blue border-solid"> <div class="container mx-auto relative"> <div class="ml-2 -mt-3 absolute inset-0"> <div class="mt-[4px] ml-[5px] w-[90px] h-[90px] fill-current bg-white absolute rounded-full"></div> <a class="absolute flex items-center justify-center top-0 left-0 text-rockol-blue bg-white rounded-full" href="https://www.rockol.it/"> <svg xmlns="http://www.w3.org/2000/svg" class="w-[90px] h-[90px] fill-current" viewBox="0 0 340.16 340.16"> <path d="M104.15 142.08c3.47 2.71 7.34 3.42 9.22-.79s-.47-8.36-3.94-11.07-7.39-3.45-9.26.76.46 8.36 3.98 11.1Zm-34.19 76.79c-3.51-2.75-7.39-3.46-9.26.75s.47 8.36 4 11.11 7.35 3.41 9.22-.79-.49-8.36-3.96-11.07Z"/> <path d="M170.08 0a170.08 170.08 0 1 0 170.08 170.08A170.08 170.08 0 0 0 170.08 0Zm-68.45 92.43 30 23.43-4.09 9.12-30-23.42Zm-7.09 34.11c3.88-8.71 11.34-11.83 19.14-5.74s9.29 16.21 5.41 24.93-11.34 11.84-19.09 5.78-9.39-16.25-5.46-24.97ZM72.8 157.31l16.37 12.79v-.1l-6.48-15.31 4.44-10 6.68 17.58h17.13l-4.92 11.05-14.87-1.78v.1l11.62 9.08-4.06 9.13-30-23.43Zm-2.88 24.53a15.55 15.55 0 0 1 4.53-6.23l5.66 5.31a9.06 9.06 0 0 0-3.77 4.5 10.06 10.06 0 0 0 3.38 12.06c3.73 2.93 7.75 1.28 9.51-2.67a16.14 16.14 0 0 0 1.4-6.56l6.13 4.51a30.2 30.2 0 0 1-2.28 8.26c-3.89 8.72-11.35 11.84-19.1 5.78s-9.39-16.24-5.51-24.96Zm-6.55 87.34L39.9 250.84l3.7-8.31 4.32 3.38.05-.1c-2.27-3.9-3.15-7.66-1.39-11.61a19 19 0 0 1 1.65-2.88l6.55 5.74a10.78 10.78 0 0 0-1.65 2.88c-1.89 4.25-.2 8.78 4.39 12.37l9.91 7.75Zm-2.83-29c-7.8-6.09-9.35-16.25-5.47-25s11.34-11.84 19.14-5.75 9.3 16.21 5.42 24.93-11.4 11.82-19.09 5.82Zm211-92c-6.95-5.18-15.34-6.29-25.7-6.29-37.38 0-57.67 24.79-72.17 57.36l-15.75 35.39c-8.64 20.19-40 52-84.63 38.78l83.33-187.49h67.36l-13.84 31.09h.74c23.34-23.32 50.16-33.68 76.43-33.68h13Z"/> </svg> </a> </div> </div> <div class="h-[36px]"> <div class="container pl-32 mx-auto _bg-red-500 h-full flex items-center"> <nav class="flex -mx-4 items-center w-full text-white divide-x text-xs tracking-wide font-semibold roboto leading-none "> <a class="px-4" href="/classifiche-musicali">Classifiche</a> <a class="px-4" href="/podcast">Podcast</a> <a class="px-4" href="/videoclip/">Video</a> <a class="px-4" href="/singoli">Singoli</a> <a class="px-4" href="/tutto-su/playlists-225470">Playlist</a> </nav> </div> </div> <div class="h-[48px] bg-white lora font-bold"> <div class="container pl-32 mx-auto h-full flex items-center"> <div class="flex items-center h-full justify-between w-full space-x-4 md:space-x-8 "> <nav class="flex grow items-center justify-between max-w-xl" :class="{'dropdown-active': dropdown}"> <a href="https://www.rockol.it/news" class="section-news h-full flex items-center justify-center h-full space-x-1 hover:text-gray-600 space-x-2 text-base lg:text-xl" @mouseenter="showDropdown('news')" @mouseleave="hideDropdown()"> <div class="bg-alternate-color w-3 h-3 rounded-full"></div> <span>Notizie</span> <!-- SVG Icon by FontAwesome: https://fontawesome.com/license --> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-icon ml-3 mt-1 h-4 dropdown-chevron" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg> </a> <a href="https://www.rockol.it/recensioni-musicali" class="section-ascoltati-e-usciti h-full flex items-center justify-center h-full space-x-1 hover:text-gray-600 space-x-2 text-base lg:text-xl" @mouseenter="showDropdown('reviews')" @mouseleave="hideDropdown()"> <div class="bg-alternate-color w-3 h-3 rounded-full"></div> <span>Recensioni</span> <!-- SVG Icon by FontAwesome: https://fontawesome.com/license --> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-icon ml-3 mt-1 h-4 dropdown-chevron" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg> </a> <a href="https://www.rockol.it/concerti" class="section-live h-full flex items-center justify-center h-full space-x-1 hover:text-gray-600 space-x-2 text-base lg:text-xl" data-temp-mouseenter="showDropdown('shows')" data-temp-mouseleave="hideDropdown()" > <div class="bg-alternate-color w-3 h-3 rounded-full"></div> <span>Concerti</span> </a> <musicbiz-portal-link music-biz-teleport-url="https://musicbiz.rockol.it/bridge" href="https://musicbiz.rockol.it" label="MusicBiz"> <div class="section-musicbiz"> <a href="https://musicbiz.rockol.it" class="h-full flex items-center justify-center h-full space-x-1 hover:text-gray-600 space-x-2 text-base lg:text-xl"> <div class="bg-alternate-color w-3 h-3 rounded-full"></div> <span>MusicBiz</span> </a> </div> </musicbiz-portal-link> </nav> <div class="shrink-0 h-full flex items-center space-x-5"> <div class="h-full"> <button aria-label="Apri-ricerca" type="button" class="fill-current h-full flex items-center justify-center !-mr-3 px-3 relative" :class="{'bg-rockol-blue-dark text-white': dropdown.search}" @click.prevent="toggleFixedDropdown('search')" > <div v-cloak class="bg-rockol-blue-dark absolute h-2 inset-x-0" style="bottom: -2px;" v-if="dropdown.search"></div> <!-- SVG Icon by FontAwesome: https://fontawesome.com/license --> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-icon h-6 " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path> </svg> </button> </div> <icon-login-button data-cy="myRockolLogin" class="heading font-black font-semibold" v-slot:default="{loginStateChecking}"> <div class="login-header__button-container cursor-pointer relative block h-8 w-8 text-white rounded-full overflow-hidden border-2 focus:outline-none focus:border-gray-900"> <div class="login-header__button-bg inset-0 absolute bg-gray-300"></div> <div class="inset-0 absolute flex items-center justify-center"> <svg class=" fill-current h-6 mt-2 inset-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24.76 24.43"> <path fill="currentColor" d="M22.81 18.03a6 6 0 00-2.58-1.54c-4.68-1.1-5-1.82-5.29-2.5a2.63 2.63 0 01.25-2.41c2.09-4 2.54-7.32 1.24-9.47A4.56 4.56 0 0012.32 0a4.58 4.58 0 00-4.14 2.15c-1.3 2.17-.86 5.52 1.27 9.43a2.65 2.65 0 01.27 2.4c-.32.71-.74 1.45-5.31 2.51A7.46 7.46 0 001.5 18.2a6.45 6.45 0 00-1.18 6.13h12.13l12.15.12a4.07 4.07 0 00.16-1.8 6.32 6.32 0 00-1.95-4.62z"/> </svg> </div> </div> </icon-login-button> <div class="h-full"> <button type="button" aria-label="Apri-menù-completo" @mouseenter="showDropdown('desktopMainMenu')" @mouseleave="hideDropdown()" class="fill-current h-full flex items-center justify-center !-ml-3 px-3 relative" :class="{'bg-rockol-blue-dark h-full text-white hover:text-white': dropdown.desktopMainMenu}"> <svg xmlns="http://www.w3.org/2000/svg" class="svg-icon h-5 w-5" viewBox="0 0 24 24"> <path fill="current-color" d="M24 11v3H0v-3h24Zm-6 7v3H0v-3h18Zm6-14v3H0V4h24Z"></path> </svg> </button> </div> </div> </div> </div> </div> </div> </div> <section v-cloak class="hidden sm:block"> <div v-if="dropdown.desktopMainMenu" @mouseenter="showDropdown('desktopMainMenu')" @mouseleave="hideDropdown()" class="absolute bg-rockol-blue-dark text-white w-screen border-b-2 border-black border-solid"> <div class="relative mx-auto container max-width-container bg-rockol-blue-dark pt-8 pb-8"> <h2 class="sr-only">Rockol - sezioni principali</h2> <nav class="flex items-start justify-between -mx-4 px-4"> <div class="mx-4"> <h3 class="heading lora m-0 mb-4 font-black font-roboto-regular">Notizie</h3> <nav> <ul class="underline list-none p-0 text-xs"> <li><a href="https://www.rockol.it/news" >Tutti gli articoli</a></li> <li><a href="https://www.rockol.it/news/ultime-24-ore" >Ultime 24 Ore</a></li> <li><a href="https://www.rockol.it/news/piu-lette" >Più lette</a></li> <li><a href="https://www.rockol.it/oggi-nel-rock" >Accadde Oggi</a></li> <li><a href="https://www.rockol.it/magazine" >Magazine</a></li> <li><a href="https://www.rockol.it/tutto-su/playlists-225470" >Playlists</a></li> </ul> </nav> </div> <div class="mx-4"> <h3 class="heading lora m-0 mb-4 font-black font-roboto-regular">Ascoltati e usciti</h3> <nav> <ul class="underline list-none p-0 text-xs"> <li><a href="https://www.rockol.it/recensioni-musicali/album" >Recensioni album</a></li> <li><a href="https://www.rockol.it/uscite-discografiche" >Uscite discografiche</a></li> <li><a href="https://www.rockol.it/recensioni-musicali/singoli" >Singoli</a></li> </ul> </nav> </div> <div class="mx-4"> <h3 class="heading lora m-0 mb-4 font-black font-roboto-regular">Live</h3> <nav> <ul class="underline list-none p-0 text-xs"> <li><a href="https://www.rockol.it/concerti" >Concerti</a></li> <li><a href="https://www.rockol.it/concerti/oggi" >Oggi in concerto</a></li> <li><a href="https://www.rockol.it/concerti-italia" >Concerti in Italia</a></li> <li><a href="https://www.rockol.it/concerti/ricerca" >Cerca concerti</a></li> <li><a href="https://www.rockol.it/news/dal-vivo" >Recensioni concerti</a></li> <li><a href="https://www.rockol.it/gallerie-fotografiche" >Gallerie fotografiche</a></li> <li><a href="https://www.rockol.it/biglietti" >Acquista Biglietti</a></li> </ul> </nav> </div> <div class="mx-4"> <h3 class="heading lora m-0 mb-4 font-black font-roboto-regular">Video</h3> <nav> <ul class="underline list-none p-0 text-xs"> <li><a href="https://www.rockol.it/videoclip/" >Video</a></li> <li><a href="https://www.rockol.it/video-channel/VideoInterviste/" >Videointerviste</a></li> <li><a href="https://www.rockol.it/video-channel/Live-Rockol/" >Live @ Rockol</a></li> </ul> </nav> </div> <div class="mx-4"> <nav> <ul class="-mt-2 underline lora list-none heading leading-normal text-lg space-y-0.5 font-roboto-regular heading space-y-2 font-black"> <li><a href="https://www.rockol.it/info/chi-siamo" >Chi siamo</a></li> <li><a href="https://musicbiz.rockol.it" target="_blank" rel="noopener noreferrer" >MusicBiz</a></li> <li><a href="https://www.rockol.it/artisti" >Artisti</a></li> <li><a href="https://www.rockol.it/recensioni-musicali/libri" >Libri</a></li> <li><a href="https://testicanzoni.rockol.it/" >Testi</a></li> <li><a href="https://www.instagram.com/rockol.it/" target="_blank" rel="noopener noreferrer" >Instagram</a></li> <li><a href="https://www.facebook.com/rockol/" target="_blank" rel="noopener noreferrer" >Facebook</a></li> <li><a href="https://www.youtube.com/user/rockolvideo" target="_blank" rel="noopener noreferrer" ><a href="https://www.youtube.com/user/rockolvideo" target="_blank" rel="noopener noreferrer">Youtube</a></a></li> <li><a href="https://www.linkedin.com/company/rockol" target="_blank" rel="noopener noreferrer" >LinkedIn</a></li> </ul> </nav> </div> </nav> </div> </div> <div v-if="dropdown.news" @mouseenter="showDropdown('news')" @mouseleave="hideDropdown()" class="absolute bg-rockol-blue-dark text-white w-screen border-b-2 border-black border-solid"> <div class="mx-auto container max-width-container bg-rockol-blue-dark max-width-container pt-4 pb-8"> <h3 class="text-3xl lora mb-4 font-black font-roboto-regular text-center">News</h3> <keep-alive> <dropdown key="news" :elements='{"last-24-hours":{"label":"Ultime 24 Ore","route":"https:\/\/www.rockol.it\/news\/ultime-24-ore","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/SLUCGkH8rWnmCj_uIbQS9zpUQuc=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/kiss33.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-652959\/accadde-nel-rock-18-febbraio","title":"Accadde oggi 18 febbraio: Kiss, Dr. Dre, Yoko Ono, Augusto Daolio, Ricky Gianco, Regina Spektor, Pierpaolo Capovilla, Charles Trenet, Kevin Ayers, Gazebo, Fabrizio De André, Pearl Jam","abstract":"1974:\u0026nbsp;Esce \u0022Kiss\u0022, eponimo album di debutto della band statunitense. "},{"imageUrl":"https:\/\/images.rockol.it\/QKMPzaCWWR2OFD0Cexu2W_Qz7hc=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/believe2023.jpg","imageAttr":"","permalink":"https:\/\/musicbiz.rockol.it\/news-750137\/believe-lascia-luca-daher-subentra-sara-pedroni","title":"Believe: lascia Luca Daher, subentra Sara Pedroni","abstract":"Cambio al vertice della filiale italiana"},{"imageUrl":"https:\/\/images.rockol.it\/s_KgIsmX99M1AlDRC9o3GkjLEhY=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/pearljam25.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-750142\/mike-mccready-pearl-jam-aneddoto-furto-riff-chitarra-kiss-alive","title":"Il riff che i Pearl Jam \u0027rubarono\u0027 ai Kiss","abstract":"Mike McCready e il suo amore per la band di Simmons e Stanley"},{"imageUrl":"https:\/\/images.rockol.it\/SdBbf65FntHFnkeVbtHNE-9nh8s=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/e9ac3938-6385-61d4-9cf4-95bde7ad70a7.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-750140\/skillet-concerto-bonsai-bologna-15-giugno-info-biglietti","title":"Skillet in concerto a Bologna","abstract":"La rock band di Memphis sarà al BOnsai Bologna il 15 giugno"}]},"most-read":{"label":"Le più lette","route":"https:\/\/www.rockol.it\/news\/piu-lette","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/w6cnEWX4crAaZEA7JVbzE-88A_I=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/sanremo-2025.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-749972\/sanremo-2025-canzoni-in-gara-pagelle-voti-prima-serata","title":"Sanremo 2025, prima serata: meglio la tv che la musica","abstract":"Le pagelle: ritmo e spettacolo, ma le canzoni? Bene Giorgia, Corsi, Brunori, Olly, Thiele, Rose. "},{"imageUrl":"https:\/\/images.rockol.it\/ZWTblRy9GJ1U8IDkc0oZZzV1pkI=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/scandinavian-broadcasts-1969-led-zeppelin-cover-ts1596936850.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-750005\/album-led-zeppelin-coda-robert-plant-critico","title":"L\u0027album dei Led Zeppelin da cui Robert Plant si dissocia","abstract":"Il 25 settembre 1980 morì John Bonham, per la band non aveva più senso continuare"},{"imageUrl":"https:\/\/images.rockol.it\/iSY9qNSEK7kMJdweupymHIjI-cY=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/credits-simone-biavati-dscf0565.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-750077\/sanremo-2025-pagelle-e-voti-della-serata-cover-e-duetti-recensione","title":"Sanremo 2025, le cover: la serata più divertente. Le pagelle","abstract":"Lucio Corsi\/Topo Gigio star della serata: diversi tributi interessanti e qualche caduta di tono. "},{"imageUrl":"https:\/\/images.rockol.it\/FkIN51fPdF47Kg0On2-4PW5lVGw=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/20250212-023255.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-750100\/sanremo-2025-vincitore-pagelle-finale-voti-performance-e-canzoni","title":"Un Sanremo con poche sorprese: le pagelle","abstract":"Nessuno aveva visto arrivare Corsi e Brunori così in alto. Ma tutto il resto è stato prevedibile"}]},"industria":{"label":"MusicBiz","route":"https:\/\/musicbiz.rockol.it","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/QKMPzaCWWR2OFD0Cexu2W_Qz7hc=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/believe2023.jpg","imageAttr":"","permalink":"https:\/\/musicbiz.rockol.it\/news-750137\/believe-lascia-luca-daher-subentra-sara-pedroni","title":"Believe: lascia Luca Daher, subentra Sara Pedroni","abstract":"Cambio al vertice della filiale italiana"},{"imageUrl":"https:\/\/images.rockol.it\/zXJQ2_nao2gDImqz9tSJUPoP1fs=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/spotify-logo-png-rgb-green-1.jpg","imageAttr":"","permalink":"https:\/\/musicbiz.rockol.it\/news-750139\/spotify-nuovo-abbonamento-dedicato-ai-superfan","title":"Spotify lancerà un nuovo abbonamento dedicato ai superfan?","abstract":"Lo riporta Bloomberg: Music Pro andrebbe ad aggiungersi ai già esistenti piani Premium e Free"},{"imageUrl":"https:\/\/images.rockol.it\/cD4I13kaBAFpPoi0Zs3_im6piOw=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/20250130-103441.JPG","imageAttr":"","permalink":"https:\/\/musicbiz.rockol.it\/news-750128\/sanremo-2025-crescita-streaming-grazie-a-festival-dati-numeri-fimi","title":"Sanremo 2025, il Festival spinge gli stream: i dati","abstract":"Nella settimana della manifestazione i volumi di ascolto sono cresciuti dell’11,6%"},{"imageUrl":"https:\/\/images.rockol.it\/bnxK6-KdotF8QwgfKRN2pz5ML1I=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/wmglogo2024.jpg","imageAttr":"","permalink":"https:\/\/musicbiz.rockol.it\/news-750124\/warner-music-completata-l-acquisizione-di-africori","title":"Warner Music, completata l’acquisizione di Africori","abstract":"\u0027Un momento fondamentale nella nostra evoluzione in Africa\u0027"}]}}' ></dropdown> </keep-alive> </div> </div> <div v-if="dropdown.reviews" @mouseenter="showDropdown('reviews')" @mouseleave="hideDropdown()" class="absolute bg-rockol-blue-dark text-white w-screen border-b-2 border-black border-solid"> <div class="mx-auto container max-width-container bg-rockol-blue-dark max-width-container pt-4 pb-8"> <h3 class="text-3xl lora mb-4 font-black font-roboto-regular text-center">Recensioni</h3> <keep-alive> <dropdown key="reviews" :elements='{"recensioni":{"label":"Album","route":"https:\/\/www.rockol.it\/recensioni-musicali\/album","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/_yuFpEn5OXzEFTbSovGitBD3AZs=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/sleepless-empire-lacuna-coil-cover-ts1739532030.jpeg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/album\/11354\/lacuna-coil-sleepless-empire","rating":"8.0","title":"L’impero insonne raccontato dai Lacuna Coil","abstract":"La band pubblica il decimo album: un racconto della contemporaneità dal suono granitico e diretto"},{"imageUrl":"https:\/\/images.rockol.it\/q0pS-8bZmyZDnDG-Solud_6R4c8=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/sharon-van-etten-the-attachment-theory-sharon-van-etten-cover-ts1738943589.jpeg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/album\/11353\/sharon-van-etten-sharon-van-etten-the-attachment-theory","rating":"7.5","title":"Sharon Van Etten strizza l\u0027occhio alla new wave, e fa centro","abstract":"\u0022Sharon Van Etten \u0026 The Attachment Theory\u0022 regala una nuova veste alla musicista statunitense"},{"imageUrl":"https:\/\/images.rockol.it\/8xN5GYS0g4q__4HZRgBsfW4ZmQ8=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/lay-low-eddie-chacon-cover-ts1739042408.jpeg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/album\/11352\/eddie-chacon-lay-low","rating":"7.5","title":"Lay Low, il soul scarno e minimale di Eddie Chacon ","abstract":"Terzo album della nuova vita artistica di Chacon prodotto da Nick Hakim. Tra soul e psichedelia."},{"imageUrl":"https:\/\/images.rockol.it\/0ndLlvdNmAvu1or3EYUICWF2v14=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/fame-jake-la-furia-cover-ts1738314419.jpeg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/album\/11346\/jake-la-furia-fame","rating":"7.0","title":"Jake La Furia: un album solista per chi ha “fame” di rap","abstract":"Prodotto da Night Skinny, è vecchia scuola e allo stesso tempo fresco. Ma senza novità. "}]},"libri":{"label":"Libri","route":"https:\/\/www.rockol.it\/recensioni-musicali\/libri","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/NTrXy4t5RyKva7VMJBdS8IQdBR0=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/bella-ciao.2024-11-12-04-06-57.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/libri\/1582\/jacopo-tomatis-bella-ciao","rating":"8.5","title":"Le storie vere di un titolo iconico","abstract":"Una canzone, uno spettacolo, un disco"},{"imageUrl":"https:\/\/images.rockol.it\/_DRsFFk-hW6qImI5PkJuLSn8AtQ=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/bartoletti.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/libri\/1587\/marino-bartoletti-il-festival-degli-dei","rating":"6.5","title":"Sanremo in paradiso","abstract":"In gara, solo cantanti defunti"},{"imageUrl":"https:\/\/images.rockol.it\/xoTljA3RSoxmQoTi7qGlAs3VhCw=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/nico.2024-11-12-04-06-56.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/libri\/1580\/jennifer-otter-bickerdicke-nico-la-biografia","rating":"7.5","title":"\u0022Oracolo dei giganti e dei perdenti\u0022","abstract":"Così ha detto di lei Iggy Pop"},{"imageUrl":"https:\/\/images.rockol.it\/QaxjSUq8mHGxJ3k48BOO4NbdQTU=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/everett.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/libri\/1579\/mark-oliver-everett-cose-che-i-miei-nipoti-devono-sapere","rating":"8.0","title":"\u0022Uno dei migliori libri mai scritti da un artista\u0022","abstract":"Lo ha detto Pete Townshend"}]},"singoli":{"label":"Singoli","route":"https:\/\/www.rockol.it\/recensioni-musicali\/singoli","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/4nGo4pGuvH3sEUCB6ByE07at9JQ=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/emis-killa-ph-credit-mattia-guolo.jpeg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-749791\/emis-killa-demoni-canzone-di-sanremo-ascolta-recensione-testo-lazza","rating":null,"title":"Emis Killa: \u0022Demoni\u0022 e l\u0027effetto \u0022Cenere\u0022 che non c\u0027è","abstract":"Il rapper condivide il brano che avrebbe dovuto presentare a Sanremo e annuncia un live. "},{"imageUrl":"https:\/\/images.rockol.it\/OAgCj92YMD1nRghSuU7bAF5w7d0=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/cristina-d-avena-075-copia.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-749722\/cristina-d-avena-e-gabry-ponte-canzone-fantasanremo-e-jingle-festival","rating":null,"title":"Cristina D’Avena: la sigla “Occhi di FantaSanremo” è un amarcord","abstract":"Il gioco abbraccia la nostalgia, mentre Gabry Ponte firma il jingle tamarrissimo del Festival."},{"imageUrl":"https:\/\/images.rockol.it\/2mfdOgY_-iaCS_Lft-6zZSg5RuY=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/1-maldite-coez-1.2025-01-16-14-33-13.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-749380\/coez-mal-di-te-nuovo-singolo-recensione-testo-anteprima","rating":null,"title":"Coez, svolta brit: il singolo “Mal di te”","abstract":"Tra progressioni blues e chitarre distorte, il cantautorapper torna a spiazzare: l\u0027ascolto"},{"imageUrl":"https:\/\/images.rockol.it\/BQzW707bjz3O3spzb1GhGNSmym4=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/laioung-2.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-749340\/laioung-ritorno-con-2016-recensione-singolo-nostalgia-scena-trap","rating":null,"title":"È tornato Laioung ed è subito 2016","abstract":"Fu l’anno in cui il rapper, insieme ad altri, sdoganò la trap. Ma perché tornare indietro?"}]},"uscite":{"label":"Uscite discografiche","route":"https:\/\/www.rockol.it\/uscite-discografiche","has-panel":false,"component":"DropdownArticle","items":[]},"singoli-sezione":{"label":"Singoli in uscita","route":"https:\/\/www.rockol.it\/singoli","has-panel":false,"component":"DropdownArticle","items":[]}}' ></dropdown> </keep-alive> </div> </div> <div v-if="dropdown.shows" @mouseenter="showDropdown('shows')" @mouseleave="hideDropdown()" class="absolute bg-rockol-blue-dark text-white w-screen border-b-2 border-black border-solid"> <div class="mx-auto container max-width-container bg-rockol-blue-dark max-width-container pt-4 pb-8"> <h3 class="text-3xl mb-4 font-black font-roboto-regular uppercase text-center">Concerti</h3> <keep-alive> <dropdown key="shows" :elements='{"tutti-i-concerti":{"label":"Tutti i concerti","route":"#","component":"DropdownShowList","has-panel":true,"items":[{"left-menu":[{"label":"Concerti di ","suffix":"Oggi","route":"https:\/\/www.rockol.it\/concerti-oggi"},{"label":"Concerti della ","suffix":"Settimana","route":"https:\/\/www.rockol.it\/concerti-settimana"},{"label":"Concerti del ","suffix":"Weekend","route":"https:\/\/www.rockol.it\/concerti-weekend"}],"places":[{"place":"Rovigo","nrOfShows":1,"route":"https:\/\/www.rockol.it\/concerti-rovigo-p-x67e7w4lrqa"},{"place":"Treviso","nrOfShows":1,"route":"https:\/\/www.rockol.it\/concerti-treviso-p-79zdgg6od0b"},{"place":"Nonantola","nrOfShows":1,"route":"https:\/\/www.rockol.it\/concerti-nonantola-modena-p-79zdg65r0bl"},{"place":"Terni","nrOfShows":1,"route":"https:\/\/www.rockol.it\/concerti-terni-p-bwod5y8ar54"},{"place":"Verona","nrOfShows":1,"route":"https:\/\/www.rockol.it\/concerti-verona-p-x67e7w9mrqa"},{"place":"Vicenza","nrOfShows":1,"route":"https:\/\/www.rockol.it\/concerti-vicenza-p-7nvdmk4yemx"},{"place":"Recanati","nrOfShows":1,"route":"https:\/\/www.rockol.it\/concerti-recanati-macerata-p-b9xr0yv5dqy"},{"place":"Cervignano del Friuli","nrOfShows":1,"route":"https:\/\/www.rockol.it\/concerti-cervignano-del-friuli-udine-p-49oe3q4d8bp"},{"place":"Padova","nrOfShows":2,"route":"https:\/\/www.rockol.it\/concerti-padova-p-x67e7w0lrqa"},{"place":"Torino","nrOfShows":2,"route":"https:\/\/www.rockol.it\/concerti-torino-p-knoroga7d3w"},{"place":"Santarcangelo di Romagna","nrOfShows":2,"route":"https:\/\/www.rockol.it\/concerti-santarcangelo-di-romagna-rimini-p-bwod5pqbr54"},{"place":"Bologna","nrOfShows":2,"route":"https:\/\/www.rockol.it\/concerti-bologna-p-b9xr0pgdqy5"},{"place":"Pavia","nrOfShows":3,"route":"https:\/\/www.rockol.it\/concerti-pavia-p-gl8r8nqnrk7"},{"place":"Brescia","nrOfShows":4,"route":"https:\/\/www.rockol.it\/concerti-brescia-p-79zdgmbkd0b"}]}]},"cerca-concerti":{"label":"Cerca Concerti","route":"#","has-panel":true,"component":"DropdownShowSearch","items":[1]},"recensioni-concerti":{"label":"Recensioni concerti","route":"#","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/rEYlkRZf8EtV56ZrYUWorEtXbsE=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/soul-asylum-live-milano-febbraio-2025.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-750012\/soul-asylum-live-milano-febbraio-2025-tour-slowly-but-shirley-scaletta","title":"Soul Asylum: l’anima sferragliante dell’alternative rock","abstract":"I Soul Asylum mancavano dall’Italia da tanto tempo, addirittura dal 1994 (quando si erano esibiti al Rolling Stone di Milano …, storico locale cittadino che ora non c’è più..."},{"imageUrl":"https:\/\/images.rockol.it\/uCFyyczQ5vW8QYVyy2JbNISxnp8=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/marilyn-manson-at-milano-rockol-029.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-749981\/marilyn-manson-recensione-concerto-milano","title":"Marilyn Manson: un ritorno che strizza l’occhio al passato","abstract":"Una carriera di talento, ma anche di eccessi, di provocazioni, di leggende metropolitane. Un personaggio visto con diffidenza da alcuni, ma amato da tanti altri, affascinati..."},{"imageUrl":"https:\/\/images.rockol.it\/WeNB5zrR9W0Z6gM5rTwou8LyH2I=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/max-pezzali-live-forum-milano-foto-28-12-24-2.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-749238\/max-pezzali-883-live-milano-2025-forum-con-le-hit-recensione","title":"Max Pezzali, l’essenza della musica pop (anche sul palco)","abstract":"Sicuramente la frase “questa casa non è un albergo” è un mantra risuonato\u0026nbsp;nelle orecchie di più generazioni.\u0026nbsp;Max Pezzali con gli 883 ha raccontato l’adolescenza..."},{"imageUrl":"https:\/\/images.rockol.it\/2Wm3dRi-gtUnGMP5KBUGkbx_EjA=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/gabbani-foto-cover-live-milano-forum-dicembre-2024-2.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-748967\/francesco-gabbani-recensione-live-concerto-milano-dicembre-2024","title":"Francesco Gabbani coinvolge con il suo pop di spessore","abstract":"Dopo la sua prima volta al Forum di Milano (1 ottobre 2022) Francesco Gabbani torna nel palazzetto milanese e lo fa forte di una nuova, quarta, presenza al Festival di Sanremo..."}]}}' ></dropdown> </keep-alive> </div> </div> <!-- Overlay per la chiusura al click fuori dalla dropdown --> <button type="button" v-if="dropdown.search" class="fixed top-0 left-0 right-0 bottom-0 w-full h-full opacity-0 cursor-default" @click="hideFixedDropdown()"></button> <div v-if="dropdown.search" class="absolute text-white w-screen bg-rockol-blue-dark "> <div class="mx-auto container max-width-container bg-rockol-blue-dark max-width-container py-8 pt-6"> <form action="/search" method="GET"> <div class="flex items-center justify-center -mx-4"> <input id="searchInput" ref="searchInput" name="s" placeholder="Cerca" class=" text-4xl text-white bg-rockol-blue-dark border-0 border-b border-white/10 border-solid w-full m-0 p-0 mx-4 pt-2 focus:outline-none placeholder-white opacity-95" @keydown.esc="hideSearch"> <button type="submit" class="sr-only">Cerca</button> <a href="#" @click.prevent="hideFixedDropdown()"><!-- SVG Icon by FontAwesome: https://fontawesome.com/license --> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-icon svg-icon text-white h-12 mx-4 px-2" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg></a> </div> </form> </div> </div> </section> </header> <!-- Necessario per caricare correttamente la skin della concessionaria --> <div class="advert1 container skin-reference"></div> <div class="vue-instance"> <web-push-notification vapid-key="BFp8Ocz-iZn8UXuNVrZiBtVe11DGPZFwEfAp_YPpHqbUb1bHbAx3ezk6vU-Hnlpo4bKMSFxZ7Y5DWwqj-XWXQAY" v-cloak> <!-- <div class="absolute inset-x-0 z-index-over-content flex justify-center" style="top: 80px;"> <div class="max-w-lg p-8 shadow-lg border-2 border-red-600 font-semibold bg-black text-white text-center p-4 text-xl">Vuoi rimanere aggiornato sui contenuti di Rockol?</div> </div> --> </web-push-notification> </div> <main id="content-container" class="relative max-width-container mx-auto z-index-content"> <div class="p-4 pt-3 pb-8 bg-white"> <div id="page-body-wrapper"> <div class=""> <div class="sr-only"> <div> <ol class="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList"> <li class="breadcrumb__item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href="/"> <span itemprop="name">Rockol</span> <meta itemprop="position" content="1"/> </a> </li> <li class="breadcrumb__separator"></li> <li class="breadcrumb__item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href="/news"> <span itemprop="name">News Musica</span> </a> <meta itemprop="position" content="2"/> </li> <li class="breadcrumb__separator"></li> <li class="breadcrumb__item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href="/news/pop-rock/"> <span itemprop="name">News Pop/Rock</span> </a> <meta itemprop="position" content="2"/> </li> </ol> </div> </div> <div class="infinite-view-wrapper section-news"> <article class="article-content mod-variation-b" data-reading-list-position="0"> <div class="text-center pb-2 space-y-2"> <div class="section-label"> <a href="/magazine">Magazine</a> - Recensioni - <span class="font-semibold">24/11/2024</span> </div> <h1 class="m-0 pb-2 lora text-3xl sm:text-5xl md:text-6xl heading"> Il disco del giorno: Pink Floyd, "Ummagumma" </h1> <div class="m-0 pb-2 text-base sm:text-xl font-normal leading-tight md:max-w-2xl mx-auto"> <div data-cest="sub_title">Consigliato e raccontato da Carlo Boccadoro</div> </div> <div class="flex justify-center -mx-2 mx-auto pb-4"> <a href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.rockol.it%2Fnews-736583%2Fil-disco-del-giorno-pink-floyd-ummagumma" target="_blank" rel="noopener noreferrer" class="px-2 text-rockol-blue"> <svg class="w-8 h-8 fill-current" viewBox="0 0 24 24" width="24px" xmlns="http://www.w3.org/2000/svg"> <path d="M12,2C6.477,2,2,6.477,2,12c0,5.013,3.693,9.153,8.505,9.876V14.65H8.031v-2.629h2.474v-1.749 c0-2.896,1.411-4.167,3.818-4.167c1.153,0,1.762,0.085,2.051,0.124v2.294h-1.642c-1.022,0-1.379,0.969-1.379,2.061v1.437h2.995 l-0.406,2.629h-2.588v7.247C18.235,21.236,22,17.062,22,12C22,6.477,17.523,2,12,2z"/> </svg> </a> <a href="https://x.com/intent/tweet?text=Il+disco+del+giorno%3A+Pink+Floyd%2C+%22Ummagumma%22&url=https%3A%2F%2Fwww.rockol.it%2Fnews-736583%2Fil-disco-del-giorno-pink-floyd-ummagumma" target="_blank" rel="noopener noreferrer" class="px-2 text-rockol-blue"> <svg class="w-8 h-8 p-1 fill-current" xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 512 462.799"> <path fill-rule="nonzero" d="M403.229 0h78.506L310.219 196.04 512 462.799H354.002L230.261 301.007 88.669 462.799h-78.56l183.455-209.683L0 0h161.999l111.856 147.88L403.229 0zm-27.556 415.805h43.505L138.363 44.527h-46.68l283.99 371.278z"/> </svg> </a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.rockol.it%2Fnews-736583%2Fil-disco-del-giorno-pink-floyd-ummagumma" target="_blank" rel="noopener noreferrer" class="px-2 text-rockol-blue"> <svg class="w-8 h-8 fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M19,3H5C3.895,3,3,3.895,3,5v14c0,1.105,0.895,2,2,2h14c1.105,0,2-0.895,2-2V5C21,3.895,20.105,3,19,3z M9,17H6.477v-7H9 V17z M7.694,8.717c-0.771,0-1.286-0.514-1.286-1.2s0.514-1.2,1.371-1.2c0.771,0,1.286,0.514,1.286,1.2S8.551,8.717,7.694,8.717z M18,17h-2.442v-3.826c0-1.058-0.651-1.302-0.895-1.302s-1.058,0.163-1.058,1.302c0,0.163,0,3.826,0,3.826h-2.523v-7h2.523v0.977 C13.93,10.407,14.581,10,15.802,10C17.023,10,18,10.977,18,13.174V17z"/> </svg> </a> <a href="mailto:?subject=Articolo su Rockol - https%3A%2F%2Fwww.rockol.it%2Fnews-736583%2Fil-disco-del-giorno-pink-floyd-ummagumma" target="_blank" rel="noopener noreferrer" class="px-2 text-rockol-blue"> <svg class="w-8 h-8 stroke-current" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 12a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 0c0 1.657 1.007 3 2.25 3S21 13.657 21 12a9 9 0 1 0-2.636 6.364M16.5 12V8.25" /> </svg> </a> </div></div> <div id="adv_masthead" class="max-width-container mx-auto w-full text-center mb-4"> <div class="advert1 rckl-promo rckl-promo-desktop-leaderboard" data-no-infinite-scroll=""><div style="position: sticky; top: 96px;" class="gptslot" data-adunitid="0"></div></div> </div> <div class="content-with-sidebar spacer-lg"> <div class="content"> <figure class="aspect-ratio-box ratio_4_3 mb-4"> <div class="aspect-ratio-box-content preload"> <img class="w-full lazyload bg-gray-200" width="720" height="540" src="https://images.rockol.it/0eAh1TAZrXGFUg4DssPWv4m1ex4=/702x526/smart/rockol-img/img/foto/upload/pink-floyd.2023-04-12-03-13-03.jpg" srcset="https://images.rockol.it/LHUAMVoT5K8uloMvCXCZ4e1lmlY=/645x483/smart/rockol-img/img/foto/upload/pink-floyd.2023-04-12-03-13-03.jpg 645w,https://images.rockol.it/f3UfVopsRj9yXT5Y6mVowFwPS2c=/485x363/smart/rockol-img/img/foto/upload/pink-floyd.2023-04-12-03-13-03.jpg 485w,https://images.rockol.it/0eAh1TAZrXGFUg4DssPWv4m1ex4=/702x526/smart/rockol-img/img/foto/upload/pink-floyd.2023-04-12-03-13-03.jpg 702w,https://images.rockol.it/vQ4xk45UMEiEp0elWs4dMMk5eQo=/414x310/smart/rockol-img/img/foto/upload/pink-floyd.2023-04-12-03-13-03.jpg 414w" sizes="(max-width: 1023px) 645px, (max-width: 767px) 485px, (max-width: 639px) 702px, (max-width: 319px) 414px" loading="lazy" alt="Il disco del giorno: Pink Floyd, &quot;Ummagumma&quot;" title="Il disco del giorno: Pink Floyd, &quot;Ummagumma&quot;" > </div> </figure> <div> <div class="w-full "> <div class="pb-2"> Di <em class="italic font-black"><strong><a href="https://www.rockol.it/autore/carlo-boccadoro" class="underline">Carlo Boccadoro</a></strong></em> </div> <div class="body-text mb-4 news-736583" data-rockol-news-detail-body> <p><strong>Pink Floyd, "Ummagumma" (2 Cd Harvest/EMI 724383121327/8)</strong></p> <p>Osservando lo stadio di necrosi irreversibile in cui versa la musica rock oggi, è salutare guardarsi indietro per ritrovare un periodo storico in cui questa musica possedeva in quantità apparentemente inesauribili creatività ed energia, ed era in grado di creare un proprio linguaggio interagendo con altri linguaggi; l’avanguardia della musica classica, cultura psichedelica, letteratura, poesia, cinema, in una sintesi entusiasmante. La freschezza dei dischi rock nel periodo dal 1966 al 1970 risuona ancora forte e chiara, e ancora risulta impressionante come i protagonisti del rock di allora riuscissero a conciliare i piani alti delle classifiche di vendita con opere audaci, sperimentali, del tutto immuni da strizzatine d’occhio al mondo della musica commerciale.</p> <div class="rckl-promo rckl-promo-rectangle-in-content rckl-promo-sticky max-w-full" data-no-infinite-scroll=""><div class="gptslot" data-adunitid="1"></div></div> <p>Uno degli esempi maiuscoli di questo genere rimane "Ummagumma", probabilmente il capolavoro dei Pink Floyd (ma è difficile dirlo, visto che dischi come "Atom Earth Mother" e "The Piper at the Gates of Dawn" non sono da meno). Alla pubblicazione, nel 1969, il carattere astratto della musica e le sue connotazioni di ricerca lasciarono pubblico e critica piuttosto freddi, ma il passare degli anni non ha fatto altro che confermare il valore assoluto di quest’opera, tra le più creative di quel decennio. Diviso in due parti, una registrata in concerto e l’altra in studio, "Ummagumma" è un album impegnativo all’ascolto, ma debordante di idee e soluzioni sonore inedite per l’epoca e tuttora originali.</p> <p>Il lato Live riproponeva in versione ancor più visionaria classici come "Astronomy Domine" e "Careful with That Axe, Eugene", appartenenti al periodo precedente, mentre il disco in studio presentava quattro lunghi brani composti singolarmente dai membri della band, con risultati molto diversi tra loro (basti confrontare i violenti clusters pianistici e i numerosi passaggi atonali della "Sysyphus" composta da Richard Wright con le atmosfere acustiche di "Grandchester Meadows", scritta da Roger Waters, o alle tessiture percussive di "The Grand Vizier’s Garden Party" del batterista Nick Mason).</p> <div class="rckl-promo rckl-promo-rectangle-in-content rckl-promo-sticky max-w-full" data-no-infinite-scroll=""><div class="gptslot" data-adunitid="2"></div></div> <p> La volontà di distruggere la consueta forma-canzone per articolare un discorso che si svolge su molteplici piani di scrittura appare esplicita, e apre la strada alle grandi suites del Progressive Rock, anticipando successivi concept album del gruppo come "The dark side of the Moon" e "Animals".</p> <p> </p> <p><em>Carlo Boccadoro, compositore e direttore d’orchestra, è nato a Macerata nel 1963. Vive e lavora a Milano. Collabora con solisti e orchestre in diverse parti del mondo. E’ autore di numerosi libri di argomento musicale.</em></p> <p>Questo testo è tratto da <a href="https://www.amazon.it/Lunario-della-musica-giorno-dellanno/dp/8806188585" target="_blank">"Lunario della musica: Un disco per ogni giorno dell'anno"</a> pubblicato da Einaudi, per gentile concessione dell'autore e dell'editore.</p> <div class="embed"><img src="https://images.rockol.it/TxPofHQWoILH2uWPll4t6fp5gm4=/700x0/smart/rockol-img/img/foto/upload/boccadoro-lunario.jpg" alt="https://images.rockol.it/TxPofHQWoILH2uWPll4t6fp5gm4=/700x0/smart/rockol-img/img/foto/upload/boccadoro-lunario.jpg" title="https://images.rockol.it/TxPofHQWoILH2uWPll4t6fp5gm4=/700x0/smart/rockol-img/img/foto/upload/boccadoro-lunario.jpg" class="img-responsive"></div> </div> </div> </div> <!-- Link pagina artista --> <div class="block px-2"> </div> <!-- Tags --> <div class="mb-4 flex"> <div class="mr-2 uppercase text-sm text-gray-500 tracking-wide font-bold">TAGS</div> <div class="vue-instance leading-tight"> <section id="tags" itemprop="keywords" class="flex flex-wrap"> <tag-button tag-name="Pink Floyd" tag-slug="ARTIST:940" tag-link="https://www.rockol.it/tutto-su/pink-floyd-3108"> <a href="https://www.rockol.it/tutto-su/pink-floyd-3108" class="mr-2 uppercase text-sm text-gray-900 hover:text-gray-600 transition duration-200 tracking-wide underline font-bold">Pink Floyd</a> </tag-button> </section> </div> </div> <!-- Tutto su --> <div class="mb-4"><div style="max-width:640px;" class="mb-4 rckl-promo rckl-promo-high-rectangle rckl-promo-sticky overflow-x-hidden" data-no-infinite-scroll=""><div class="gptslot" data-adunitid="6"></div></div></div> <div data-nosnippet id='container-video' style='max-width: 642px;' class="my-8 mx-auto"> <div id='cont-jwp-gh'></div> <div id='cont-jwp'> <video class='video-js vjs-default-skin vjs-16-9' id='videoDivPlayer' playsinline data_source_url='https://hls.exmarketplace.com/Valica/Rockol-com_SRL/GenericVideo/GenericVideo/index.m3u8' data_source_type='application/x-mpegURL' poster='https://www.rockol.it/assets/img/2023/video-ros-rockol-poster.png' data_modal_poster_img='https://www.rockol.it/assets/img/2023/video-ros-rockol-poster.png' data_modal_poster_url='' preload='auto' style controls> </video> </div> </div> <div class="text-center py-2"> <div class="text-xs text-xxs text-gray-500 leading-none"> La fotografia dell'articolo è pubblicata non integralmente. <a href="https://images.rockol.it/2glUM29u4OJy4viD1H6_UReLTSE=/600x/smart/filters:watermark(https://www.rockol.it/assets/img/2019/placeholder-image-credits.png,repeat,repeat,50)/rockol-img/img/foto/upload/pink-floyd.2023-04-12-03-13-03.jpg" target="_blank" class="underline" rel="noopener noreferrer nofollow" >Link all'immagine originale</a></div> <div class="text-xxs text-center mb-2 text-gray-500"> <a href="https://www.rockol.it/info/copyright">© 2025 Riproduzione riservata. Rockol.com S.r.l.</a></div> </div> <!-- Link ad articolo originale --> <!-- JSON LD Markup --> <script type="application/ld+json" data-cest="news-article" > {"@context":"http:\/\/schema.org","@type":"NewsArticle","name":"Il disco del giorno: Pink Floyd, \"Ummagumma\"","headline":"Il disco del giorno: Pink Floyd, \"Ummagumma\"","alternativeHeadline":"Consigliato e raccontato da Carlo Boccadoro","datePublished":"2024-11-24 20:00","mainEntityOfPage":"https:\/\/www.rockol.it\/news-736583\/il-disco-del-giorno-pink-floyd-ummagumma","dateModified":"2024-11-24 20:00","articleBody":"<p><strong>Pink Floyd, \"Ummagumma\" (2 Cd Harvest\/EMI 724383121327\/8)<\/strong><\/p>\r\n\r\n<p>Osservando lo stadio di necrosi irreversibile in cui versa la musica rock oggi, \u00e8 salutare guardarsi indietro per ritrovare un periodo storico in cui questa musica possedeva in quantit\u00e0 apparentemente inesauribili creativit\u00e0 ed energia, ed era in grado di creare un proprio linguaggio interagendo con altri linguaggi; l\u2019avanguardia della musica classica, cultura psichedelica, letteratura, poesia, cinema, in una sintesi entusiasmante. La freschezza dei dischi rock nel periodo dal 1966 al 1970 risuona ancora forte e chiara, e ancora risulta impressionante come i protagonisti del rock di allora riuscissero a conciliare i piani alti delle classifiche di vendita con opere audaci, sperimentali, del tutto immuni da strizzatine d\u2019occhio al mondo della musica commerciale.<\/p>\r\n\r\n<p>Uno degli esempi maiuscoli di questo genere rimane \"Ummagumma\", probabilmente il capolavoro dei Pink Floyd (ma \u00e8 difficile dirlo, visto che dischi come \"Atom Earth Mother\" e \"The Piper at the Gates of Dawn\" non sono da meno). Alla pubblicazione, nel 1969, il carattere astratto della musica e le sue connotazioni di ricerca lasciarono pubblico e critica piuttosto freddi, ma il passare degli anni non ha fatto altro che confermare il valore assoluto di quest\u2019opera, tra le pi\u00f9 creative di quel decennio. Diviso in due parti, una registrata in concerto e l\u2019altra in studio, \"Ummagumma\" \u00e8 un album impegnativo all\u2019ascolto, ma debordante di idee e soluzioni sonore inedite per l\u2019epoca e tuttora originali.<\/p>\r\n\r\n<p>Il lato Live riproponeva in versione ancor pi\u00f9 visionaria classici come \"Astronomy Domine\" e \"Careful with That Axe, Eugene\", appartenenti al periodo precedente, mentre il disco in studio presentava quattro lunghi brani composti singolarmente dai membri della band, con risultati molto diversi tra loro (basti confrontare i violenti clusters pianistici e i numerosi passaggi atonali della \"Sysyphus\" composta da Richard Wright con le atmosfere acustiche di \"Grandchester Meadows\", scritta da Roger Waters, o alle tessiture percussive di \"The Grand Vizier\u2019s Garden Party\" del batterista Nick Mason). La volont\u00e0 di distruggere la consueta forma-canzone per articolare un discorso che si svolge su molteplici piani di scrittura appare esplicita, e apre la strada alle grandi suites del Progressive Rock, anticipando successivi concept album del gruppo come \"The dark side of the Moon\" e \"Animals\".<\/p>\r\n\r\n<p> <\/p>\r\n\r\n<p><em>Carlo Boccadoro, compositore e direttore d\u2019orchestra, \u00e8 nato a Macerata nel 1963. Vive e lavora a Milano. Collabora con solisti e orchestre in diverse parti del mondo. E\u2019 autore di numerosi libri di argomento musicale.<\/em><\/p>\r\n\r\n<p>Questo testo \u00e8 tratto da <a href=\"https:\/\/www.amazon.it\/Lunario-della-musica-giorno-dellanno\/dp\/8806188585\" target=\"_blank\">\"Lunario della musica: Un disco per ogni giorno dell'anno\"<\/a> pubblicato da Einaudi, per gentile concessione dell'autore e dell'editore.<\/p>\r\n\r\n<p><\/p>\r\n","articleSection":"Pop\/Rock","image":[{"@type":"ImageObject","url":"https:\/\/images.rockol.it\/zp9GBUKqS019vtktgDAxdXUN0Kw=\/1200x675\/smart\/rockol-img\/img\/foto\/upload\/pink-floyd.2023-04-12-03-13-03.jpg","width":"1200px","height":"675px"},{"@type":"ImageObject","url":"https:\/\/images.rockol.it\/sb-d5gMstGnXqytQecjOZHseaxo=\/1200x900\/smart\/rockol-img\/img\/foto\/upload\/pink-floyd.2023-04-12-03-13-03.jpg","width":"1200px","height":"900px"},{"@type":"ImageObject","url":"https:\/\/images.rockol.it\/v-aSN0s9kGRU1QaizLsfNhPRLro=\/1200x1200\/smart\/rockol-img\/img\/foto\/upload\/pink-floyd.2023-04-12-03-13-03.jpg","width":"1200px","height":"1200px"}],"wordCount":452,"creator":{"@type":"Organization","url":"https:\/\/www.rockol.it","name":"Rockol.com S.R.L.","legalName":"Rockol.com S.R.L.","email":"rocko@rockol.it","logo":{"@context":"http:\/\/schema.org","@type":"ImageObject","name":"Rockol.it Logo","url":"https:\/\/rockol-img.s3.amazonaws.com\/assets\/img\/2019\/logo-big.png"},"address":{"@type":"PostalAddress","addressCountry":"IT","addressLocality":"Milano","addressRegion":"Lombardia","postalCode":"20122","streetAddress":"Via S. Damiano, 9"},"sameAs":["https:\/\/it.wikipedia.org\/wiki\/Rockol","https:\/\/www.facebook.com\/rockol","https:\/\/www.linkedin.com\/company\/rockol\/","https:\/\/www.instagram.com\/rockol.it\/","https:\/\/twitter.com\/rockolpoprock","https:\/\/www.rockol.it"]},"copyrightHolder":{"@type":"Organization","url":"https:\/\/www.rockol.it","name":"Rockol.com S.R.L.","legalName":"Rockol.com S.R.L.","email":"rocko@rockol.it","logo":{"@context":"http:\/\/schema.org","@type":"ImageObject","name":"Rockol.it Logo","url":"https:\/\/rockol-img.s3.amazonaws.com\/assets\/img\/2019\/logo-big.png"},"address":{"@type":"PostalAddress","addressCountry":"IT","addressLocality":"Milano","addressRegion":"Lombardia","postalCode":"20122","streetAddress":"Via S. Damiano, 9"},"sameAs":["https:\/\/it.wikipedia.org\/wiki\/Rockol","https:\/\/www.facebook.com\/rockol","https:\/\/www.linkedin.com\/company\/rockol\/","https:\/\/www.instagram.com\/rockol.it\/","https:\/\/twitter.com\/rockolpoprock","https:\/\/www.rockol.it"]},"copyrightYear":"2024","author":{"@type":"Person","name":"Carlo Boccadoro","affiliation":{"@type":"Organization","url":"https:\/\/www.rockol.it","name":"Rockol.com S.R.L.","legalName":"Rockol.com S.R.L.","email":"rocko@rockol.it","logo":{"@context":"http:\/\/schema.org","@type":"ImageObject","name":"Rockol.it Logo","url":"https:\/\/rockol-img.s3.amazonaws.com\/assets\/img\/2019\/logo-big.png"}}},"publisher":{"@type":"Organization","url":"https:\/\/www.rockol.it","name":"Rockol.com S.R.L.","legalName":"Rockol.com S.R.L.","email":"rocko@rockol.it","logo":{"@context":"http:\/\/schema.org","@type":"ImageObject","name":"Rockol.it Logo","url":"https:\/\/rockol-img.s3.amazonaws.com\/assets\/img\/2019\/logo-big.png"},"address":{"@type":"PostalAddress","addressCountry":"IT","addressLocality":"Milano","addressRegion":"Lombardia","postalCode":"20122","streetAddress":"Via S. Damiano, 9"},"sameAs":["https:\/\/it.wikipedia.org\/wiki\/Rockol","https:\/\/www.facebook.com\/rockol","https:\/\/www.linkedin.com\/company\/rockol\/","https:\/\/www.instagram.com\/rockol.it\/","https:\/\/twitter.com\/rockolpoprock","https:\/\/www.rockol.it"]},"keywords":"Pink Floyd"} </script> </div> <div class="sidebar"> <aside data-sidebar class="space-y-8 h-full"> <div><div class="advert1 rckl-promo rckl-promo-high-rectangle rckl-promo-sticky mb-4" data-no-infinite-scroll=""><div class="gptslot" data-adunitid="7"></div></div></div> <div> <div class="sidebar_widget__container" > <h2 class="sidebar_widget__title">Le più lette</h2> <ul class="leading-none divide-y divide-white/20 "> <li class="flex w-full items-start py-3 gap-4"> <div class="shrink-0 w-[40px]"> <img width="40" height="40" src="https://images.rockol.it/3Y4X3t8fju75jQAjQy4TO1WTiOg=/40x40/smart/rockol-img/img/foto/upload/sanremo-2025.jpg" alt="Sanremo 2025" class="border border-white/20" loading="lazy" > </div> <h3 class="grow"> <a href="https://www.rockol.it/news-749972/sanremo-2025-canzoni-in-gara-pagelle-voti-prima-serata" class="text-sm lora font-semibold">Sanremo 2025, prima serata: meglio la tv che la musica</a> </h3> </li> <li class="flex w-full items-start py-3 gap-4"> <div class="shrink-0 w-[40px]"> <img width="40" height="40" src="https://images.rockol.it/Vh_Ir8Cc2ay-eRUFwAUqrGKe6wA=/40x40/smart/rockol-img/img/foto/upload/scandinavian-broadcasts-1969-led-zeppelin-cover-ts1596936850.jpg" alt="Led Zeppelin" class="border border-white/20" loading="lazy" > </div> <h3 class="grow"> <a href="https://www.rockol.it/news-750005/album-led-zeppelin-coda-robert-plant-critico" class="text-sm lora font-semibold">L'album dei Led Zeppelin da cui Robert Plant si dissocia</a> </h3> </li> <li class="flex w-full items-start py-3 gap-4"> <div class="shrink-0 w-[40px]"> <img width="40" height="40" src="https://images.rockol.it/kZuTJyWJxM7cz8HbpjenkK4XbuI=/40x40/smart/rockol-img/img/foto/upload/credits-simone-biavati-dscf0565.jpg" alt="Sanremo" class="border border-white/20" loading="lazy" > </div> <h3 class="grow"> <a href="https://www.rockol.it/news-750077/sanremo-2025-pagelle-e-voti-della-serata-cover-e-duetti-recensione" class="text-sm lora font-semibold">Sanremo 2025, le cover: la serata più divertente. Le pagelle</a> </h3> </li> <li class="flex w-full items-start py-3 gap-4"> <div class="shrink-0 w-[40px]"> <img width="40" height="40" src="https://images.rockol.it/lurnUHgOe0ur-Y0NKN7hy0FQZgg=/40x40/smart/rockol-img/img/foto/upload/20250212-023255.jpg" alt="Sanremo" class="border border-white/20" loading="lazy" > </div> <h3 class="grow"> <a href="https://www.rockol.it/news-750100/sanremo-2025-vincitore-pagelle-finale-voti-performance-e-canzoni" class="text-sm lora font-semibold">Un Sanremo con poche sorprese: le pagelle</a> </h3> </li> <li class="flex w-full items-start py-3 gap-4"> <div class="shrink-0 w-[40px]"> <img width="40" height="40" src="https://images.rockol.it/XHoYorHDTmhkmxZjiWlAQkN99Y0=/40x40/smart/rockol-img/img/foto/upload/achille-lauro-ph-marcello-junior-dino.jpeg" alt="Achille Lauro" class="border border-white/20" loading="lazy" > </div> <h3 class="grow"> <a href="https://www.rockol.it/news-749994/achille-lauro-live-palasport-marzo-2026" class="text-sm lora font-semibold">Achille Lauro: sette live nei palasport a marzo 2026</a> </h3> </li> <li class="flex w-full items-start py-3 gap-4"> <div class="shrink-0 w-[40px]"> <img width="40" height="40" src="https://images.rockol.it/vrROyqa0hoQZcA_jswYRLGlOdF0=/40x40/smart/rockol-img/img/foto/upload/black-sabbath-20160613-200955-k2a0904.jpg" alt="Black Sabbath" class="border border-white/20" loading="lazy" > </div> <h3 class="grow"> <a href="https://www.rockol.it/news-750002/black-sabbath-polemica-prezzi-biglietti-ultimo-concerto-birmingham" class="text-sm lora font-semibold">Polemica per i prezzi dell'ultimo concerto dei Black Sabbath</a> </h3> </li> <li class="flex w-full items-start py-3 gap-4"> <div class="shrink-0 w-[40px]"> <img width="40" height="40" src="https://images.rockol.it/Aodol3CNHaqc-btMmXQUXBoycRQ=/40x40/smart/rockol-img/img/foto/upload/olly-orizzontale.jpeg" alt="Olly" class="border border-white/20" loading="lazy" > </div> <h3 class="grow"> <a href="https://www.rockol.it/news-750103/sanremo-2025-vince-olly" class="text-sm lora font-semibold">Sanremo 2025: vince Olly</a> </h3> </li> <li class="flex w-full items-start py-3 gap-4"> <div class="shrink-0 w-[40px]"> <img width="40" height="40" src="https://images.rockol.it/QLJOSBXFDVrvTn8stahp7gzIln0=/40x40/smart/rockol-img/img/foto/upload/tedua-paradiso-1-quadrata.jpg" alt="Tedua" class="border border-white/20" loading="lazy" > </div> <h3 class="grow"> <a href="https://www.rockol.it/news-749646/sanremo-2025-ospiti-in-piazza-colombo-raf-tedua-benji-and-fede" class="text-sm lora font-semibold">Sanremo 2025: Raf, Tedua e altri tra gli ospiti in Piazza Colombo</a> </h3> </li> <li class="flex w-full items-start py-3 gap-4"> <div class="shrink-0 w-[40px]"> <img width="40" height="40" src="https://images.rockol.it/HVZHaJqC1W-6-fyB6loWYqrg8CA=/40x40/smart/rockol-img/img/foto/upload/kiss-lsf-sebastiano-8.jpg" alt="Gene simmons" class="border border-white/20" loading="lazy" > </div> <h3 class="grow"> <a href="https://www.rockol.it/news-750105/perche-il-rock-non-e-piu-di-moda-intervista-gene-simmons-dei-kiss" class="text-sm lora font-semibold">Perché il rock non è più di moda, secondo Gene Simmons dei Kiss</a> </h3> </li> <li class="flex w-full items-start py-3 gap-4"> <div class="shrink-0 w-[40px]"> <img width="40" height="40" src="https://images.rockol.it/lurnUHgOe0ur-Y0NKN7hy0FQZgg=/40x40/smart/rockol-img/img/foto/upload/20250212-023255.jpg" alt="Sanremo" class="border border-white/20" loading="lazy" > </div> <h3 class="grow"> <a href="https://www.rockol.it/news-750009/sanremo-2025-pagelle-e-voti-della-seconda-serata-recensione" class="text-sm lora font-semibold">Sanremo 2025: una seconda serata senza lampi (tranne Damiano)</a> </h3> </li> </ul> <a href="https://www.rockol.it/news/piu-lette" class="sidebar_widget__link" >Tutte le più lette</a> </div> </div> <div class="sticky-below-header"><div class="advert1 rckl-promo rckl-promo-rectangle" data-no-infinite-scroll=""><div class="gptslot" data-adunitid="8"></div></div></div> </aside> </div> </div> </article> </div> <div class="text-center"> <div class="spacer-lg"></div> <div class="text-xs "> <p class="text-center italic"> <a href="https://www.rockol.it/info/copyright">© 2025 Riproduzione riservata. Rockol.com S.r.l.</a> <span class="hidden sm:inline"> </span> <br class="block sm:hidden"> <a class="underline" role="button" data-toggle="#js-image-policy-panel"> Policy uso immagini </a> </p> <div class="toggle-content bg-gray-200 p-4 mb-4" id="js-image-policy-panel"> <p><strong class="text-xl">Rockol</strong></p> <ul class="list-unstyled mb-4"> <li>Utilizza solo immagini e fotografie rese disponibili a fini promozionali (“for press use”) da case discografiche, agenti di artisti e uffici stampa. </li> <li>Usa le immagini per finalità di critica ed esercizio del diritto di cronaca, in modalità degradata conforme alle prescrizioni della legge sul diritto d'autore, utilizzate ad esclusivo corredo dei propri contenuti informativi. </li> <li>Accetta solo fotografie non esclusive, destinate a utilizzo su testate e, in generale, quelle libere da diritti. </li> <li> Pubblica immagini fotografiche dal vivo concesse in utilizzo da fotografi dei quali viene riportato il copyright. </li> <li>È disponibile a corrispondere all'avente diritto un equo compenso in caso di pubblicazione di fotografie il cui autore sia, all'atto della pubblicazione, ignoto. </li> </ul> <p><strong class="text-xl">Segnalazioni</strong></p> <p> Vogliate segnalarci immediatamente la eventuali presenza di immagini non rientranti nelle fattispecie di cui sopra, per una nostra rapida valutazione e, ove confermato l’improprio utilizzo, per una immediata rimozione. </p> <button class="bg-gray-500 p-4 py-2 uppercase rounded text-white" type="button" data-toggle="#js-image-policy-panel">Chiudi </button> </div> <div class="italic"> </div> </div> <div class="u-md-separator"></div> </div> </div> </div> <!-- Close #page-body-wrapper </div> --> <div id="userspikeRegistrationForm" class="modal fade" ng-if="!registration.complete"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <span class="modal-title mod-xl-title">Registrati a MyRockol</span> </div> <div class="modal-body vue-instance"> <registration-form></registration-form> </div> </div> <!-- /.modal-content --> </div> <!-- /.modal-dialog --> </div><!-- /.modal --> <template id="myrockol-popover-menu"> <div class="fixed modal-content inset-0 overlay-dark--light flex items-center justify-center " v-if="store.state.loginPanel.open"> <div class=" border-1 border-gray-800 border-solid absolute bg-white m-8 p-8 mt-0 shadow-strong-1 max-w-sm flex items-center justify-center overflow-hidden"> <div id="logged-in-bar" v-if="store.getters.userLoggedInAndValid"> <button type="button" aria-label="Close-panel" @click.prevent="closePanel()" class="absolute top-0 right-0 p-4"><!-- SVG Icon by FontAwesome: https://fontawesome.com/license --> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-icon w-4 h-4" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg></button> <div class="heading text-3xl mb-4"> {{ store.state.user.profile.displayName }} </div> <div class="user-menu-choices"> <div class="flex -mx-4 font-bold mb-2 text-xl items-center"> <div class="px-4 text-right"> <a id="profile" href="https://www.rockol.it/my/profile" class="userSpikeTooltip qtipTrigger" target="_self" title="Vai al tuo profilo"><!-- SVG Icon by FontAwesome: https://fontawesome.com/license --> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="user" class="svg-icon w-8 h-8" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z"></path></svg></a> </div> <div class="px-4 "> <a id="profile" href="https://www.rockol.it/my/profile" class="userSpikeTooltip qtipTrigger" target="_self" title="Vai al tuo profilo">Il tuo profilo</a> </div> </div> <div class="flex -mx-4 font-bold mb-2 text-xl items-center"> <div class="px-4 text-right"> <a id="notifications" href="https://www.rockol.it/my/stream" class="userSpikeTooltip qtipTrigger" target="_self" title="Vai al tuo profilo"><!-- SVG Icon by FontAwesome: https://fontawesome.com/license --> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="bell" class="svg-icon w-8 h-8" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M224 512c35.32 0 63.97-28.65 63.97-64H160.03c0 35.35 28.65 64 63.97 64zm215.39-149.71c-19.32-20.76-55.47-51.99-55.47-154.29 0-77.7-54.48-139.9-127.94-155.16V32c0-17.67-14.32-32-31.98-32s-31.98 14.33-31.98 32v20.84C118.56 68.1 64.08 130.3 64.08 208c0 102.3-36.15 133.53-55.47 154.29-6 6.45-8.66 14.16-8.61 21.71.11 16.4 12.98 32 32.1 32h383.8c19.12 0 32-15.6 32.1-32 .05-7.55-2.61-15.27-8.61-21.71z"></path></svg></a> </div> <div class="px-4 "> <a id="profile" href="https://www.rockol.it/my/stream" class="userSpikeTooltip qtipTrigger" target="_self" title="Vai allo stream">Stream</a> </div> </div> <div class="flex -mx-4 font-bold mb-2 text-xl items-center"> <div class="px-4 text-right"> <a id="notifications" href="https://www.rockol.it/my/follow" class="userSpikeTooltip qtipTrigger" target="_self" title="Vedi quello che stai seguendo"><!-- SVG Icon by FontAwesome: https://fontawesome.com/license --> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="bookmark" class="svg-icon w-8 h-8" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M0 512V48C0 21.49 21.49 0 48 0h288c26.51 0 48 21.49 48 48v464L192 400 0 512z"></path></svg></a> </div> <div class="px-4 "> <a id="profile" href="https://www.rockol.it/my/follow" class="userSpikeTooltip qtipTrigger" target="_self" title="Vedi quello che stai seguendo">Cosa stai seguendo</a> </div> </div> <div class="flex -mx-4 font-bold mb-2 text-xl items-center"> <div class="px-4 text-right"> <a id="notifications" href="https://www.rockol.it/my/faq.php" class="userSpikeTooltip qtipTrigger" target="_self" title="Vai alle domande frequenti"><!-- SVG Icon by FontAwesome: https://fontawesome.com/license --> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="info-circle" class="svg-icon w-8 h-8" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"></path></svg></a> </div> <div class="px-4 "> <a id="profile" href="https://www.rockol.it/my/faq.php" class="userSpikeTooltip qtipTrigger" target="_self" title="Vai alle domande frequenti">Faq</a> </div> </div> <div class="flex -mx-4 font-bold mb-2 text-xl items-center"> <div class="px-4 text-right"> <a href="#" class="userSpikeTooltip qtipTrigger logout"><!-- SVG Icon by FontAwesome: https://fontawesome.com/license --> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="sign-out-alt" class="svg-icon w-8 h-8" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M497 273L329 441c-15 15-41 4.5-41-17v-96H152c-13.3 0-24-10.7-24-24v-96c0-13.3 10.7-24 24-24h136V88c0-21.4 25.9-32 41-17l168 168c9.3 9.4 9.3 24.6 0 34zM192 436v-40c0-6.6-5.4-12-12-12H96c-17.7 0-32-14.3-32-32V160c0-17.7 14.3-32 32-32h84c6.6 0 12-5.4 12-12V76c0-6.6-5.4-12-12-12H96c-53 0-96 43-96 96v192c0 53 43 96 96 96h84c6.6 0 12-5.4 12-12z"></path></svg></a> </div> <div class="px-4 "> <a href="#" class="userSpikeTooltip qtipTrigger logout" @click="logOut()">Log out</a> </div> </div> </div> </div> <div id="logged-out-bar" v-if="!store.getters.userLoggedIn" class="flex flex-col items-center justify-center text-center relative"> <button type="button" aria-label="Close-panel" @click.prevent="closePanel()" class="absolute top-0 right-0 p-4"><!-- SVG Icon by FontAwesome: https://fontawesome.com/license --> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-icon w-4 h-4" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg></button> <div> <div v-show="loginInProgress" class="flex flex-col items-center justify-center mb-4"> <strong class="heading block text-3xl mb-4">Login in corso</strong> <div class="loader loader--dark"></div> </div> <div class="user-menu-social" v-show="!loginInProgress"> <!-- |---------------------------- | Custom login Form |---------------------------- --> <div class="block custom-login-panel" v-if="!showRegistrationForm"> <!-- LOGIN con user e password --> <div class="mb-4" v-if="!showResetPasswordForm"> <span class="heading block text-3xl mb-4">Hai già un profilo Rockol? Accedi!</span> <custom-login :disabled="loginInProgress" class="mb-4"></custom-login> <div class="text-center text-xxs"> <a href="#" @click.prevent="showResetPasswordForm = true" class="underline">Hai dimenticato la password?</a> </div> </div> <!-- RESET PASSWORD --> <div class="mb-4" v-if="showResetPasswordForm"> <span class="heading block text-3xl mb-4">Hai dimenticato la password?</span> <p class="text-sm mb-4"> Inserisci l'indirizzo e-mail fornito in fase di registrazione e richiedi il reset della password. </p> <reset-password-form class="mb-4"></reset-password-form> <div class="text-center text-xxs"> <a href="#" @click.prevent="showResetPasswordForm = false" class="underline">Procedi al login</a> </div> </div> <div class="mod-md-title text-center"> <button data-cy="registerNewUserFromMainLoginPanel" type="button" class="text-lg font-bold " @click="showRegistrationForm = true"> Non sei registrato? <span class="text-red-600 underline hover:text-red-700">Registrati ora a MyRockol!</span> </button> </div> </div> <!-- Form di registrazione --> <div class="mb-4" v-if="showRegistrationForm"> <span class="heading block text-3xl mb-4">Registrati!</span> <quick-registration-form :cancel-callback="hideRegistrationForm"></quick-registration-form> </div> <!-- Separator --> <div class="border-b border-gray-500 border-solid my-4"></div> <strong class="heading block text-xl mb-4">Accedi con</strong> <!-- |---------------------------- | Social Login |---------------------------- --> <div class="flex -mx-2 mb-4 items-center justify-center"> <!-- Facebook --> <social-login :link-css-class="'social-login fb'" :icon-css-class="'fa-facebook'" provider="facebook.com" :login-enabled="!loginInProgress && isSocialLoginEnabled" @login-not-enabled="loginNotEnableMessage()" ><!-- SVG Icon by FontAwesome: https://fontawesome.com/license --> <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="facebook" class="svg-icon w-8 h-8 mx-2" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> <path fill="currentColor" d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z"></path> </svg></social-login> <!-- Twitter --> <social-login :link-css-class="'social-login tw'" :icon-css-class="'fa-twitter'" provider="twitter.com" :login-enabled="!loginInProgress && isSocialLoginEnabled" @login-not-enabled="loginNotEnableMessage()" ><!-- SVG Icon by FontAwesome: https://fontawesome.com/license --> <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="twitter" class="svg-icon w-8 h-8 mx-2" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></social-login> </div> <div class="text-xxs"> <input type="checkbox" value="1" v-model="socialLoginEnabled" name="user-auth-privacy" id="user-auth-privacy-social"> <label for="user-auth-privacy-social"> autorizzazione al <a href="https://www.rockol.it/info/privacy" target="_blank" rel="noopener noreferrer" class="underline" >trattamento dei dati</a> </label> <span v-if="socialLoginError" class="text-danger"><br>{{socialLoginError}}</span> </div> </div> <p class="user-menu-social alert bg-info text-center text-gray-600 text-sm mt-4"> <small>In caso di problemi scrivi a <span class="font-semibold">myrockol@rockol.it</span></small> </p> </div> </div> </div> </div> </template> </div> </main> <footer id="site-footer" class="w-full relative bg-gray-800 z-index-content"> <h2 class="sr-only">Rockol - Menù footer</h2> <nav class="rockol-container w-full mx-auto text-white bg-rockol-blue-dark border-0 border-t border-rockol-blue border-solid py-8"> <div class="mx-auto max-width-container mb-4"> <div class="list-none p-0 space-y-4 sm:space-y-0 mx-auto max-w-2xl sm:max-w-full sm:flex flex-wrap justify-center text-base w-full pb-8"> <div class="px-2 text-center text-sm text-gray-300 flex-1 space-y-4" style="min-width:200px;"> <div class="space-y-2"> <h3 class="font-black lora leading-none text-lg text-white text-base"> Notizie </h3> <nav class=""> <ul class="list-none p-0 flex flex-wrap justify-center -mx-2 sm:block sm:mx-0"> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/news" >Tutti gli articoli</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/news/ultime-24-ore" >Ultime 24 Ore</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/news/piu-lette" >Più lette</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/oggi-nel-rock" >Accadde Oggi</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/magazine" >Magazine</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/tutto-su/playlists-225470" >Playlists</a></li> </ul> </nav> </div> <div class="space-y-2"> <h3 class="font-black lora leading-none text-lg text-white text-base"> Ascoltati e usciti </h3> <nav class=""> <ul class="list-none p-0 flex flex-wrap justify-center -mx-2 sm:block sm:mx-0"> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/recensioni-musicali/album" >Recensioni album</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/uscite-discografiche" >Uscite discografiche</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/recensioni-musicali/singoli" >Singoli</a></li> </ul> </nav> </div> <div class="space-y-2"> <h3 class="font-black lora leading-none text-lg text-white text-base"> Seguici </h3> <nav class=""> <ul class="list-none p-0 flex flex-wrap justify-center -mx-2 sm:block sm:mx-0"> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.instagram.com/rockol.it/" target="_blank" rel="noopener noreferrer" >Instagram</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.facebook.com/rockol/" target="_blank" rel="noopener noreferrer" >Facebook</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.youtube.com/user/rockolvideo" target="_blank" rel="noopener noreferrer" ><a href="https://www.youtube.com/user/rockolvideo" target="_blank" rel="noopener noreferrer">Youtube</a></a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.linkedin.com/company/rockol" target="_blank" rel="noopener noreferrer" >LinkedIn</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://x.com/rockolpoprock/" target="_blank" rel="noopener noreferrer" >X.com</a></li> </ul> </nav> </div> </div> <div class="px-2 text-center text-sm text-gray-300 flex-1 space-y-4" style="min-width:200px;"> <div class="space-y-2"> <h3 class="font-black lora leading-none text-lg text-white text-base"> Live </h3> <nav class=""> <ul class="list-none p-0 flex flex-wrap justify-center -mx-2 sm:block sm:mx-0"> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/concerti" >Concerti</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/concerti/oggi" >Oggi in concerto</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/concerti-italia" >Concerti in Italia</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/concerti/ricerca" >Cerca concerti</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/news/dal-vivo" >Recensioni concerti</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/gallerie-fotografiche" >Gallerie fotografiche</a></li> </ul> </nav> </div> <div class="space-y-2"> <h3 class="font-black lora leading-none text-lg text-white text-base"> Video </h3> <nav class=""> <ul class="list-none p-0 flex flex-wrap justify-center -mx-2 sm:block sm:mx-0"> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/videoclip/" >Video</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/video-channel/VideoInterviste/" >Videointerviste</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/video-channel/Live-Rockol/" >Live @ Rockol</a></li> </ul> </nav> </div> <div class="space-y-2"> <h3 class="font-black lora leading-none text-lg text-white text-base"> Altre sezioni </h3> <nav class=""> <ul class="list-none p-0 flex flex-wrap justify-center -mx-2 sm:block sm:mx-0"> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/artisti" >Artisti</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://musicbiz.rockol.it/classifiche-musicali" >Classifiche</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/chi-l-ha-detto" >Chi l'ha detto?</a></li> </ul> </nav> </div> </div> <div class="px-2 text-center text-sm text-gray-300 flex-1 space-y-4" style="min-width:200px;"> <div class="space-y-2"> <h3 class="font-black lora leading-none text-lg text-white text-base"> <a href="https://musicbiz.rockol.it/" target="_blank" rel="noopener noreferrer" >MusicBiz</a> </h3> </div> <div class="space-y-2"> <h3 class="font-black lora leading-none text-lg text-white text-base"> <a href="https://www.rockol.it/recensioni-musicali/libri" >Libri</a> </h3> </div> <div class="space-y-2"> <h3 class="font-black lora leading-none text-lg text-white text-base"> <a href="https://testicanzoni.rockol.it/" >Testi</a> </h3> </div> <div class="space-y-2"> <h3 class="font-black lora leading-none text-lg text-white text-base"> Info & contatti </h3> <nav class=""> <ul class="list-none p-0 flex flex-wrap justify-center -mx-2 sm:block sm:mx-0"> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/info/chi-siamo" >Chi siamo</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/info/contatti" >Contatti</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/info/copyright" >Copyright</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/info/pubblicita" >Pubblicità</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/info/privacy" >Privacy</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.iubenda.com/privacy-policy/96867379/cookie-policy" >Cookie policy</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/info/legal/codice-etico" >Codice etico</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="#" class="iubenda-cs-preferences-link" >Preferenze di consenso</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="#" class="iubenda-advertising-preferences-link" >Preferenze tracciamento pubblicitario</a></li> </ul> </nav> </div> </div> </div> <div class="mx-auto rockol-container max-width-container px-2"> <div class="flex flex-col items-center text-center text-xs"> <img src="/assets/img/2019/logo-transparent-medium.png" alt="Logo Rockol" loading="lazy" class="bg-black border-2 border-white border-solid rounded-full mb-4 bg-primary" style="width: 100px; height: 100px;"> <div> <strong>Rock Online Italia</strong> è una testata registrata presso il Tribunale di Milano: <span>Aut. n° 33 del 22 gennaio 1996</span> <br> © 2025, tutti i diritti riservati - Rockol.com s.r.l. - P.IVA: 12954150152 </div> </div> </div> </div> </nav> </footer> <div class="vue-instance" v-cloak> <login-panel></login-panel> <user-validation-panel></user-validation-panel> <follow-consent-modal></follow-consent-modal> <popup-registration-form tracking-id="event-my-rockol-reg-widget.desktop.news.pop-up-registration-form" :display-after-sessions="2" :display-after-impressions="10" :display-after-seconds-spent-on-site="900" :delay-multiplicator-factor="1.25" :on-leave="true"></popup-registration-form> </div> <script> $(document).ready(function () { window.jqueryOnloadScripts = window.jqueryOnloadScripts || []; window.jqueryOnloadScripts.map(function (cb) { cb(); }) }); </script> <script> </script> <script> // missing forEach on NodeList for IE11 if (window.NodeList && !NodeList.prototype.forEach) { NodeList.prototype.forEach = Array.prototype.forEach; } </script> <script> bootstrapApp = function () { if (typeof setupDropDowns !== 'undefined') { console.log('Dropdowns initialization'); window.setupDropDowns(); } /* |-------------------------------------------------------------------------- | Vue instances initialization |-------------------------------------------------------------------------- */ window.activateSingleVueInstance = function (el, componentAdditionalConf, classesToAdd) { var vm = new Vue(factoryVueConfiguration(el, componentAdditionalConf)); el.classList.add(classesToAdd); } window.activateVueInstances = function () { document.querySelectorAll('.vue-instance:not(.vue-instance--active)').forEach(function (el) { activateSingleVueInstance(el, {}, 'vue-instance--active'); }); document.querySelectorAll('.vue-instance-carousel:not(.vue-instance--active)').forEach(function (el) { var additionalConf = { components: { 'Carousel': VueCarousel.Carousel, 'Slide': VueCarousel.Slide }, methods: { nextSlide() { this.$refs.carousel.goToPage(this.$refs.carousel.getNextPage()); }, prevSlide() { this.$refs.carousel.goToPage(this.$refs.carousel.getPreviousPage()); } } }; activateSingleVueInstance(el, additionalConf, 'vue-instance--active'); }); }; window.activateVueInstances(); if (window.jsToBootstrap && window.jsToBootstrap.length > 0) { window.jsToBootstrap.forEach(function (cb) { cb(); }); } }; </script> <script type="text/javascript"> bootstrapInterval = setInterval(() => { if (!window.MyRockolSetupFinished) { return; } clearInterval(bootstrapInterval); console.info('Bootstrap Rockol Application'); bootstrapApp(); }, 50) </script> <script data-cest="lazy-load-reading-list" type="application/json"> [{"id":749266,"pub_datetime":"11\/01\/2025 11:40","title":"Quando Tony Levin suon\u00f2 con i Pink Floyd","permalink":"https:\/\/www.rockol.it\/news-749266\/tony-levin-intervista-david-gilmour-pink-floyd-roger-waters","picture_url":"https:\/\/images.rockol.it\/BvXYX7gkLqd_MmnWjkjc0UAZCic=\/250x150\/smart\/rockol-img\/img\/foto\/upload\/levin-tornatore010.JPG","url_to_fetch":"https:\/\/www.rockol.it\/news-749266\/tony-levin-intervista-david-gilmour-pink-floyd-roger-waters?j=1"},{"id":651503,"pub_datetime":"18\/01\/2025 00:05","title":"Accadde oggi 18 gennaio: Samantha Mumba, Thompson Twins, Dallas Taylor, Glenn Frey, Fabio Rovazzi, David Crosby","permalink":"https:\/\/www.rockol.it\/news-651503\/accadde-nel-rock-18-gennaio","picture_url":"https:\/\/images.rockol.it\/fl8DKQNgcz3rI8TVhTgn9Z-_slU=\/250x150\/smart\/rockol-img\/img\/foto\/upload\/oggi-nel-rock-1.png","url_to_fetch":"https:\/\/www.rockol.it\/news-651503\/accadde-nel-rock-18-gennaio?j=1"},{"id":651876,"pub_datetime":"27\/01\/2025 00:05","title":"Accadde oggi 27 gennaio: Mike Patton, Luigi Tenco, Nick Mason, Pete Seeger, Mino Reitano, Mahalia Jackson, John Lennon","permalink":"https:\/\/www.rockol.it\/news-651876\/accadde-nel-rock-27-gennaio","picture_url":"https:\/\/images.rockol.it\/M_wN5eQrdoAFhN9-6A_uLLQWy4A=\/250x150\/smart\/rockol-img\/img\/foto\/upload\/oggi-nel-rock-2.png","url_to_fetch":"https:\/\/www.rockol.it\/news-651876\/accadde-nel-rock-27-gennaio?j=1"},{"id":749708,"pub_datetime":"30\/01\/2025 18:15","title":"Roger Waters: esce il box in vinile \"Dark Side of the Moon Redux\"","permalink":"https:\/\/www.rockol.it\/news-749708\/roger-waters-cofanetto-vinile-dark-side-of-the-moon-redux-tracklist","picture_url":"https:\/\/images.rockol.it\/FCQzn2beJ2mkg4RhJLAShhYSol0=\/250x150\/smart\/rockol-img\/img\/foto\/upload\/dsc06048.jpg","url_to_fetch":"https:\/\/www.rockol.it\/news-749708\/roger-waters-cofanetto-vinile-dark-side-of-the-moon-redux-tracklist?j=1"},{"id":749757,"pub_datetime":"02\/02\/2025 12:05","title":"Le migliori canzoni rock del 1975 secondo Ultimate Classic Rock","permalink":"https:\/\/www.rockol.it\/news-749757\/migliori-canzoni-rock-1975-secondo-ultimate-classic-rock-video-audio","picture_url":"https:\/\/images.rockol.it\/jYVQ0Q_5dWNGBXXpvGF95hOLaD8=\/250x150\/smart\/rockol-img\/img\/foto\/upload\/physicalgraffiti.jpg","url_to_fetch":"https:\/\/www.rockol.it\/news-749757\/migliori-canzoni-rock-1975-secondo-ultimate-classic-rock-video-audio?j=1"}] </script> <script> /** * jquery.clever-infinite-scroll.js * Working with jQuery 2.1.4 */ /* global define, require, history, window, document, location */ (function (root, factory) { "use strict"; if (typeof define === "function" && define.amd) { define(["jquery"], factory); } else if (typeof exports === "object") { factory(require("jquery")); } else { factory(root.jQuery); } })(this, function ($) { "use strict"; /** * Elements it reffers. Each page must has those selectors. * The structure must be same as article1.html * #contentsWrapper, .content, #next */ $.fn.cleverInfiniteScroll = function (options) { /** * Settings */ var requestNumber = 1; var debug = false; var windowHeight = null; var documentHeight = null; var defaults = { contentsWrapperSelector: "#contentsWrapper", contentSelector: ".content", nextSelector: "#next", loadImage: "", offset: windowHeight, readingListLinkCollection: $('.reading-list'), readingList: [], nextContentData: null, onLoadCallbacks: [] }; var settings = $.extend(defaults, options); var currentReadingListIndex = 0; var readingList = (settings.readingList == null) ? [] : settings.readingList; var nextContentToLoadIndex = 0; var loadingInProgress = false; var threshold = (settings.offset > 0) ? settings.offset : 100; var $articleCollection = $(settings.contentSelector); var $readingListLinkCollection = settings.readingListLinkCollection; var nextContentData = settings.nextContentData || undefined; var onloadCallbacks = settings.onLoadCallbacks; var footerHeight = 0; var $footer = $('#site-footer'); if ($footer.length > 0) { footerHeight = $footer.outerHeight(); $(window).on('resize', function() { footerHeight = $footer.outerHeight(); }) } var calculateHeights = function () { windowHeight = (typeof window.outerHeight !== "undefined") ? Math.max(window.outerHeight, $(window).height()) : $(window).height(); documentHeight = $(document).height(); }; function _log() { if (debug) { console.log.apply(console, arguments); } } var setNextContentIndexToLoad = function (data) { var thisContentIndex = nextContentToLoadIndex; if (data) { _log("Fetched data", data); if (data.meta) { var title = data.meta.title; if (data.meta.stripped_title) { title = data.meta.stripped_title; } readingList[thisContentIndex].title = title; readingList[thisContentIndex].permalink = data.meta.url_canonical; _log("Reading list substitution", readingList[thisContentIndex]); } if (data.nextContentToLoad) { var readingListObject = data.nextContentToLoad; readingList.push(readingListObject); _log("Push della reading list", data.nextContentToLoad, readingList); } if (data.readingList) { data.readingList.forEach(function (el) { readingList.push(el); }); _log("Push della reading list", data.nextContentToLoad, readingList); } } if (readingList) { nextContentToLoadIndex++; nextContentData = undefined; if (readingList[nextContentToLoadIndex]) { nextContentData = readingList[nextContentToLoadIndex]; _log("Next content data", nextContentData); } _log("Next Content Reading List", readingList); return; } nextContentToLoadIndex = 0; }; /** * Private methods */ var executeCallbacks = function () { onloadCallbacks.forEach(function (cb) { cb(); }); }; var generateHiddenSpans = function (_title, _path) { return "<span class='hidden-title' style='display:none'>" + _title + "</span><span class='hidden-url' style='display:none'>" + _path + "</span>"; }; var sendInfiniteScrollEvent = function (res) { if (typeof ga !== "undefined" && res && res.meta && res.meta.url_canonical) { ga('send', 'event', 'InfiniteScroll', 'pathTo', res.meta.url_canonical, {nonInteraction: true}); } }; var refreshLazyLoadedContent = function () { if (window.activateLazyLoadedContent) { window.activateLazyLoadedContent(); } }; var setTitleAndHistory = function (_title, _path) { var newPath = _path.replace( /^[a-zA-Z]{3,5}\:\/{2}[a-zA-Z0-9_.:-]+/, '' ); // http or https history.pushState(null, _title, newPath); $("title").html(_title); }; var makePageView = function (storyIndex) { // value is an element of a content user is seeing // Get title and path of the article page from hidden span elements if (typeof currentReadingListIndex === "undefined") { currentReadingListIndex = 0; } else { currentReadingListIndex = storyIndex; if (currentReadingListIndex < 0) { currentReadingListIndex = 0; } if (currentReadingListIndex >= readingList.length) { currentReadingListIndex = (readingList.length - 1); } } var story = readingList[currentReadingListIndex]; var title = story.title; var path = story.permalink; var previousReadingListIndex = getCurrentReadingListPosition(); if (previousReadingListIndex + "" !== currentReadingListIndex + "") { // If it has changed setCurrentReadingListPosition(currentReadingListIndex); trackEngagement(currentReadingListIndex); trackNewAdvertisingPositions(); setTitleAndHistory(title, path); $(document).trigger({ type: "infinite-scroll", readingIndex: currentReadingListIndex, }); } }; var trackEngagement = function (readingListPosition) { var articleData = readingList[readingListPosition]; var articleNotTracked = (typeof articleData.tracked === "undefined" || !articleData.tracked); var googleAnalyticsActive = (typeof ga !== "undefined"); if (articleNotTracked && googleAnalyticsActive) { ga('send', 'event', 'LazyLoadedEngagement', 'path', articleData.permalink, {nonInteraction: true}); articleData.tracked = true; } }; var trackNewAdvertisingPositions = function () { if (typeof WebtrekkRockolClient !== "undefined") { WebtrekkRockolClient.trackAdvEvents(); } if (typeof window.gaRockolClient !== "undefined") { window.gaRockolClient.trackAdvEvents(); } } var recordNewPageView = function (callbackName) { var fn = window[callbackName]; if (typeof fn === 'function') { fn(); } }; var getReadingListIndex = function ($selector) { var index = parseInt($selector.attr("data-reading-list-position"), 10) || 0; return index; }; var getImpressionCallbackName = function ($selector) { var callbackName = $selector.attr("data-impression-function-name") || ''; return callbackName; }; var getCurrentReadingListPosition = function () { return $(settings.contentsWrapperSelector).attr("data-reading-list-position") || 0; }; var setCurrentReadingListPosition = function (position) { return $(settings.contentsWrapperSelector).attr("data-reading-list-position", position); }; var refreshTimeout = function (data) { if (typeof setRefreshUrl !== "undefined") { var ttl = 5 * 60; if (data.meta && data.meta.refresh_seconds) { ttl = data.meta.refresh_seconds; } setRefreshUrl(ttl); } }; var appendImpressionScriptToContainer = function (data) { var $scriptToAppend; var callbackName; if (data && data.impression) { $scriptToAppend = data.impression.script ? $(data.impression.script) : null; callbackName = (data.impression.callbackName) || null; } if ($scriptToAppend) { $scriptToAppend.appendTo($('body')); } if (callbackName) { recordNewPageView(data.impression.callbackName); } }; var appendNewsToContainer = function (data) { if (data) { var $newsArticleToAppend = $(data.html_template); var readingListPosition = currentReadingListIndex + 1; console.log("READING LIST: ", readingListPosition) $newsArticleToAppend.attr("data-reading-list-position", (readingListPosition)); var nextReadingPosition = readingListPosition + 1; if (nextReadingPosition < readingList.length) { var nextStory = readingList[nextReadingPosition]; var $nextArticleLink = $newsArticleToAppend.find(".next-news-thumb"); var $nextArticleThumb = $nextArticleLink.find("img"); var $nextArticleLinkTitle = $newsArticleToAppend.find(".next-news-link"); $nextArticleLink.attr("href", nextStory.permalink); $nextArticleThumb.attr("src", nextStory.picture_url); $nextArticleLinkTitle.attr("href", nextStory.permalink); $nextArticleLinkTitle.html(nextStory.title); } var $contentsWrapper = $(settings.contentsWrapperSelector); // get contents wrapper // If angular app present, compile the new content otherwise just append if (typeof angular !== "undefined" && typeof angular.element(document).injector() !== "undefined") { angular.element(document).injector().invoke(function ($compile) { var scope = $contentsWrapper.scope(); // get scope // generate dynamic content $contentsWrapper.append($newsArticleToAppend); // compile!!! $compile($contentsWrapper.contents())(scope); }); } else { $contentsWrapper.append($newsArticleToAppend); } $articleCollection = $(settings.contentSelector); calculateHeights(); } }; function refreshAddThisShareButtons() { if (typeof addthis !== "undefined") { addthis.toolbox('.floating-share'); } } /** * scroll */ var lastScroll = 0, currentScroll; $(window).scroll(function () { // Detect where you are window.clearTimeout($.data("this", "scrollTimer")); var thresholdToUse = threshold; if (typeof ResponsiveBootstrapToolkit !== "undefined" && ResponsiveBootstrapToolkit.is('xs')) { thresholdToUse += $('[data-sidebar]').outerHeight() || 0; } $.data(this, "scrollTimer", window.setTimeout(function () { // Get current scroll position currentScroll = $(window).scrollTop(); // Detect whether it's scrolling up or down by comparing current scroll location and last scroll location if (currentScroll > lastScroll) { // If it's scrolling down calculateHeights(); $articleCollection.each(function (key, article) { if ($(article).offset().top + $(article).height() - windowHeight / 2 > currentScroll) { var readingIndex = getReadingListIndex($(article)); makePageView(readingIndex); return false; } }); } else if (currentScroll < lastScroll) { // If it's scrolling up $articleCollection.each(function (key, article) { if ($(article).offset().top + $(article).height() - windowHeight / 2 > currentScroll) { var readingIndex = getReadingListIndex($(article)); makePageView(readingIndex); return false; } }); } else { // When currentScroll == lastScroll, it does not do anything because it has not been scrolled. } // Renew last scroll position lastScroll = currentScroll; }, 200)); /* console.log( $(window).scrollTop() + windowHeight + footerHeight + thresholdToUse, documentHeight, "Scrolltop: " + $(window).scrollTop(), "Footer Height: " + footerHeight, "Window Height: " + windowHeight, "Threshold: " + threshold, "Threshold To Use: " + thresholdToUse ); */ _log({ scrollTop: $(window).scrollTop(), windowHeight: windowHeight, footerHeight: footerHeight, thresholdToUse: thresholdToUse, scrollToBeActivated: ($(window).scrollTop() + windowHeight + footerHeight + thresholdToUse >= documentHeight), documentHeight: documentHeight }); if ($(window).scrollTop() + windowHeight + footerHeight + thresholdToUse >= documentHeight) { // If scrolling close to the bottom if (loadingInProgress || nextContentData === undefined) { return; } _log("Next content data", nextContentData); if (nextContentData !== undefined) { // If the page has link, call ajax if (settings.loadImage !== "") { $(settings.contentsWrapperSelector).append("" + "<div class='infinite-scroll-loading flex items-center justify-center text-black fill-current stroke-current py-4'>" + "<!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL -->\n" + "<svg width=\"38\" height=\"38\" viewBox=\"0 0 38 38\" xmlns=\"http://www.w3.org/2000/svg\">\n" + " <g fill=\"none\" fill-rule=\"evenodd\">\n" + " <g transform=\"translate(1 1)\" stroke-width=\"2\">\n" + " <circle stroke-opacity=\".5\" cx=\"18\" cy=\"18\" r=\"18\"/>\n" + " <path d=\"M36 18c0-9.94-8.06-18-18-18\">\n" + " <animateTransform\n" + " attributeName=\"transform\"\n" + " type=\"rotate\"\n" + " from=\"0 18 18\"\n" + " to=\"360 18 18\"\n" + " dur=\"1s\"\n" + " repeatCount=\"indefinite\"/>\n" + " </path>\n" + " </g>\n" + " </g>\n" + "</svg>" + "</div>"); } loadingInProgress = true; var ajaxUrl = null; var data = nextContentData; if (nextContentData.url_to_fetch) { ajaxUrl = nextContentData.url_to_fetch; data = {}; } $.ajax({ url: ajaxUrl, dataType: "json", data: data, beforeSend: function (request) { request.setRequestHeader("X-Rockol-request-number", ++requestNumber); }, success: function (res) { if ($.isEmptyObject(res) === false) { setNextContentIndexToLoad(res); appendNewsToContainer(res); appendImpressionScriptToContainer(res); refreshAddThisShareButtons(); sendInfiniteScrollEvent(res); executeCallbacks(); refreshLazyLoadedContent(); //refreshTimeout(res); if (typeof window.enableStickySidebar !== 'undefined') { window.enableStickySidebar('aside[data-sidebar]'); } } loadingInProgress = false; $(settings.contentsWrapperSelector).find('.infinite-scroll-loading').remove(); }, error: function (res) { loadingInProgress = false; } }); } } }); //scroll var init = function () { _log("Init reading list", readingList); var readingListPresent = readingList && (readingList.length > 0); var firstArticleIsInitialArticle = readingListPresent && readingList[0]['initial_article'] == true; _log(firstArticleIsInitialArticle); if (firstArticleIsInitialArticle == false) { readingList.unshift({ title: document.title, permalink: document.location.href, tracked: true }); } else { readingList[0].tracked = true; } if (nextContentData) { readingList.push(nextContentData); } calculateHeights(); setNextContentIndexToLoad(); _log("Initial Reading List", readingList); }; init(); return (this); }; //$.fn.cleverInfiniteScroll }); $('.rockol-news-detail').cleverInfiniteScroll({ readingList: [{"id":749266,"pub_datetime":"11\/01\/2025 11:40","title":"Quando Tony Levin suon\u00f2 con i Pink Floyd","permalink":"https:\/\/www.rockol.it\/news-749266\/tony-levin-intervista-david-gilmour-pink-floyd-roger-waters","picture_url":"https:\/\/images.rockol.it\/BvXYX7gkLqd_MmnWjkjc0UAZCic=\/250x150\/smart\/rockol-img\/img\/foto\/upload\/levin-tornatore010.JPG","url_to_fetch":"https:\/\/www.rockol.it\/news-749266\/tony-levin-intervista-david-gilmour-pink-floyd-roger-waters?j=1"},{"id":651503,"pub_datetime":"18\/01\/2025 00:05","title":"Accadde oggi 18 gennaio: Samantha Mumba, Thompson Twins, Dallas Taylor, Glenn Frey, Fabio Rovazzi, David Crosby","permalink":"https:\/\/www.rockol.it\/news-651503\/accadde-nel-rock-18-gennaio","picture_url":"https:\/\/images.rockol.it\/fl8DKQNgcz3rI8TVhTgn9Z-_slU=\/250x150\/smart\/rockol-img\/img\/foto\/upload\/oggi-nel-rock-1.png","url_to_fetch":"https:\/\/www.rockol.it\/news-651503\/accadde-nel-rock-18-gennaio?j=1"},{"id":651876,"pub_datetime":"27\/01\/2025 00:05","title":"Accadde oggi 27 gennaio: Mike Patton, Luigi Tenco, Nick Mason, Pete Seeger, Mino Reitano, Mahalia Jackson, John Lennon","permalink":"https:\/\/www.rockol.it\/news-651876\/accadde-nel-rock-27-gennaio","picture_url":"https:\/\/images.rockol.it\/M_wN5eQrdoAFhN9-6A_uLLQWy4A=\/250x150\/smart\/rockol-img\/img\/foto\/upload\/oggi-nel-rock-2.png","url_to_fetch":"https:\/\/www.rockol.it\/news-651876\/accadde-nel-rock-27-gennaio?j=1"},{"id":749708,"pub_datetime":"30\/01\/2025 18:15","title":"Roger Waters: esce il box in vinile \"Dark Side of the Moon Redux\"","permalink":"https:\/\/www.rockol.it\/news-749708\/roger-waters-cofanetto-vinile-dark-side-of-the-moon-redux-tracklist","picture_url":"https:\/\/images.rockol.it\/FCQzn2beJ2mkg4RhJLAShhYSol0=\/250x150\/smart\/rockol-img\/img\/foto\/upload\/dsc06048.jpg","url_to_fetch":"https:\/\/www.rockol.it\/news-749708\/roger-waters-cofanetto-vinile-dark-side-of-the-moon-redux-tracklist?j=1"},{"id":749757,"pub_datetime":"02\/02\/2025 12:05","title":"Le migliori canzoni rock del 1975 secondo Ultimate Classic Rock","permalink":"https:\/\/www.rockol.it\/news-749757\/migliori-canzoni-rock-1975-secondo-ultimate-classic-rock-video-audio","picture_url":"https:\/\/images.rockol.it\/jYVQ0Q_5dWNGBXXpvGF95hOLaD8=\/250x150\/smart\/rockol-img\/img\/foto\/upload\/physicalgraffiti.jpg","url_to_fetch":"https:\/\/www.rockol.it\/news-749757\/migliori-canzoni-rock-1975-secondo-ultimate-classic-rock-video-audio?j=1"}], nextContentData: "null", contentsWrapperSelector: '.infinite-view-wrapper', contentSelector: '.article-content', nextSelector: '#next', loadImage: 'ajax-loader.gif', offset: $('#main-footer').outerHeight() - 100 }); </script> <script type="text/javascript"> /* PAGE SPECIFIC SCRIPTS */ // Start Page Specific Script $(function() { function trackShareActivity(eventValue) { if (typeof ga !== "undefined") { console.log('send', 'event', 'share-click', 'variation', eventValue); ga('send', 'event', 'share-click', 'variation', eventValue); } } $('body').on('click', '.js-share-float-children-track-click > a, .js-share-float-track-click', function(e) { var eventValue = $(this).attr("data-track-value"); trackShareActivity(eventValue); }); $('body').on('click', '.js-share-float-children-track-click a', function(e) { var eventValue = $(this).parents(".js-share-float-children-track-click:first").attr("data-track-value"); trackShareActivity(eventValue); }); }); // End Page Script </script> <!-- FB JS SDK: START --> <div id="fb-root"></div> <script class="_iub_cs_activate-inline" type="text/plain" data-iub-purpose="3"> window.fbAsyncInit = function() { FB.init({ appId : '324191534279970', status : true, xfbml : true }); }; (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <!-- FB JS SDK: END--> </body> </html>