img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} /*# sourceURL=wp-img-auto-sizes-contain-inline-css */ @font-face{font-family:"Switzer";src:url("/wp-content/themes/digival/generati/fonts/switzer-300-normal.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap;}@font-face{font-family:"Switzer";src:url("/wp-content/themes/digival/generati/fonts/switzer-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;}@font-face{font-family:"Switzer";src:url("/wp-content/themes/digival/generati/fonts/switzer-500-normal.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;}@font-face{font-family:"Switzer";src:url("/wp-content/themes/digival/generati/fonts/switzer-600-normal.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;}@font-face{font-family:"Libre Baskerville";src:url("/wp-content/themes/digival/generati/fonts/libre-baskerville-400-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap;}:root{--dg-ss-none:0px;--dg-ss-xxs:clamp(10px, calc(0.625rem + ((1vw - 3.6px) * 0.9259)), 20px);--dg-ss-xs:clamp(20px, calc(1.25rem + ((1vw - 3.6px) * 1.8519)), 40px);--dg-ss-sm:clamp(32px, calc(2rem + ((1vw - 3.6px) * 2.963)), 64px);--dg-ss-md:clamp(40px, calc(2.5rem + ((1vw - 3.6px) * 3.7037)), 80px);--dg-ss-lg:clamp(64px, calc(4rem + ((1vw - 3.6px) * 5.9259)), 128px);--dg-ss-xl:clamp(80px, calc(5rem + ((1vw - 3.6px) * 7.4074)), 160px);--dg-ss-xxl:clamp(128px, calc(8rem + ((1vw - 3.6px) * 11.852)), 256px);--dg-h1:clamp(2.0114rem, 2.1065vw + 1.5374rem, 3.4332rem);--dg-h2:clamp(1.749rem, 1.4779vw + 1.4165rem, 2.7466rem);--dg-h3:clamp(1.5209rem, 1.0021vw + 1.2954rem, 2.1973rem);--dg-h4:clamp(1.3225rem, 0.6449vw + 1.1774rem, 1.7578rem);--dg-h5:clamp(1.15rem, 0.3796vw + 1.0646rem, 1.4063rem);--dg-h6:clamp(1rem, 0.1852vw + 0.9583rem, 1.125rem);--dg-radius-sm:0.25rem;--dg-radius-md:0.375rem;--dg-radius-lg:0.5rem;--dg-radius-xl:1rem;--dg-radius-2xl:2rem;--dg-space-0:0px;--dg-space-1:0.25rem;--dg-space-2:0.5rem;--dg-space-3:1rem;--dg-space-4:1.5rem;--dg-space-5:3rem;--dg-space-6:4rem;--dg-space-7:6rem;--dg-space-8:8rem;--dg-font-size-base:clamp(1rem, 0.1852vw + 0.9583rem, 1.125rem);--dg-fs-sm:clamp(0.875rem, 0.162vw + 0.8385rem, 0.9844rem);--dg-fs-lg:clamp(1.15rem, 0.3796vw + 1.0646rem, 1.4063rem);--dg-display-1:clamp(2.8159rem, 3.9663vw + 1.9235rem, 5.4932rem);--dg-display-2:clamp(2.655rem, 3.5943vw + 1.8463rem, 5.0812rem);--dg-display-3:clamp(2.4941rem, 3.2224vw + 1.769rem, 4.6692rem);--dg-display-4:clamp(2.3332rem, 2.8504vw + 1.6918rem, 4.2572rem);--dg-display-5:clamp(2.1723rem, 2.4784vw + 1.6146rem, 3.8452rem);--dg-display-6:clamp(2.0114rem, 2.1065vw + 1.5374rem, 3.4332rem);--dg-fw-light:300;--dg-fw-normal:400;--dg-fw-medium:500;--dg-fw-semibold:600;--dg-fw-bold:700;--dg-lh-sm:1.25;--dg-lh-base:1.5;--dg-lh-lg:2;--dg-radius-none:0px;--dg-radius-pill:50rem;--dg-radius-circle:50%;--dg-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--dg-shadow-md:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--dg-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--dg-shadow-xl:0 1.5rem 4rem rgba(0, 0, 0, 0.2);--dg-border-width:1px;--dg-z-dropdown:1000;--dg-z-sticky:1020;--dg-z-fixed:1030;--dg-z-modal-backdrop:1050;--dg-z-modal:1055;--dg-z-popover:1070;--dg-z-tooltip:1080;--dg-z-toast:1090;--dg-duration-fast:150ms;--dg-duration-base:300ms;--dg-duration-slow:500ms;--dg-ease-standard:cubic-bezier(0.4, 0, 0.2, 1);--dg-ease-in:cubic-bezier(0.4, 0, 1, 1);--dg-ease-out:cubic-bezier(0, 0, 0.2, 1);--dg-focus-ring-width:0.25rem;--dg-focus-ring-offset:0px;--dg-font-body:"Switzer", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--dg-font-heading:"Switzer", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--dg-container-max:2400px;--dg-icona-dimensione:2rem;--dg-icona-tratto:1.5;--dg-white:#ffffff;--dg-black:#000000;--dg-white-rgb:255, 255, 255;--dg-black-rgb:0, 0, 0;--dg-primary-50:#f9f5ef;--dg-primary-50-rgb:249, 245, 239;--dg-primary-100:#f0eae1;--dg-primary-100-rgb:240, 234, 225;--dg-primary-200:#e3dacd;--dg-primary-200-rgb:227, 218, 205;--dg-primary-300:#c9c1b5;--dg-primary-300-rgb:201, 193, 181;--dg-primary-400:#a7a096;--dg-primary-400-rgb:167, 160, 150;--dg-primary-500:#8c867d;--dg-primary-500-rgb:140, 134, 125;--dg-primary-600:#69655d;--dg-primary-600-rgb:105, 101, 93;--dg-primary-700:#54504a;--dg-primary-700-rgb:84, 80, 74;--dg-primary-800:#43403a;--dg-primary-800-rgb:67, 64, 58;--dg-primary-900:#33302c;--dg-primary-900-rgb:51, 48, 44;--dg-secondary-50:#fef7eb;--dg-secondary-50-rgb:254, 247, 235;--dg-secondary-100:#fef6e9;--dg-secondary-100-rgb:254, 246, 233;--dg-secondary-200:#fef5e6;--dg-secondary-200-rgb:254, 245, 230;--dg-secondary-300:#fff3e1;--dg-secondary-300-rgb:255, 243, 225;--dg-secondary-400:#fff1da;--dg-secondary-400-rgb:255, 241, 218;--dg-secondary-500:#ffefd5;--dg-secondary-500-rgb:255, 239, 213;--dg-secondary-600:#aea28f;--dg-secondary-600-rgb:174, 162, 143;--dg-secondary-700:#7e7465;--dg-secondary-700-rgb:126, 116, 101;--dg-secondary-800:#585145;--dg-secondary-800-rgb:88, 81, 69;--dg-secondary-900:#353027;--dg-secondary-900-rgb:53, 48, 39;--dg-neutral-50:#f0f6ff;--dg-neutral-50-rgb:240, 246, 255;--dg-neutral-100:#e2e9f5;--dg-neutral-100-rgb:226, 233, 245;--dg-neutral-200:#cfd6e3;--dg-neutral-200-rgb:207, 214, 227;--dg-neutral-300:#b3bbc9;--dg-neutral-300-rgb:179, 187, 201;--dg-neutral-400:#8e97a6;--dg-neutral-400-rgb:142, 151, 166;--dg-neutral-500:#727b8b;--dg-neutral-500-rgb:114, 123, 139;--dg-neutral-600:#4d5668;--dg-neutral-600-rgb:77, 86, 104;--dg-neutral-700:#374052;--dg-neutral-700-rgb:55, 64, 82;--dg-neutral-800:#252e41;--dg-neutral-800-rgb:37, 46, 65;--dg-neutral-900:#151e30;--dg-neutral-900-rgb:21, 30, 48;--dg-body-color:var(--dg-neutral-900);--dg-body-bg:var(--dg-white);--dg-emphasis-color:var(--dg-neutral-900);--dg-body-secondary-color:var(--dg-neutral-600);--dg-body-secondary-bg:var(--dg-neutral-100);--dg-body-tertiary-color:var(--dg-neutral-500);--dg-body-tertiary-bg:var(--dg-neutral-50);--dg-border-color:var(--dg-neutral-200);--dg-heading-color:var(--dg-neutral-900);--dg-link-color:var(--dg-primary-600);--dg-link-hover-color:var(--dg-primary-700);--dg-focus-ring-color:rgba(var(--dg-primary-500-rgb), 0.25);--dg-disabled-opacity:0.65;} /*# sourceURL=https://www.valentinariente.com/wp-content/themes/digival/generati/dg-variables.css */ #cc-main{background:transparent;color:var(--cc-primary-color);font-family:var(--cc-font-family);font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.15;position:relative;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;position:fixed;z-index:var(--cc-z-index)}#cc-main :after,#cc-main :before,#cc-main a,#cc-main button,#cc-main div,#cc-main h2,#cc-main input,#cc-main p,#cc-main span{all:unset;box-sizing:border-box}#cc-main .pm__badge,#cc-main button{all:initial;box-sizing:border-box;color:unset;visibility:unset}#cc-main .pm__badge,#cc-main a,#cc-main button,#cc-main input{-webkit-appearance:none;appearance:none;cursor:pointer;font-family:inherit;font-size:100%;line-height:normal;margin:0;outline:revert;outline-offset:2px;overflow:hidden}#cc-main table,#cc-main tbody,#cc-main td,#cc-main th,#cc-main thead,#cc-main tr{all:revert;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit}:root{--cc-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--cc-modal-border-radius:.5rem;--cc-btn-border-radius:.4rem;--cc-modal-transition-duration:.25s;--cc-link-color:var(--cc-btn-primary-bg);--cc-modal-margin:1rem;--cc-z-index:2147483647;--cc-bg:#fff;--cc-primary-color:#2c2f31;--cc-secondary-color:#5e6266;--cc-btn-primary-bg:#30363c;--cc-btn-primary-color:#fff;--cc-btn-primary-border-color:var(--cc-btn-primary-bg);--cc-btn-primary-hover-bg:#000;--cc-btn-primary-hover-color:#fff;--cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);--cc-btn-secondary-bg:#eaeff2;--cc-btn-secondary-color:var(--cc-primary-color);--cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);--cc-btn-secondary-hover-bg:#d4dae0;--cc-btn-secondary-hover-color:#000;--cc-btn-secondary-hover-border-color:#d4dae0;--cc-separator-border-color:#f0f4f7;--cc-toggle-on-bg:var(--cc-btn-primary-bg);--cc-toggle-off-bg:#667481;--cc-toggle-on-knob-bg:#fff;--cc-toggle-off-knob-bg:var(--cc-toggle-on-knob-bg);--cc-toggle-enabled-icon-color:var(--cc-bg);--cc-toggle-disabled-icon-color:var(--cc-bg);--cc-toggle-readonly-bg:#d5dee2;--cc-toggle-readonly-knob-bg:#fff;--cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);--cc-section-category-border:var(--cc-cookie-category-block-bg);--cc-cookie-category-block-bg:#f0f4f7;--cc-cookie-category-block-border:#f0f4f7;--cc-cookie-category-block-hover-bg:#e9eff4;--cc-cookie-category-block-hover-border:#e9eff4;--cc-cookie-category-expanded-block-bg:transparent;--cc-cookie-category-expanded-block-hover-bg:#dee4e9;--cc-overlay-bg:rgba(0,0,0,.65);--cc-webkit-scrollbar-bg:var(--cc-section-category-border);--cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);--cc-footer-bg:var(--cc-btn-secondary-bg);--cc-footer-color:var(--cc-secondary-color);--cc-footer-border-color:#e4eaed;--cc-pm-toggle-border-radius:4em}#cc-main.cc--rtl{direction:rtl}#cc-main .cm__title,#cc-main a,#cc-main b,#cc-main em,#cc-main strong{font-weight:600}#cc-main button>span{pointer-events:none}#cc-main .cc__link,#cc-main a{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;font-weight:600;position:relative;transition:background-size .25s,color .25s ease}#cc-main .cc__link:hover,#cc-main a:hover{background-size:100% 1px;color:var(--cc-primary-color)}#cc-main .cc__link{color:var(--cc-link-color)}#cc-main .cm__desc,#cc-main .pm__body{overscroll-behavior:auto contain;scrollbar-width:thin}@media screen and (min-width:640px){#cc-main ::-webkit-scrollbar,#cc-main ::-webkit-scrollbar-thumb,#cc-main ::-webkit-scrollbar-track{all:revert}#cc-main ::-webkit-scrollbar-thumb{-webkit-background-clip:padding-box;background-clip:padding-box;background:var(--cc-toggle-readonly-bg);border:.25rem solid var(--cc-bg);border-radius:1rem}#cc-main ::-webkit-scrollbar-thumb:hover{background:var(--cc-toggle-off-bg)}#cc-main ::-webkit-scrollbar{background:transparent;width:12px}}html.disable--interaction.show--consent,html.disable--interaction.show--consent body{height:auto!important;overflow:hidden!important}@media (prefers-reduced-motion){#cc-main{--cc-modal-transition-duration:0s}}.cc--darkmode{--cc-bg:#161a1c;--cc-primary-color:#ebf3f6;--cc-secondary-color:#aebbc5;--cc-btn-primary-bg:#c2d0e0;--cc-btn-primary-color:var(--cc-bg);--cc-btn-primary-border-color:var(--cc-btn-primary-bg);--cc-btn-primary-hover-bg:#98a7b6;--cc-btn-primary-hover-color:#000;--cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);--cc-btn-secondary-bg:#242c31;--cc-btn-secondary-color:var(--cc-primary-color);--cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);--cc-btn-secondary-hover-bg:#353d43;--cc-btn-secondary-hover-color:#fff;--cc-btn-secondary-hover-border-color:var(--cc-btn-secondary-hover-bg);--cc-separator-border-color:#222a30;--cc-toggle-on-bg:var(--cc-btn-primary-bg);--cc-toggle-off-bg:#525f6b;--cc-toggle-on-knob-bg:var(--cc-btn-primary-color);--cc-toggle-off-knob-bg:var(--cc-btn-primary-color);--cc-toggle-enabled-icon-color:var(--cc-btn-primary-color);--cc-toggle-disabled-icon-color:var(--cc-btn-primary-color);--cc-toggle-readonly-bg:#343e45;--cc-toggle-readonly-knob-bg:#5f6b72;--cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);--cc-section-category-border:#1e2428;--cc-cookie-category-block-bg:#1e2428;--cc-cookie-category-block-border:var(--cc-section-category-border);--cc-cookie-category-block-hover-bg:#242c31;--cc-cookie-category-block-hover-border:#232a2f;--cc-cookie-category-expanded-block-bg:transparent;--cc-cookie-category-expanded-block-hover-bg:var(--cc-toggle-readonly-bg);--cc-overlay-bg:rgba(0,0,0,.65);--cc-webkit-scrollbar-bg:var(--cc-section-category-border);--cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);--cc-footer-bg:#0c0e0f;--cc-footer-color:var(--cc-secondary-color);--cc-footer-border-color:#060809}.cc--darkmode #cc-main{color-scheme:dark}#cc-main .cm{background:var(--cc-bg);border-radius:var(--cc-modal-border-radius);box-shadow:0 .625em 1.875em rgba(0,0,2,.3);display:flex;flex-direction:column;max-width:24rem;opacity:0;overflow:hidden;position:fixed;transform:translateY(1.6em);visibility:hidden;z-index:1}#cc-main .cm--top{top:var(--cc-modal-margin)}#cc-main .cm--middle{top:50%;transform:translateY(calc(-50% + 1.6em))}#cc-main .cm--bottom{bottom:var(--cc-modal-margin)}#cc-main .cm--center{left:var(--cc-modal-margin);margin:0 auto;right:var(--cc-modal-margin);width:unset}#cc-main .cm--left{left:var(--cc-modal-margin);margin-right:var(--cc-modal-margin)}#cc-main .cm--right{margin-left:var(--cc-modal-margin);right:var(--cc-modal-margin)}#cc-main .cm__body{display:flex;flex-direction:column;justify-content:space-between;position:relative}#cc-main .cm__btns,#cc-main .cm__links{padding:1rem 1.3rem;width:unset}#cc-main .cm__texts{display:flex;flex:1;flex-direction:column;justify-content:center;padding:1rem 0 0}#cc-main .cm__desc,#cc-main .cm__title{padding:0 1.3rem}#cc-main .cm__title{font-size:1.05em}#cc-main .cm__title+.cm__desc{margin-top:1.1em}#cc-main .cm__desc{color:var(--cc-secondary-color);font-size:.9em;line-height:1.5;max-height:40vh;overflow-x:visible;overflow-y:auto;padding-bottom:1em}#cc-main .cm__btns{border-top:1px solid var(--cc-separator-border-color);display:flex;flex-direction:column;justify-content:center}#cc-main .cm__btn-group{display:grid;grid-auto-columns:minmax(0,1fr)}#cc-main .cm__btn+.cm__btn,#cc-main .cm__btn-group+.cm__btn-group{margin-top:.375rem}#cc-main .cm--flip .cm__btn+.cm__btn,#cc-main .cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem;margin-top:0}#cc-main .cm--inline .cm__btn+.cm__btn{margin-left:.375rem;margin-top:0}#cc-main .cm--inline.cm--flip .cm__btn+.cm__btn{margin-bottom:0;margin-left:0;margin-right:.375rem}#cc-main .cm--inline.cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem;margin-right:0}#cc-main .cm--wide .cm__btn+.cm__btn,#cc-main .cm--wide .cm__btn-group+.cm__btn-group{margin-left:.375rem;margin-top:0}#cc-main .cm--wide.cm--flip .cm__btn+.cm__btn,#cc-main .cm--wide.cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:0;margin-right:.375rem}#cc-main .cm--bar:not(.cm--inline) .cm__btn-group--uneven,#cc-main .cm--wide .cm__btn-group--uneven{display:flex;flex:1;justify-content:space-between}#cc-main .cm--bar:not(.cm--inline).cm--flip .cm__btn-group--uneven,#cc-main .cm--wide.cm--flip .cm__btn-group--uneven{flex-direction:row-reverse}#cc-main .cm__btn{background:var(--cc-btn-primary-bg);border:1px solid var(--cc-btn-primary-border-color);border-radius:var(--cc-btn-border-radius);color:var(--cc-btn-primary-color);font-size:.82em;font-weight:600;min-height:42px;padding:.5em 1em;text-align:center}#cc-main .cm__btn:hover{background:var(--cc-btn-primary-hover-bg);border-color:var(--cc-btn-primary-hover-border-color);color:var(--cc-btn-primary-hover-color)}#cc-main .cm__btn--secondary{background:var(--cc-btn-secondary-bg);border-color:var(--cc-btn-secondary-border-color);color:var(--cc-btn-secondary-color)}#cc-main .cm__btn--secondary:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color);color:var(--cc-btn-secondary-hover-color)}#cc-main .cm__btn--close{border-radius:0;border-bottom-left-radius:var(--cc-btn-border-radius);border-right:none;border-top:none;display:none;font-size:1em;height:42px;min-width:auto!important;overflow:hidden;padding:0!important;position:absolute;right:0;top:0;width:42px}#cc-main .cm__btn--close svg{stroke:var(--cc-btn-primary-color);transform:scale(.5);transition:stroke .15s ease}#cc-main .cm__btn--close:hover svg{stroke:var(--cc-btn-primary-hover-color)}#cc-main .cm__btn--close.cm__btn--secondary svg{stroke:var(--cc-btn-secondary-color)}#cc-main .cm__btn--close.cm__btn--secondary:hover svg{stroke:var(--cc-btn-secondary-hover-color)}#cc-main .cm__btn--close+.cm__texts .cm__title{padding-right:3rem}#cc-main .cm--inline .cm__btn-group{grid-auto-flow:column}#cc-main .cm__footer{background:var(--cc-footer-bg);border-top:1px solid var(--cc-footer-border-color);color:var(--cc-footer-color);padding:.4em 0 .5em}#cc-main .cm__links{display:flex;flex-direction:row;padding-bottom:0;padding-top:0}#cc-main .cm__link-group{display:flex;flex-direction:row;font-size:.8em;width:100%}#cc-main .cm__link-group>*+*{margin-left:1.3rem}#cc-main .cm--flip .cm__btn:last-child{grid-row:1}#cc-main .cm--inline.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--box .cm__btn--close{display:block}#cc-main .cm--box.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cm--box.cm--wide{max-width:36em}#cc-main .cm--box.cm--wide .cm__btns{flex-direction:row;justify-content:space-between}#cc-main .cm--box.cm--wide .cm__btn-group{grid-auto-flow:column}#cc-main .cm--box.cm--wide .cm__btn{min-width:120px;padding-left:1.8em;padding-right:1.8em}#cc-main .cm--box.cm--wide.cm--flip .cm__btns{flex-direction:row-reverse}#cc-main .cm--box.cm--wide.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--cloud{max-width:54em;width:unset}#cc-main .cm--cloud .cm__body{flex-direction:row}#cc-main .cm--cloud .cm__texts{flex:1}#cc-main .cm--cloud .cm__desc{max-height:9.4em}#cc-main .cm--cloud .cm__btns{border-left:1px solid var(--cc-separator-border-color);border-top:none;max-width:23em}#cc-main .cm--cloud .cm__btn-group{flex-direction:column}#cc-main .cm--cloud .cm__btn{min-width:19em}#cc-main .cm--cloud.cm--flip .cm__btn-group,#cc-main .cm--cloud.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cm--cloud.cm--inline .cm__btn-group{flex-direction:row}#cc-main .cm--cloud.cm--inline .cm__btn{min-width:10em}#cc-main .cm--cloud.cm--inline.cm--flip .cm__btn-group{flex-direction:row-reverse}#cc-main .cm--bar{border-radius:0;left:0;margin:0;max-width:unset;opacity:1;right:0;transform:translateY(0);width:100vw;--cc-modal-transition-duration:.35s}#cc-main .cm--bar.cm--top{top:0;transform:translateY(-100%)}#cc-main .cm--bar.cm--bottom{bottom:0;transform:translateY(100%)}#cc-main .cm--bar .cm__body,#cc-main .cm--bar .cm__links{margin:0 auto;max-width:55em;width:100%}#cc-main .cm--bar .cm__body{padding:.5em 0 .9em}#cc-main .cm--bar .cm__btns{border-top:none;flex-direction:row;justify-content:space-between}#cc-main .cm--bar .cm__btn-group{grid-auto-flow:column}#cc-main .cm--bar:not(.cm--inline) .cm__btn+.cm__btn,#cc-main .cm--bar:not(.cm--inline) .cm__btn-group+.cm__btn-group{margin-left:.375rem;margin-top:0}#cc-main .cm--bar .cm__btn{min-width:120px;padding-left:2em;padding-right:2em}#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn+.cm__btn,#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn-group+.cm__btn-group{margin-bottom:0;margin-left:0;margin-right:.375rem}#cc-main .cm--bar.cm--flip .cm__btns{flex-direction:row-reverse}#cc-main .cm--bar.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--bar.cm--inline .cm__body,#cc-main .cm--bar.cm--inline .cm__links{max-width:74em}#cc-main .cm--bar.cm--inline .cm__body{flex-direction:row;padding:0}#cc-main .cm--bar.cm--inline .cm__btns{flex-direction:column;justify-content:center;max-width:23em}#cc-main .cm--bar.cm--inline.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cc--anim .cm,#cc-main .cc--anim.cm-wrapper:before{transition:opacity var(--cc-modal-transition-duration) ease,visibility var(--cc-modal-transition-duration) ease,transform var(--cc-modal-transition-duration) ease}#cc-main .cc--anim .cm__btn,#cc-main .cc--anim .cm__close{transition:background-color .15s ease,border-color .15s ease,color .15s ease}.disable--interaction #cc-main .cm-wrapper:before{background:var(--cc-overlay-bg);bottom:0;content:"";left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:0}.show--consent #cc-main .cc--anim .cm{opacity:1;transform:translateY(0);visibility:visible!important}.show--consent #cc-main .cc--anim .cm--middle{transform:translateY(-50%)}.show--consent #cc-main .cc--anim .cm--bar{transform:translateY(0)}.show--consent #cc-main .cc--anim.cm-wrapper:before{opacity:1;visibility:visible}#cc-main.cc--rtl .cm__btn--close{border-bottom-left-radius:unset;border-bottom-right-radius:var(--cc-btn-border-radius);left:0;right:unset}#cc-main.cc--rtl .cm__btn--close+.cm__texts .cm__title{padding-left:3rem!important;padding-right:1.3rem}#cc-main.cc--rtl .cm--inline .cm__btn+.cm__btn{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .cm--inline.cm--flip .cm__btn+.cm__btn{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn-group+.cm__btn-group,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn-group+.cm__btn-group{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar.cm--flip .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide.cm--flip .cm__btn+.cm__btn{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .cm__link-group>*+*{margin-left:0;margin-right:1.3rem}@media screen and (max-width:640px){#cc-main{--cc-modal-margin:.5em}#cc-main .cm{max-width:none!important;width:auto!important}#cc-main .cm__body{flex-direction:column!important;padding:0!important}#cc-main .cm__btns,#cc-main .cm__desc,#cc-main .cm__links,#cc-main .cm__title{padding-left:1.1rem!important;padding-right:1.1rem!important}#cc-main .cm__btns{border-left:none!important;border-top:1px solid var(--cc-separator-border-color)!important;flex-direction:column!important;max-width:none!important;min-width:auto!important}#cc-main .cm__btn+.cm__btn,#cc-main .cm__btn-group+.cm__btn-group{margin:.375rem 0 0!important}#cc-main .cm--flip .cm__btn+.cm__btn,#cc-main .cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem!important;margin-top:0!important}#cc-main .cm__btn-group{display:flex!important;flex-direction:column!important;min-width:auto!important}#cc-main .cm__btn{flex:auto!important}#cc-main .cm__link-group{justify-content:center!important}#cc-main .cm--flip .cm__btn-group,#cc-main .cm--flip .cm__btns{flex-direction:column-reverse!important}}#cc-main .pm-wrapper{position:relative;z-index:2}#cc-main .pm{background:var(--cc-bg);border-radius:var(--cc-modal-border-radius);box-shadow:0 .625em 1.875em rgba(0,0,2,.3);display:flex;flex-direction:column;opacity:0;overflow:hidden;position:fixed;visibility:hidden;width:100%;width:unset;z-index:1}#cc-main svg{fill:none;width:100%}#cc-main .pm__body,#cc-main .pm__footer,#cc-main .pm__header{padding:1em 1.4em}#cc-main .pm__header{align-items:center;border-bottom:1px solid var(--cc-separator-border-color);display:flex;justify-content:space-between}#cc-main .pm__title{align-items:center;display:flex;flex:1;font-weight:600;margin-right:2em}#cc-main .pm__close-btn{background:var(--cc-btn-secondary-bg);border:1px solid var(--cc-btn-secondary-border-color);border-radius:var(--cc-btn-border-radius);height:40px;position:relative;transition:all .15s ease;width:40px}#cc-main .pm__close-btn span{display:flex;height:100%;width:100%}#cc-main .pm__close-btn svg{stroke:var(--cc-btn-secondary-color);transform:scale(.5);transition:stroke .15s ease}#cc-main .pm__close-btn:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color)}#cc-main .pm__close-btn:hover svg{stroke:var(--cc-btn-secondary-hover-color)}#cc-main .pm__body{flex:1;overflow-y:auto;overflow-y:overlay}#cc-main .pm__section,#cc-main .pm__section--toggle{border-radius:var(--cc-btn-border-radius);display:flex;flex-direction:column;margin-bottom:.5em}#cc-main .pm__section--toggle .pm__section-desc-wrapper{border:1px solid var(--cc-cookie-category-block-border);border-radius:var(--cc-btn-border-radius);border-top:none;border-top-left-radius:0;border-top-right-radius:0;display:none;margin-top:0!important;overflow:hidden}#cc-main .pm__section{border:1px solid var(--cc-separator-border-color);padding:1em;transition:background-color .25s ease,border-color .25s ease}#cc-main .pm__section:first-child{border:none;margin-bottom:2em;margin-top:0;padding:0;transition:none}#cc-main .pm__section:not(:first-child):hover{background:var(--cc-cookie-category-block-bg);border-color:var(--cc-cookie-category-block-border)}#cc-main .pm__section-toggles+.pm__section{margin-top:2em}#cc-main .pm__section--toggle{background:var(--cc-cookie-category-block-bg);border-top:none;margin-bottom:.375rem}#cc-main .pm__section--toggle .pm__section-title{align-items:center;background:var(--cc-cookie-category-block-bg);border:1px solid var(--cc-cookie-category-block-border);display:flex;justify-content:space-between;min-height:58px;padding:1.1em 5.4em 1.1em 1.2em;position:relative;transition:background-color .25s ease,border-color .25s ease;width:100%}#cc-main .pm__section--toggle .pm__section-title:hover{background:var(--cc-cookie-category-block-hover-bg);border-color:var(--cc-cookie-category-block-hover-border)}#cc-main .pm__section--toggle .pm__section-desc{margin-top:0;padding:1em}#cc-main .pm__section--toggle.is-expanded{--cc-cookie-category-block-bg:var(--cc-cookie-category-expanded-block-bg);--cc-cookie-category-block-border:var(--cc-cookie-category-expanded-block-hover-bg)}#cc-main .pm__section--toggle.is-expanded .pm__section-title{border-bottom-left-radius:0;border-bottom-right-radius:0}#cc-main .pm__section--toggle.is-expanded .pm__section-arrow svg{transform:scale(.5) rotate(180deg)}#cc-main .pm__section--toggle.is-expanded .pm__section-desc-wrapper{display:flex}#cc-main .pm__section--expandable .pm__section-title{cursor:pointer;padding-left:3.4em}#cc-main .pm__section--expandable .pm__section-arrow{background:var(--cc-toggle-readonly-bg);border-radius:100%;display:flex;height:20px;justify-content:center;left:18px;pointer-events:none;position:absolute;width:20px}#cc-main .pm__section--expandable .pm__section-arrow svg{stroke:var(--cc-btn-secondary-color);transform:scale(.5)}#cc-main .pm__section-title-wrapper{align-items:center;display:flex;position:relative}#cc-main .pm__section-title-wrapper+.pm__section-desc-wrapper{margin-top:.85em}#cc-main .pm__section-title{border-radius:var(--cc-btn-border-radius);font-size:.95em;font-weight:600}#cc-main .pm__badge{align-items:center;background:var(--cc-btn-secondary-bg);border-radius:5em;color:var(--cc-secondary-color);display:flex;flex:none;font-size:.8em;font-weight:600;height:23px;justify-content:center;margin-left:1em;min-width:23px;overflow:hidden;padding:0 .6em 1px;position:relative;text-align:center;white-space:nowrap;width:auto}#cc-main .pm__service-counter{background:var(--cc-btn-primary-bg);color:var(--cc-btn-primary-color);padding:0;width:23px}#cc-main .pm__service-counter[data-counterlabel]{padding:0 .6em 1px;width:auto}#cc-main .section__toggle,#cc-main .section__toggle-wrapper,#cc-main .toggle__icon,#cc-main .toggle__label{border-radius:var(--cc-pm-toggle-border-radius);height:23px;transform:translateZ(0);width:50px}#cc-main .section__toggle-wrapper{cursor:pointer;position:absolute;right:18px;z-index:1}#cc-main .toggle-service{height:19px;position:relative;right:0;width:42px}#cc-main .toggle-service .section__toggle,#cc-main .toggle-service .toggle__icon,#cc-main .toggle-service .toggle__label{height:19px;width:42px}#cc-main .toggle-service .toggle__icon{position:relative}#cc-main .toggle-service .toggle__icon-circle{height:19px;width:19px}#cc-main .toggle-service .section__toggle:checked~.toggle__icon .toggle__icon-circle{transform:translateX(23px)}#cc-main .pm__section--toggle:nth-child(2) .section__toggle-wrapper:after{display:none!important}#cc-main .section__toggle{border:0;cursor:pointer;display:block;left:0;margin:0;position:absolute;top:0}#cc-main .section__toggle:disabled{cursor:not-allowed}#cc-main .toggle__icon{background:var(--cc-toggle-off-bg);box-shadow:0 0 0 1px var(--cc-toggle-off-bg);display:flex;flex-direction:row;pointer-events:none;position:absolute;transition:all .25s ease}#cc-main .toggle__icon-circle{background:var(--cc-toggle-off-knob-bg);border:none;border-radius:var(--cc-pm-toggle-border-radius);box-shadow:0 1px 2px rgba(24,32,3,.36);display:block;height:23px;left:0;position:absolute;top:0;transition:transform .25s ease,background-color .25s ease;width:23px}#cc-main .toggle__icon-off,#cc-main .toggle__icon-on{height:100%;position:absolute;transition:opacity .15s ease;width:100%}#cc-main .toggle__icon-on{opacity:0;transform:rotate(45deg)}#cc-main .toggle__icon-on svg{stroke:var(--cc-toggle-on-bg);transform:scale(.55) rotate(-45deg)}#cc-main .toggle__icon-off{opacity:1}#cc-main .toggle__icon-off svg{stroke:var(--cc-toggle-off-bg);transform:scale(.55)}#cc-main .section__toggle:checked~.toggle__icon{background:var(--cc-toggle-on-bg);box-shadow:0 0 0 1px var(--cc-toggle-on-bg)}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-circle{background-color:var(--cc-toggle-on-knob-bg);transform:translateX(27px)}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-on{opacity:1}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-off{opacity:0}#cc-main .section__toggle:checked:disabled~.toggle__icon{background:var(--cc-toggle-readonly-bg);box-shadow:0 0 0 1px var(--cc-toggle-readonly-bg)}#cc-main .section__toggle:checked:disabled~.toggle__icon .toggle__icon-circle{background:var(--cc-toggle-readonly-knob-bg);box-shadow:none}#cc-main .section__toggle:checked:disabled~.toggle__icon svg{stroke:var(--cc-toggle-readonly-knob-icon-color)}#cc-main .toggle__label{opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:0;z-index:-1}#cc-main .pm__section-desc-wrapper{color:var(--cc-secondary-color);display:flex;flex-direction:column;font-size:.9em}#cc-main .pm__section-desc-wrapper>:not(:last-child){border-bottom:1px solid var(--cc-cookie-category-block-border)}#cc-main .pm__section-services{display:flex;flex-direction:column}#cc-main .pm__service{align-items:center;display:flex;justify-content:space-between;padding:.4em 1.2em;position:relative;transition:background-color .15s ease}#cc-main .pm__service:hover{background-color:var(--cc-cookie-category-block-hover-bg)}#cc-main .pm__service-header{align-items:center;display:flex;margin-right:1em;width:100%}#cc-main .pm__service-icon{border:2px solid;border-radius:100%;height:8px;margin-left:6px;margin-right:20px;margin-top:1px;min-width:8px}#cc-main .pm__service-title{font-size:.95em;width:100%;word-break:break-word}#cc-main .pm__section-desc{line-height:1.5em}#cc-main .pm__section-table{border-collapse:collapse;font-size:.9em;margin:0;overflow:hidden;padding:0;text-align:left;width:100%}#cc-main .pm__table-caption{text-align:left}#cc-main .pm__table-caption,#cc-main .pm__table-head>tr{border-bottom:1px dashed var(--cc-separator-border-color);color:var(--cc-primary-color);font-weight:600}#cc-main .pm__table-tr{transition:background-color .15s ease}#cc-main .pm__table-tr:hover{background:var(--cc-cookie-category-block-hover-bg)}#cc-main .pm__table-caption,#cc-main .pm__table-td,#cc-main .pm__table-th{padding:.625em .625em .625em 1.2em;vertical-align:top}#cc-main .pm__footer{border-top:1px solid var(--cc-separator-border-color);display:flex;justify-content:space-between}#cc-main .pm__btn-group{display:flex}#cc-main .pm__btn+.pm__btn,#cc-main .pm__btn-group+.pm__btn-group{margin-left:.375rem}#cc-main .pm--flip .pm__btn+.pm__btn,#cc-main .pm--flip .pm__btn-group+.pm__btn-group{margin-left:0;margin-right:.375rem}#cc-main .pm__btn{background:var(--cc-btn-primary-bg);border:1px solid var(--cc-btn-primary-border-color);border-radius:var(--cc-btn-border-radius);color:var(--cc-btn-primary-color);flex:auto;font-size:.82em;font-weight:600;min-height:42px;min-width:110px;padding:.5em 1.5em;text-align:center;transition:background-color .15s ease,border-color .15s ease,color .15s ease}#cc-main .pm__btn:hover{background:var(--cc-btn-primary-hover-bg);border-color:var(--cc-btn-primary-hover-border-color);color:var(--cc-btn-primary-hover-color)}#cc-main .pm__btn--secondary{background:var(--cc-btn-secondary-bg);border-color:var(--cc-btn-secondary-border-color);color:var(--cc-btn-secondary-color)}#cc-main .pm__btn--secondary:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color);color:var(--cc-btn-secondary-hover-color)}#cc-main .pm--box{height:calc(100% - 2em);left:var(--cc-modal-margin);margin:0 auto;max-height:37.5em;max-width:43em;right:var(--cc-modal-margin);top:50%;transform:translateY(calc(-50% + 1.6em))}#cc-main .pm--box.pm--flip .pm__btn-group,#cc-main .pm--box.pm--flip .pm__footer{flex-direction:row-reverse}#cc-main .pm--bar{border-radius:0;bottom:0;height:100%;margin:0;max-height:none;max-width:29em;opacity:1;top:0;width:100%;--cc-modal-transition-duration:.35s}#cc-main .pm--bar .pm__section-table,#cc-main .pm--bar .pm__table-body,#cc-main .pm--bar .pm__table-td,#cc-main .pm--bar .pm__table-th,#cc-main .pm--bar .pm__table-tr{display:block}#cc-main .pm--bar .pm__table-head{display:none}#cc-main .pm--bar .pm__table-caption{display:block}#cc-main .pm--bar .pm__table-tr:not(:last-child){border-bottom:1px solid var(--cc-separator-border-color)}#cc-main .pm--bar .pm__table-td{display:flex;justify-content:space-between}#cc-main .pm--bar .pm__table-td:before{color:var(--cc-primary-color);content:attr(data-column);flex:1;font-weight:600;min-width:100px;overflow:hidden;padding-right:2em;text-overflow:ellipsis}#cc-main .pm--bar .pm__table-td>div{flex:3}#cc-main .pm--bar:not(.pm--wide) .pm__body,#cc-main .pm--bar:not(.pm--wide) .pm__footer,#cc-main .pm--bar:not(.pm--wide) .pm__header{padding:1em 1.3em}#cc-main .pm--bar:not(.pm--wide) .pm__btn-group,#cc-main .pm--bar:not(.pm--wide) .pm__footer{flex-direction:column}#cc-main .pm--bar:not(.pm--wide) .pm__btn+.pm__btn,#cc-main .pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group{margin:.375rem 0 0}#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group,#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__footer{flex-direction:column-reverse}#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn+.pm__btn,#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group+.pm__btn-group{margin-bottom:.375rem;margin-top:0}#cc-main .pm--bar:not(.pm--wide) .pm__badge{display:none}#cc-main .pm--bar.pm--left{left:0;transform:translateX(-100%)}#cc-main .pm--bar.pm--right{right:0;transform:translateX(100%)}#cc-main .pm--bar.pm--wide{max-width:35em}#cc-main .pm--bar.pm--wide .pm__body,#cc-main .pm--bar.pm--wide .pm__footer,#cc-main .pm--bar.pm--wide .pm__header{padding:1em 1.4em}#cc-main .pm--bar.pm--wide.pm--flip .pm__btn-group,#cc-main .pm--bar.pm--wide.pm--flip .pm__footer{flex-direction:row-reverse}#cc-main .pm-overlay{background:var(--cc-overlay-bg);bottom:0;content:"";left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:1}#cc-main .cc--anim .pm,#cc-main .cc--anim .pm-overlay{transition:opacity var(--cc-modal-transition-duration) ease,visibility var(--cc-modal-transition-duration) ease,transform var(--cc-modal-transition-duration) ease}.show--preferences #cc-main .cc--anim .pm{opacity:1;visibility:visible!important}.show--preferences #cc-main .cc--anim .pm--box{transform:translateY(-50%)}.show--preferences #cc-main .cc--anim .pm--bar{transform:translateX(0)}.show--preferences #cc-main .cc--anim .pm-overlay{opacity:1;visibility:visible}#cc-main.cc--rtl .pm__service-header{margin-left:1em;margin-right:0}#cc-main.cc--rtl .pm__section-arrow{left:unset;right:18px}#cc-main.cc--rtl .section__toggle-wrapper{left:18px;right:unset;transform-origin:left}#cc-main.cc--rtl .toggle-service{left:0}#cc-main.cc--rtl .pm__service-icon{margin-left:20px;margin-right:5px}#cc-main.cc--rtl .pm__section--toggle .pm__section-title{padding-left:5.4em;padding-right:1.2em}#cc-main.cc--rtl .pm__section--expandable .pm__section-title{padding-right:3.4em}#cc-main.cc--rtl .pm__badge{margin-left:unset;margin-right:1em}#cc-main.cc--rtl .toggle__icon-circle{transform:translateX(27px)}#cc-main.cc--rtl .toggle-service .toggle__icon-circle{transform:translateX(23px)}#cc-main.cc--rtl .section__toggle:checked~.toggle__icon .toggle__icon-circle{transform:translateX(0)}#cc-main.cc--rtl .pm__table-td,#cc-main.cc--rtl .pm__table-th{padding-left:unset;padding-right:1.2em;text-align:right}#cc-main.cc--rtl .pm__table-td{padding-left:unset;padding-right:1.2em}#cc-main.cc--rtl .pm__table-td:before{padding-left:2em;padding-right:unset}#cc-main.cc--rtl .pm__btn+.pm__btn,#cc-main.cc--rtl .pm__btn-group+.pm__btn-group{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .pm--flip .pm__btn+.pm__btn,#cc-main.cc--rtl .pm--flip .pm__btn-group+.pm__btn-group{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn+.pm__btn,#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group{margin-left:0}@media screen and (max-width:640px){#cc-main .pm{border-radius:0;bottom:0;height:auto;left:0;max-height:100%;max-width:none!important;right:0;top:0;transform:translateY(1.6em)}#cc-main .pm__body,#cc-main .pm__footer,#cc-main .pm__header{padding:.9em!important}#cc-main .pm__badge{display:none}#cc-main .pm__section-table,#cc-main .pm__table-body,#cc-main .pm__table-caption,#cc-main .pm__table-td,#cc-main .pm__table-th,#cc-main .pm__table-tr{display:block}#cc-main .pm__table-head{display:none}#cc-main .pm__table-tr:not(:last-child){border-bottom:1px solid var(--cc-separator-border-color)}#cc-main .pm__table-td{display:flex;justify-content:space-between}#cc-main .pm__table-td:before{color:var(--cc-primary-color);content:attr(data-column);flex:1;font-weight:600;min-width:100px;overflow:hidden;padding-right:2em;text-overflow:ellipsis}#cc-main .pm__table-td>div{flex:3}#cc-main .pm__btn-group,#cc-main .pm__footer{flex-direction:column!important}#cc-main .pm__btn-group{display:flex!important}#cc-main .pm__btn+.pm__btn,#cc-main .pm__btn-group+.pm__btn-group{margin:.375rem 0 0!important}#cc-main .pm--flip .pm__btn+.pm__btn,#cc-main .pm--flip .pm__btn-group+.pm__btn-group{margin-bottom:.375rem!important;margin-top:0!important}#cc-main .pm--flip .pm__btn-group,#cc-main .pm--flip .pm__footer{flex-direction:column-reverse!important}.show--preferences #cc-main .cc--anim .pm{transform:translateY(0)!important}}/* * Consenso DIGIVAL - aspetto del banner, delle facciate e della tabella dei cookie. * * Il banner e' CookieConsent v3: qui si collegano le sue variabili ai token del * design system, cosi' prende colori, font e raggi del sito senza toccare la * libreria. Facciate e tabella usano solo token --dg-*. */ #cc-main { --cc-font-family: var(--dg-font-body); --cc-bg: var(--dg-body-bg); --cc-primary-color: var(--dg-body-color); --cc-secondary-color: var(--dg-body-secondary-color); --cc-link-color: var(--dg-link-color); --cc-modal-border-radius: var(--dg-radius-md); --cc-btn-border-radius: var(--dg-radius-md); --cc-pm-toggle-border-radius: var(--dg-radius-pill); /* Accettare e rifiutare hanno lo stesso peso (Garante, linee guida 2021). */ --cc-btn-primary-bg: var(--dg-primary-600); --cc-btn-primary-color: var(--dg-primary-50); --cc-btn-primary-border-color: var(--dg-primary-600); --cc-btn-primary-hover-bg: var(--dg-primary-700); --cc-btn-primary-hover-color: var(--dg-primary-50); --cc-btn-primary-hover-border-color: var(--dg-primary-700); --cc-btn-secondary-bg: var(--dg-neutral-100); --cc-btn-secondary-color: var(--dg-neutral-900); --cc-btn-secondary-border-color: var(--dg-neutral-100); --cc-btn-secondary-hover-bg: var(--dg-neutral-200); --cc-btn-secondary-hover-color: var(--dg-neutral-900); --cc-btn-secondary-hover-border-color: var(--dg-neutral-200); --cc-separator-border-color: var(--dg-border-color); --cc-toggle-on-bg: var(--dg-primary-600); --cc-toggle-off-bg: var(--dg-neutral-500); --cc-toggle-readonly-bg: var(--dg-neutral-300); --cc-cookie-category-block-bg: transparent; --cc-cookie-category-block-border: transparent; --cc-cookie-category-block-hover-bg: transparent; --cc-cookie-category-block-hover-border: transparent; --cc-cookie-category-expanded-block-bg: transparent; --cc-cookie-category-expanded-block-hover-bg: var(--dg-border-color); --cc-footer-bg: transparent; --cc-footer-color: var(--dg-body-secondary-color); --cc-footer-border-color: var(--dg-border-color); } /* ---------- Tema scuro ---------- Scelto in Digival Tools -> Consenso e cookie -> Stile del banner: la base mette sull'html la classe della libreria (cc--darkmode). Il design system non ha una variante scura, quindi qui si ridefiniscono i token dentro il banner e le preferenze, con la scala neutral scura; il resto del foglio continua a leggere gli stessi token. Le facciate restano chiare: sono contenuto della pagina, non banner. */ .cc--darkmode #cc-main { --dg-body-bg: var(--dg-neutral-900); --dg-body-color: var(--dg-neutral-100); --dg-body-secondary-color: var(--dg-neutral-300); --dg-heading-color: var(--dg-neutral-50); --dg-border-color: var(--dg-neutral-700); --dg-link-color: var(--dg-primary-300); --dg-primary-600: var(--dg-primary-400); --cc-btn-primary-bg: var(--dg-primary-400); --cc-btn-primary-color: var(--dg-neutral-900); --cc-btn-primary-border-color: var(--dg-primary-400); --cc-btn-primary-hover-bg: var(--dg-primary-300); --cc-btn-primary-hover-color: var(--dg-neutral-900); --cc-btn-primary-hover-border-color: var(--dg-primary-300); /* Due gradini sopra il fondo e senza bordo, come nel tema chiaro: "Scegli" e "Salva le scelte" restano leggibili quanto gli altri pulsanti. */ --cc-btn-secondary-bg: var(--dg-neutral-700); --cc-btn-secondary-color: var(--dg-neutral-50); --cc-btn-secondary-border-color: var(--dg-neutral-700); --cc-btn-secondary-hover-bg: var(--dg-neutral-600); --cc-btn-secondary-hover-color: var(--dg-neutral-50); --cc-btn-secondary-hover-border-color: var(--dg-neutral-600); --cc-toggle-on-bg: var(--dg-primary-400); --cc-toggle-off-bg: var(--dg-neutral-600); --cc-toggle-readonly-bg: var(--dg-neutral-700); --cc-toggle-on-knob-bg: var(--dg-neutral-900); --cc-toggle-off-knob-bg: var(--dg-neutral-100); --cc-cookie-category-expanded-block-hover-bg: var(--dg-neutral-800); --cc-overlay-bg: rgba(0, 0, 0, .65); } /* ---------- Aspetto minimale ---------- La libreria disegna ombre, pulsanti e testi a modo suo: qui tutto torna al design system del tema. Uno stile piu' specifico si scrive nel tema. */ #cc-main { font-size: var(--dg-font-size-base); line-height: var(--dg-lh-base); } /* Niente ombre: un bordo sottile separa banner e preferenze dalla pagina. */ #cc-main .cm, #cc-main .pm { box-shadow: none; border: var(--dg-border-width) solid var(--dg-border-color); } #cc-main .cm__title, #cc-main .pm__title { font-family: var(--dg-font-heading); font-weight: var(--dg-fw-semibold); color: var(--dg-heading-color); } /* Pulsanti come .dg-btn del tema. */ #cc-main .cm__btn, #cc-main .pm__btn { font-weight: var(--dg-fw-medium); line-height: 1; } /* La X e' solo il segno: niente fondo, niente bordo, il colore del testo. */ #cc-main .cm__btn--close, #cc-main .pm__close-btn { color: var(--dg-body-color); background: none !important; border: 0 !important; border-radius: 0; } #cc-main .cm__btn--close svg, #cc-main .pm__close-btn svg { stroke: currentColor !important; } #cc-main .cm__btn--close:hover, #cc-main .pm__close-btn:hover { color: var(--dg-primary-600); } /* Preferenze: le categorie sono un elenco separato da linee sottili, senza riquadri. Freccia senza cerchio, conteggio dei servizi come testo secondario, interruttori senza icone (lo stato si legge dalla posizione). */ #cc-main .pm__section--toggle { margin-bottom: 0; border-radius: 0; border-bottom: var(--dg-border-width) solid var(--dg-border-color); } /* Aperta, la categoria non ha cornice: solo le linee fra un servizio e l'altro. */ #cc-main .pm__section--toggle .pm__section-desc-wrapper { border: 0; border-radius: 0; } #cc-main .pm__section--toggle .pm__section-title { border: 0; border-radius: 0; font-weight: var(--dg-fw-medium); } #cc-main .pm__section--expandable .pm__section-arrow { background: none; color: var(--dg-body-secondary-color); } #cc-main .pm__section--expandable .pm__section-arrow svg { stroke: currentColor; } #cc-main .pm__badge, #cc-main .pm__service-counter { padding: 0; font-weight: var(--dg-fw-normal); color: var(--dg-body-secondary-color); background: none; } #cc-main .toggle__icon-on, #cc-main .toggle__icon-off { display: none; } /* Servizi senza pallino, allineati al nome della categoria. */ #cc-main .pm__service-icon { display: none; } #cc-main .pm__service { padding-left: 3.4em; } /* Pallino piu' piccolo della traccia, con 2px di margine su ogni lato: la libreria lo sposta di quanto la traccia e' piu' larga del pallino originale (27px, 23px per i servizi), quindi acceso arriva di nuovo a 2px dal fondo. Non con `scale`, che ridurrebbe anche lo spostamento. */ #cc-main .toggle__icon-circle { top: 2px; left: 2px; width: 19px; height: 19px; } #cc-main .toggle-service .toggle__icon-circle { width: 15px; height: 15px; } /* Cloud: la libreria ferma il testo a 9.4em e lo fa scorrere. Cresce invece con il testo, con lo stesso limite degli altri stili (40% dello schermo), che serve solo sugli schermi bassi. */ #cc-main .cm--cloud .cm__desc { max-height: 40vh; } /* Preferenze piu' larghe (la libreria si ferma a 43em) e tabella dei cookie a colonne fisse: i testi lunghi vanno a capo invece di uscire dalla tabella. Sotto i 640px la libreria trasforma gia' la tabella in schede impilate. */ #cc-main .pm--box { max-width: 56em; } #cc-main .pm__section-table { table-layout: fixed; } #cc-main .pm__table-th, #cc-main .pm__table-td { overflow-wrap: anywhere; } /* Colonne nell'ordine di consenso.js: nome, servizio, dominio, finalita', durata. */ #cc-main .pm__table-th:nth-child(1) { width: 22%; } #cc-main .pm__table-th:nth-child(2) { width: 17%; } #cc-main .pm__table-th:nth-child(3) { width: 19%; } #cc-main .pm__table-th:nth-child(4) { width: 27%; } #cc-main .pm__table-th:nth-child(5) { width: 15%; } /* Barra orizzontale: piena larghezza, contenuti nel contenitore del design system (stesse larghezze di .container ai suoi breakpoint). */ #cc-main .cm--bar:not(.dg-consenso-lato) .cm__body, #cc-main .cm--bar:not(.dg-consenso-lato) .cm__links { position: relative; max-width: none; padding-inline: calc(var(--dg-gutter-x) * .5); } #cc-main .cm--bar:not(.dg-consenso-lato) .cm__title, #cc-main .cm--bar:not(.dg-consenso-lato) .cm__desc, #cc-main .cm--bar:not(.dg-consenso-lato) .cm__btns { padding-left: 0 !important; padding-right: 0 !important; } #cc-main .cm--bar:not(.dg-consenso-lato) .cm__btn--close + .cm__texts .cm__title { padding-right: 3rem !important; } @media (min-width: 576px) { #cc-main .cm--bar:not(.dg-consenso-lato) .cm__body, #cc-main .cm--bar:not(.dg-consenso-lato) .cm__links { max-width: 540px; } } @media (min-width: 768px) { #cc-main .cm--bar:not(.dg-consenso-lato) .cm__body, #cc-main .cm--bar:not(.dg-consenso-lato) .cm__links { max-width: 720px; } } @media (min-width: 992px) { #cc-main .cm--bar:not(.dg-consenso-lato) .cm__body, #cc-main .cm--bar:not(.dg-consenso-lato) .cm__links { max-width: 960px; } } @media (min-width: 1200px) { #cc-main .cm--bar:not(.dg-consenso-lato) .cm__body, #cc-main .cm--bar:not(.dg-consenso-lato) .cm__links { max-width: 1140px; } } @media (min-width: 1400px) { #cc-main .cm--bar:not(.dg-consenso-lato) .cm__body, #cc-main .cm--bar:not(.dg-consenso-lato) .cm__links { max-width: 1320px; } } @media (min-width: 1920px) { #cc-main .cm--bar:not(.dg-consenso-lato) .cm__body, #cc-main .cm--bar:not(.dg-consenso-lato) .cm__links { max-width: 2000px; } } /* La X aggiunta dal sito in Bar e Cloud: la libreria la mostra solo nel Box. */ #cc-main .cm .dg-consenso-chiudi { display: block; } #cc-main .dg-consenso-chiudi svg { stroke-width: 2; stroke-linecap: round; } /* Nel Cloud la X sta sopra la colonna dei pulsanti: i pulsanti le lasciano spazio. */ #cc-main .cm--cloud .dg-consenso-chiudi ~ .cm__btns { padding-top: calc(42px + var(--dg-space-2)); } /* Pulsante flottante che riapre le preferenze, in uno dei quattro angoli. Sparisce mentre banner o preferenze sono aperti: farebbe doppio con loro. */ .dg-consenso-pulsante { position: fixed; z-index: var(--dg-z-fixed); display: flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; padding: 0; border: 0; border-radius: var(--dg-radius-circle); background: var(--dg-primary-600); color: var(--dg-white); box-shadow: var(--dg-shadow-md); cursor: pointer; transition: background-color .15s ease, transform .15s ease; } .dg-consenso-pulsante:hover { background: var(--dg-primary-700); transform: scale(1.05); } .dg-consenso-pulsante:focus-visible { outline: var(--dg-focus-ring-width) solid var(--dg-focus-ring-color); outline-offset: var(--dg-focus-ring-offset); } .dg-consenso-pulsante svg { width: 1.5rem; height: 1.5rem; } .dg-consenso-pulsante--top-left { top: var(--dg-space-4); left: var(--dg-space-4); } .dg-consenso-pulsante--top-right { top: var(--dg-space-4); right: var(--dg-space-4); } .dg-consenso-pulsante--bottom-left { bottom: var(--dg-space-4); left: var(--dg-space-4); } .dg-consenso-pulsante--bottom-right { bottom: var(--dg-space-4); right: var(--dg-space-4); } .show--consent .dg-consenso-pulsante, .show--preferences .dg-consenso-pulsante { display: none; } /* Barra verticale: la barra della libreria, ancorata a un lato e alta quanto lo schermo, entra scorrendo da quel lato. */ #cc-main .cm.cm--bar.dg-consenso-lato { top: 0; bottom: 0; width: min(24rem, 100vw); max-width: none; overflow-y: auto; } #cc-main .cm.cm--bar.dg-consenso-lato--left { left: 0; right: auto; transform: translateX(-100%); } #cc-main .cm.cm--bar.dg-consenso-lato--right { right: 0; left: auto; transform: translateX(100%); } .show--consent #cc-main .cc--anim .cm.cm--bar.dg-consenso-lato { transform: translateX(0); } /* Testo e pulsanti in alto, uno sotto l'altro, come in un pannello laterale. */ #cc-main .cm.cm--bar.dg-consenso-lato .cm__body { flex: 1; flex-direction: column; justify-content: flex-start; max-width: none; padding: var(--dg-space-6) var(--dg-space-2) var(--dg-space-3); } #cc-main .cm.cm--bar.dg-consenso-lato .cm__links { max-width: none; padding-inline: var(--dg-space-2); } #cc-main .cm.cm--bar.dg-consenso-lato .cm__texts { flex: none; justify-content: flex-start; } #cc-main .cm.cm--bar.dg-consenso-lato .cm__btns { margin-top: var(--dg-space-3); } #cc-main .cm.cm--bar.dg-consenso-lato .cm__btns { flex-direction: column; } #cc-main .cm.cm--bar.dg-consenso-lato .cm__btn-group { grid-auto-flow: row; } #cc-main .cm.cm--bar.dg-consenso-lato:not(.cm--inline) .cm__btn + .cm__btn, #cc-main .cm.cm--bar.dg-consenso-lato:not(.cm--inline) .cm__btn-group + .cm__btn-group { margin: var(--dg-space-1) 0 0; } @media (max-width: 640px) { /* Su schermi stretti il pannello laterale prende tutta la larghezza. */ #cc-main .cm.cm--bar.dg-consenso-lato { left: 0; right: 0; width: auto !important; } } #cc-main :focus-visible { outline: var(--dg-focus-ring-width) solid var(--dg-focus-ring-color); outline-offset: var(--dg-focus-ring-offset); } /* La libreria sposta il focus sui contenitori del banner e delle preferenze (tabindex -1) per i lettori di schermo: li' l'anello e' solo una fascia colorata sul bordo. Resta su pulsanti e link. */ #cc-main [tabindex="-1"]:focus-visible { outline: none; } /* ---------- Facciata dei contenuti esterni ---------- */ /* Prima del consenso c'e' solo l'invito: il codice del fornitore e' in un