CINXE.COM
√ Rockol - la musica online è qui
<!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>√ Rockol - la musica online è qui</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="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="Tutte le ultime novità sulla musica italiana e internazionale: news, informazioni su artisti e concerti, foto e video musicali, classifiche su Rockol"> <meta name="robots" content="max-snippet:-1, max-video-preview:-1, max-image-preview:large"> <meta name="type" content="altro"> <meta name="article:section" content="privacy"> <link rel="canonical" href="https://www.rockol.it/info/privacy"> <link rel="image_src" href="https://images.rockol.it/5NmUCZqO4-I1bdXanMNQT3qEqcE=/500x500/smart/rockol-img/assets/img/2019/Rockol_2019_R-CERCHIO-SCRITTA_01.NERO.png"> <!-- 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="√ Rockol - la musica online è qui"> <meta name="twitter:description" content="Tutte le ultime novità sulla musica italiana e internazionale: news, informazioni su artisti e concerti, foto e video musicali, classifiche su Rockol"> <meta name="twitter:image:src" content="https://images.rockol.it/5NmUCZqO4-I1bdXanMNQT3qEqcE=/500x500/smart/rockol-img/assets/img/2019/Rockol_2019_R-CERCHIO-SCRITTA_01.NERO.png"> <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="√ Rockol - la musica online è qui"/> <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/info/privacy"/> <meta property="og:image" content="https://images.rockol.it/5NmUCZqO4-I1bdXanMNQT3qEqcE=/500x500/smart/rockol-img/assets/img/2019/Rockol_2019_R-CERCHIO-SCRITTA_01.NERO.png"/> <meta property="og:image:secure_url" content="https://images.rockol.it/5NmUCZqO4-I1bdXanMNQT3qEqcE=/500x500/smart/rockol-img/assets/img/2019/Rockol_2019_R-CERCHIO-SCRITTA_01.NERO.png"/> <meta property="og:image:width" content="500"/> <meta property="og:image:height" content="500"/> <meta property="og:description" content="Tutte le ultime novità sulla musica italiana e internazionale: news, informazioni su artisti e concerti, foto e video musicali, classifiche su Rockol"/> <!-- 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 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\/info\/privacy","title":"Rockol - la musica online \u00e8 qui","articleTitle":"Rockol - la musica online \u00e8 qui"}}); WebtrekkRockolClient.setContentGroup({"1":"Aggregato Rockol - Web","2":"Rockol.it - Web","3":"Altre sezioni","5":"www.rockol.it","4":"Pagine varie - istituzionali"}); 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,5: "",10: ""}); 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-19"}; _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 altro sub_area_privacy 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\/1_5UqZUA-v5oWqwA_DNhzTxZRUM=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/xa0a3713.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-750191\/pete-doherty-diabete-rischio-amputazione-dita-dei-piedi","title":"Pete Doherty e il diabete: dita dei piedi a rischio amputazione","abstract":"La triste parabola del rocker: il frontman dei Libertines costretto ad esibirsi seduto."},{"imageUrl":"https:\/\/images.rockol.it\/PgVpaOFToI-xS_xcUKRP2HpeoZE=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/deloitte.2024-10-29-16-09-49.jpg","imageAttr":"","permalink":"https:\/\/musicbiz.rockol.it\/news-750188\/sanremo-tra-legge-e-spettacolo-contributo-deloitte-legal","title":"Sanremo, tra legge e spettacolo","abstract":"‘Beat the Law’, un contributo di Deloitte Legal"},{"imageUrl":"https:\/\/images.rockol.it\/QpB6-uXGNO5lUJ2KyqAGRJTgPFY=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/stockholmstudio3.jpg","imageAttr":"","permalink":"https:\/\/musicbiz.rockol.it\/news-750182\/spotify-il-programma-singles-celebra-i-10-miliardi-di-ascolti","title":"Spotify, il programma Singles celebra i 10 miliardi di ascolti","abstract":"Il DSP festeggia il traguardo aprendo il suo studio di Stoccolma agli artisti europei. A partire da…"},{"imageUrl":"https:\/\/images.rockol.it\/cpuPykMhDBVoH6qCL41XD10xudc=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/foofighters6.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-750187\/foo-fighters-taylor-hawkins-si-esibi-con-i-doors-video-live-2016","title":"Quando Taylor Hawkins si esibì al microfono con i Doors","abstract":"Il compianto musicista, già batterista dei Foo Fighters, cantò “Alabama song” e \u0022Love me two times\u0022"}]},"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\/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"},{"imageUrl":"https:\/\/images.rockol.it\/6JIG0oURFRHPI7k-zn6z0_6Q_k0=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/achille-lauro-ph-marcello-junior-dino.jpeg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-749994\/achille-lauro-live-palasport-marzo-2026","title":"Achille Lauro: sette live nei palasport a marzo 2026","abstract":"Oltre un anno dopo l\u0027apparizione all’edizione 2025 del Festival di Sanremo ci sarà il tour palasport"}]},"industria":{"label":"MusicBiz","route":"https:\/\/musicbiz.rockol.it","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/PgVpaOFToI-xS_xcUKRP2HpeoZE=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/deloitte.2024-10-29-16-09-49.jpg","imageAttr":"","permalink":"https:\/\/musicbiz.rockol.it\/news-750188\/sanremo-tra-legge-e-spettacolo-contributo-deloitte-legal","title":"Sanremo, tra legge e spettacolo","abstract":"‘Beat the Law’, un contributo di Deloitte Legal"},{"imageUrl":"https:\/\/images.rockol.it\/QpB6-uXGNO5lUJ2KyqAGRJTgPFY=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/stockholmstudio3.jpg","imageAttr":"","permalink":"https:\/\/musicbiz.rockol.it\/news-750182\/spotify-il-programma-singles-celebra-i-10-miliardi-di-ascolti","title":"Spotify, il programma Singles celebra i 10 miliardi di ascolti","abstract":"Il DSP festeggia il traguardo aprendo il suo studio di Stoccolma agli artisti europei. A partire da…"},{"imageUrl":"https:\/\/images.rockol.it\/Y5Lm5_fWmK5sHovuFMLxKpJWOlw=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/tiktok.jpg","imageAttr":"","permalink":"https:\/\/musicbiz.rockol.it\/news-750181\/ole-obermann-a-capo-del-settore-musica-di-tiktok-si-dimette","title":"Ole Obermann, a capo del settore musica di TikTok, si dimette","abstract":"L\u0027ormai ex Head of Music Business Development lascerà il suo incarico a marzo"},{"imageUrl":"https:\/\/images.rockol.it\/D5NO2Rcch43LJXQ2kIeOTz4zgew=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/ticketonefantasanremo-1.jpg","imageAttr":"","permalink":"https:\/\/musicbiz.rockol.it\/news-750179\/ticketone-nuovo-record-di-iscritti-per-fantasanremo-2025","title":"TicketOne, nuovo record di iscritti per FantaSanremo 2025","abstract":"A fine febbraio l’assegnazione dei premi del concorso a premi: in palio 180 i Gift Voucher"}]}}' ></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\/iD8-cK-NlfwpwjMli-6qVSFRo9I=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/lo-sguardo-di-vic.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/libri\/1583\/stefano-solventi-lo-sguardo-di-vic","rating":"7.5","title":"Come un oggetto ha cambiato la musica (e noi)","abstract":"Il mondo prima e dopo il walkman"},{"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"}]},"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":"Villafranca di Verona","nrOfShows":1,"route":"https:\/\/www.rockol.it\/concerti-villafranca-di-verona-verona-p-7nvdmkmoemx"},{"place":"Piacenza","nrOfShows":1,"route":"https:\/\/www.rockol.it\/concerti-piacenza-p-nxpdz6p7evy"},{"place":"Santa Flavia","nrOfShows":1,"route":"https:\/\/www.rockol.it\/concerti-santa-flavia-palermo-p-49oe3nyd8bp"},{"place":"Pavia","nrOfShows":1,"route":"https:\/\/www.rockol.it\/concerti-pavia-p-gl8r8nqnrk7"},{"place":"Putignano","nrOfShows":2,"route":"https:\/\/www.rockol.it\/concerti-putignano-bari-p-y78ew9xarjo"},{"place":"Fiumicino","nrOfShows":2,"route":"https:\/\/www.rockol.it\/concerti-fiumicino-roma-p-8mndxqnlrpw"},{"place":"Pordenone","nrOfShows":2,"route":"https:\/\/www.rockol.it\/concerti-pordenone-p-7korj08zeqw"},{"place":"Santarcangelo di Romagna","nrOfShows":2,"route":"https:\/\/www.rockol.it\/concerti-santarcangelo-di-romagna-rimini-p-bwod5pqbr54"},{"place":"Mezzago","nrOfShows":2,"route":"https:\/\/www.rockol.it\/concerti-mezzago-monza-brianza-p-awgeva7eonm"},{"place":"Brescia","nrOfShows":3,"route":"https:\/\/www.rockol.it\/concerti-brescia-p-79zdgmbkd0b"},{"place":"Firenze","nrOfShows":3,"route":"https:\/\/www.rockol.it\/concerti-firenze-p-7nvdmkqemxk"},{"place":"Rende","nrOfShows":3,"route":"https:\/\/www.rockol.it\/concerti-rende-cosenza-p-x67e7wymrqa"}]}]},"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="bg-white flex"> <div id="adv_masthead" class="max-width-container mx-auto w-full text-center"> <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> <div class="p-4 pt-3 pb-8 bg-white"> <div id="page-body-wrapper"> <div class="row "> <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=""> <span itemprop="name">Info</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=""> <span itemprop="name">Privacy</span> </a> <meta itemprop="position" content="2"/> </li> </ol> </div> </div> <div class="content-with-sidebar"> <!-- Main content area --> <div class="content"> <div class="body-text mb-4"> <div class="default-tipography"> <a href="//www.iubenda.com/privacy-policy/96867379" class="iubenda-nostyle no-brand iub-body-embed iub-no-markup iubenda-embed mb-4 block" title="Privacy Policy">Privacy Policy - caricamento in corso</a><script type="text/javascript">(function (w,d) {var loader = function () {var s = d.createElement("script"), tag = d.getElementsByTagName("script")[0]; s.src = "//cdn.iubenda.com/iubenda.js"; tag.parentNode.insertBefore(s,tag);}; if(w.addEventListener){w.addEventListener("load", loader, false);}else if(w.attachEvent){w.attachEvent("onload", loader);}else{w.onload = loader;}})(window, document);</script> <hr> <p><a href="/info/webtrekk" class="btn">Vai al recupero del Cookie EID di Webtrekk</a></p> </div> </div> <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 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">Ultimissime</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/DtgNwbAaYpLBJ7Oe9S6VXdzETtg=/40x40/smart/rockol-img/img/foto/upload/xa0a3713.jpg" alt="Pete Doherty" class="border border-white/20" loading="lazy" > </div> <h3 class="grow"> <a href="https://www.rockol.it/news-750191/pete-doherty-diabete-rischio-amputazione-dita-dei-piedi" class="text-sm lora font-semibold">Pete Doherty e il diabete: dita dei piedi a rischio amputazione</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/abV-Yt9lcHXNX72O-880N4Yctk0=/40x40/smart/rockol-img/img/foto/upload/deloitte.2024-10-29-16-09-49.jpg" alt="Deloitte Rockol MusicBiz" class="border border-white/20" loading="lazy" > </div> <h3 class="grow"> <a href="https://musicbiz.rockol.it/news-750188/sanremo-tra-legge-e-spettacolo-contributo-deloitte-legal" class="text-sm lora font-semibold">Sanremo, tra legge e spettacolo</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/ghBrHwf-X5SYD1AQmx9bnojjWqI=/40x40/smart/rockol-img/img/foto/upload/stockholmstudio3.jpg" alt="Spotify Studio Stoccolma Singles" class="border border-white/20" loading="lazy" > </div> <h3 class="grow"> <a href="https://musicbiz.rockol.it/news-750182/spotify-il-programma-singles-celebra-i-10-miliardi-di-ascolti" class="text-sm lora font-semibold">Spotify, il programma Singles celebra i 10 miliardi di ascolti</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/ExedTDLvfxxD4XXK-ueUdZzSVLU=/40x40/smart/rockol-img/img/foto/upload/foofighters6.jpg" alt="Taylor Hawkins" class="border border-white/20" loading="lazy" > </div> <h3 class="grow"> <a href="https://www.rockol.it/news-750187/foo-fighters-taylor-hawkins-si-esibi-con-i-doors-video-live-2016" class="text-sm lora font-semibold">Quando Taylor Hawkins si esibì al microfono con i Doors</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/UTBJaHv4v86VaCQzRGPlfU9aycI=/40x40/smart/rockol-img/img/foto/upload/main-press-yg-entertainment.2024-11-06-14-08-24.jpg" alt="Blackpink" class="border border-white/20" loading="lazy" > </div> <h3 class="grow"> <a href="https://www.rockol.it/news-750186/concerti-2025-blackpink-in-italia-ippodromo-milano-6-agosto-biglietti" class="text-sm lora font-semibold">Le Blackpink per la prima volta in concerto in Italia</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/6B5HT8ADcY5U2HkaoAUIcN0N5Lw=/40x40/smart/rockol-img/img/foto/upload/green-day24.jpg" alt="Green Day" class="border border-white/20" loading="lazy" > </div> <h3 class="grow"> <a href="https://www.rockol.it/news-750185/green-day-cercano-comparse-punk-emo-hardcore-rocker-per-film-comico" class="text-sm lora font-semibold">I Green Day cercano comparse “punk, emo e rock” per il loro film</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/p5twSLzd1nxw8ooyRIqIlb_p-Mw=/40x40/smart/rockol-img/img/foto/upload/e7dee82c-eeab-c5b6-db24-7f4b2eb564d7.jpg" alt="napalm death" class="border border-white/20" loading="lazy" > </div> <h3 class="grow"> <a href="https://www.rockol.it/news-750183/concerti-2025-napalm-death-a-padova-orari-del-concerto-biglietti" class="text-sm lora font-semibold">I Napalm Death a Padova: gli orari del concerto</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/KRGwPA6Qbq-xDbJPbTNVbggBKmA=/40x40/smart/rockol-img/img/foto/upload/tiktok.jpg" alt="TikTok" class="border border-white/20" loading="lazy" > </div> <h3 class="grow"> <a href="https://musicbiz.rockol.it/news-750181/ole-obermann-a-capo-del-settore-musica-di-tiktok-si-dimette" class="text-sm lora font-semibold">Ole Obermann, a capo del settore musica di TikTok, si dimette</a> </h3> </li> </ul> <a href="https://www.rockol.it/news/ultime-24-ore" class="sidebar_widget__link" >tutte le ultimissime</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> </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.altro.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 type="text/javascript"> /* PAGE SPECIFIC SCRIPTS */ </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>