/* SF Cookie 0.2.0 — banner iubenda nello stile del sito (v9) + pulsanti fissi. Variabili della guida di stile con valore di riserva (il vecchio sito non le ha). */ :root { --sfc-arancione: var(--sf-arancione, #D3542B); --sfc-accento: var(--sf-accento, #FF634D); --sfc-ambra: var(--sf-ambra, #E8A33D); --sfc-scuro: #1B1B1B; --sfc-font: var(--sf-font, 'Poppins'), 'Poppins', system-ui, sans-serif; --sfc-curva: var(--sf-curva, cubic-bezier(.2, .7, .2, 1)); --sfc-raggio: var(--sf-raggio, 24px); --sfc-pillola: var(--sf-pillola, 999px); --sfc-ombra: 0 14px 40px -12px rgba(0, 0, 0, .55); } /* ------------------------------------------------------------------ Banner */ html body #iubenda-cs-banner#iubenda-cs-banner, html body #iubenda-cs-banner#iubenda-cs-banner * { font-family: var(--sfc-font) !important; box-sizing: border-box; } #iubenda-cs-banner.iubenda-cs-default-floating, #iubenda-cs-banner { position: fixed !important; top: auto !important; bottom: 24px !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important; width: min(760px, calc(100vw - 48px)) !important; max-width: none !important; padding: 0 !important; margin: 0 !important; background: transparent !important; z-index: 99999998 !important; } #iubenda-cs-banner .iubenda-cs-container { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border-radius: var(--sfc-raggio) !important; box-shadow: var(--sfc-ombra) !important; overflow: hidden; background: var(--sfc-scuro) !important; } #iubenda-cs-banner .iubenda-cs-content { background: var(--sfc-scuro) !important; color: #fff !important; padding: 26px 28px 24px !important; border-radius: var(--sfc-raggio) !important; font-size: 14px !important; line-height: 1.6 !important; } #iubenda-cs-banner .iubenda-cs-rationale { position: relative; max-width: none !important; } #iubenda-cs-banner .iubenda-cs-rationale, #iubenda-cs-banner .iubenda-banner-content, #iubenda-cs-banner .iub-p, #iubenda-cs-banner p { color: #fff !important; font-size: 14px !important; line-height: 1.6 !important; margin: 0 0 8px !important; } #iubenda-cs-banner strong { font-weight: 600; color: #fff !important; } #iubenda-cs-banner a:not(.iubenda-cs-brand-badge) { color: #fff !important; text-decoration: none !important; border-bottom: 2px solid var(--sfc-arancione); transition: color .25s, border-color .25s; } #iubenda-cs-banner a:not(.iubenda-cs-brand-badge):hover { color: var(--sfc-accento) !important; } #iubenda-cs-banner .iubenda-banner-content { padding-right: 36px; } /* pulsanti: Accetta e Rifiuta identici */ #iubenda-cs-banner .iubenda-cs-opt-group { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 16px; margin-top: 18px !important; padding: 0 !important; color: #fff !important; } #iubenda-cs-banner .iubenda-cs-opt-group-consent { display: flex !important; gap: 12px; margin: 0 !important; order: 2; } #iubenda-cs-banner .iubenda-cs-opt-group-custom { margin: 0 !important; order: 1; } html body #iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-reject-btn, html body #iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-accept-btn { appearance: none; border: 2px solid var(--sfc-arancione) !important; background: var(--sfc-arancione) !important; color: #fff !important; border-radius: var(--sfc-pillola) !important; font-weight: 600 !important; font-size: 15px !important; line-height: 1.2 !important; padding: 12px 26px !important; min-height: 44px !important; min-width: 124px !important; margin: 0 !important; box-shadow: none !important; cursor: pointer; transition: background-color .25s, border-color .25s, transform .25s var(--sfc-curva); } html body #iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-reject-btn:hover, html body #iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-accept-btn:hover { background: var(--sfc-accento) !important; border-color: var(--sfc-accento) !important; transform: translateY(-1px); } html body #iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-customize-btn { appearance: none; background: transparent !important; border: 0 !important; border-bottom: 2px solid var(--sfc-arancione) !important; border-radius: 0 !important; color: #fff !important; font-weight: 600 !important; font-size: 14px !important; padding: 8px 0 !important; min-height: 44px !important; margin: 0 !important; cursor: pointer; box-shadow: none !important; transition: color .25s, border-color .25s; } html body #iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-customize-btn:hover { color: var(--sfc-accento) !important; border-color: var(--sfc-accento) !important; } #iubenda-cs-banner button:focus-visible, #iubenda-cs-banner a:focus-visible { outline: 3px solid var(--sfc-ambra) !important; outline-offset: 3px; } /* X: chiude = rifiuta */ #iubenda-cs-banner .iubenda-cs-close-btn { display: none !important; } #iubenda-cs-banner .sf-cookie-x { display: inline-flex; align-items: center; justify-content: center; position: absolute !important; top: -8px !important; right: -10px !important; width: 44px; height: 44px; padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; color: #fff !important; font-size: 28px !important; line-height: 1 !important; border-radius: var(--sfc-pillola) !important; cursor: pointer; opacity: 1 !important; transition: color .25s, background-color .25s; } #iubenda-cs-banner .sf-cookie-x:hover { color: var(--sfc-accento) !important; background: rgba(255, 255, 255, .08) !important; } /* marchio iubenda e contatore */ #iubenda-cs-banner .iubenda-cs-brand-badge-outer { display: none !important; } /* con la finestra delle preferenze aperta il banner sparisce; il widget Ally sta sotto al banner (mai sopra) */ body:has(#iubenda-iframe.iubenda-iframe-visible) #iubenda-cs-banner { visibility: hidden !important; } #ea11y-root { position: relative; z-index: 9995; } /* entrata e uscita */ #iubenda-cs-banner.iubenda-cs-slidein { transition: opacity .45s var(--sfc-curva), transform .45s var(--sfc-curva) !important; } @media (max-width: 640px) { #iubenda-cs-banner { bottom: 12px !important; width: calc(100vw - 24px) !important; } #iubenda-cs-banner .iubenda-cs-content { padding: 22px 20px 20px !important; max-height: calc(100vh - 40px); overflow-y: auto; } #iubenda-cs-banner .iubenda-cs-opt-group { flex-direction: column; align-items: stretch; } #iubenda-cs-banner .iubenda-cs-opt-group-consent { order: 1; } html body #iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-opt-group-consent button { flex: 1 1 0; min-width: 0 !important; } #iubenda-cs-banner .iubenda-cs-opt-group-custom { order: 2; text-align: center; } #iubenda-cs-banner .iubenda-banner-content { padding-right: 28px; } /* 0.2.1: banner più compatto su telefono (copre meno schermo, compare prima nella misura di velocità) */ html body #iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-content { padding: 16px 16px 14px !important; } html body #iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-rationale p, html body #iubenda-cs-banner#iubenda-cs-banner .iub-p, html body #iubenda-cs-banner#iubenda-cs-banner p { font-size: 12.5px !important; line-height: 1.45 !important; margin: 0 0 6px !important; } html body #iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-opt-group { margin-top: 8px !important; gap: 8px !important; } html body #iubenda-cs-banner#iubenda-cs-banner button { min-height: 44px; } } @media (prefers-reduced-motion: reduce) { #iubenda-cs-banner, #iubenda-cs-banner * { transition: none !important; animation: none !important; } } /* ------------------------------ Avviso «Informativa sulla raccolta» (leggi US) e pulsante flottante */ html body button.iubenda-tp-btn.iubenda-cs-preferences-link, html body .iubenda-tp-btn { display: none !important; visibility: hidden !important; } .iub__us-widget { background: #000 !important; color: #fff !important; padding: 14px 24px 18px !important; font-family: var(--sfc-font) !important; } .iub__us-widget .iub__us-widget__wrapper { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 22px; } html body .iub__us-widget .iub__us-widget__link { appearance: none; background: transparent none !important; border: 0 !important; border-bottom: 2px solid var(--sfc-arancione) !important; border-radius: 0 !important; color: #fff !important; font: 400 13px/1.5 var(--sfc-font) !important; padding: 2px 0 !important; margin: 0 !important; cursor: pointer; text-decoration: none !important; box-shadow: none !important; transition: color .25s, border-color .25s; } html body .iub__us-widget .iub__us-widget__link:hover { color: var(--sfc-accento) !important; border-color: var(--sfc-accento) !important; } html body .iub__us-widget .iub__us-widget__link:focus-visible { outline: 3px solid var(--sfc-ambra) !important; outline-offset: 3px; } html body .iub__us-widget .iub__us-widget__link svg, html body .iub__us-widget .iub__us-widget__link img { display: none !important; } @media (max-width: 767px) { .iub__us-widget { padding-bottom: 96px !important; } } /* ------------------------------------ Finestra dei documenti (Privacy e Cookie Policy) */ #iubenda-pp-overlay { background-color: #000 !important; opacity: .62 !important; } #iubenda-pp-popup iframe { border: 0 !important; border-radius: var(--sfc-raggio) !important; box-shadow: var(--sfc-ombra) !important; background: #fff !important; } html body #iubenda-pp #iubenda-pp-popup > button { background-color: var(--sfc-arancione) !important; border-radius: var(--sfc-pillola) !important; box-shadow: var(--sfc-ombra) !important; top: -14px !important; right: -14px !important; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M3 3l12 12M15 3L3 15'/%3E%3C/svg%3E") !important; transition: background-color .25s, transform .25s var(--sfc-curva); } html body #iubenda-pp #iubenda-pp-popup > button:hover { background-color: var(--sfc-accento) !important; transform: scale(1.06); } html body #iubenda-pp #iubenda-pp-popup > button:focus-visible { outline: 3px solid var(--sfc-ambra) !important; outline-offset: 3px; } /* ------------------------------------------- Finestra delle preferenze */ #iubenda-iframe-overlay { background: rgba(0, 0, 0, .62) !important; opacity: 1 !important; } html body #iubenda-iframe#iubenda-iframe, html body #iubenda-iframe#iubenda-iframe * { font-family: var(--sfc-font) !important; box-sizing: border-box; } html body #iubenda-iframe#iubenda-iframe button:focus-visible, html body #iubenda-iframe#iubenda-iframe a:focus-visible { outline: 3px solid var(--sfc-ambra) !important; outline-offset: 3px !important; box-shadow: none !important; } html body #iubenda-iframe#iubenda-iframe { align-items: stretch !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: min(780px, calc(100vw - 24px)) !important; max-width: none !important; height: min(720px, calc(100vh - 24px)) !important; margin: 0 !important; border-radius: var(--sfc-raggio) !important; background: var(--sfc-scuro) !important; box-shadow: var(--sfc-ombra) !important; overflow: hidden !important; } #iubenda-iframe #iubenda-iframe-popup, #iubenda-iframe #iubenda-iframe-content { width: 100% !important; height: 100% !important; max-width: none !important; background: var(--sfc-scuro) !important; border-radius: var(--sfc-raggio) !important; color: #fff !important; box-shadow: none !important; } #iubenda-iframe#iubenda-iframe div { background: transparent none !important; color: #fff; border-color: rgba(255, 255, 255, .16) !important; box-shadow: none !important; } #iubenda-iframe :not(input)::before, #iubenda-iframe :not(input)::after { background: none !important; box-shadow: none !important; } #iubenda-iframe a.iub-iframe-brand-button, #iubenda-iframe .purposes-header-right { display: none !important; } #iubenda-iframe .purposes-header-left { padding: 18px 20px 0 !important; } #iubenda-iframe h1, #iubenda-iframe h2, #iubenda-iframe h3, #iubenda-iframe .purposes-header-title, #iubenda-iframe .purposes-section-header-title { color: #fff !important; font-weight: 700 !important; letter-spacing: -.02em; line-height: 1.15 !important; } #iubenda-iframe .purposes-header-title { font-size: clamp(24px, 3.4vw, 30px) !important; margin: 4px 0 10px !important; } #iubenda-iframe .purposes-section-header-title { font-size: 18px !important; } #iubenda-iframe p, #iubenda-iframe .purposes-item-body, #iubenda-iframe .purposes-header-text, #iubenda-iframe span, #iubenda-iframe li { color: rgba(255, 255, 255, .88) !important; font-size: 14px !important; line-height: 1.6 !important; } #iubenda-iframe label { color: #fff !important; font-weight: 600 !important; font-size: 14px !important; } #iubenda-iframe a:not(.iub-iframe-brand-button):not(.iubenda-cs-brand-badge) { color: #fff !important; text-decoration: none !important; border-bottom: 2px solid var(--sfc-arancione); transition: color .25s, border-color .25s; } #iubenda-iframe a:not(.iub-iframe-brand-button):not(.iubenda-cs-brand-badge):hover { color: var(--sfc-accento) !important; } #iubenda-iframe .purposes-item { border-top: 1px solid rgba(255, 255, 255, .16) !important; padding-top: 14px !important; padding-bottom: 14px !important; } #iubenda-iframe .iubenda-iframe-footer { border-top: 1px solid rgba(255, 255, 255, .16) !important; box-shadow: none !important; } /* pulsanti: tutti arancioni, forma del sito */ html body #iubenda-iframe#iubenda-iframe button.iub-btn-consent, html body #iubenda-iframe#iubenda-iframe button#iubFooterBtn, html body #iubenda-iframe#iubenda-iframe button#iubRejectBtn { appearance: none; background: var(--sfc-arancione) none !important; border: 2px solid var(--sfc-arancione) !important; color: #fff !important; border-radius: var(--sfc-pillola) !important; font-weight: 600 !important; font-size: 15px !important; line-height: 1.2 !important; padding: 12px 26px !important; min-height: 44px !important; box-shadow: none !important; cursor: pointer; transition: background-color .25s, border-color .25s, transform .25s var(--sfc-curva); } html body #iubenda-iframe#iubenda-iframe button.iub-btn-consent svg { display: none !important; } html body #iubenda-iframe#iubenda-iframe button.iub-btn-consent:hover, html body #iubenda-iframe#iubenda-iframe button#iubFooterBtn:hover, html body #iubenda-iframe#iubenda-iframe button#iubRejectBtn:hover { background: var(--sfc-accento) !important; border-color: var(--sfc-accento) !important; transform: translateY(-1px); } html body #iubenda-iframe#iubenda-iframe button.iub-btn-back { background: transparent !important; border: 2px solid rgba(255, 255, 255, .5) !important; border-radius: var(--sfc-pillola) !important; min-width: 44px; min-height: 44px; color: #fff !important; box-shadow: none !important; } html body #iubenda-iframe#iubenda-iframe button.iub-btn-back svg, html body #iubenda-iframe#iubenda-iframe button.iub-btn-back svg * { fill: #fff !important; stroke: none !important; } html body #iubenda-iframe#iubenda-iframe button.iub-btn-back:hover { border-color: var(--sfc-accento) !important; } #iubenda-iframe .iub-consent-buttons { display: flex !important; gap: 12px; flex-wrap: wrap; } #iubenda-iframe button:focus-visible, #iubenda-iframe a:focus-visible, #iubenda-iframe input:focus-visible { outline: 3px solid var(--sfc-ambra) !important; outline-offset: 3px; } /* impaginazione: intestazione fissa, elenco che scorre, pulsante sempre visibile */ #iubenda-iframe#iubenda-iframe #iubenda-iframe-content { display: flex !important; flex-direction: column !important; height: 100% !important; min-height: 0 !important; padding: 0 !important; } #iubenda-iframe#iubenda-iframe #purposes-container { flex: 0 0 auto !important; height: auto !important; min-height: 0 !important; padding: 14px 20px 0 !important; border-radius: 0 !important; } #iubenda-iframe#iubenda-iframe .purposes-header-left { padding: 0 !important; } #iubenda-iframe#iubenda-iframe .iubenda-iframe-top-container { flex: 1 1 auto !important; min-height: 0 !important; height: auto !important; max-height: none !important; overflow-y: auto !important; padding: 0 !important; border-radius: 0 !important; } #iubenda-iframe#iubenda-iframe #purposes-content-container { height: auto !important; min-height: 0 !important; overflow: visible !important; } #iubenda-iframe#iubenda-iframe .purposes-content { padding: 4px 28px 24px !important; } #iubenda-iframe#iubenda-iframe .iubenda-iframe-footer { position: static !important; flex: 0 0 auto !important; height: auto !important; padding: 14px 20px 16px !important; border-top: 1px solid rgba(255, 255, 255, .16) !important; } #iubenda-iframe#iubenda-iframe #iubFooterBtnContainer { display: flex; justify-content: flex-end; } #iubenda-iframe#iubenda-iframe #iubenda-iframe-popup { height: 100% !important; align-self: stretch !important; width: 100% !important; max-height: none !important; min-height: 0 !important; top: 0 !important; margin: 0 !important; transform: none !important; } #iubenda-iframe#iubenda-iframe #purposes-container { padding: 12px 16px 0 !important; margin: 0 !important; } #iubenda-iframe#iubenda-iframe .purposes-header-left, #iubenda-iframe#iubenda-iframe .purposes-header { margin: 0 !important; } #iubenda-iframe#iubenda-iframe .iub-btn-back { margin: 0 !important; } #iubenda-iframe#iubenda-iframe #iubFooterIabBtnContainer { display: none !important; } #iubenda-iframe#iubenda-iframe .iubenda-iframe-footer * { margin-top: 0 !important; margin-bottom: 0 !important; } #iubenda-iframe#iubenda-iframe::before, #iubenda-iframe#iubenda-iframe::after, #iubenda-iframe#iubenda-iframe #iubenda-iframe-popup::before, #iubenda-iframe#iubenda-iframe #iubenda-iframe-content::before { display: none !important; content: none !important; } #iubenda-iframe#iubenda-iframe #purposes-container .purposes-header { padding: 0 !important; height: auto !important; min-height: 0 !important; display: flex !important; } #iubenda-iframe#iubenda-iframe #purposes-container { height: auto !important; min-height: 0 !important; } /* interruttori */ #iubenda-iframe#iubenda-iframe input.style1[type="checkbox"] { appearance: none; -webkit-appearance: none; position: relative; width: 52px !important; height: 30px !important; margin: 0 !important; border-radius: var(--sfc-pillola) !important; border: 2px solid rgba(255, 255, 255, .55) !important; background: transparent none !important; cursor: pointer; opacity: 1 !important; transition: background-color .25s, border-color .25s; } #iubenda-iframe input.style1[type="checkbox"]::before { content: "" !important; display: block !important; position: absolute !important; top: 3px !important; left: 3px !important; width: 20px !important; height: 20px !important; border-radius: 50% !important; background: #fff !important; border: 0 !important; transition: transform .25s var(--sfc-curva); } #iubenda-iframe input.style1[type="checkbox"]::after { display: none !important; } #iubenda-iframe#iubenda-iframe input.style1[type="checkbox"]:checked { background: var(--sfc-arancione) none !important; border-color: var(--sfc-arancione) !important; } #iubenda-iframe input.style1[type="checkbox"]:checked::before { transform: translateX(22px); } #iubenda-iframe input.style1[type="checkbox"].locked, #iubenda-iframe input.style1[type="checkbox"]:disabled { opacity: .6 !important; cursor: not-allowed; } #iubenda-iframe .iubenda-iframe-badge-container { display: none !important; } @media (max-width: 640px) { html body #iubenda-iframe#iubenda-iframe { width: calc(100vw - 16px) !important; height: calc(100vh - 16px) !important; border-radius: 20px !important; } #iubenda-iframe .iub-consent-buttons > div { flex: 1 1 0; } #iubenda-iframe#iubenda-iframe .iubenda-iframe-footer { padding-right: 72px !important; } #iubenda-iframe button.iub-btn-consent { width: 100%; padding-left: 12px !important; padding-right: 12px !important; } } @media (prefers-reduced-motion: reduce) { #iubenda-iframe *, #iubenda-iframe *::before { transition: none !important; } } /* ------------------------------------------------------- Pulsanti fissi (dock del mockup v9) Computer: «Prenota una call» a sinistra; WhatsApp, Telefono e Torna su impilati a destra, sopra il widget Ally. Compaiono dopo la prima schermata e si ritirano quando arriva il footer. Telefono: riga in basso a sinistra di Ally. */ .sf-fix { position: fixed; left: 20px; right: 20px; bottom: 24px; z-index: 9990; display: flex; align-items: center; justify-content: space-between; gap: 12px; font-family: var(--sfc-font); pointer-events: none; transition: transform .45s var(--sfc-curva), opacity .3s; } .sf-fix > *, .sf-fix-dx > * { pointer-events: auto; } /* 0.3.0: a destra le tre icone sono IMPILATE in colonna (WhatsApp, Telefono, Torna su), sopra il widget Ally; «Prenota una call» resta a sinistra */ .sf-fix-dx { position: absolute; right: 0; bottom: 64px; display: flex; flex-direction: column; align-items: center; gap: 10px; margin: 0; } .sf-fix a, .sf-fix button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-width: 48px; min-height: 48px; border: 0; border-radius: var(--sfc-pillola); font: 600 15px/1 var(--sfc-font); text-decoration: none; cursor: pointer; box-shadow: 0 6px 24px rgba(0, 0, 0, .18); transition: background-color .25s, color .25s, transform .25s var(--sfc-curva), opacity .25s; } .sf-fix svg { width: 22px; height: 22px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } .sf-fix a:hover, .sf-fix button:hover { transform: translateY(-2px); } .sf-fix a:focus-visible, .sf-fix button:focus-visible { outline: 3px solid var(--sfc-ambra); outline-offset: 3px; } .sf-fix .sf-fix-pren { background: var(--sf-arancione-aa, #C84A22); color: #fff; padding: 0 22px; } .sf-fix .sf-fix-pren:hover { background: var(--sf-arancione-hover, #A93C19); color: #fff; } .sf-fix .sf-fix-wa { background: var(--sf-whatsapp, #25D366); color: #181818; width: 48px; padding: 0; } .sf-fix .sf-fix-wa:hover { background: var(--sf-whatsapp-hover, #1EBE5A); } .sf-fix-wa svg { fill: none; } .sf-fix .sf-fix-tel { background: #181818; color: #fff; width: 48px; padding: 0; box-shadow: 0 6px 18px -6px rgba(0, 0, 0, .28), 0 0 0 1px rgba(255, 255, 255, .16); } .sf-fix .sf-fix-tel:hover { background: #000; } .sf-fix .sf-fix-up { background: #fff; color: #181818; width: 48px; padding: 0; box-shadow: 0 6px 18px -6px rgba(0, 0, 0, .28), 0 0 0 1px rgba(24, 24, 24, .14); } /* il bottone «su» è un