:root{ --primary:#0060e8; --colorTextMain:#000000; --colorTextSecond:#13599e; --border:1px solid #ddd; --borderColor:#ddd; --footer:#f4f4f499; --radius:0.5rem; --red:#c1272d; --grey:#1f2937; --greyLight:#f0f0f0; --greyDark:#29343a; --black:#000000; --blue:#13599e; --blueDark:#083b85; --green:#15AE5D; --white:#fff; --gold:#ffc000; --orange:#fe5433; --breadcrumbs:#696984; /*Background e Border per OK - INFO - WARNING - ERROR*/ --bg_ok:#e0f2e9; --ok:1px solid var(--green); --bg_warning:#fefce8; --warning:1px solid #d2aa25; --bg_error:#ffeff1; --error:1px solid #ff5722; --bg_info:#edf5ff; --info:1px solid var(--blue); --marginTopSection:2rem; --marginBottomSection:2rem; --slider-gap:1rem; --box-shadow:0 1px 2px rgba(16, 20, 29, 0.05), 0 12px 32px -12px rgba(11, 94, 215, 0.14); } @font-face{font-family:'Inter';font-style:normal;font-weight:400;src:url("/g/ecom/font/1.woff2") format('woff2');font-display:swap;} @font-face{font-family:'Inter';font-style:normal;font-weight:600;src:url("/g/ecom/font/2.woff2") format('woff2');font-display:swap;} *{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:'Inter',sans-serif;} body {background-color:#fff;color:var(--colorTextMain);} svg{float:left;display:block;color:inherit;height:1em;width:1em;font-size:1.25rem;line-height:1rem;flex-shrink:0;max-width:initial;} use {fill:currentColor;stroke:currentColor;} h1{font-size:1.8rem;font-weight:600;} h3{margin-bottom:0.6rem;font-size:1.5rem;font-weight:600;} ul,ol{list-style:none outside none;overflow:hidden;} p,li,td,th{font-size:1rem;} b,strong{font-weight:600;} a{color:var(--colorTextMain);text-decoration:none;} picture,img{display:block;} .center{width:100%;max-width:1440px;margin:0 auto;padding:0 0.6rem;} #website{display:none;} .loader {width:17px;height:17px;border:2px solid #8d8d8d;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;margin-left:9px;animation:rotation 1s linear infinite;-webkit-animation:rotator 1.4s linear infinite;-moz-animation:rotator 1.4s linear infinite;-ms-animation:rotator 1.4s linear infinite;-o-animation:rotator 1.4s linear infinite;-webkit-animation:rotator 1.4s linear infinite;animation:rotator 1.4s linear infinite;} .txtColor{color:var(--primary)!important;} /*testo con colorazione principale*/ .uzbanner{display:block;margin:17px auto;} .uzbannerAlign{margin:0 auto;} .uzbannerLeft{float:left;margin-right:20px;} .uzbannerRight{display:right;margin-left:20px;} .uzbanner iframe{width:100%;} .uzbannerAlign iframe{width:100%;} @media(min-width:768px){ .uzbannerAlign iframe{width:auto;} } /*CMP*/ :root{--cc_white:#fff;--cc_text:#5f6368;--cc_btn:#1967d2;--cc_close_btn_hover:#dd0000;--cc_item_bg:#f0f4f7}.popupCookie_hidden{display:none!important}#popupCookie_background{position:fixed;top:0;left:0;background-color:rgba(0,0,0,.6);width:100%;height:100%;z-index:2147483646;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow-y:auto;visibility:visible}.popupCookie_container{top:50%;left:50%;max-height:100%;translate:-50% -50%;background:var(--cc_white);max-width:512px;width:93%;border-radius:8px;box-shadow:0 8px 28px rgba(2,2,3,.28);overflow:hidden;box-sizing:border-box}.popupCookie_container span{display:block}#cookieFirstPopup{height:290px}#cookieFirstPopup .popupCookie_footer{position:absolute;bottom:0;left:50%;translate:-50% 0;width:93%;background:var(--cc_white);padding:20px 20px 0}#cookieSecondPopup{display:flex;flex-wrap:wrap;height:408px}#popupCookie_btnBack{margin:15px auto}.popupCookie_title{margin-bottom:7px;margin-top:20px;font-size:1rem;font-weight:600;color:#2d4156}.popupCookie_text{font-size:0.95rem;color:var(--cc_text);margin:0;overflow-y:auto}#cookieFirstPopup .popupCookie_text{padding:0 20px 20px;line-height:20px;max-height:calc(100vh - 160px)}#cookieSecondPopup .popupCookie_split{height:calc(100vh - 122px);max-height:300px;overflow-y:auto;padding:0 20px 20px}.popupCookie_text a{color:var(--cc_text);text-decoration:underline}.popupCookie_footer{border-top:1px solid #ccc}#cookieSecondPopup .popupCookie_footer{position:absolute;bottom:0;width:100%;background:#fff;box-sizing:border-box}#cookieSecondPopup .popupCookie_footer div{display:flex;flex-wrap:wrap;justify-content:center;gap:0 20px;padding:0 25px}#cookieSecondPopup .popupCookie_text{overflow:hidden}.popupCookie_btn{flex:1 1 0;display:block;margin-top:15px;background:var(--cc_btn);color:var(--cc_white);border-radius:32px;padding:9px 27px;font-size:0.8125rem;font-weight:600;text-decoration:none;text-align:center;cursor:pointer;outline:0;text-wrap:nowrap}.popupCookie_btn_accept{padding:15px 60px 15px 40px;margin:0 auto;max-width:max-content;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M22.405 4.332a1.2 1.2 0 0 1 .101 1.706L9.889 20.041a1.2 1.2 0 0 1-1.714.07L.875 13.238a1.21 1.21 0 0 1 .733-2.082 1.21 1.21 0 0 1 .905.299l5.664 5.095a1.2 1.2 0 0 0 1.694-.089L20.723 4.429a1.2 1.2 0 0 1 1.682-.098z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:top 13px right 23px;background-size:23px;background-color:var(--cc_btn);font-size:1.1rem}.popupCookie_btn_reject,.popupCookie_other{padding:0;font-weight:400;color:var(--cc_text)}.popupCookie_btn_reject{background:#fff;width:max-content;margin:0;text-align:end}.popupCookie_other{background:#fff;margin-top:0;text-align:center}.popupCookie_btn_otherBtn{display:flex;align-items:center;gap:0 25px;justify-content:center;margin-top:30px;margin-bottom:15px}.popupCookie_btn_reject:hover,.popupCookie_other:hover{background:#fff}.popupCookie_close{position:absolute;top:18px;right:20px;font-size:1rem;color:var(--cc_text);cursor:pointer}.popupCookie_close:hover{color:var(--cc_close_btn_hover)}.popupCookie_divButton{display:flex;justify-content:right;gap:8px;margin-top:15px;border-top:1px solid #00000036}.popupCookie_divButton input[type=checkbox]{position:absolute;display:none}.popupCookie_divButton label span{user-select:none}#cookieFirstPopup .popupCookie_other{text-align:start}#cookieSecondPopup .popupCookie_btn{padding:12px 27px;min-width:110px}#cookieSecondPopup .popupCookie_other{padding:0}.popupCookie_details{position:relative;background:var(--cc_item_bg);padding:5px 0 5px 7px;margin:13px 0;border-radius:7px}.popupCookie_details_summary{padding:7px;font-weight:600;color:var(--cc_text);cursor:pointer;user-select:none}.popupCookie_details_text{padding:7px;margin-top:5px;line-height:23px;font-size:0.9rem}.popupCookie_details input[type=checkbox]{position:absolute;top:7px;right:15px;width:25px;height:25px;cursor:pointer;float:unset;opacity:1;}.popupCookie_details input[type=checkbox]:disabled{opacity:.8;cursor:default}@media(min-width:768px){#cookieFirstPopup{height:270px}#cookieSecondPopup .popupCookie_footer{padding:15px 15px 0}.popupCookie_footer{padding-top:15px}.popupCookie_btn{margin-top:unset}#cookieSecondPopup .popupCookie_other{width:max-content}} /*Cerchio giallo attorno alle parole*/ .txtCircle{position:relative;display:inline-block;padding:9px;font-weight:600;} .txtCircle::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:115%;height:100%;background-image:url('/g/circle.svg');background-repeat:no-repeat;background-size:contain;background-position:center;} /*Stelle recensioni*/ .stars {--n:0;--star:18px;--gap:5px;display:inline-block;width:calc(var(--n) * (var(--star) + var(--gap)));height:var(--star);background:url('/g/star-blue.svg') repeat-x;background-size:calc(var(--star) + var(--gap)) var(--star);} .stars-gray{background:url('/g/star-gray.svg') repeat-x;background-size:calc(var(--star) + var(--gap)) var(--star);margin-left:-5px;} .stars-1{--n:1;} .stars-1_5{--n:1.5;} .stars-2{--n:2;} .stars-2_5{--n:2.5;} .stars-3{--n:3;} .stars-3_5{--n:3.5;} .stars-4{--n:4;} .stars-4_5{--n:4.5;} .stars-5{--n:5;} /*PULSANTI GENERALI*/ .btn1{display:block;width:max-content;padding:1rem 2rem;background-color:var(--primary);color:var(--white);border:0;font-size:1.25rem;font-weight:600;border-radius:8px;cursor:pointer;font-family:'Inter',sans-serif;} .btn1:hover{opacity:0.8;} .btn2{background-color:var(--white);color:var(--black);padding:15px 10px;font-weight:600;border:2px solid var(--primary);cursor:pointer;} .btn2:hover{background-color:var(--primary);color:var(--white);} dialog{max-width:100%;width:100%;max-height:90%;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);border:none;border-radius:var(--radius);box-shadow:0 -4px 20px rgba(0, 0, 0, 0.3);transform-origin:bottom center;} /* dialog[open]{animation:slideInUp .3s ease;} */ dialog::backdrop {background:rgba(0, 0, 0, 0.5);animation:fadeBackdrop 0.4s ease-out;} dialog .title{background:#fff;position:sticky;top:0;left:0;display:flex;width:100%;margin-bottom:0.5rem;padding:1rem;border-bottom:var(--border);z-index:9;align-items:center;} dialog .close{margin-left:auto;font-size:0.8125rem;cursor:pointer;} dialog form{display:flex;padding:0 0.5em 1rem;flex-wrap:wrap;align-items:center;gap:0.5rem 0} dialog .form_input{padding:0 0.2rem;flex:0 0 50%;} dialog .form_input:last-of-type{flex:0 0 100%;} dialog .btn{margin-top:1rem;font-size:1rem;flex:0 0 100%;} dialog:focus,dialog:focus-visible{outline:none;} @keyframes fadein{0%{opacity:0;}100%{opacity:1;}} @keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible;}100%{-webkit-transform:translateY(0);transform:translateY(0);}} @media(min-width:768px){ dialog{max-width:600px;width:90%;position:fixed;top:50%;left:50%;bottom:inherit;border-radius:var(--radius);box-shadow:0 10px 25px rgba(0, 0, 0, 0.3);transform:translate(-50%, -50%) scale(0.9);opacity:0;animation:showDialog 0.3s ease-out;transform-origin:inherit;} dialog[open]{opacity:1;transform:translate(-50%, -50%) scale(1);transition:opacity 0.3s ease-out, transform 0.3s ease-out;animation:inherit;} @keyframes showDialog {from {opacity:0;transform:translate(-50%, -50%) scale(0.9);}to {opacity:1;transform:translate(-50%, -50%) scale(1);}} @keyframes fadeBackdrop {from {background:rgba(0, 0, 0, 0);}to {background:rgba(0, 0, 0, 0.5);}} } /*------HEADER------*/ @keyframes hfadeInUp {from {opacity:0;-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0);}to {opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}} .header{border-bottom:var(--border);} .header .center{display:flex;padding:0.3rem 0.6rem;align-items:center;justify-content:space-between;gap:0 1.2rem;height:67px;} .header_logo{flex:1 0 0;} .header_logo img{width:auto;height:40px;margin:0 auto;} .header_menu{display:block;} .header_menu svg{display:block;font-size:2.0625rem;color:var(--primary);} .ecom_header{display:flex;justify-content:flex-end;gap:0 0.5rem;} .header_shopCart svg{font-size:2.0625rem;} .header_shopCart .badge{position:relative;} .header_shopCart .badge:not([data-nproduct="0"]):after{content:attr(data-nproduct);position:absolute;display:flex;width:19px;height:19px;top:-6px;right:-9px;border-radius:50%;background:var(--red);color:#fff;font-size:0.8125rem;justify-content:center;align-items:center;} .header_dashboard{display:none;} .header_search_serchIcon{width:26px;height:26px;} .header_search form{position:absolute;top:0;left:0;background:#fff;width:100%;height:65px;display:flex;align-items:center;justify-content:space-between;gap:9px;padding:8px;z-index:99;} .header_search form button{position:absolute;top:20px;right:40px;background:transparent;border:0;width:32px;} .header_search_text{flex:1 0 0;height:45px;border-radius:5px;outline:none;border:1px solid #ddd;font-size:1rem;padding:0 9px;padding-right:50px;} .header_search form .header_search_serchIcon{width:22px;height:22px;} .header_search form .header_search_closeIcon{width:15px;height:15px;} #suggestBox{position:absolute;top:68px;left:0;width:100%;background:#fff;border-bottom:1px solid #ddd;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);z-index:9;} #suggestBox.off{display:none} #suggestBox li{display:flex;align-items:center;gap:0 12px;padding:9px 13px;border-bottom:1px solid var(--borderColor);font-size:1rem;cursor:pointer;line-height:20px;} #suggestBox li:last-child{border-bottom:0;} #suggestBox li:hover{cursor:pointer;} #suggestBox li small{display:block;margin-top:5px;color:var(--primary);line-height:unset;} #suggestBox li:hover small{text-decoration:none;} #suggestBox li svg{width:24px;height:24px;} @media(min-width:1024px){ .header_logo{flex:unset;} } @media(min-width:1440px){ .header_search_serchIcon,.header_search form .header_search_closeIcon{display:none;} .header_search form .header_search_serchIcon{display:block;} .header_search form button{top:19px;right:12px;font-size:1rem;} .header_search form{position:relative;display:flex!important;width:400px;height:unset;} #suggestBox{top:55px;left:7px;max-width:385px;border:1px solid #ddd;border-radius:5px;} #suggestBox li small{margin:4px 0 -4px;} } nav{position:fixed;left:0;top:0;background-color:#fff;width:75%;height:100%;transform:translateX(-100%);-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transition:transform .2s ease-out;-webkit-transition:-webkit-transform .2s ease-out;-moz-transition:-moz-transform .2s ease-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;visibility:hidden;z-index:1;} nav.right{left:inherit;right:0;transform:translateX(100%);-webkit-transform:translateX(100%);-moz-transform:translateX(100%);} nav.on{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);z-index:9999;visibility:visible;overflow-y:auto;} nav.off{visibility:visible;z-index:9999;} nav::before{content:'';display:inline-block;background:url(/g/logo.svg) no-repeat center/160px;width:100%;height:45px;margin:1rem auto 0;} nav ul{margin-top:1rem;} nav ul ul{display:none;} nav li a{display:flex;padding:0.8rem 0.5rem;border-bottom:var(--border);align-items:center;justify-content:space-between;text-transform:uppercase;} nav li a:hover,.nav_dashboard_menu a:hover{color:var(--primary);cursor:pointer;} nav li .icon{font-size:1rem;} .nav_dashboard_menu a{justify-content:left;gap:0 0.5rem;} .nav_dashboard_menu li:last-child a{color:var(--red);} #sfbox{visibility:hidden;transition:background .2s ease-out;-webkit-transition:background .2s ease-out;-moz-transition:background .2s ease-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;} #sfbox.on{position:fixed;top:0;right:0;left:0;background-color:rgba(0,0,0,0.5);width:100%;height:120%;cursor:pointer;z-index:9998;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow-y:auto;visibility:visible;} .btnLogin,.btnRegister{background:var(--primary);display:table;margin:2rem auto 1rem;padding:0.8rem 4rem;border:0;border-radius:30rem;text-align:center;color:#fff;cursor:pointer;text-transform:uppercase;} .btnRegister{background:var(--white);padding:0.8rem 3rem;margin-top:0;border:1px solid var(--primary);color:var(--primary);} .btnLogin svg,.btnRegister svg{margin-right:9px;} .btnLogin:hover{opacity:0.8;} .btnRegister:hover{background:var(--primary);color:var(--white);} .btnLogout{background:var(--white);border:1px solid var(--red);color:var(--red);width:15rem;margin-top:-0.5rem;} .btnLogout svg{margin-right:0;} .btnLogout:hover{background:var(--red);color:#fff;} @media(min-width:1024px){ h1{font-size:2.0625rem;} h3{font-size:1.7rem;} p,li,td,th{font-size:1rem;line-height:2rem;} .header_logo img{height:40px;} .header_menu{display:none;} .btnLogin,.btnRegister{display:none;} .header_dashboard{position:relative;display:block;margin-left:auto;font-size:1.5rem} .header_dashboard ul{width:max-content;background:#fff;position:absolute;top:23px;right:-4px;display:none;min-width:max-content;margin:0;border-radius:var(--radius);text-align:left;z-index:99;box-shadow:0px 15px 20px rgb(0 0 0 / 10%);animation-name:hfadeInUp;animation-duration:0.2s;} .header_dashboard ul li{display:flex;} .header_dashboard ul li a{width:100%;padding:0.4rem 3rem 0.4rem 0.5rem;} .header_dashboard ul li svg{margin-right:6px;width:1.3rem;height:1.3rem;margin-top:0.25rem;} .header_dashboard ul li:not(:first-child):last-child{margin:0;border-top:1px solid var(--borderColor);} .header_dashboard ul li:hover{background-color:#f5f5f5;} .header_dashboard ul:not(.header_dashboard_notLogin) li:last-child:hover a,.header_dashboard ul:not(.header_dashboard_notLogin) li:last-child:hover svg{color:var(--red);background-color:var(--white);} .header_dashboard:hover ul {display:block;} .header_shopCart svg,.header_dashboard svg{font-size:1.5rem;color:var(--black);} nav{position:relative;top:0;right:0;width:auto;height:auto;transform:translateX(0);visibility:visible;flex:1;z-index:98;} nav ul{overflow:visible;} nav>ul{display:flex;max-width:max-content;margin:0 15px;justify-content:center;gap:0 0.5rem;} nav::before{display:none;} nav > ul > li{position:relative;} nav li a{padding:0.8rem 0.2rem;border:0;gap:0 0.3rem;font-size:0.8125rem;} nav li a svg{font-size:0.8125rem;} nav li:has(> ul) > a > svg{transform:rotate(90deg);} nav li:not(:has(> ul)) > a > svg {display:none;} nav li:hover>ul {display:block;} nav li ul{background:#fff;position:absolute;top:100%;left:0;display:none;min-width:max-content;margin:0;border-radius:var(--radius);text-align:left;z-index:99;box-shadow:0px 15px 20px rgb(0 0 0 / 10%);animation-name:hfadeInUp;animation-duration:0.2s;} nav li ul li ul {top:0.4rem;left:100%;} nav li ul a svg{transform:rotate(0);font-size:0.8rem!important;} nav li ul a{padding:0.2rem 1rem;} nav li a{padding:0.8rem 0.5rem;gap:0 0.6rem;font-size:0.9rem;} .nav_dashboard_menu{display:none;} } .clone-img {position:fixed;z-index:1000;pointer-events:none;opacity:1;transform:translate(0, 0) scale(1);transition:transform 1.2s ease-in-out, opacity 0.6s ease-in-out 0.4s;will-change:transform, opacity;box-shadow:0 4px 12px rgba(0, 0, 0, 0.3);border-radius:var(--radius);} .centerEc{padding:0 18px;} .btnDisabled{background:#d4d4d4;color:var(--gray);cursor:not-allowed;} .btnDisabled:hover{opacity:1;} .btn{background:var(--primary);display:table;padding:0.8rem 1.5rem;border:0;border-radius:5px;text-align:center;font-weight:600;color:#fff;cursor:pointer;font-size:1.25rem;} .btn:focus-visible{outline:0;} .btn:hover{opacity:0.8} .hidden{display:none!important;} .form_input{position:relative;} .form_input input,.form_input select{background:#fff;display:block;width:100%;height:53px;padding:0.6rem 0.6rem 0;border:var(--border);font-size:1rem;} .form_input select{padding:0 0.6rem 0;} .form_input input:required:focus:valid {border-color:var(--green);} .form_input input:focus:invalid{border-color:var(--red);} .form_input input:focus,.form_input select:focus{outline:0;border-color:var(--blue);} .form_input label{position:absolute;top:50%;left:12px;font-size:1rem;transform:translateY(-50%);transition:0.2s ease;} .form_input input:focus + label,.form_input input:not(:placeholder-shown) + label{top:4px;font-size:0.8125rem;transform:none;} .form_input input[type="checkbox"]{width:18px;height:18px;} .form_input.password label{width:calc(100% - 1.5rem);} .form_input.password i{position:absolute;top:1.1rem;right:1rem;} .form_input input[name="taxCode"],.form_input input[name="province"]{text-transform:uppercase;} .form_switch label{display:flex;align-items:center;user-select:none;} .form_switch input[type="checkbox"]{position:relative;border:var(--border);border-radius:11px;width:38px;height:21px;margin-right:6px;appearance:none;-webkit-appearance:none;cursor:pointer;} .form_switch input[type="checkbox"]:after{content:'';background:#cfd9db;display:block;position:absolute;top:2px;left:2px;width:15px;height:15px;border:0;border-radius:50%;} .form_switch input[type="checkbox"]:checked{background:var(--blue);border-color:var(--blue);} .form_switch input[type="checkbox"]:checked:after{background:#fff;transform:translateX(17px);} .checkbox{display:flex;margin-bottom:0.3rem;font-size:0.8125rem;align-items:center;gap:0 0.5rem;} .checkbox input{flex:0 0 18px;height:18px;} .checkbox a{display:inline-block;width:18px;height:18px;padding:0 5px;border:var(--border);border-color:var(--colorTextMain);border-radius:50%;font-style:italic;font-size:0.8125rem;} /*================================================= FOOTER =================================================*/ footer{background:var(--footer);color:var(--black);padding:25px 15px;} footer a{text-decoration:underline;} .footer_header{display:flex;align-items:center;gap:30px 37px;flex-wrap:wrap;} .footer_header picture{display:inline-block;} .footer_header img{width:150px;height:auto;} .footer_header span{display:inline-block;font-size:1.25rem;font-weight:600;} .footer_info{display:flex;align-items:baseline;flex-wrap:wrap;gap:25px;margin-top:40px;} .footer_info b{display:block;margin-bottom:5px;} .footer_info li{display:block;margin-bottom:10px;font-size:1rem;} .footer_info div{flex:1 0 100%;} .footer_info_multiList{display:flex;flex-direction:column;gap:15px 0;flex-wrap:wrap;} .footer_info_multiList li{line-height:1.75rem;} .footer_info a:hover{color:var(--primary);} .footer_info_social{display:flex;flex-wrap:nowrap;gap:1.5rem;align-items:center;} .footer_info_social li{margin-bottom:0;} .footer_info_social .youtube-icon svg{width:36px;height:36px;} .footer_info_social .youtube-icon:hover{color:var(--red);} .footer_info_social .instagram-icon:hover{color:#d92e5c;} .footer_info_social svg{width:30px;height:30px;} .footer_copyright{display:block;margin-bottom:-1rem;margin-top:2rem;font-size:0.8125rem;text-align:center;} @media(min-width:768px){ .footer_info div{flex:1} } @media(min-width:1024px){ footer{margin-bottom:0;} .footer_info{padding-left:195px;} .footer_info li{margin-bottom:5px;} } @media(min-width:1440px){ .footer_header span{font-size:1.5rem;} } /*================================================= FINE FOOTER =================================================*/ /*================================================= SLIDER PROMOZIONI =================================================*/ /*------SLIDER------*/ #myslider img{display:block;width:100%} #myslider ul{margin:0;padding:0} .style1 ul>li{transition:transform .6s ease-in-out,opacity .6s ease-in-out} .style1 ul>li.active{opacity:1;z-index:2} .style1 ul>li.active.left{opacity:0;transform:translate3d(-100%,0,0)} .style1 ul>li.active.right{opacity:0;transform:translate3d(100%,0,0)} .style1 ul>li.next,.style1 ul>li.prev{position:absolute!important;top:0;display:block!important;opacity:1;z-index:1} .style2 ul>li{transition:opacity .6s ease-in-out} .style2 ul>li.active{opacity:1;z-index:2} .style2 ul>li.active.left,.style2 ul>li.active.right{opacity:0} .style2 ul>li.next,.style2 ul>li.prev{position:absolute!important;top:0;display:block!important;opacity:1;z-index:1} @keyframes slidenext {0%{transform:translate3d(100%,0,0)}100%{transform:translate3d(0,0,0)}} @-webkit-keyframes slidenext {0%{-webkit-transform:translate3d(100%,0,0)}100%{-webkit-transform:translate3d(0,0,0)}} @-moz-keyframes slidenext {0%{-moz-transform:translate3d(100%,0,0)}100%{-moz-transform:translate3d(0,0,0)}} @-ms-keyframes slidenext {0%{-ms-transform:translate3d(100%,0,0)}100%{-ms-transform:translate3d(0,0,0)}} @-o-keyframes slidenext {0%{-o-transform:translate3d(100%,0,0)}100%{-o-transform:translate3d(0,0,0)}} @keyframes slideprev {0%{transform:translate3d(-100%,0,0)}100%{transform:translate3d(0,0,0)}} @-webkit-keyframes slideprev {0%{-webkit-transform:translate3d(-100%,0,0)}100%{-webkit-transform:translate3d(0,0,0)}} @-moz-keyframes slideprev {0%{-moz-transform:translate3d(-100%,0,0)}100%{-moz-transform:translate3d(0,0,0)}} @-ms-keyframes slideprev {0%{-ms-transform:translate3d(-100%,0,0)}100%{-ms-transform:translate3d(0,0,0)}} @-o-keyframes slideprev {0%{-o-transform:translate3d(-100%,0,0)}100%{-o-transform:translate3d(0,0,0)}} .style3 ul>li{transition:transform .5s ease-in-out} .style3 ul>li.active.left{transform:translate3d(-100%,0,0)} .style3 ul>li.active.right{transform:translate3d(100%,0,0)} .style3 ul>li.next{position:absolute!important;top:0;display:block!important;-webkit-animation:slidenext .5s ease-in-out 1;animation:slidenext .5s ease-in-out 1;} .style3 ul>li.prev{position:absolute!important;top:0;display:block!important;-webkit-animation:slideprev .5s ease-in-out 1;animation:slideprev .5s ease-in-out 1;} #myslider{overflow:hidden;position:relative;width:100%} #myslider ul>li{width:100%;position:relative;display:none;background:#f7f7ff;padding:15px;} #myslider ul>li.active{display:block;} #myslider ul .ecom_sliderItem{background-color:var(--white);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px 0;padding:0;margin:20px auto;max-width:1200px;box-shadow:0 4px 20px 0 rgba(0, 0, 0, 0.05);} #myslider ul .ecom_sliderItem picture{width:100%;height:auto;} #myslider .pointerBox{position:absolute;bottom:0;left:50%;z-index:15;width:max-content;padding-left:0;list-style:none;text-align:center;overflow:hidden;transform:translate(-50%,0);} #myslider .pointerBox a{background-color:#0000004d;border:0;display:inline-block;width:10px;height:10px;margin:1px;text-indent:-99999px;border:1px solid #fff;border-radius:10px;cursor:pointer} #myslider .pointerBox a.active{background-color:var(--primary);margin:0;} #myslider .nextBtn{position:absolute;top:0;right:0;color:#0000004d;width:5%;height:50%;padding-top:10%;font-size:3.1rem;text-align:center;text-decoration:none;z-index:3} #myslider .prevBtn{position:absolute;top:0;left:0;color:#0000004d;width:5%;height:100%;padding-top:10%;font-size:3.1rem;text-align:center;text-decoration:none;z-index:3} #myslider .ecom_sliderItem_text{margin-top:20px;padding:0 10px;font-size:1rem;} #myslider .ecom_sliderItem_text span{display:-webkit-box;max-width:600px;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;} #myslider .ecom_sliderItem_btn{display:block;margin:30px auto 20px;padding:15px;background:var(--green);width:max-content;color:#fff;font-weight:600;} #myslider .ecom_sliderItem_btn:hover{opacity:0.5;} #myslider .ecom_sliderItem_btn svg{float:right;margin-left:14px;width:26px;height:26px;transform:rotate(180deg);margin-top:-1px;} #myslider ul .ecom_sliderItem_text_date{display:block;margin-top:.5rem;color:var(--orange);font-style:normal;font-weight:600;border-top:1px solid #ddd;padding-top:.7rem;} @media(min-width:768px){ #myslider ul .ecom_sliderItem{flex-wrap:nowrap;margin:70px auto;} #myslider .ecom_sliderItem_text{flex:1 0 0;padding:0 30px;} #myslider ul .ecom_sliderItem h3{margin-bottom:20px;} #myslider ul .ecom_sliderItem picture{flex:0 0 40%;} #myslider .ecom_sliderItem_btn{margin:15px 0 20px;} } @media(min-width:1024px){ #myslider .ecom_sliderItem_btn{padding:8px 15px;} #myslider .ecom_sliderItem_btn svg{margin-top:4px;} } @media(min-width:1440px){ #myslider .nextBtn{width:10%;} #myslider .prevBtn{width:10%;} } /*------GALLERY------*/ @-webkit-keyframes rotator{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg);}}@-moz-keyframes rotator{0%{-moz-transform:rotate(0deg);transform:rotate(0deg);}100%{-moz-transform:rotate(270deg);transform:rotate(270deg);}}@-ms-keyframes rotator{0%{-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-ms-transform:rotate(270deg);transform:rotate(270deg);}}@-o-keyframes rotator{0%{-o-transform:rotate(0deg);transform:rotate(0deg);}100%{-o-transform:rotate(270deg);transform:rotate(270deg);}}@keyframes rotator{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);}} @-webkit-keyframes dash{0%{stroke-dashoffset:187;}50%{stroke-dashoffset:46.75;-webkit-transform:rotate(135deg);transform:rotate(135deg);}100%{stroke-dashoffset:187;-webkit-transform:rotate(450deg);transform:rotate(450deg);}}@-moz-keyframes dash{0%{stroke-dashoffset:187;}50%{stroke-dashoffset:46.75;-moz-transform:rotate(135deg);transform:rotate(135deg);}100%{stroke-dashoffset:187;-moz-transform:rotate(450deg);transform:rotate(450deg);}}@-ms-keyframes dash{0%{stroke-dashoffset:187;}50%{stroke-dashoffset:46.75;-ms-transform:rotate(135deg);transform:rotate(135deg);}100%{stroke-dashoffset:187;-ms-transform:rotate(450deg);transform:rotate(450deg);}}@-o-keyframes dash{0%{stroke-dashoffset:187;}50%{stroke-dashoffset:46.75;-o-transform:rotate(135deg);transform:rotate(135deg);}100%{stroke-dashoffset:187;-o-transform:rotate(450deg);transform:rotate(450deg);}}@keyframes dash{0%{stroke-dashoffset:187;}50%{stroke-dashoffset:46.75;-webkit-transform:rotate(135deg);transform:rotate(135deg);}100%{stroke-dashoffset:187;-webkit-transform:rotate(450deg);transform:rotate(450deg);}} #loading{clear:both;display:block;width:65px !important;height:65px !important;margin:0 auto;-webkit-animation:rotator 1.4s linear infinite;-moz-animation:rotator 1.4s linear infinite;-ms-animation:rotator 1.4s linear infinite;-o-animation:rotator 1.4s linear infinite;-webkit-animation:rotator 1.4s linear infinite;animation:rotator 1.4s linear infinite;} .path{stroke:#fff;stroke-dasharray:187;stroke-dashoffset:0;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-animation:dash 1.4s ease-in-out infinite/*, colors 5.6s ease-in-out infinite*/;-moz-animation:dash 1.4s ease-in-out infinite/*, colors 5.6s ease-in-out infinite*/;-ms-animation:dash 1.4s ease-in-out infinite/*, colors 5.6s ease-in-out infinite*/;-o-animation:dash 1.4s ease-in-out infinite/*, colors 5.6s ease-in-out infinite*/;animation:dash 1.4s ease-in-out infinite/*, colors 5.6s ease-in-out infinite*/;} #popupBox .footerGallery{background-color:#fff;position:absolute;bottom:0;width:100%;padding:9px;box-sizing:border-box;} #popupBox .photoTitle{float:left;} #popupBox .countPhoto{float:right;} #popupBox .listThumb{position:relative;clear:both;white-space:nowrap;overflow:hidden;overflow-x:scroll;z-index:9;} #popupBox .listThumb a{display:inline-block;width:15%;overflow:hidden;} #popupBox .listThumb a img{display:block;width:100%;height:auto;} #myslider.ecom_sliderPromotion .pointerBox a{width:11px;height:11px;margin-right:9px;border-radius:50%;border:0;} #myslider.ecom_sliderPromotion img{width:100%;max-width:480px;height:auto;margin:0 auto;} #myslider.ecom_sliderPromotion .nextBtn,#myslider.ecom_sliderPromotion .prevBtn{display:none;height:100%;padding:0;color:var(--breadcrumbs);align-items:center;justify-content:center;font-size:1.25rem;} #myslider.ecom_sliderPromotion .nextBtn:before,#myslider.ecom_sliderPromotion .prevBtn:before{content:'';background-color:transparent;position:absolute;width:37px;height:37px;border:1px solid #ddd;border-radius:50%;z-index:-9;} #myslider.ecom_sliderPromotion .nextBtn{right:8px;} #myslider.ecom_sliderPromotion .prevBtn{left:8px;} @media(min-width:1024px){ #myslider.ecom_sliderPromotion img{margin:0;} #myslider.ecom_sliderPromotion:hover .nextBtn,#myslider.ecom_sliderPromotion:hover .prevBtn{display:flex;} } /*================================================= HOMEPAGE =================================================*/ .ecom_homeInfo{margin:25px auto;} .ecom_homeInfo_title,.ecom_homeInfo_subtitle{display:block;font-size:2.0625rem;font-weight:600;text-align:center;} .ecom_homeInfo_title{margin:25px auto;} .ecom_homeInfo_subtitle{margin:0 0 5px;font-size:1.25rem;line-height:1.75rem;} .ecom_homeInfo_paragraph{line-height:1.75rem;color:var(--breadcrumbs);font-size:1rem;margin:0.5rem auto;} .ecom_homeInfo_listBtn_container{position:relative;grid-row:1 / 3;grid-column:2;z-index:5;} .ecom_homeInfo_listBtn{display:grid;grid-template-columns:repeat(1, 1fr);gap:1rem;text-align:center;margin:25px auto;} .ecom_homeInfo_listBtn li a{display:block;padding:15px 10px;font-weight:600;white-space:nowrap;border:2px solid var(--gold);} .ecom_homeInfo_listBtn li a:hover{border-color:2px solid var(--primary);} .ecom_homeInfo_rating{display:flex;justify-content:center;align-items:center;gap:0.8rem;margin:25px 0;} .ecom_homeInfo_rating_rate{font-size:1.5rem;} .ecom_homeInfo_rating_rewiews{font-size:1rem;} .ecom_homeInfo_garranty{display:flex;justify-content:space-around;gap:1rem 2rem;} .ecom_homeInfo_garranty li{font-size:1rem;padding:3px 0;} .ecom_homeInfo_garranty li svg{float:none;display:inline-block;color:var(--primary);margin-right:4px;margin-bottom:-3px;} /*======== ACCREDITAZIONE ========*/ .ecom_accreditations{background:#f7f7ff;padding:25px;margin:0 0 25px;} .ecom_accreditations_title{display:block;font-size:1.25rem;text-align:center;} .ecom_accreditations_list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:0;margin-top:15px;} .ecom_accreditations_list li{flex:0 0 50%;display:flex;flex-direction:column;} .ecom_accreditations_list li span{display:block;margin:0 auto;width:max-content;} .ecom_accreditations_list svg{width:130px;height:100px;} .ecom_accreditations_list i{display:block;text-align:center;font-style:normal;font-size:1rem;color:#676c72;} @media(min-width:768px){ .ecom_homeInfo_listBtn{grid-template-columns:repeat(2, 1fr);} } @media(min-width:1024px){ .ecom_homeInfo {display:grid;grid-template-columns:1fr 1fr;margin:50px auto 25px;} .ecom_homeInfo > div:nth-child(3) {grid-column:2;order:3;} .ecom_homeInfo_title,.ecom_homeInfo_subtitle,.ecom_homeInfo_rating,.ecom_homeInfo_garranty,.ecom_homeInfo_paragraph{grid-column:1;text-align:left;} .ecom_homeInfo_title{font-size:2.5rem;margin:25px 0 5px;} .ecom_homeInfo_garranty{justify-content:left;} .ecom_homeInfo_rating{order:1;justify-content:left;} .ecom_homeInfo_empty{order:2;} .ecom_homeInfo_listBtn{margin:0 0 -160px 200px;gap:1.5rem} .ecom_homeInfo_listBtn{grid-template-columns:repeat(1,1fr);} .ecom_homeInfo_listBtn li{min-width:330px;margin:0 auto;} .ecom_accreditations{margin:50px 0 25px;} .ecom_accreditations_list{justify-content:space-around;margin:15px auto 0;} .ecom_accreditations_list li{flex:1 0 0;} } /*================================================= LISTA PRODOTTI =================================================*/ .ecom_listProduct_items {--perView:1;} @media(min-width:768px) {.ecom_listProduct_items {--perView:2;}} @media(min-width:1024px) {.ecom_listProduct_items {--perView:3;}} @media(min-width:1440px) {.ecom_listProduct_items {--perView:4;}} .ecom_listProduct h3{font-size:2.0625rem;text-align:center;margin-bottom:0;} .ecom_listProduct_items{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--slider-gap) * (var(--perView) - 1)) / var(--perView));gap:var(--slider-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;margin:0;padding:0;list-style:none;anchor-name:--carousel;} .ecom_listProduct_items::-webkit-scrollbar {display:none;} .ecom_listProduct_items::scroll-button(*) {background-color:transparent;width:35px;height:35px;padding:.375rem .625rem;pointer-events:auto;border:var(--border);border-radius:50%;cursor:pointer;position:absolute;position-anchor:--carousel;} .ecom_listProduct_items::scroll-button(inline-start) {content:'<';left:calc(anchor(left) - 0px);top:calc(anchor(top) + 13rem);} .ecom_listProduct_items::scroll-button(inline-end) {content:'>';right:calc(anchor(right) - 0px);top:calc(anchor(top) + 13rem);} .ecom_listProduct_items::scroll-button(*):hover {border-color:var(--colortitle);} .ecom_listProduct_items[data-count="0"]::scroll-button(*) {display:none;} @media(min-width:1440px){ .ecom_listProduct_items::scroll-button(inline-start) {content:'<';left:calc(anchor(left) - 30px);top:calc(anchor(top) + 13rem);} .ecom_listProduct_items::scroll-button(inline-end) {content:'>';right:calc(anchor(right) - 30px);top:calc(anchor(top) + 13rem);} } .ecom_listProduct_items li {margin:20px 0;scroll-snap-align:start;scroll-snap-stop:always;transition:transform .13s ease-in-out;} .ecom_listProduct_items li a{position:relative;display:flex;flex-direction:column;margin:0 auto;width:fit-content;max-width:320px;min-height:410px;box-shadow:0 4px 12px 0 #0000001a;border-radius:5px;padding:10px;} .ecom_listProduct_items li img{border-radius:5px 5px 0 0;} /* .ecom_listProduct_nameCategory{position:absolute;top:20px;right:20px;font-size:0.8125rem;font-weight:600;line-height:22px;color:var(--white);} */ .ecom_listProduct_nameCategory{font-size:0.8125rem;font-weight:600;color:var(--primary);margin-top:4px;} .ecom_listProduct_title{display:-webkit-box;align-content: center;font-size:1.25rem;min-height:3rem;margin:0 0 7px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.5rem;font-weight:600;} .ecom_listProduct_credits{display:flex;align-items:center;gap:9px 4px;flex-wrap:wrap;margin-top:0.2rem;min-height:2rem;} /* .ecom_listProduct_credits,.ecom_webinar_listcategory{display:flex;align-items:center;gap:9px 4px;flex-wrap:wrap;margin-top:.5rem;} */ /* .ecom_listProduct_credits{margin-top:0.5rem!important;} */ .ecom_listProduct_credits_title{margin-top:1rem;font-size:1rem;color:var(--breadcrumbs);} .ecom_listProduct_credits li,.ecom_webinar_listcategory_items{position:relative;margin:0;padding:0;text-align:center;font-size:0.8125rem;font-weight:600;} .ecom_listProduct_credits li:not(.cfp),.ecom_listProduct_credits li.cfp_0{display:none;} .ecom_listProduct_credits span,.ecom_webinar_listcategory_items{display:block;border:1px solid var(--primary);width:max-content;min-width:3.5rem;margin:0;padding:0 .3rem;border-radius:5px;height:1.7rem;line-height:1.5rem;font-size:0.7rem;} .ecom_listProduct_credits i{position:relative;display:block;margin-top:6px;font-size:0.8125rem;font-style:normal;color:var(--black);white-space:nowrap;} /* .ecom_listProduct_credits i svg{margin-top:6px;margin-right:1px;margin-left:-10px;color:#a97f00;width:18px;height:18px;} */ .ecom_listProduct_credits i svg{display:none;position:absolute;top:-3px;left:28px;color:#a97f00;width:18px;height:18px;} .ecom_listProduct_footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:auto;} .ecom_listProduct_price{display:flex;justify-content:center;width:100%;margin:0.5rem 0 0.6rem;padding-top:1rem;border-top:1px solid var(--borderColor);} .ecom_listProduct_price_btn{display:flex;align-items:center;justify-content:center;gap:0 .7rem;background:var(--green);width:100%;padding:15px;height:max-content;border-radius:5px;color:var(--white);text-align:center;font-weight:600;} .ecom_listProduct_price_btn:hover{opacity:0.8;} .ecom_listProduct_price_btn svg{width:1.5rem;height:1.5rem;margin-top:-6px;} .ecom_listProduct_price_total{font-weight:600;} .ecom_listProduct_price_total span:first-child{display:block;font-size:2.0625rem;text-align:center;} .ecom_listProduct_price_total small{font-size:0.8125rem;} .ecom_listProduct_price_discount{color:#696984;font-size:0.8125rem;font-weight:400;margin-top:-7px;} .ecom_listProduct_price_discount b{text-decoration:line-through;font-weight:400;} .ecom_listProduct_labeldiscount{color:var(--orange);font-size:0.8125rem;text-align:center;} .ecom_listProduct_labeldiscount b{background:var(--orange);color:var(--white);padding:0.2rem;border-radius:5px;} .ecom_listProduct_namePromotion,.ecom_listProduct_notPromotion{position:absolute;top:15px;left:0;background:var(--orange);padding:0 .8rem;border-radius:0 5px 5px 0;height:1.8rem;line-height:1.8rem;font-size:0.85rem;text-align:center;font-weight:600;color:var(--white);z-index:98;} /* .ecom_listProduct_notPromotion{background:var(--white);border:1px solid var(--orange);color:var(--orange);} */ .ecom_listProduct_pictureRibbon{position:absolute;top:20px;right:20px;} .ecom_listProduct_pictureRibbon img{width:55px;height:auto;} @media(min-width:768px){ .ecom_listProduct_credits{gap:9px;} .ecom_listProduct_credits i{position:unset;} .ecom_listProduct_credits i svg{position:unset;margin-top:-2px;margin-right:1px;margin-left:-10px;} /* .ecom_listProduct_credits li.cfp::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:70%;border-right:1px dashed #ccc;} */ .ecom_listProduct_credits li.cfp:last-of-type::after{display:none;} } @media(min-width:1024px){ .ecom_listProduct_credits i{margin-top:-5px;} .ecom_listProduct_credits i svg{margin-top:6px;} .ecom_listProduct_price_btn{padding:9px 0;} } /*================================================= FINE LISTA PRODOTTI =================================================*/ /*================================================= INFO CREDITI =================================================*/ .credits_info{margin:60px auto 70px;} .credits_info img{display:none;} .credits_info h3{font-size:2.0625rem;text-align:center;} .credits_info_subtitle{display:block;font-size:1rem;text-align:center;margin:30px auto;} .credits_info_list{margin:30px auto 0;} .credits_info_list li{display:flex;align-items:center;gap:0 9px;flex-wrap:wrap;margin-bottom:50px;} .credits_info_list li:last-child{margin-bottom:0;} .credits_info_list_icons{flex:0 0 100%;background:#f7f7ff;margin:0 auto 20px;padding:9px;max-width:max-content;border-radius:50%;} .credits_info_list_icons svg{width:35px;height:35px;color:var(--primary);} .credits_info_list_subtitleSection{display:none;} .credits_info_list div{flex:0 0 100%;} .credits_info_list_titleSection{display:block;width:280px;margin:0 auto;font-size:1rem;text-align:center;} @media(min-width:1024px){ .credits_info{display:flex;gap:0 80px;} .credits_info img{display:block;} .credits_info h3{text-align:left;} .credits_info_subtitle{text-align:left;} .credits_info_list{margin:50px auto 0;} .credits_info_list li{gap:0 30px;flex-wrap:nowrap;margin-bottom:40px;} .credits_info_list_icons,.credits_info_list div{flex:1 0 0;margin-bottom:0;} .credits_info_list_titleSection{width:max-content;margin:0;text-align:left;} .credits_info_list_subtitleSection{display:block;} } /*================================================= FINE INFO CREDITI =================================================*/ /*================================================= WEBINAR =================================================*/ .ecom_webinar{margin:2rem auto;} .ecom_webinar_list_item{display:flex;padding:1rem 1.5rem;margin:0 auto 1.5rem;border:1px solid #efefef;border-radius:5px;gap:0 2rem;box-shadow:0 4px 9px 0 rgba(0, 0, 0, 0.10);flex-direction:column;} .ecom_webinar_list_item_cfp{display:none;} .ecom_webinar_list_item_cfp_mobile{position:absolute;top:-4px;right:-8px;text-align:center;color:var(--primary);font-weight:600!important;border:1px solid var(--gold);padding:2px 7px;border-radius:4px;} .ecom_webinar_list_item_cfp_mobile i{margin-left:5px;font-style:normal;font-weight:400;} .ecom_webinar_list_item_date{font-size:0.8125rem;} .ecom_webinar_list_item_date b{display:block;margin:0.6rem 0 1rem;font-weight:400;} .ecom_webinar_list_item_date svg{float:none;display:inline-block;margin-right:5px;margin-bottom:-2px;width:15px;color:var(--primary);} .ecom_webinar_list_item_title{display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0.5rem 0 1rem;font-size:1.25rem;overflow:hidden;} .ecom_webinar_listcategory{display:flex;align-items:center;gap:9px 4px;flex-wrap:wrap;margin-top:.5rem;} .ecom_webinar_listcategory_items{font-weight:400;color:var(--primary);} .ecom_webinar_list_item_content{position:relative;flex:1 0 0;} .ecom_webinar_list_item_info{display:flex;gap:1.5rem;flex-direction:column;margin-top:1rem;width:100%;} .ecom_webinar_list_item_info span{flex:1 0 0;font-weight:600;} .ecom_webinar_list_item_info span svg{margin-right:13px;color:var(--primary);width:15px;margin-top:19px;} .ecom_webinar_list_item_info small{display:block;margin-top:5px;font-weight:400;} .ecom_webinar_list_item_info small.txtGreen{color:var(--green);} .ecom_webinar_list_item_info small.txtRed{color:var(--red);} .ecom_webinar_list_item_info .btn1,.subscribeWebinar_popup_btn{padding:1rem 1.5rem;font-size:1rem;height:3rem;width:100%;line-height:1rem;background:var(--green);font-weight:400;border-radius:5px;text-align:center;} .ecom_webinar_list_item_info .btn1 svg,.subscribeWebinar_popup_btn svg{float:right;width:15px;height:15px;margin:1px -9px 0 9px;} .subscribeWebinar_popup{padding:1rem;} .subscribeWebinar_popup_title{display:block;font-size:1.25rem;font-weight:600;margin-bottom:1rem;text-align:center;} .subscribeWebinar_popup_subtitle{display:block;font-size:1rem;margin:1rem 0;line-height:1.5rem;} @media(min-width:768px){ .ecom_webinar_list_item{width:99%;flex-direction:row;align-items:center;} .ecom_webinar_list_item_date b{display:inline-block;margin:0 0 0 1rem;} .ecom_webinar_list_item_cfp_mobile{display:none;} .ecom_webinar_list_item_cfp{display:block;position:relative;padding-right:2rem;text-align:center;color:var(--primary);} .ecom_webinar_list_item_cfp i{display:block;font-style:normal;font-weight:400;} .ecom_webinar_list_item_cfp::after,.ecom_webinar_list_item_content::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:7.5rem;border-right:1px dashed var(--borderColor);} .ecom_webinar_list_item_info{gap:1rem;width:max-content;margin-top:0;align-items:center;} .ecom_webinar_list_item_info span svg{margin-top:13px;} } @media(min-width:1024px){ .ecom_webinar_list_item_info{flex-direction:row;gap:2rem;} .ecom_webinar_list_item_info .btn1{width:max-content;} .ecom_webinar_list_item_info small{margin-top:-6px;} } /*================================================= FINE WEBINAR =================================================*/ /*================================================= SEZIONE RECENSIONI =================================================*/ .ecom_comments{background-color:#f7f7ff;padding:2rem;clear:both;} .ecom_comments_title{text-align:center;} .ecom_comments_list {--perView:1;} @media(min-width:1024px) {.ecom_comments_list {--perView:2;}} @media(min-width:1440px) {.ecom_comments_list {--perView:3;}} .ecom_comments_list{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--slider-gap) * (var(--perView) - 1)) / var(--perView));gap:var(--slider-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;margin:2rem auto;padding:0;list-style:none;anchor-name:--reviews;} .ecom_comments_list::-webkit-scrollbar {display:none;} .ecom_comments_list {scroll-marker-group:after;} /* Abilita il gruppo di marker */ .ecom_comments_list::scroll-marker-group {display:flex;justify-content:center;gap:8px;margin:-1rem auto 2rem;} /* Contenitore dei pallini */ .ecom_comments_list_item::scroll-marker {content:'';width:8px;height:8px;border-radius:50%;border:2px solid #ddd;background:transparent;} /* Ogni pallino */ .ecom_comments_list_item::scroll-marker:target-current {background:var(--primary);border-color:var(--primary);} /* Pallino attivo */ .ecom_comments_list_item{scroll-snap-align:start;scroll-snap-stop:always;} .ecom_comments_list_item_container{position:relative;background:var(--white);padding:18px 18px;max-width:400px;width:100%;box-shadow:0 1px 8px rgba(0, 0, 0, 0.2);margin:7px auto;} .ecom_comments_list_item_verified{position:absolute;background:url(/g/checkmark.svg) no-repeat right/16px;padding-right:22px;font-size:0.8125rem;top:16px;right:18px;color:var(--primary);font-style:normal;} .ecom_comments_list_item_title{display:block;margin:.3rem 0 0.5rem;font-size:1rem;line-height:1.5rem;} .ecom_comments_list_item_content{display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5rem;margin-bottom:.5rem;font-size:1rem;} .ecom_comments_list_item_name{font-size:1rem;font-weight:600;} .ecom_comments_list_item_date{font-size:0.8125rem;color:var(--breadcrumbs);margin-left:5px;} .ecom_comments_subtitle{display:block;text-align:center;font-size:1rem;color:var(--breadcrumbs);} .ecom_comments_subtitle b{font-weight:600;color:var(--black);} @media(min-width:1024px) { .ecom_comments_list::scroll-marker-group {display:none;} .ecom_comments_list::scroll-button(*) {background-color:transparent;width:37px;height:37px;padding:0;padding-bottom:3px;pointer-events:auto;border:2px solid #ddd;border-radius:50%;cursor:pointer;position:absolute;position-anchor:--reviews;} /* Stile comune per entrambi i pulsanti */ .ecom_comments_list::scroll-button(inline-start) {content:'←';left:calc(anchor(left) - 20px);top:calc(anchor(top) + 90px);font-size:1.5rem;} /* Pulsante "precedente" (sinistra) */ .ecom_comments_list::scroll-button(inline-end) {content:'→';right:calc(anchor(right) - 20px);top:calc(anchor(top) + 90px);font-size:1.5rem;} /* Pulsante "successivo" (destra) */ .ecom_comments_list::scroll-button(*):hover {border-color:var(--primary);} .ecom_comments_list[data-count="0"]::scroll-button(*) {display:none;} } /*================================================= FINE SEZIONE RECENSIONI =================================================*/ /*================================================= SEZIONE FAQ =================================================*/ .ecom_faq{margin:3rem auto;} .ecom_faq_title{text-align:center;margin-bottom:0;} .ecom_faq_section_title{margin:48px auto 22px auto;padding:14px 24px;max-width:950px;background:#f7f9fc;border-radius:12px;text-align:center;color:#1f2937;font-size:1.25rem;font-weight:600;} .ecom_faq_section_title:first-of-type {margin-top:36px;} .ecom_faq_subtitle{display:block;text-align:center;font-size:1rem;color:var(--breadcrumbs);} .ecom_faq_subtitle b{font-weight:600;color:var(--black);font-size:1rem;} .ecom_faq_item{max-width:950px;margin:0.5rem auto;cursor:pointer;border-bottom:1px solid var(--borderColor);font-size:1rem;} .ecom_faq_item summary{user-select:none;padding:1.2rem 0;} .ecom_faq_item summary::marker{content:'';} .ecom_faq_item summary svg{float:right;color:var(--primary);width:1rem;transition:transform .3s ease;} .ecom_faq_item p{font-size:1rem;color:var(--breadcrumbs);line-height:1.7rem;margin-bottom:1rem;} .ecom_faq_item b,.ecom_faq_item strong{color:var(--black);} .ecom_faq_item[open] summary svg{transform:rotate(180deg);} .ecom_faq_item_answer{margin:0 0 1.1rem;cursor:default;} .ecom_faq_item_answer p{font-size:1rem;} .ecom_faq_item_answer ul,.ecom_faq_item_answer ol{overflow:visible;margin:9px 0 9px 17px;} .ecom_faq_item_answer ul{list-style:circle;} .ecom_faq_item_answer ol{list-style:decimal;} .ecom_faq_item_answer li{margin-bottom:7px;font-size:1rem;} .ecom_faq_item_answer li:last-child{margin-bottom:0;} /*================================================= FINE SEZIONE FAQ =================================================*/ /*================================================= PAGINAZIONE =================================================*/ .ecom_pagination{margin:var(--marginTopSection) auto var(--marginBottomSection);} .ecom_pagination ul{display:flex;gap:0 9px;} .ecom_pagination .pagination_active,.ecom_pagination a{display:flex;width:41px;height:41px;border:var(--border);border-radius:var(--radius);justify-content:center;align-items:center;} .ecom_pagination b{font-weight:normal;} .ecom_pagination a:hover,.ecom_pagination .pagination_active{background-color:var(--colorTextMain);border-color:var(--colorTextMain);} /*================================================= PAGINAZIONE =================================================*/ .ecom_pagination{margin:var(--marginTopSection) auto var(--marginBottomSection);} .ecom_pagination ul{display:flex;gap:0 9px;} .ecom_pagination .pagination_active,.ecom_pagination a{display:flex;width:41px;height:41px;border:var(--border);border-radius:var(--radius);justify-content:center;align-items:center;} .ecom_pagination b{font-weight:normal;} .ecom_pagination a:hover,.ecom_pagination .pagination_active{background-color:var(--colorTextMain);border-color:var(--colorTextMain);} .ecom_pagination li:hover a,.ecom_pagination .pagination_active>b{color:#fff;} .pagination_arrow_right,.pagination_arrow_left{font-size:2.0625rem;} /*================================================= FINE PAGINAZIONE =================================================*/ /*================================================= NEWSLETTER =================================================*/ .ecom_newsletter{padding:25px;} .ecom_newsletter_title,.ecom_newsletter_subtitle{display:block;text-align:center;} .ecom_newsletter_title{color:var(--primary);font-size:2.0625rem;font-weight:600;} .ecom_newsletter_subtitle{font-size:1rem;margin:20px 0 0;} .ecom_newsletter_form{width:100%;max-width:900px;margin:30px auto 0;} .ecom_newsletter_form_row{display:flex;flex-wrap:wrap;gap:10px;} .ecom_newsletter_form_privacy{display:block;margin:18px 0} .ecom_newsletter_form_privacy .privacyForm{display:flex;gap:0 8px;align-items:center;margin-bottom:15px;} .ecom_newsletter_form_privacy a{text-decoration:underline;color:var(--primary);} .ecom_newsletter_form_privacy a:hover{opacity:0.8;} .ecom_newsletter_form input[type="text"],.ecom_newsletter_form input[type="email"],.ecom_newsletter_form select{flex:0 0 100%;height:50px;padding:0 15px;font-size:1rem;outline:none;font-family:'Inter',sans-serif;border:1px solid var(--breadcrumbs);} .ecom_newsletter_form input:focus,.ecom_newsletter_form select:focus{border:1px solid var(--primary);} .ecom_newsletter_form input[type="checkbox"]{width:17px;height:17px;font-size:1rem;} .ecom_newsletter_form button{padding:0 50px;height:50px;margin:20px auto 15px;} .ecom_newsletter_list{display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:20px;align-items:center;font-size:1.25rem;} .ecom_newsletter_list svg{color:var(--primary);margin-top:4px;margin-right:7px;} .ecom_newsletter #msgError{display:block;margin:0 auto 30px;max-width:600px;border-radius:5px;padding:0.7rem 2rem;font-weight:600;text-align:center;opacity:0;transform:translateY(-8px);transition:opacity 0.3s ease, transform 0.3s ease;pointer-events:none;} .ecom_newsletter #msgError.bg_error,.ecom_newsletter #msgError.bg_ok {opacity:1;transform:translateY(0);pointer-events:auto;} .ecom_newsletter #msgError.bg_error{background-color:#fef2f2;border:1px solid #ffc9c9;color:#c10007;} .ecom_newsletter #msgError.bg_ok{background-color:#ecfdf5;border:1px solid #a4f4cf;color:#007a55;} @media(min-width:768px){ .ecom_newsletter_form input[type="text"],.ecom_newsletter_form input[type="email"],.ecom_newsletter_form select{flex:1;} } @media(min-width:1024px){ .ecom_newsletter{padding:25px 0;margin-bottom:25px;} } /*================================================= FINE NEWSLETTER =================================================*/ /*================================================= BREADCRUMBS =================================================*/ #bc ul{display:flex;} #bc a{color:var(--black);} #bc a:hover{text-decoration:underline;} #bc a:after{content:'/';display:inline-block;margin:0 5px;} #bc li:last-child a{color:var(--blue);cursor:auto;pointer-events:none;} #bc li:last-child a:hover{text-decoration:none;} #bc li:last-child a:after{display:none;} @media(min-width:1024px){ #bc{display:block;} } /*BREADCRUMBS ECOMMERCE*/ .ecom_breadcrumbs_list{display:flex;gap:0 .6rem;margin:1rem 0;align-items:center;color:var(--breadcrumbs);} .ecom_breadcrumbs_list_item a{color:var(--breadcrumbs);font-size:1rem;} .ecom_breadcrumbs_list_item a:hover{text-decoration:underline;} .ecom_cart .ecom_breadcrumbs_list{margin-top:8.5rem;} @media(min-width:768px){ .ecom_cart .ecom_breadcrumbs_list{margin-top:6rem;} } @media(min-width:1024px){ .ecom_cart .ecom_breadcrumbs_list{margin-top:1rem;} } /*================================================= FINE BREADCRUMBS =================================================*/ /*================================================= PAGINA CATEGORIA =================================================*/ .ecom_category #bc ul{margin:1rem 0 1.3rem;} .ecom_category #bc li{font-size:0.8125rem;} .ecom_category #bc a{color:var(--breadcrumbs);} .ecom_category_firstphoto{display:none;} .ecom_category_description{margin-top:var(--marginTopSection);margin:15px 0;} .ecom_category_description h1{text-align:center;margin:0 auto 15px;max-width:500px;} .ecom_category_description h2,.ecom_category_description h3{margin:var(--marginTopSection) 0 0.5rem;} .ecom_category_description>p.txtColor{display:none;} .ecom_category_description p,.ecom_category_description li,.ecom_category_description table td{overflow:hidden;} .ecom_category_description p{font-size:1rem;color:var(--breadcrumbs);line-height:1.7rem;} .ecom_category_description p:not(.txtColor) strong,.ecom_category_description p:not(.txtColor) b{color:var(--black);} .ecom_category_description p a,.ecom_category_description li a,.ecom_category_description table td a{text-decoration:underline;color:var(--primary);} .ecom_category_description img{clear:both;display:block;float:none!important;width:100%;max-width:100%;height:auto!important;margin:6px auto;} .ecom_category_description img:not([style*="float"]):not([class*="cta"]){max-width:100%!important;width:100%!important;} .ecom_category_description ul,.ecom_category_description ol{margin:15px 0;} .ecom_category_description ul li{position:relative;margin-bottom:9px;padding-left:17px;} .ecom_category_description ul li:before{content:'';position:absolute;top:7px;left:0;display:inline-block;width:9px;height:9px;border-radius:50px;border:1px solid var(--colorTextSecond);} .ecom_category_description ol{counter-reset:li;} .ecom_category_description ol li{position:relative;margin-bottom:9px;padding-left:23px;} .ecom_category_description ol li:before{content:counter(li) '.';counter-increment:li;position:absolute;left:0;top:0;display:block;font-size:1.25rem;font-weight:600;color:var(--colorTextSecond);text-align:center;} .ecom_category_description table{width:100%;border-collapse:collapse;} .ecom_category_description table th{background:#d3d3d3;padding:0.4rem 0.3rem;border:var(--border);} .ecom_category_description table td{padding:0.3rem;border:var(--border);} .ecom_category_description::-webkit-scrollbar{width:0;height:3px;} .ecom_category_description::-webkit-scrollbar-track {background:#d3d3d3;} .ecom_category_description::-webkit-scrollbar-thumb {background:var(--colorTextSecond);} .ecom_category_listProduct{margin-top:0;flex:1 1 auto;margin-bottom:25px;} .ecom_category_listProduct .ecom_listProduct_items{all:unset;display:grid;gap:var(--slider-gap);grid-template-columns:repeat(var(--perView), 1fr);list-style:none;} .ecom_category_listProduct .ecom_listProduct_items::scroll-button(inline-start),.ecom_category_listProduct .ecom_listProduct_items::scroll-button(inline-end){display:none!important;} @media(min-width:1024px){ .ecom_category_firstphoto{display:block;float:right;margin-left:50px;} .ecom_category_description>p.txtColor{display:block;} .ecom_category_description h1{text-align:left;margin:9px 0;max-width:max-content;} .ecom_category_description p{line-height:2rem;} .ecom_category_listProduct{clear:both;} } /*================================================= FINE PAGINA CATEGORIA =================================================*/ /*================================================= SCHEDA PRODOTTO =================================================*/ .ecom_product{display:flex;flex-wrap:wrap;padding:0;margin-bottom:1rem;} .ecom_product_boxProduct{flex:0 0 100%;position:relative;background:#fff;margin-bottom:1.2rem;} .ecom_product_boxProduct .ecom_listProduct_picture img{width:100%;height:auto;} .ecom_product_boxProduct .ecom_listProduct_price{border:none;margin:0;} .ecom_product_boxProduct .ecom_listProduct_credits{border-top:1px solid var(--borderColor);margin-top:1.5rem;padding:1.2rem 0 0;} .ecom_product_boxProduct .ecom_listProduct_footer{gap:1.5rem 1rem;padding:0 0.6rem;} .ecom_product_boxProduct .ecom_listProduct_price_btn{flex:1 0 0;height:50px;cursor:pointer;} .ecom_product_boxProduct .form_input input, .form_input select{height:50px;cursor:pointer;} .ecom_product_boxProduct .ecom_product_info_btnRequest{display:block;padding:1rem;margin:1.5rem 0.6rem 0;border:1px solid var(--breadcrumbs);text-align:center;color:var(--breadcrumbs);font-weight:600;cursor:pointer;} .ecom_product_boxProduct .ecom_product_info_btnRequest:hover{background-color:var(--breadcrumbs);color:var(--white);} .ecom_product_info_msg{background-color:#ffeff1;display:block;padding:0.5rem;border:1px solid;border-radius:var(--radius);border-color:var(--red);color:var(--red);font-size:0.8125rem;margin:0 auto;} /*DESCRIZIONE PRODOTTO*/ .ecom_product_infoProduct{order:1;flex:0 0 100%;} .ecom_product_infoProduct_mobile{position:sticky;bottom:0;background:#fff;display:flex;gap:0.8rem;flex-wrap:wrap;justify-content:center;align-items:center;padding:0.4rem 1rem;border-top:1px solid var(--borderColor);margin:2rem 0 1rem;} .ecom_product_header{background:#F7F7FF;padding:1rem;margin:0 -0.6rem 1rem} .ecom_product_header_description{margin-top:1rem;font-size:1rem;} .ecom_product_body_title{display:block;font-size:1.25rem;font-weight:600;color:var(--primary);text-transform:uppercase;} .ecom_product_body_learning{margin:2rem 0;} .ecom_product_body_summary .ecom_product_body_title{margin-bottom:1rem;} .ecom_product_body_summary ul{display:grid;grid-template-columns:1fr;gap:1.5rem;margin:1rem;} .ecom_product_body_summary ul li{display:flex;align-items:center;gap:0.5rem;} .ecom_product_body_summary ul li:not(.durate):not(.ecom_product_body_summary_enabled){display:none!important;} .ecom_product_body_summary ul li svg{width:45px;height:45px;color:var(--primary);background:#f7f7ff;padding:0.6rem;border-radius:9px;} .ecom_product_body_summary ul li span{color:var(--breadcrumbs);font-size:0.8125rem;line-height:1rem;} .ecom_product_body_summary ul li span b{display:block;margin-bottom:0.5rem;color:var(--black);font-size:1rem;} .ecom_product_body_learning li{background:url(/g/checkmark.svg) no-repeat left/20px;padding-left:1.8rem;margin-top:1rem;font-size:1rem;} .ecom_product_body_learning li svg{width:25px;height:25px;margin-right:6px;margin-top:.1rem;color:var(--primary);} .ecom_product_body details{overflow:hidden;} .ecom_product_body details[open]{margin-bottom:1.5rem;} .ecom_product_body details summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;border-top:1px solid var(--borderColor);padding:1.5rem 0;user-select:none;} .ecom_product_body details summary::after{content:'';background:url(/g/arrow-down.svg) no-repeat right/17px;margin-right:0.5rem;width:17px;height:17px;transition:transform .3s ease;} .ecom_product_body details summary::-webkit-details-marker{display:none;} .ecom_product_body details[open] summary::after{transform:rotate(180deg);} .ecom_product_body_description p,.ecom_product_body_description li,.ecom_product_body_description table td{overflow:hidden;line-height:1.8rem;font-size:1rem;} .ecom_product_body_description p a,.ecom_product_body_description li a,.ecom_product_body_description table td a{text-decoration:underline;} .ecom_product_body_description img{clear:both;display:block;float:none!important;width:100%;max-width:100%;height:auto!important;margin:6px auto;} .ecom_product_body_description img:not([style*="float"]):not([class*="cta"]){max-width:100%!important;width:100%!important;} .ecom_product_body_description ul,.ecom_product_body_description ol{margin:15px 0;} .ecom_product_body_description ul li{position:relative;margin-bottom:9px;padding-left:17px;} .ecom_product_body_description ul li:before{content:'';position:absolute;top:8px;left:0;display:inline-block;width:9px;height:9px;border-radius:50px;border:1px solid var(--colorTextSecond);} .ecom_product_body_description ol{counter-reset:li;} .ecom_product_body_description ol li{position:relative;margin-bottom:9px;padding-left:23px;} .ecom_product_body_description ol li:before{content:counter(li) '.';counter-increment:li;position:absolute;left:0;top:0;display:block;font-size:1.25rem;font-weight:600;color:var(--colorTextSecond);text-align:center;} .ecom_product_body_description table{width:100%;border-collapse:collapse;} .ecom_product_body_description table th{background:#d3d3d3;padding:0.4rem 0.3rem;border:var(--border);} .ecom_product_body_description table td{padding:0.3rem;border:var(--border);} .ecom_product_body_description::-webkit-scrollbar{width:0;height:3px;} .ecom_product_body_description::-webkit-scrollbar-track {background:#d3d3d3;} .ecom_product_body_description::-webkit-scrollbar-thumb {background:var(--colorTextSecond);} .ecom_product .ecom_listProduct{margin-top:var(--marginTopSection);} .ecom_product_comments{margin-bottom:3rem;} .ecom_product_body_lessons li{display:flex;align-items:center;gap:0 0.6rem;background-color:#f7f7f7;padding:1rem;margin-bottom:0.5rem;border-radius:5px;font-size:1rem;} .ecom_product_body_lessons li svg{color:var(--breadcrumbs);} .ecom_product_body_lessons li b{flex:1 0 0;} .ecom_product_body_lessons li b::before{content:'';background:url(/g/circle-lesson.svg) no-repeat left/10px;padding-left:1.2rem;} .ecom_product_body_lessons li i{color:var(--breadcrumbs);font-style:normal;font-size:0.8125rem;} .ecom_product_body_lessons+a,.ecom_product_body_download{display:block;width:max-content;margin:1rem 0 0;padding:1rem;border:2px solid var(--primary);font-weight:600;color:var(--primary);} .ecom_product_body_lessons+a:before,.ecom_product_body_download:before{content:'';background:url(/g/download.svg) no-repeat left/20px;padding-left:1.8rem;} .ecom_product_body_lessons+a:hover,.ecom_product_body_download:hover{background-color:var(--primary);color:var(--white);} .ecom_product_body_lessons+a:hover:before,.ecom_product_body_download:hover:before{content:'';background:url(/g/download-white.svg) no-repeat left/20px;padding-left:1.8rem;} .ecom_product_body_cfp ul{display:grid;gap:1.5rem 1rem;grid-template-columns:repeat(2, 1fr);} .ecom_product_body_cfp ul li{font-size:1rem;border-left:1px solid var(--borderColor);padding-left:1rem;text-align:center;} .ecom_product_body_cfp ul li:first-child,.ecom_product_body_cfp ul li:nth-child(odd){border-left:none;padding-left:0;} .ecom_product_body_cfp ul li b{display:block;color:var(--colorTextSecond);} .ecom_product_body_cfp p{margin-top:1rem;font-size:1rem;} /*POPUP ADD TO CART*/ .ecom_addtocart{max-width:400px;padding:1rem;} .ecom_addtocart img{margin:0 auto;border-radius:var(--radius);} .ecom_addtocart strong{display:block;margin-bottom:0.5rem;text-align:center;font-size:1.5rem;} .ecom_addtocart p{padding:0 0.5rem;text-align:center;color:var(--grey);font-size:1rem;line-height:1.5rem;} .ecom_addtocart_contentBtn{display:flex;flex-wrap:wrap;margin:1rem 0 0;justify-content:center;align-items:center;gap:1rem;} .ecom_addtocart_contentBtn .btn{margin:0;padding:0.8rem 0;font-weight:normal;font-size:1rem;flex:0 0 100%;} .ecom_addtocart_contentBtn a:not(.btn){text-decoration:underline;} /*POPUP REQUEST INFO*/ .ecom_request{border:0;border-radius:5px;box-shadow:none;max-width:335px;} .ecom_request_header{background:var(--primary);color:var(--white);text-align:center;padding:0.8rem;} .ecom_request_close{position:absolute;top:16px;right:15px;background:var(--primary);outline:none;border:0;font-size:1rem;color:var(--white);} .ecom_request_close:hover{color:var(--red);cursor:pointer;} .ecom_request_form{margin:1rem 0 0;} .ecom_request_form span{display:block;margin:0 auto 1rem;font-size:1rem;text-align:center;} .ecom_request_form .form_input,.ecom_request_form .form_textarea{flex:0 0 100%;} .ecom_request_form .form_textarea{padding:0 0.2rem;} .ecom_request_form .form_textarea label{font-size:0.8125rem;} .ecom_request_form .form_textarea textarea{width:100%;height:7rem;padding:0.6rem 0.6rem 0;border:var(--border);font-size:1rem;outline:none;} .ecom_request_form button[type="submit"]{margin:0 auto;padding:0.7rem 1rem;font-size:1rem;} .ecom_request #msgRequestInfo{display:block;margin:1rem 0.7rem;font-weight:600;font-size:1rem;text-align:center;} .ecom_request #msgRequestInfo.error{color:var(--red);margin-top:0;} .ecom_request #msgRequestInfo.success{color:var(--green);} @media(min-width:768px){ .ecom_product{padding:0 0.6rem;gap:0 2rem;} .ecom_product_background{position:absolute;background:#F7F7FF;width:100%;height:16rem;z-index:-99;} .ecom_product_infoProduct{flex:1 0 0;order:0;} .ecom_product_header{margin:5rem 0;padding:0;} .ecom_product_body_summary ul{margin:0;gap:2rem;} .ecom_product_boxProduct{position:sticky;top:1rem;max-width:370px;height:max-content;margin:1rem auto;padding:1rem;border-radius:5px;border:1px solid var(--borderColor);} .ecom_product_boxProduct .ecom_listProduct_picture img{width:auto;height:auto;margin:0;} .ecom_product_boxProduct .ecom_listProduct_footer{padding:0;} .ecom_addtocart{padding:1rem;} .ecom_request{max-width:520px;} } @media(min-width:1024px){ .ecom_product_info{margin-top:0;flex:1 1 0;} .ecom_product_body_summary ul{grid-template-columns:repeat(2, 1fr);} .ecom_product_body_cfp ul{grid-template-columns:repeat(6, 1fr);gap:1rem;} .ecom_product_body_cfp ul li:nth-child(odd),.ecom_product_body_cfp ul li:first-child{padding-left:1rem;} .ecom_product_body_cfp ul li:nth-child(odd){border-left:1px solid var(--borderColor);} .ecom_product_body_cfp ul li:first-child{border-left:none;} .ecom_product_body_cfp ul li b{margin-top:-0.3rem;} } @media(min-width:1440px){ .ecom_product_body_summary ul{grid-template-columns:repeat(3, 1fr);} } /*================================================= FINE SCHEDA PRODOTTO =================================================*/ /*================================================= PAGINA CARRELLO =================================================*/ /*CARRELLO VUOTO*/ .ecom_cart_empty{width:100%;margin:var(--marginTopSection) 0;text-align:center;} .ecom_cart_empty p{margin-bottom:1rem;} .ecom_cart_empty svg{float:none;display:block;margin:0 auto;font-size:10rem;} .ecom_cart_empty span{display:block;margin:1rem 0 0;font-size:1.8rem;} .ecom_cart_empty_linkCatalog{display:block;background:transparent;margin-bottom:25px;font-size:1.05rem;font-weight:400;color:var(--blue);text-decoration:underline;} .ecom_cart_empty .btn1,.ecom_cart_empty .btn3{display:block;max-width:430px;margin:15px auto;} .ecom_cart_empty_btn{display:flex;justify-content:center;align-items:center;gap:0 1rem;} .ecom_cart_empty_btn a:not([class]){text-decoration:underline;} .ecom_cart .btnCart{display:block;background:var(--green);border-radius:0;font-weight:400;} .ecom_cart .btnCart svg{float:right;transform:rotate(180deg);width:27px;height:27px;} .ecom_cart .cart_title{margin:1rem 0;} .ecom_cart .cart_nproducts{display:block;margin-bottom:1.5rem;color:var(--breadcrumbs);} @-webkit-keyframes bar-progress {from {background-position:0 0}to {background-position:-60px -60px}} @keyframes bar-progress {from {background-position:0 0;}to {background-position:-60px -60px;}} .ecom_cart_freeshipping{margin-top:7rem;text-align:center;} .ecom_cart_freeshipping h1{margin-bottom:0.8rem;} .ecom_cart_freeshipping p{line-height:1.5rem;} .ecom_cart_freeshipping p span{font-weight:600;} .ecom_cart_freeshipping_bar {background:#e0e0e0;position:relative;width:100%;max-width:500px;height:9px;margin:1rem auto;border-radius:var(--radius);} .progress-bar {background-color:#333;height:9px;max-width:100%;border-radius:var(--radius);background-size:1rem 1rem;background-image:linear-gradient(135deg,#ffffff26 0 25%,#fff0 25% 50%,#ffffff26 50% 75%,#fff0 75% 100%);animation:bar-progress 5s linear infinite;transition:width 0.4s ease;} .progress-icon {background-color:#333333;position:absolute;top:-12px;left:0;display:flex;width:30px;height:30px;border-radius:50%;color:#fff;transform:translateX(-77%);align-items:center;justify-content:center;transition:left 0.4s ease;font-size:0.8125rem;pointer-events:none;} .cart_provisionalTotal{background:var(--footer);position:absolute;top:65px;left:0;width:100%;margin:0;padding:1rem 0.6rem;border-bottom:var(--border);} .cart_provisionalTotal span{display:block;text-align:center;} .cart_provisionalTotal b{display:inline-block;margin-left:0.1rem;font-size:1.25rem;} .cart_provisionalTotal .btn{width:100%;max-width:250px;margin:0.9rem auto 0;padding:0.6rem 1rem;} /*TABELLA CON I PRODOTTI*/ .cart_listProduct .btn{display:none;} .productCart li{display:flex;margin-bottom:15px;gap:0 0.5rem;line-height:1.3rem;border-bottom:var(--border);} .productCart li:last-child{margin:0;border:0;} .productCart img{width:80px;height:80px;border-radius:var(--radius);} /* .productCart li a:hover{color:var(--blue);} */ .productCart_info{position:relative;flex:1;} .productCart_info_name{padding-right:99px;font-weight:600;} .productCart_info_name small{display:block;color:var(--grey);font-size:0.8125rem;overflow:hidden;line-height:1.1rem;font-weight:normal;} .productCart_info_name small.expand{height:35px;} .productCart_info_name_moredetail{display:flex;font-size:0.8125rem;gap:0 0.2rem;align-items:center;cursor:pointer;color:var(--grey)} .productCart_info_name_moredetail svg{float:right;font-size:0.8125rem;} .productCart_info_name small.expand + .productCart_info_name_moredetail:after{content:'<';font-size:1rem;transform:rotate(-90deg);} .productCart_info_name small + .productCart_info_name_moredetail:after{content:'<';font-size:1rem;transform:rotate(90deg);} .productCart_info_name_msgError{display:block;margin-bottom:0.5rem;color:var(--red);font-weight:600;font-size:0.8125rem;line-height:1rem;} .productCart_info_name_msgError svg{margin-top:0.1rem;} .productCart_alert{display:block;color:var(--red);font-size:1rem;line-height:22px;} .productCart_info_price{position:absolute;display:flex;gap:0.2rem 0;top:0;right:0;width:99px;font-size:1.25rem;flex-wrap:wrap;justify-content:flex-end;align-items:center;} .productCart_info_price span{display:block;text-decoration:line-through;opacity:0.8;font-size:0.8125rem;} .productCart_info_price span:last-of-type{flex:0 0 100%;text-decoration:none;font-size:1.25rem;line-height:1.1rem;font-weight:600;text-align:right;} .productCart_info_price small{font-size:0.8125rem;font-weight:normal;} .productCart_info_price_promotion{background:var(--red);float:left;display:block;width:max-content;padding:0 3px;margin-right:0.3rem;color:#fff;border-radius:5px;font-size:0.8125rem;line-height:21px;font-weight:500} .productCart_info_quantity{order:2;} .productCart_info_quantity select,.productCart_info_quantity input{background:#fff;width:80px;height:40px;padding:0 0.6rem;margin-top:0.7rem;border:var(--border);font-size:1rem;cursor:pointer;} .productCart_info_quantity input:focus,.productCart_info_quantity select:focus{outline:0;border-color:var(--blue);} .productCart_info_quantity_delete{margin-left:0.5rem;font-size:0.8125rem;text-decoration:underline;align-content:center;order:3;cursor:pointer;} .productCart_info_quantity_delete:hover{color:var(--red)} .cart_content_tableCart_alert{display:block;color:var(--red);font-size:1rem;line-height:22px;} .productCart_picture{display:none;} .deleteProductCart{padding:0!important;} .deleteProductCart a{display:block;width:20px;height:20px;color:var(--red)} .cart_returnShop{display:block;margin:3rem auto;width:max-content;border:1px solid var(--primary);color:var(--primary);font-weight:400;} .cart_returnShop svg{font-size:1.5rem;margin-right:.5rem;margin-top:-.1rem;} .productCart_item{position:relative;overflow:hidden;} .productCart_item_delete{position:absolute;top:0;right:0;bottom:0;width:100px;background:var(--red);display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:600;font-size:1.5rem;cursor:pointer;user-select:none;} .productCart_item_content{position:relative;background:var(--white);padding:9px;display:flex;align-items:center;gap:12px 30px;width:100%;transition:transform 0.3s ease;touch-action:pan-y;user-select:none;} .productCart_info_price_promotion{font-weight:600;} .productCart_btnDelete{display:none;background:var(--red);color:var(--white);border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:600;} .removing {animation:slideOut 0.3s ease forwards;} @media (min-width:1024px) { .ecom_cart .cart_title{margin:0 0 1.5rem;} .productCart_item_content{touch-action:auto;} .productCart_item_delete{display:none;} .productCart_btnDelete{display:block;background:none;color:var(--red);order:5;} .cart_returnShop{margin:3rem 0;} } @keyframes slideOut { to {transform:translateX(-100%);opacity:0;} } /*TOTALI*/ #notify_err{margin-bottom:20px;color:var(--red);font-size:0.8125rem;} .cart_contentSummary{margin-bottom:1rem;padding-top:1rem;border-top:var(--border);} .cart_contentSummary>span{display:flex;flex-wrap:wrap;margin-bottom:1.5rem;color:var(--grey);align-items:center;gap:0.5rem 0.3rem;text-align:right;} .cart_contentSummary svg{font-size:0.8125rem;} .cart_contentSummary #totalPriceShow{color:var(--breadcrumbs);} .cart_contentSummary_discount svg{font-size:0.8125rem;cursor:pointer;color:var(--red);} .cart_contentSummary_discount[data-tot="0"],.cart_contentSummary_discount[data-tot="0.00"],.cart_contentSummary_shipping[data-tot="0"]{display:none;} .cart_contentSummary_discount_item{flex:0 0 100%;display:flex;align-items:center;justify-content:space-between;margin-top:0.2rem;} .cart_contentSummary_discount_item strong{margin-left:0!important;} .cart_contentSummary_discount_item #nameDiscount,.ecom_thankupage_discount_name{background:#15ae5d47;padding:0.3rem 1rem;font-weight:600;border-radius:5px;} .cart_contentSummary_discount_item #valueDiscount,.ecom_thankupage_discount_value{color:var(--green);} .cart_contentSummary strong{margin-left:auto;font-weight:normal;} .cart_contentSummary .cart_contentSummary_total{border-top:1px solid var(--borderColor);padding-top:1.5rem;color:var(--colorTextMain);font-weight:600;} .cart_contentSummary .cart_contentSummary_total:last-of-type{border-top:0;padding-top:0;} .cart_contentSummary .cart_contentSummary_total b{text-align:left;} .cart_contentSummary .cart_contentSummary_total strong{font-weight:600;font-size:1.5rem;} .cart_contentSummary .cart_contentSummary_total #saving{color:var(--green);font-size:1rem;font-weight:400;} .cart_contentSummary small{display:block;font-size:0.8125rem;font-weight:normal;text-align:center} .cart_contentSummary .btn:not(.ecom_cart_addCoupon .btn){background:var(--green);width:100%;margin-top:1.5rem;margin-left:auto;} .cart_contentSummary_payments{margin:30px auto 50px;} .cart_contentSummary_payments svg{float:unset;display:block;width:100%;height:35px;margin:20px auto 0;} /*INPUT PER INSERIRE IL COUPON*/ .ecom_cart_addCoupon{display:flex;margin-bottom:1.2rem;margin-left:auto;align-items:center;flex-wrap:wrap;border-top:1px solid var(--borderColor);margin-top:1.5rem;} .ecom_cart_addCoupon:not([data-tot="0"]){display:none;} .ecom_cart_addCoupon div{position:relative;} .ecom_cart_addCoupon .ecom_cart_addCoupon_title{display:block;width:100%;margin:20px 0 8px;} .ecom_cart_addCoupon .form_input{margin:0;flex:1;} .ecom_cart_addCoupon input{padding:0.6rem 6.3rem 0 0.6rem;border-radius:0;text-transform:uppercase;} .ecom_cart_addCoupon .form_input_btn{position:absolute;top:8px;right:8px;background:var(--primary);padding:9px 15px;color:var(--white);cursor:pointer;} .ecom_cart_addCoupon .form_input_btn:hover{opacity:0.8;} .ecom_cart_addCoupon_msg{display:block;color:var(--red);margin-top:0.4rem;font-size:0.8125rem;flex:0 0 100%} @media(min-width:768px){ .cart_provisionalTotal{display:flex;padding:1rem 0.6rem;align-items:center;justify-content:space-between;} .cart_provisionalTotal .btn{margin:0;} .productCart_info_name_msgError{display:flex;margin-bottom:0.3rem;align-items:center;} .productCart_info_name_msgError svg{margin:0;} } @media(min-width:1024px){ .ecom_cart_empty svg{font-size:20rem;} .ecom_cart_empty span{margin-top:2rem;font-size:2.5rem;} .cart_provisionalTotal{display:none;} .cart_content{display:flex;margin:2rem auto;gap:0 2rem;align-items:flex-start;} .cart_listProduct{flex:1;} .cart_listProduct .btn{display:table;width:max-content;margin:2rem auto 0;padding:0.8rem 1.5rem;font-size:1.25rem;} .productCart{margin:0;} .productCart li{align-items:center;} .productCart_info{display:flex;flex-wrap:nowrap;flex:1;gap:0 0.3rem;align-items:center;} .productCart_info_name{padding-right:1rem;flex:1;} .productCart_info_price{position:relative;order:2;} .productCart_info_quantity{margin-left:auto;flex:0 0 90px;} .productCart_info_quantity_delete{flex:0 0 60px;align-content:inherit;} .productCart_info_price span{display:inline;margin-top:0.2rem;} .cart_contentSummary{padding:2rem;border:var(--border);border-radius:var(--radius);flex:0 0 35%;flex-direction:column;box-shadow:0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) ;} .ecom_cart_freeshipping{margin:var(--marginTopSection) 0 4rem;} .ecom_cart_addCoupon label{font-size:0.8125rem;} .cart_contentSummary_payments{margin:30px auto 0;} } @media(min-width:1440px){ .productCart_info{gap:0 1rem;} .productCart_info_price span:last-of-type{display:inline-block;font-size:1.5rem;} .cart_contentSummary{flex:0 0 370px;} .productCart_info_price{flex:0 0 155px;} .productCart_info_name small{margin-top:0.5rem;font-size:0.8125rem;line-height:1.4rem;} .productCart_info_name small.expand{height:45px;} .ecom_cart_addCoupon label{font-size:0.8125rem;} } /*================================================= FINE PAGINA CARRELLO =================================================*/ /*================================================= PAGINA CHECKOUT =================================================*/ .ecom_checkout{margin-bottom:1rem;} .ecom_checkout_detailcart{margin-bottom:2rem;} .ecom_checkout_detailcart h3{display:none;} .ecom_checkout_detailcart summary{background-color:var(--footer);display:flex;margin:0 -0.6rem;padding:0.5rem 0.6rem;border-bottom:var(--border);font-size:0.8125rem;align-items:center;gap:0 0.5rem;font-weight:600;} .ecom_checkout_detailcart[open] summary svg{transform:rotate(-180deg)} .ecom_checkout_detailcart summary svg{font-size:0.8125rem;} .ecom_checkout_detailcart summary strong{margin-left:auto;font-weight:600;font-size:1.5rem;} .ecom_checkout_listproduct{margin:0.5rem 0 0;overflow:visible;} .ecom_checkout_listproduct li{margin:0;padding:0.7rem 0;gap:0 0.8rem;} .ecom_checkout_listproduct img{width:80px;height:80px;} .ecom_checkout_listproduct picture{position:relative;} .ecom_checkout_listproduct picture:before{content:attr(data-quantity);background:var(--red);position:absolute;top:-7px;right:-7px;display:flex;width:22px;height:22px;color:#fff;border-radius:50%;font-size:0.8125rem;justify-content:center;align-items:flex-end;} .ecom_checkout_listproduct .productCart_info{display:flex;flex:1;align-items:center;} .ecom_checkout_listproduct .productCart_info_name{flex:1;font-weight:600;} .ecom_checkout_listproduct .productCart_info_price{display:flex;text-align:right;flex:0 0 99px;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-content:flex-end;} .ecom_checkout_summary{margin-top:1rem;padding-top:1rem;border-bottom:var(--border);} .ecom_checkout_summary .btn{margin:1rem 0 0;} .ecom_checkout_detailcart_nOrder{display:inline-block;margin:0.6rem 0.2rem 0 0;font-size:1rem;} .ecom_checkout_detailcart_status{background:#000000;display:inline-block;width:max-content;margin:0;padding:0.5rem 0.8rem;color:#fff;font-size:0.8125rem;text-align:center;border-radius:1rem} .ecom_checkout_detailcart_status.paid{background:var(--green);} #msgErrorRegister{width:100%;padding:0.8rem;margin:1rem 0 0;border-radius:var(--radius);opacity:1;transform:translateY(0);pointer-events:auto;background-color:#fef2f2;border:1px solid #ffc9c9;color:#c10007;} #listErrorRegister li{font-size:1rem;} .cart_content_form h4{margin-bottom:0.4rem;font-size:1.5rem;text-align:center;line-height:1.7rem;} .cart_content_form h4+.cart_content_form_linkLogin{margin-bottom:1rem;} .cart_content_form .form_input{margin-bottom:0.5rem;} .cart_content_form summary .form_input{font-weight:600;} .cart_content_form details[open] summary .form_input{margin-bottom:1.5rem;} .cart_content_form button{margin:1.5rem auto;width:100%;} .dataInvoice{margin-bottom:1rem;padding:0.8rem 0.6rem 0.4rem;border:var(--border);} .dataInvoice .form_contentFlex{display:none;margin-top:1.5rem;} .dataInvoice .form_input{display:flex;align-items:center;gap:0 .4rem;} .dataInvoice .form_input b{user-select:none;} .cart_content_form .btn{width:100%;margin-top:1.5rem;font-size:1rem;clear:both;} .cart_content_form_linkLogin{margin-top:0.6rem;text-align:center;font-size:0.8125rem;font-style:normal;} .cart_content_form_linkLogin a{text-decoration:underline;color:var(--blue);} .cart_content_form_linkresetpass{float:left;text-decoration:underline;font-style:normal;margin:1rem 0 2rem;font-size:1rem;color:var(--breadcrumbs);} .cart_content_form_linkresetpass:hover{color:var(--blue)} .cart_content_form_msgResetPass{background:#e3fff0;display:table;margin:0 auto;padding:0.3rem;border:var(--border);border-color:var(--green);color:var(--green);border-radius:var(--radius);font-size:0.8125rem;} .cart_content_form_linkcheckemail{font-size:0.8125rem;} .cart_content_form_linkcheckemail svg{margin-bottom:2rem;color:var(--green);margin-right:0.5rem;font-size:1.8rem} .cart_content_form_linkcheckemail a{text-decoration:underline;color:var(--primary)} .cart_content_form form p{margin-bottom:1rem;font-size:0.8125rem;} .cart_content_form_contentError{font-size:0.8125rem;} .cart_content_form_contentError strong{display:flex;gap:0 0.2rem;color:var(--red);font-size:1.25rem;align-items:center;} .cart_content_form_contentError svg{font-size:1.5rem;} .ecom_checkout_address h4{margin-bottom:0.4rem;font-size:1.5rem;line-height:1.7rem;} .ecom_checkout_address_list{position:relative;margin-bottom:1rem;} .ecom_checkout_address_list label{display:block;padding:0.8rem;border:var(--border);border-radius:var(--radius);cursor:pointer;line-height:1.3rem;} .ecom_checkout_address_list label:hover{border-color:var(--borderColor)} .ecom_checkout_address_list input{position:absolute;bottom:0;left:0.5rem;opacity:0;} .ecom_checkout_address_list input:checked+label{background-color:#f2f8fe;border-color:var(--blue);} .ecom_checkout_address_list span{display:block;font-size:0.8125rem;color:var(--grey);} .ecom_checkout_address_list strong{display:block;margin-bottom:0.4rem;font-size:1rem;} .ecom_checkout_address_add{display:flex;text-decoration:underline;font-size:0.8125rem;font-weight:600;align-items:center;} .ecom_checkout_address_add:hover{color:var(--blue)} .ecom_checkout_address_add svg{margin-right:0.3rem;font-size:1rem;} #templateAddress{display:none;} .ecom_checkout_addressInvoice{margin-top:2rem;} .ecom_checkout_addressInvoice h4{margin-bottom:1rem;font-size:1.5rem;line-height:1.7rem;} .ecom_checkout_addressInvoice details[open] summary{margin-bottom:1rem;} .ecom_checkout_addressInvoice summary{display:block;} .ecom_checkout_addressInvoice summary label{display:flex;padding:1rem;border:var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:0 1rem;} .ecom_checkout_addressInvoice input{width:18px;height:18px;} .ecom_checkout_couriers{margin-top:2rem;} .ecom_checkout_couriers h4{margin-bottom:1rem;font-size:1.5rem;line-height:1.7rem;} .ecom_checkout_couriers_list:first-of-type label{border-top:var(--border);border-radius:var(--radius) var(--radius) 0 0;} .ecom_checkout_couriers_list:last-of-type label{border-top:0;border-radius:0 0 var(--radius) var(--radius);} .ecom_checkout_couriers_list:only-of-type label {border-top:var(--border);border-radius:var(--radius);} .ecom_checkout_couriers_list label{display:flex;padding:1rem;border:var(--border);border-top:0;cursor:pointer;align-items:center;gap:0 1rem;} .ecom_checkout_couriers_list input{width:18px;height:18px;} .ecom_checkout_couriers_list span{margin-left:auto;font-size:1rem;} .ecom_checkout_address_list input:checked+label{background-color:#f2f8fe;border-color:var(--blue);} .ecom_checkout_addresscouriers .btn{width:max-content;margin:1rem auto;padding:0.6rem 1.5rem;} .ecom_checkout_addresscouriers_backCart{display:table;margin:0.6rem auto 0;text-decoration:underline;} .ecom_checkout_addresscouriers_backCart:hover{color:var(--blue)} .ecom_checkout_addresscouriers_backCart svg{margin-right:0.3rem;} .ecom_checkout_addresscouriers h1{margin-bottom:2rem;} .ecom_checkout_payment{margin-top:2rem;} .ecom_checkout_payment h4{font-size:1.5rem;line-height:1.7rem;} .ecom_checkout_payment h4+span{display:block;margin:0.5rem 0 1rem;font-size:0.8125rem;color:var(--grey)} .ecom_checkout_payment_list label svg{width:45px;} .ecom_checkout_payment_list:first-of-type label{border-top:var(--border);border-radius:var(--radius) var(--radius) 0 0;} .ecom_checkout_payment_list:last-of-type label{border-top:0;border-radius:0 0 var(--radius) var(--radius);} .ecom_checkout_payment_list:only-of-type label {border-top:var(--border);border-radius:var(--radius);} .ecom_checkout_payment_list label{display:flex;padding:1rem;border:var(--border);border-top:0;cursor:pointer;align-items:center;gap:0 1rem;} .ecom_checkout_payment_list input{width:18px;height:18px;} .ecom_checkout_payment_list span{margin-left:auto;font-size:1rem;} .ecom_checkout_customizations{margin-top:2rem;} .ecom_checkout_customizations h4{font-size:1.5rem;line-height:1.7rem;} .ecom_checkout_customizations h4+span{display:block;margin:0.5rem 0 1rem;font-size:0.8125rem;color:var(--grey)} .ecom_checkout_customizations .form_input{margin-bottom:0.5rem;} .ecom_checkout_note{margin-top:2rem;} .ecom_checkout_note h4{font-size:1.5rem;line-height:1.7rem;} .ecom_checkout_note h4+span{display:block;margin:0.5rem 0 1rem;font-size:0.8125rem;color:var(--grey)} .ecom_checkout_note textarea{display:block;width:100%;height:99px;padding:0.6rem 0.6rem 0;border:var(--border);border-radius:var(--radius);font-size:1rem;} .ecom_typ{margin:1rem auto;} .ecom_typ h1{margin-bottom:0.5rem;text-align:center;} .ecom_typ>p{text-align:center;} .ecom_typ_payment{margin-top:1rem;padding:0.8rem;border:var(--border);border-radius:var(--radius);font-size:1.25rem;} .ecom_typ_payment strong{display:block;} .ecom_typ_payment span{display:block;font-size:1rem;} .ecom_typ_payment p{margin-top:0.5rem;font-size:0.8125rem;} .ecom_typ_payment>div{margin-bottom:0.5rem;} .ecom_typ_payment .btn{width:100%;margin-bottom:0.5rem;font-size:0.8125rem;} .ecom_typ_payment #errorPay{display:none;} .paypal{max-widtH:470px;margin:1rem auto 0;} .paypal strong{margin-bottom:0.5rem;text-align:center;} @media(min-width:768px){ .ecom_checkout_detailcart summary{font-size:1rem;} .form_contentFlex{display:flex;flex-wrap:wrap;justify-content:space-between;} .form_contentFlex .form_input{flex:0 0 49%;} .form_contentFlex .email,.dataInvoice,.cart_content_form .checkbox{flex:0 0 100%;} .cart_content_form .btn{width:250px;} .ecom_checkout_customizations_flex{display:flex;gap:0 0.5rem;justify-content:space-between;} .ecom_checkout_customizations_flex .form_input{margin-bottom:0;flex:1;} } @media(min-width:1024px){ .ecom_checkout_addresscouriers h1{margin-bottom:1.5rem;} .ecom_checkout{display:flex;margin:2rem auto;gap:0 2rem;justify-content:space-between;align-items:flex-start;} .cart_content_form{flex:1;max-width:600px;} .ecom_checkout_detailcart{margin:0;padding:2rem;border:var(--border);border-radius:var(--radius);order:1;flex:0 0 40%;box-shadow:0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);} .ecom_checkout_detailcart summary{display:none;} .ecom_checkout_detailcart::details-content{content-visibility:visible;} .ecom_checkout_detailcart .ecom_checkout_summary{margin-top:3rem;padding:3rem 0 0;} .ecom_checkout_summary{border:0;border-top:var(--border);border-radius:0;box-shadow:none;} .ecom_checkout_addresscouriers{flex:1;} .ecom_checkout_addresscouriers .btn{background:var(--green);margin:2rem auto 0;padding:0.8rem 1.5rem;font-size:1.25rem;} .ecom_typ_payment strong{font-size:1.5rem;} .ecom_typ_payment span{font-size:1rem;} .ecom_typ_payment b{font-size:1.25rem;} .ecom_typ_payment p{font-size:1rem;line-height:1.5rem;} .ecom_checkout_detailcart_nOrder{margin:0 0.2rem 1rem;font-size:1.25rem;} } @media(min-width:1440px){ .ecom_checkout{gap:0 4rem;} .ecom_checkout_detailcart{flex:0 0 500px;} .cart_content_form h4{margin-bottom:1.5rem;font-size:1.9rem;line-height:2.5rem;} .ecom_checkout_listproduct li{padding:1rem 0;gap:0 0.4rem;border-bottom:0;} .ecom_checkout_listproduct .productCart_info_name{padding:0;font-size:1rem;line-height:1.4rem;} .ecom_checkout_listproduct .productCart_info_name small{margin-top:0;font-size:0.8125rem;line-height:1.2rem;} .ecom_checkout_listproduct .productCart_info_name small.expand{height:39px;} .cart_content_form_linkcheckemail,.cart_content_form_linkLogin,.cart_content_form form p{font-size:1rem;} .ecom_checkout_couriers{margin-top:2rem;} .ecom_checkout_addresscouriers{flex:0 0 700px;} .ecom_checkout_payment{margin-top:2rem;} /* .ecom_checkout_payment h4+span{margin-bottom:1rem;font-size:1rem;} */ } /*================================================= FINE PAGINA CHECKOUT =================================================*/ /*================================================= PAGINA THANKUPAGE =================================================*/ .ecom_thankupage .ecom_thankupage_txt{margin-bottom:1.5rem;flex:0 0 100%;} .ecom_thankupage .ecom_thankupage_txt>svg{display:block;margin:0 auto 1rem;float:none;font-size:4rem;color:var(--green);} .ecom_thankupage .ecom_order_summary{flex:0 0 50%;padding:1.5rem} .ecom_thankupage .ecom_order_summary h3{margin-bottom:1rem;} .ecom_thankupage .ecom_order_summary>span{display:block;} .ecom_thankupage .ecom_order_advantages{margin:2rem 0;font-size:1.25rem;color:var(--green);font-weight:600;} .ecom_thankupage .ecom_order_advantages_list li{margin-bottom:2.5rem;font-size:1rem;} .ecom_thankupage .ecom_order_advantages_list svg{margin-top:.5rem;margin-right:1rem;font-size:2.0625rem;color:var(--primary);} .ecom_thankupage .ecom_order_advantages_list span{display:block;padding-left:3rem;margin-top:.3rem;font-size:1rem;} .ecom_thankupage .ecom_checkout_detailcart_nOrder{display:none;} .ecom_thankupage .ecom_order_summary_btn{background:var(--green);border:0;padding:1rem 1.5rem;margin:0 auto;margin-top:1.5rem;color:var(--white);width:max-content;display:block;font-size:1rem;} .ecom_thankupage .ecom_order_summary_btn:hover{opacity:0.8;} .ecom_thankupage .ecom_order_summary_btn svg{float:right;transform:rotate(180deg);font-size:1.5rem;margin-left:1.3rem;} .ecom_thankupage .ecom_thankupage_footer{flex:0 0 100%;order:3;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2rem;margin:2rem 0;} .ecom_thankupage .ecom_thankupage_footer a{display:block;width:max-content;border:1px solid var(--primary);color:var(--primary);font-weight:200;min-width:14rem;text-align:center;} .ecom_thankupage .ecom_thankupage_footer a:hover{color:var(--white);background:var(--primary);} .ecom_thankupage .ecom_thankupage_footer a svg{margin:0 .5rem 0 0;} .ecom_thankupage .ecom_thankupage_footer_invoice{color:var(--white)!important;background:var(--primary);} .ecom_thankupage .ecom_thankupage_footer_invoice:hover{opacity:0.8;} .ecom_thankupage .ecom_thankupage_footer_invoice svg{float:right;} .ecom_thankupage_summary{margin-top:1rem;border-top:1px solid var(--borderColor);padding:2rem 0 0;} .ecom_thankupage_discount,.ecom_thankupage_total{display:block;padding-top:0;padding-bottom:2rem;font-size:1rem;} .ecom_thankupage_discount_name{display:inline-block;width:max-content;margin-left:.5rem;font-size:1rem;} .ecom_thankupage_discount_value,.ecom_thankupage_total strong{float:right;font-size:1.25rem;} .ecom_thankupage_total{border-top:0;padding:0;} .ecom_thankupage_total strong{font-size:1.5rem;} @media(min-width:1024px){ .ecom_thankupage .ecom_checkout_detailcart_nOrder{display:block;} .ecom_thankupage .ecom_order_summary_btn{margin:0;margin-top:1.5rem;} } /*================================================= FINE PAGINA THANKUPAGE =================================================*/ /*================================================= PAGINA LOGIN =================================================*/ .ecom_login{margin:1rem auto;} .ecom_login .form_input{margin-bottom:0.5rem;} .ecom_login .btn{margin:1.5rem auto 0;} @media(min-width:1024px){ .ecom_login .cart_content_form{box-shadow:0 4px 9px 0 rgba(0, 0, 0, 0.10);margin:3rem auto;border-radius:var(--radius);padding:3rem;} } /*================================================= FINE PAGINA LOGIN =================================================*/ /*================================================= PAGINA ORDINE =================================================*/ .ecom_order{margin:1rem auto;} .ecom_order_txt{margin-bottom:1.5rem;flex:0 0 100%;} .ecom_order_txt>svg{display:block;margin:0 auto 2rem;float:none;font-size:5rem;color:var(--green);} .ecom_order h1{margin-bottom:0.4rem;font-size:1.5rem;text-align:center;} .ecom_order h1+p{text-align:center;line-height:1.4rem;font-size:0.8125rem;} .ecom_order_addressInvoiceShipment{margin-bottom:2rem;flex:0 0 100%;} .ecom_order_addressInvoiceShipment h4{margin-bottom:0.5em;font-size:1.5rem;} .ecom_order_addressInvoiceShipment_adressInvoice{margin-bottom:1rem;} .ecom_order_addressInvoiceShipment_adressInvoice strong{display:block;margin-bottom:0.2rem;font-size:1rem;} .ecom_order_addressInvoiceShipment_adressInvoice span{display:block;margin-bottom:0.2rem;font-size:0.8125rem;color:var(--grey);} .order_paymentType>span{display:block;margin:0.5rem 0;text-align:center;} .order_paymentType_payment{margin-bottom:0.8rem;padding:0.8rem;border:var(--border);border-radius:var(--radius);line-height:1.6rem;} .order_paymentType_payment strong{display:block;margin-bottom:0.4rem;font-size:1rem;} .order_paymentType_payment span{display:block;color:var(--grey);} .order_paymentType_payment .btn{width:100%;margin-bottom:0.5rem;} .order_paymentType_payment p{margin-top:1rem;line-height:1.3rem;font-size:1rem;} .order_paymentType_payment:nth-child(2) p{margin-top:0;line-height:1.6rem;} .order_paymentType_payment_paypalCard .btn{background:var(--black);font-size:1rem;} .order_paymentType_payment #googleButtons{height:48px!important;} .gpay-card-info-container.gpay-card-info-custom-radius, .gpay-button.gpay-card-info-custom-radius{border-radius:5px!important;} .paypal-button-text.true{font-size:1rem!important;} .ecom_order_customfield{margin-bottom:1rem;} .ecom_order_customfield div span{display:block;margin-bottom:0.2rem;font-size:0.8125rem;color:var(--grey);} @media(min-width:1024px){ .ecom_order{display:flex;margin:2rem auto;gap:0 2rem;flex-wrap:wrap;justify-content:center;align-items:flex-start;} .ecom_order_addressInvoiceShipment{flex:1;} .ecom_order h1{font-size:2.5rem;} .ecom_order h1+p{font-size:1rem;} .ecom_order_txt{margin:1rem 0 3rem;} .ecom_order_addressInvoiceShipment_flex{display:flex;margin-top:2rem;gap:0 1rem;justify-content:space-between;} .ecom_order_addressInvoiceShipment_adressInvoice{border:0;padding:0;} .ecom_order_addressInvoiceShipment_adressInvoice h4{font-size:1rem;} } @media(min-width:1440px){ .ecom_order{gap:2rem 4rem;} .ecom_order_content{gap:0 4rem;} .ecom_order_addressInvoiceShipment{flex:0 0 600px;} .ecom_order_addressInvoiceShipment_flex{margin-top:3rem;} .ecom_order_addressInvoiceShipment_adressInvoice label{line-height:1.6rem;} .ecom_order_addressInvoiceShipment_adressInvoice h4{font-size:1.5rem;line-height:1.8rem;} .ecom_order_addressInvoiceShipment_adressInvoice strong,.ecom_order_addressInvoiceShipment_adressInvoice span{font-size:1rem;} .ecom_order_customfield div span{font-size:1rem;} } /*================================================= FINE PAGINA ORDINE =================================================*/ /*================================================= PAGINA DASHBOARD =================================================*/ .ecom_dashboard{margin:1rem auto;} .ecom_dashboard h1{margin-bottom:0.8rem;} .ecom_dashboard_menu{background:#fff;position:fixed;bottom:0;left:0;width:100%;border-top:var(--border);box-shadow:0 2px 8px rgba(0,0,0,0.4);z-index:9;} .ecom_dashboard_menu ul{display:flex;} .ecom_dashboard_menu li{flex:1 1 0;} .ecom_dashboard_menu li.active a:after{content:'';background-color:var(--primary);position:absolute;top:4px;left:50%;width:43px;height:43px;border-radius:50%;transform:translate(-50%,0);z-index:-1;} .ecom_dashboard_menu li.active a{color:#fff;} .ecom_dashboard_menu a{display:flex;position:relative;padding:0.6rem 0;text-indent:-99999px;justify-content:center;} .ecom_dashboard_menu svg{font-size:2.0625rem;} .ecom_dashboard_menu_logout{display:none;} @media(min-width:1024px){ .ecom_dashboard_menu_logout{display:block;} } .dashboard_alert{display:block;background:var(--bg_warning);padding:20px;border-radius:8px;font-weight:400;border:var(--warning);} .dashboard_alert svg{margin-right:8px;} .dashboard_alert a{text-decoration:underline;} /*gestione account*/ .dashboard_accountSettings{margin-bottom:1rem;} .dashboard_accountSettings details{margin-top:1rem;padding:1rem;border:var(--border);border-radius:var(--radius);} .dashboard_accountSettings summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;} .dashboard_accountSettings form{display:flex;margin-top:1rem;flex-wrap:wrap;gap:0.5rem 0;} .dashboard_accountSettings .form_input{flex:100%} .dashboard_accountSettings_access{display:flex;flex-wrap:wrap;flex:0 0 100%;justify-content:space-between;gap:0.5rem 0;} .dashboard_accountSettings_box{display:flex;margin-top:1rem;flex-wrap:wrap;gap:0.8rem 0;} .dashboard_accountSettings_box li{border:var(--border);border-radius:var(--radius);flex:100%;} .dashboard_accountSettings_box li:hover{border-color:var(--blue);} .dashboard_accountSettings_box li a{display:flex;padding:1rem;align-items:center;gap:0 0.5rem;} .dashboard_accountSettings_box li a:hover{color:var(--blue)} .dashboard_accountSettings_box svg:first-of-type{font-size:2.0625rem;} .dashboard_accountSettings_box svg:last-of-type{margin-left:auto;} #msgConfirm{margin:0.5rem 0;flex:0 0 100%} #msgConfirm span{background:#e3fff0;display:table;margin:0 auto;padding:0.3rem;border:var(--border);border-color:var(--green);color:var(--green);border-radius:var(--radius);font-size:0.8125rem;} #msgConfirmError{margin:0.5rem 0;flex:0 0 100%} #msgConfirmError ul{background-color:#ffeff1;display:table;margin:0 auto;padding:0.3rem;border:1px solid;border-radius:var(--radius);border-color:var(--red);color:var(--red);} #msgConfirmError li{font-size:0.8125rem;line-height:1.5rem;} #datasummary .btn{margin:0 auto;} /*indirizzi*/ .dashboard_accountSettings_address{display:grid;margin-top:1rem;grid-template-columns:repeat(1, minmax(0, 1fr));gap:15px;align-items:center;} .dashboard_accountSettings_address_item{position:relative;display:block;min-height:100%;border:var(--border);padding:0.8rem;border-radius:var(--radius);} .dashboard_accountSettings_address_item strong{display:block;} .dashboard_accountSettings_address_item span{font-size:0.8125rem;} .dashboard_accountSettings_address_item .dashboard_accountSettings_address_item_labeldefault{background-color:var(--green);float:right;padding:0.1rem 0.4rem;border-radius:var(--radius);color:#fff;font-size:0.8125rem;} .dashboard_accountSettings_address_item[data-default="0"] .dashboard_accountSettings_address_item_labeldefault{display:none;} .dashboard_accountSettings_address_item[data-default="1"]{background-color:#f2f8fe;border-color:var(--blue);} .dashboard_accountSettings_address_item ul{margin-top:0.3rem;} .dashboard_accountSettings_address_item li{margin:0.3rem 0;} .dashboard_accountSettings_address_setting{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.4rem;align-items:center;} .dashboard_accountSettings_address_setting span:last-of-type{font-size:0.8rem} .dashboard_accountSettings_address_setting span.deleteAddress{color:var(--red);cursor:pointer;} .dashboard_accountSettings_address_popup{position:fixed;top:50%;left:50%;max-width:500px;width:94%;border:var(--border);border-radius:8px;transform:translate(-50%, -50%);} .dashboard_accountSettings_address_popup::backdrop{background:#0000004d;} .dashboard_accountSettings_address_item.addAddress{display:flex;justify-content:center;align-items:center;border:2px dashed var(--borderColor);font-size:1rem;cursor:pointer;} .dashboard_accountSettings_address_item.addAddress:hover{border:2px dashed var(--blue);color:var(--blue);} .dashboard_accountSettings_delAccount{display:table;margin-top:1rem;font-size:0.8125rem;text-decoration:underline;color:var(--grey)} .dashboard_accountSettings_delAccount:hover{color:var(--red)} /*elenco ordini*/ .ecom_dashboard_listorders_header{position:relative;margin-bottom:1.5rem;padding-bottom:0.5rem;border:var(--border);border-radius:var(--radius);font-size:0.8125rem;} .ecom_dashboard_listorders_header_nOrder{background:var(--greyLight);margin-bottom:0.5rem;padding:0.5rem;border-radius:var(--radius) var(--radius) 0 0;line-height:0.9rem;} .ecom_dashboard_listorders_header_nOrder .deleteOrder{display:block;color:var(--grey);font-weight:normal;font-size:0.8125rem;text-decoration:underline;font-size:0.8125rem;} .ecom_dashboard_listorders_header_nOrder strong{display:none;} .ecom_dashboard_listorders_header_date,.ecom_dashboard_listorders_header_Tot{margin-bottom:0.4rem;padding:0 0.5rem;} .ecom_dashboard_listorders_header_date strong,.ecom_dashboard_listorders_header_Tot strong{display:inline-block;margin-right:0.5rem;font-size:0.8125rem;} .ecom_dashboard_listorders_header_paid{display:flex;margin-top:1rem;margin-left:0.5rem;align-items:center;gap:0.5rem;} .ecom_dashboard_listorders_header_paid span{display:block;width:max-content;padding:0.5rem 0.8rem;border-radius:1rem;color:#fff;font-size:0.8125rem;} .ecom_dashboard_listorders_header_paid a:not(.ecom_dashboard_listorders_header_paid .btn){text-decoration:underline;} .ecom_dashboard_listorders_header_paid .paid{background-color:var(--green);} .ecom_dashboard_listorders_header_vieworder{position:absolute;top:0;right:0;display:flex;width:100%;height:100%;padding:0 0.2rem;justify-content:flex-end;align-items:center;font-size:1.25rem;} .ecom_dashboard_listorders_header_vieworder svg{margin-top:1rem;} .ecom_dashboard_listorders_product{display:none;padding:1rem 0;border-bottom:var(--border);align-items:center;gap:0 0.5rem;} .ecom_dashboard_listorders_product_photo img{width:80px;height:80px;border-radius:var(--radius);} .ecom_dashboard_listorders_product_name{font-size:1rem;flex:1 1 0;line-height:1.3rem;} .ecom_dashboard_listorders_product_name_variant{display:block;font-size:0.8125rem;color:var(--grey);overflow:hidden;line-height:1.1rem;} .ecom_dashboard_listorders_product_name_variant.expand{height:38px} .ecom_dashboard_listorders_product_name_variant_moredetail{display:flex;font-size:0.8125rem;gap:0 0.2rem;align-items:center;cursor:pointer;line-height:1rem;} .ecom_dashboard_listorders_product_name_variant.expand + .ecom_dashboard_listorders_product_name_variant_moredetail:after{content:'<';font-size:1.5rem;transform:rotate(-90deg);} .ecom_dashboard_listorders_product_name_variant + .ecom_dashboard_listorders_product_name_variant_moredetail:after{content:'<';font-size:1.5rem;transform:rotate(90deg);} .ecom_dashboard_listorders_product_name_date{display:block;margin-top:0.2rem;font-size:0.8125rem;color:var(--grey);} .ecom_dashboard_listorders_product_btn{text-indent:-99999px;} .ecom_dashboard_listorders_product_name_labelpaid{display:block;width:max-content;padding:0.1rem 0.3rem;border-radius:1rem;color:#fff;font-size:0.8125rem;} .ecom_dashboard_listorders_product_name_labelpaid.paid{background-color:var(--green);} .ecom_dashboard_listorders_product_name_labelpaid.noPaid{background-color:var(--grey);} /*elenco fatture*/ .dashboard_invoice_table{margin-top:1rem;overflow:hidden;overflow-x:auto;} .dashboard_invoice_table table{width:100%;border-collapse:collapse;white-space:nowrap;} .dashboard_invoice_table th {background-color:var(--greyLight);padding:0.5rem;text-align:left;} .dashboard_invoice_table td {border-top:var(--border);padding:0.5rem;font-size:1rem;} .dashboard_invoice_table a {color:var(--blue);} .dashboard_invoice_table a:hover {text-decoration:underline;} /*Corsi acquistati*/ .dashboard_courses_nav{display:flex;flex-wrap:nowrap;align-items:center;gap:0 15px;margin:0 0 35px;text-align:center;} .dashboard_courses_nav .navBtn{padding:9px 14px;border-radius:8px;font-size:1rem;cursor:pointer;} .dashboard_courses_nav .navBtn.active{background:var(--primary);color:#fff;font-weight:400;} .dashboard_courses_section{display:flex;align-items:center;gap:0 15px;margin:10px 0;border-bottom:1px solid #ddd;padding:15px 0;user-select:none;} .dashboard_courses_section img{display:none;} .dashboard_courses_section b{display:block;} .dashboard_courses_title{flex:1 1 0;} .dashboard_courses_assegnation{text-align:center;flex:1 1 0;} .dashboard_courses_assegnation b{margin-top:7px;} .dashboard_courses_login{width:max-content;min-width:130px;text-align:center;} .dashboard_courses_login .btn1{font-size:0.8125rem;padding:0.7rem;} .dashboard_courses_login .btn1 svg{float:right;margin-left:10px;margin-top:1px;font-size:1rem;} .dashboard_courses_login_expiry{background-color:#ffeff1;margin:0 auto;padding:0.5rem;border:1px solid;border-radius:var(--radius);border-color:var(--red);color:var(--red);font-size:0.8125rem;} .dashboard_courses_login_notExpiry{background-color:#f1ffef;margin:0 auto;padding:0.5rem;border:1px solid;border-radius:var(--radius);border-color:var(--green);color:var(--green);font-size:0.8125rem;} .dashboard_courses_progressBar{width:80px;height:80px;border-radius:50%;display:flex;justify-content:center;align-items:center;} .dashboard_courses_progressBar_circle{position:absolute;width:calc(100px - 30px);height:calc(100px - 30px);border-radius:50%;background-color:#fff;} .dashboard_courses_progressBar_percentage{position:relative;font-size:1rem;} .dashboard_activateCourse_course{display:block;margin:15px 0;border-bottom:1px solid #ccc;padding-bottom:20px;} .dashboard_activateCourse_course:last-child{border-bottom:none} .dashboard_activateCourse_course b{display:block;margin-bottom:12px;} .dashboard_activateCourse_course select{padding:7px 9px;border-radius:5px;margin-left:5px;border:1px solid #ccc;} .dashboard_activateCourse_msg{background:#f0f6ff;padding:15px;margin:15px auto;border-radius:8px;border:1px solid #5a9eff;color:var(--black);font-size:1rem;} .dashboard_activateCourse_msg.error{background:#fff0f0;border:1px solid var(--red)} .dashboard_activateCourse_course .formTrainee{display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));gap:10px;margin:30px 0 5px;} .dashboard_activateCourse_course .formTrainee label{position:relative;display:inline-block;} .dashboard_activateCourse_course .formTrainee em{position:absolute;top:4px;left:10px;font-size:1rem;font-style:normal;} .dashboard_activateCourse_course .formTrainee input,.dashboard_activateCourse_course .formTrainee select{border-radius:5px;width:100%;border:1px solid #ccc;padding:25px 10px 6px 12px;font-size:1rem;} .dashboard_activateCourse_course .formTrainee select{padding:0 6px;height:53px;margin:0;} .dashboard_activateCourse_course .formTrainee .btn{grid-column-start:1;margin:0 auto;border-radius:5px;padding:9px 50px;} .dashboard_activateCourse_course .msg_success{display:block;border:1px solid var(--green);border-radius:8px;padding:15px;font-size:1rem;line-height:23px;background:#f7fff04d;} #dashboard_confirmDialog{padding:1rem;} #dashboard_confirmDialog h3{color:var(--primary);text-align:center;} .dashboard_confirmDialog_footer{display:flex;align-items:center;justify-content:center;gap:2.5rem;margin-top:1rem;} .dashboard_confirmDialog_footer a{text-decoration:underline;cursor:pointer;} .dashboard_confirmDialog_footer .btn1{padding:0.7rem 0;font-size:1rem;width:6rem;border-radius:5px;} @media(min-width:768px){ .dashboard_courses_nav{gap:0 25px;} .dashboard_courses_section img{display:block;border-radius:8px;} .dashboard_activateCourse_course .formTrainee{grid-template-columns:repeat(2, minmax(0, 1fr));} .dashboard_activateCourse_course .formTrainee .btn{grid-column:span 2 / span 2;} } @media(min-width:1024px){ .ecom_dashboard{display:flex;padding:1rem 0.6rem;gap:0 2rem;} .ecom_dashboard_menu{background:none;position:relative;padding-right:0.6rem;border:0;border-right:var(--border);flex:0 0 270px;box-shadow:none;} .ecom_dashboard_menu ul{display:block;} .ecom_dashboard_menu li{margin-bottom:0.6rem;} .ecom_dashboard_menu li:not(.ecom_dashboard_menu_logout):hover a{background:#f5f5f5;border-radius:var(--radius);} .ecom_dashboard_menu li.ecom_dashboard_menu_logout:hover a{color:var(--red);} .ecom_dashboard_menu a{padding:0.6rem;gap:0 0.5rem;text-indent:0;justify-content:flex-start;font-size:1rem;} .ecom_dashboard_menu li.active a{background:#f5f5f5;border-radius:var(--radius);color:var(--primary);} .ecom_dashboard_menu li.active a:after{display:none;} /*elenco ordini*/ .dashboard_accountSettings{flex:1;} .ecom_dashboard_listorders{margin-bottom:1rem;border:var(--border);border-radius:var(--radius);} .ecom_dashboard_listorders_header{background:var(--greyLight);display:flex;margin:0;padding:0.5rem;border:0;border-radius:var(--radius) var(--radius) 0 0;justify-content:space-between;align-items:center;} .ecom_dashboard_listorders_header div{font-size:0.8125rem;line-height:1rem;} .ecom_dashboard_listorders_header strong{display:block;color:var(--grey);} .ecom_dashboard_listorders_header a{text-decoration:underline;} .ecom_dashboard_listorders_header a:hover{color:var(--blue)} .ecom_dashboard_listorders_header_paid{margin:0;text-align:center;} .ecom_dashboard_listorders_header_paid .noPaid{padding:0.6rem 1rem;text-decoration:none;font-size:0.9rem} .ecom_dashboard_listorders_header_paid .noPaid:hover{color:#fff;} .ecom_dashboard_listorders_header_vieworder{display:none;} .ecom_dashboard_listorders_header_date, .ecom_dashboard_listorders_header_Tot{padding:0;} .ecom_dashboard_listorders_header_nOrder{margin:0;padding:0;font-weight:normal;} .ecom_dashboard_listorders_product{display:flex;border:0;padding:0.5rem;} .ecom_dashboard_listorders_product_btn{display:none;} .ecom_dashboard_listorders_product_btn svg{display:none;} .ecom_dashboard_listorders_product_name{font-size:1.25rem;} .ecom_dashboard_listorders_product_name_date{display:none;} .ecom_dashboard_listorders_product_name_labelpaid{display:none;} .ecom_dashboard_listorders_product_name_variant{margin-bottom:0.3rem;font-size:0.8125rem;line-height:1.2rem;} /*gestione account*/ #datasummary.form{display:flex;flex-wrap:wrap;justify-content:space-between;} #datasummary .form_input{flex:0 0 49%;} #datasummary strong{display:block;} .dashboard_accountSettings_access .form_input{flex:0 0 49%} .dashboard_accountSettings_access .form_input:first-of-type{flex:0 0 100%!important} .dashboard_activateCourse_course .formTrainee{grid-template-columns:repeat(3, minmax(0, 1fr));} .dashboard_activateCourse_course .formTrainee .btn{grid-column:span 3 / span 3;} /*SEZIONE INDIRIZZI*/ .dashboard_accountSettings_address{grid-template-columns:repeat(2, minmax(0, 1fr));} } /*================================================= FINEPAGINA DASHBOARD =================================================*/ /*================================================= PAGINA RESET PASSWORD =================================================*/ .ecom_resetPass{margin:1rem auto;} .ecom_resetPass h4 {margin-bottom:0.4rem;font-size:1.5rem;text-align:center;line-height:1.7rem;} .ecom_resetPass .form_input{margin-bottom:0.5rem;} .ecom_resetPass .btn {width:100%;margin:1.5rem auto 0;font-size:1rem;clear:both;} @media(min-width:1024px){ .ecom_resetPass{max-width:570px;margin:2rem auto;} } /*================================================= FINE PAGINA RESET PASSWORD =================================================*/ /*================================================= PAGINA PRIVACY =================================================*/ .ecom_pagePolicy{margin:1.5rem auto;} .ecom_pagePolicy h1{margin-bottom:0.5rem;line-height:1.6rem;text-align:center;color:var(--primary);} .ecom_pagePolicy h2{margin:1.5rem 0 9px 0;color:var(--primary);} .ecom_pagePolicy h3{margin:1.5rem 0 9px 0;font-size:1.5rem;color:var(--primary);} .ecom_pagePolicy h4{margin:1.5rem 0 9px 0;color:var(--primary);} .ecom_pagePolicy a{text-decoration:underline;} .ecom_pagePolicy p{font-size:1rem;line-height:1.8rem;overflow:hidden;} .ecom_pagePolicy li{position:relative;margin:7px 0;padding-left:25px;font-size:1rem;line-height:1.6rem;} .ecom_pagePolicy ul li:before{content:"";position:absolute;top:8px;left:0;display:block;background-color:var(--primary);border-radius:50%;width:9px;height:9px;} .ecom_pagePolicy ol {counter-reset:li;} .ecom_pagePolicy ol li:before{counter-increment:li;content:counters(li, ".") ".";position:absolute;top:0;left:0;color:var(--black);font-weight:600;} .ecom_pagePolicy li a{display:inline-block;margin:0;} .ecom_pagePolicy li ol{list-style:lower-latin;} #cookies h1{margin:2rem 0;} @media(min-width:1024px){ .ecom_pagePolicy h1{margin-bottom:1rem;font-size:2.0625rem;line-height:2.6rem;} .ecom_pagePolicy p,.ecom_pagePolicy li{font-size:1rem;} .ecom_pagePolicy h3{font-size:1.5rem;} } /*================================================= FINE PAGINA PRIVACY =================================================*/ /*================================================= PAGINA CONTATTI =================================================*/ /*.contacts a{color:var(--primary);text-decoration:underline;} .contacts h3{text-align:center;color:var(--primary);} .contacts_header{background:url(/media/contacts.jpg) no-repeat center;width:100%;background-size:cover;padding:130px 0;margin-bottom:2rem;color:#fff;} .contacts_header h2{font-size:1.25rem;margin-top:0.5rem;font-weight:100;} .contacts_formInfo{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem 0;margin:2rem auto 3rem;} .contacts_form{flex:0 0 100%;} .contacts_form .form_input{margin-bottom:0.5rem;} .contacts_form textarea{display:block;width:100%;height:100px;margin-bottom:1rem;padding:0.6rem 0.6rem 0;border:var(--border);font-size:1rem;resize:none;outline:none;} .contacts_form .btn1{display:block;text-align:center;margin:1rem auto 0;padding:10px 50px;font-size:1rem;text-transform:uppercase;} .contacts_info li{display:flex;flex-wrap:nowrap;align-items:center;gap:0.5rem;margin-top:1rem;border-bottom:1px solid #d1d1d1;padding-bottom:1rem;} .contacts_info li svg{width:25px;height:25px;color:var(--primary);} .contacts_info li:last-of-type{border-bottom:none;padding-bottom:0} .contacts_info li:last-of-type svg{width:30px;height:30px;margin-left:-1px;} @media(min-width:1024px){ .contacts_form{flex:0 0 40%;} .contacts_info{flex:0 0 50%;} }*/ .contacts {background:var(--white);color:var(--black);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:clip;} .contacts section {padding-block:clamp(2.25rem, 5vw, 4rem);} .contacts .contacts_wrap {max-width:1440px;margin-inline:auto;padding-inline:clamp(1.25rem, 4vw, 2.5rem);} .contacts_marker {background:url("/media/evidenziatore.png") no-repeat center / 100% 100%;padding:0.06em 0.4em;margin-inline:-0.12em;-webkit-box-decoration-break:clone;box-decoration-break:clone;} .contacts_underline {background:url("/media/sottolineatura.png") no-repeat left bottom / 100% 0.34em;padding-bottom:0.16em;-webkit-box-decoration-break:clone;box-decoration-break:clone;} .contacts_arrows {display:block;height:auto;} .contacts_kicker {display:inline-flex;align-items:center;gap:0.5rem;font-size:0.8125rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--primary);margin:0 0 1rem;} .contacts_kicker::before {content:"";width:1.6rem;height:4px;background:var(--gold);} .contacts h2 {font-size:clamp(1.6rem, 1.2rem + 2vw, 2.4rem);line-height:1.18;letter-spacing:-0.02em;margin:0 0 1.25rem;max-width:28ch;} .contacts h3 {letter-spacing:-0.01em;} .contacts p {margin:0 0 1em;max-width:64ch;font-size:1rem;} .contacts a {color:var(--primary);text-underline-offset:2px;text-decoration: underline;} .contacts a:focus-visible {outline:3px solid var(--primary);outline-offset:3px;border-radius:2px;} .contacts_hero {background:radial-gradient(46rem 26rem at 88% 0%, rgba(255, 212, 0, 0.13), transparent 65%),radial-gradient(40rem 24rem at 0% 100%, rgba(11, 94, 215, 0.07), transparent 60%),var(--white);padding-block:clamp(2.5rem, 6vw, 4.5rem) clamp(2.25rem, 5vw, 4rem);position:relative;} .contacts_hero .contacts_hero_text {position:relative;} .contacts_hero .contacts_hero_top {display:grid;grid-template-columns:1fr;gap:clamp(1.75rem, 4vw, 3.25rem);align-items:start;} .contacts_hero .contacts_hero_photo {max-width:34rem;margin-top:0.6rem;} .contacts_hero .contacts_hero_photo img,.whoare_header-top figure img {display:block;width:100%;height:auto;border-radius:calc(1rem - 0.35rem);} @media (min-width:768px) { .contacts_hero .contacts_hero_top {grid-template-columns:minmax(0, 1.05fr) minmax(0, 0.95fr);} .contacts_hero .contacts_hero_photo {max-width:none;margin-top:0;} } .contacts_hero h1 {font-size:clamp(2.1rem, 1.3rem + 3.8vw, 3.7rem);line-height:1.12;letter-spacing:-0.025em;margin:0 0 1.4rem;max-width:20ch;} .contacts_hero h1 .contacts_blue {color:var(--primary);} .contacts_hero .contacts_hero_sub {font-size:clamp(1.05rem, 1rem + 0.5vw, 1rem);line-height:1.55;max-width:60ch;margin:0;color:var(--breadcrumbs);} .contacts_hero .contacts_hero_sub+.contacts_hero_sub {margin-top:1rem;} .contacts_hero .contacts_details_intro {display:inline-flex;align-items:center;gap:0.4rem;font-weight:650;color:var(--breadcrumbs);margin:clamp(2.2rem, 5vw, 3.5rem) 0 0.4rem;} .contacts_hero .contacts_hero_arrows {width:clamp(2.6rem, 5vw, 3.6rem);height:auto;transform:translateY(0.35rem);} .contacts_hero .contacts_details {list-style:none;margin:0.6rem 0 0;padding:0;display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit, minmax(min(100%, 13rem), 1fr));} .contacts_hero .contacts_details li {background:var(--white);border:1px solid var(--borderColor);border-radius:1rem;padding:1.3rem 1.4rem 1.2rem;box-shadow:var(--box-shadow);} .contacts_hero .contacts_details strong {display:inline;-webkit-box-decoration-break:clone;box-decoration-break:clone;font-size:clamp(1.2rem, 1rem + 0.9vw, 1.55rem);letter-spacing:-0.02em;color:var(--primary);background:url("/media/sottolineatura.png") no-repeat left bottom / 100% 0.42em;padding-bottom:0.22em;margin-bottom:0.2rem;overflow-wrap:anywhere;} .contacts_hero .contacts_details strong a {color:inherit;text-decoration:none;} .contacts_hero .contacts_details strong a:hover,.contacts_hero .contacts_details strong a:focus-visible {text-decoration:underline;} .contacts_hero .contacts_details .contacts_details_mail strong {font-size:clamp(0.95rem, 0.8rem + 0.7vw, 1.15rem);letter-spacing:-0.01em;white-space:nowrap;overflow-wrap:normal;} .contacts_hero .contacts_details span {display:block;font-size:0.8125rem;font-weight:600;color:var(--breadcrumbs);line-height:1.4;} .contacts_info {background:var(--white);} .contacts_info .contacts_info_list {list-style:none;margin:0;padding:0;display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit, minmax(min(100%, 18rem), 1fr));} .contacts_info li {background:var(--white);border:1px solid var(--borderColor);border-radius:1rem;padding:1.5rem 1.6rem;box-shadow:var(--box-shadow);display:flex;flex-direction:column;justify-content:flex-start;} .contacts_info_label {font-size:clamp(1rem, 0.95rem + 0.3vw, 1.15rem);font-weight:600;letter-spacing:-0.01em;color:var(--black);margin-bottom:0.55rem;} .contacts_info li strong {align-self:flex-start;display:inline-block;font-size:clamp(1.25rem, 1.05rem + 0.9vw, 1.6rem);letter-spacing:-0.02em;line-height:1.2;color:var(--primary);background:url("/media/sottolineatura.png") no-repeat left bottom / 100% 0.42em;padding-bottom:0.2em;} .contacts_info li strong a {color:inherit;text-decoration:none;} .contacts_info li strong a:hover,.contacts_info li strong a:focus-visible {text-decoration:underline;} .contacts_info_note {font-size:0.8125rem;color:var(--breadcrumbs);margin-top:0.4rem;line-height:1.4;} .contacts_info_map {align-self:flex-start;margin-top:1rem;font-weight:650;text-decoration:none;} .contacts_info_map:hover,.contacts_info_map:focus-visible {text-decoration:underline;} .contacts_form{background:#f6f8fc;} .contacts_form .contacts_wrap{display:grid;gap:clamp(2rem, 5vw, 3.5rem);grid-template-columns:repeat(auto-fit, minmax(min(100%, 20rem), 1fr));align-items:start;} .contacts_form_intro h2{max-width:18ch;} .contacts_form_intro>p{color:var(--breadcrumbs);} .contacts_form_expectations{list-style:none;margin:1.75rem 0;padding:0;display:grid;gap:0.9rem;} .contacts_form_expectations li{position:relative;padding-left:1.9rem;} .contacts_form_expectations li::before{content:"";position:absolute;left:0;top:0.35em;width:1.1rem;height:1.1rem;border-radius:999px;background:var(--gold);box-shadow:inset 0 0 0 4px var(--white), 0 0 0 1px var(--borderColor);} .contacts_form_expectations strong{display:block;} .contacts_form_expectations span{color:var(--breadcrumbs);font-size:0.95rem;} .contacts_form_faq{font-size:1rem;color:var(--breadcrumbs);background:#eef4fd;border-left:5px solid var(--gold);border-radius:0.75rem;padding:0.9rem 1.1rem;margin:0;max-width:none;} .contacts_form_card{background:var(--white);border:1px solid var(--borderColor);border-radius:1rem;padding:clamp(1.5rem, 3.5vw, 2.25rem);box-shadow:var(--box-shadow);} .contacts_form_row{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit, minmax(min(100%, 11rem), 1fr));} .contacts_field{margin-bottom:1.1rem;display:flex;flex-direction:column;} .contacts_form_row .contacts_field{margin-bottom:1.1rem;} .contacts_field label{font-size:0.8125rem;font-weight:650;margin-bottom:0.4rem;color:var(--black);} .contacts_required{color:var(--primary);font-weight:600;} .contacts_optional{color:var(--breadcrumbs);font-weight:500;} .contacts_field input,.contacts_field select,.contacts_field textarea{font:inherit;color:var(--black);background:var(--white);border:1px solid var(--borderColor);border-radius:0.65rem;padding:0.7rem 0.85rem;width:100%;min-height:44px;transition:border-color 0.15s ease, box-shadow 0.15s ease;} .contacts_field textarea{min-height:8rem;resize:vertical;line-height:1.55;} .contacts_field select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--breadcrumbs) 50%),linear-gradient(135deg, var(--breadcrumbs) 50%, transparent 50%);background-position:calc(100% - 1.15rem) 55%,calc(100% - 0.8rem) 55%;background-size:0.4rem 0.4rem, 0.4rem 0.4rem;background-repeat:no-repeat;padding-right:2.4rem;} .contacts_field input::placeholder,.contacts_field textarea::placeholder{color:#9aa4b6;} .contacts_field input:focus-visible,.contacts_field select:focus-visible,.contacts_field textarea:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(11, 94, 215, 0.18);} .contacts_checkbox{display:grid;grid-template-columns:auto 1fr;gap:0.3rem;align-items:start;margin-bottom:1rem;font-size:0.8125rem;color:var(--breadcrumbs);cursor:pointer;} .contacts_checkbox input{width:1.25rem;height:1.25rem;margin-top:0.15rem;accent-color:var(--primary);flex:none;} .contacts_checkbox a{font-weight:600;} .contacts_form_submit{display:inline-flex;align-items:center;justify-content:center;margin-top:0.5rem;width:100%;border:0;background:var(--primary);color:#fff;font:inherit;font-weight:600;cursor:pointer;padding:0.85rem 1.5rem;border-radius:999px;min-height:48px;} .contacts_form_submit:hover,.contacts_form_submit:focus-visible{background:var(--blueDark);} .contacts_form_submit:focus-visible{outline:3px solid var(--primary);outline-offset:3px;} .contacts_form_note{font-size:0.8rem!important;color:var(--breadcrumbs);margin:0.85rem 0 0;text-align:center;max-width:100%!important;} .contacts_channels .contacts_channels_intro {max-width:none;color:var(--breadcrumbs);} .contacts_channels ul {list-style:none;margin:2.5rem 0 0;padding:0;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit, minmax(min(100%, 18rem), 1fr));} .contacts_channels li {background:var(--white);border:1px solid var(--borderColor);border-radius:1rem;padding:1.6rem 1.7rem;box-shadow:var(--box-shadow);display:flex;flex-direction:column;} .contacts_channels li h3 {margin:0 0 0.5rem;font-size:1rem;} .contacts_channels li p {font-size:1rem;color:var(--breadcrumbs);margin:0 0 1rem;} .contacts_channels_mail {font-weight:600;overflow-wrap:anywhere;background:url("/media/sottolineatura.png") no-repeat left bottom / 100% 0.32em;padding-bottom:0.14em;text-decoration:none;align-self:flex-start;} .contacts_channels_mail:hover,.contacts_channels_mail:focus-visible {text-decoration:underline;} .contacts_channels_extra {display:block;margin-top:0.7rem;font-size:0.8125rem;color:var(--breadcrumbs);} .contacts_office {background:#f6f8fc;} .contacts_office .contacts_wrap {display:grid;gap:clamp(2rem, 5vw, 3.5rem);grid-template-columns:repeat(auto-fit, minmax(min(100%, 18rem), 1fr));align-items:center;} .contacts_office_info>p {color:var(--breadcrumbs);} .contacts_office_list {list-style:none;margin:1.75rem 0 0;padding:0;display:grid;gap:0;} .contacts_office_list li {display:grid;grid-template-columns:minmax(7rem, 9rem) 1fr;gap:0.75rem 1rem;padding:0.85rem 0;border-top:1px solid var(--borderColor);align-items:baseline;} .contacts_office_list li:last-child {border-bottom:1px solid var(--borderColor);} .contacts_office_list strong {font-size:0.8125rem;text-transform:uppercase;letter-spacing:0.08em;color:var(--primary);} .contacts_office_list span {color:var(--black);} .contacts_office_card {background:var(--white);border:1px solid var(--borderColor);border-radius:1rem;box-shadow:var(--box-shadow);padding:clamp(1.75rem, 4vw, 2.5rem);text-align:center;position:relative;background-image:radial-gradient(28rem 16rem at 50% -20%, rgba(11, 94, 215, 0.08), transparent 70%);} .contacts_office_card::after {content:"";position:absolute;top:-0.55rem;left:50%;width:4.2rem;height:1.15rem;background:rgba(255, 212, 0, 0.85);transform:translateX(-50%);border-radius:2px;} .contacts_office_pin {font-size:2.0625rem;line-height:1rem;display:block;margin-bottom:0.6rem;} .contacts_office_city {font-size:clamp(1.4rem, 1.2rem + 1vw, 1.9rem);font-weight:750;letter-spacing:-0.02em;margin:0 0 0.15rem;} .contacts_office_city span {color:var(--breadcrumbs);font-weight:600;} .contacts_office_street {color:var(--breadcrumbs);margin:0 0 1.3rem;} .contacts_office_map {display:inline-flex;align-items:center;background:var(--primary);color:#fff;text-decoration:none;font-weight:650;padding:0.75rem 1.35rem;border-radius:999px;min-height:44px;} .contacts_office_map:hover,.contacts_office_map:focus-visible {background:var(--blueDark);color:#fff;} .contacts_closing {background:linear-gradient(150deg, var(--primary) 0%, var(--blueDark) 100%);color:#fff;position:relative;overflow:hidden;} .contacts_closing .contacts_wrap {display:grid;gap:clamp(2rem, 5vw, 4rem);grid-template-columns:repeat(auto-fit, minmax(min(100%, 18rem), 1fr));position:relative;} .contacts_closing h2 {color:#fff;font-size:clamp(1.35rem, 1.1rem + 1vw, 1.8rem);} .contacts_closing a {color:#fff;} .contacts_closing p {color:rgba(255, 255, 255, 0.88);} .contacts_professions {display:flex;flex-wrap:wrap;gap:0.7rem;margin-top:1.25rem;} .contacts_professions a {display:inline-flex;align-items:center;background:#fff;color:var(--blueDark);text-decoration:none;font-weight:650;padding:0.75rem 1.35rem;border-radius:999px;min-height:44px;} .contacts_professions a:hover,.contacts_professions a:focus-visible {background:var(--gold);color:var(--black);} .contacts_closing a:focus-visible {outline-color:var(--gold);} /*================================================= FINE PAGINA CONTATTI =================================================*/ /*================================================= PAGINA CHI SIAMO =================================================*/ .whoare {background:#fff;color-scheme:light;color:#10141d;font-size:1rem;line-height:1.65;-webkit-font-smoothing: antialiased;} .whoare section {padding-block:clamp(2.25rem, 5vw, 4rem);} .whoare .whoare_wrap {max-width:1440px;margin-inline:auto;padding-inline:clamp(1.25rem, 4vw, 1rem);} .whoare_marker {background:url("/media/evidenziatore.png") no-repeat center / 100% 100%;padding:0.06em 0.4em;margin-inline:-0.12em;-webkit-box-decoration-break:clone;box-decoration-break:clone;} .whoare_circle {position:relative;white-space:nowrap;} .whoare_circle img {position:absolute;left:50%;top:52%;transform:translate(-50%, -50%);width:calc(100% + 1.15em);height:calc(100% + 0.75em);max-width:none;pointer-events:none;} .whoare_underline {background:url("/media/sottolineatura.png") no-repeat left bottom / 100% 0.34em;padding-bottom:0.16em;-webkit-box-decoration-break:clone;box-decoration-break:clone;} .whoare_arrows{display:block; height:auto;} .whoare_kicker {display:inline-flex;align-items:center;gap:0.5rem;font-size:0.8125rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:#0060e8;margin:0 0 1rem;} .whoare_kicker::before {content:"";width:1.6rem;height:4px;background:#ffd400;} .whoare h2 {font-size:clamp(1.6rem, 1.2rem + 2vw, 2.4rem);line-height:1.18;letter-spacing:-0.02em;margin:0 0 1.25rem;} .whoare h3{letter-spacing:-0.01em;} .whoare p{margin:0 0 1em;font-size:1rem;} .whoare a{color:#0060e8; text-underline-offset:2px;} .whoare a:focus-visible {outline:3px solid #0060e8;outline-offset:3px;border-radius:2px;} .whoare_missing {background:#fff3c4;border:1px dashed #b58900;border-radius:4px;padding:0 0.35em;font-style:normal;font-size:0.8125rem;} .whoare_header {background:radial-gradient(46rem 26rem at 88% 0%, rgba(255, 212, 0, 0.13), transparent 65%), radial-gradient(40rem 24rem at 0% 100%, rgba(11, 94, 215, 0.07), transparent 60%), #ffffff;padding-block:clamp(2.5rem, 6vw, 4.5rem) clamp(2.25rem, 5vw, 4rem);position:relative;} .whoare_header .whoare_header-text{position:relative;}/* Titolo + sottotitolo a sinistra, illustrazione a destra; sotto i 44rem si impila */ .whoare_header-top {display:grid;gap:clamp(1.5rem, 4vw, 3rem);grid-template-columns:repeat(auto-fit, minmax(min(100%, 22rem), 1fr));align-items:center;} .whoare_header-top figure {margin:0;position:relative;background:var(--white);border:1px solid var(--borderColor);border-radius:1rem;padding:0.7rem 0.7rem 0.85rem;box-shadow:var(--box-shadow);} .whoare_header-top figure::after {content:"";position:absolute;top:-0.6rem;left:50%;width:5.5rem;height:1.25rem;background:rgba(255, 212, 0, 0.85);transform:translateX(-50%);border-radius:2px;} /* .whoare_header-illustration {display:block;width:100%;max-width:34rem;height:auto;margin-inline:auto;} */ .whoare_header h1 {font-size:clamp(2.1rem, 1.3rem + 3.8vw, 3.7rem);line-height:1.12;letter-spacing:-0.025em;margin:0 0 1.4rem;max-width:21ch;} .whoare_header h1 .whoare_blue{color:#0060e8;} .whoare_header .whoare_header-sub {font-size:clamp(1.05rem, 1rem + 0.5vw, 1.2rem);line-height:1.55;max-width:56ch;margin:0;color:#4a5468;} .whoare_header .whoare_stats-intro {display:inline-flex;align-items:center;gap:0.4rem;font-weight:650;color:#4a5468;margin:clamp(2.2rem, 5vw, 3.5rem) 0 0.4rem;} .whoare_header .whoare_header-arrows {width:clamp(2.6rem, 5vw, 3.6rem);height:auto;transform:translateY(0.35rem);} .whoare_header .whoare_stats {list-style:none;margin:0.6rem 0 0;padding:0;display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit, minmax(min(100%, 12rem), 1fr));} .whoare_header .whoare_stats li {background:#ffffff;border:1px solid #e3e8f0;border-radius:1rem;padding:1.3rem 1.4rem 1.2rem;box-shadow:0 1px 2px rgba(16, 20, 29, 0.05), 0 12px 32px -12px rgba(11, 94, 215, 0.14);} .whoare_header .whoare_stats strong {display:inline;-webkit-box-decoration-break:clone;box-decoration-break:clone;font-size:clamp(1.35rem, 1.1rem + 1vw, 1.8rem);letter-spacing:-0.02em;color:#0060e8;background:url("/media/sottolineatura.png") no-repeat left bottom / 100% 0.42em;padding-bottom:0.22em;margin-bottom:0.2rem;} .whoare_header .whoare_stats span {display:block;font-size:0.8125rem;color:#4a5468;line-height:1.4;} .whoare_reality .whoare_wrap {display:grid;gap:clamp(2rem, 5vw, 4rem);grid-template-columns:repeat(auto-fit, minmax(min(100%, 20rem), 1fr));align-items:center;} .whoare_reality blockquote {margin:0;padding:clamp(1.6rem, 3vw, 2.4rem);background:#0060e8;border-radius:1rem;font-size:1rem;font-weight:550;line-height:1.55;color:#fff;position:relative;transform:rotate(0.7deg);box-shadow:0 1px 2px rgba(16, 20, 29, 0.05), 0 12px 32px -12px rgba(11, 94, 215, 0.14);} .whoare_reality blockquote::before {content:"";position:absolute;inset:0.65rem -0.65rem -0.65rem 0.65rem;border:2px solid #ffd400;border-radius:1rem;z-index:-1;} .whoare_response{background:#f6f8fc;} .whoare_response .whoare_response-intro{max-width:none;} .whoare_response ul {list-style:none;margin:2.5rem 0 0;padding:0;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit, minmax(min(100%, 18rem), 1fr));} .whoare_response li {background:#ffffff;border:1px solid #e3e8f0;border-radius:1rem;padding:1.6rem 1.7rem;box-shadow:0 1px 2px rgba(16, 20, 29, 0.05), 0 12px 32px -12px rgba(11, 94, 215, 0.14);} .whoare_response li h3 {margin:0 0 0.5rem;font-size:1rem;} .whoare_response li h3 .whoare_marker{font-weight:inherit;} .whoare_response li h3::after {content:"";display:block;width:2.25rem;height:3px;margin-top:0.55rem;background:var(--gold);border-radius:999px;} .whoare_response li p{font-size:1rem; color:#4a5468; margin:0;}/* Card CFP:la promessa in evidenza dentro S3 */ .whoare_cfp {margin-top:1.5rem;background:linear-gradient(135deg, var(--primary) 0%, #083b85 100%);color:#fff;border-radius:1rem;padding:clamp(1.75rem, 4vw, 2.5rem);text-align:center;} .whoare_cfp h3 {margin:0 0 0.75rem;font-size:clamp(1.2rem, 1.05rem + 0.7vw, 1.5rem);} .whoare_cfp p{max-width:800px;margin:0 auto;text-align:center;} .whoare_cfp p:last-of-type{margin-bottom:0;} .whoare_cfp a{color:#fff; font-weight:600;}/* Il blu del box coprirebbe l'outline blu di default:qui serve il giallo, come già fa la sezione di chiusura. */.whoare_cfp a:focus-visible{outline-color:#ffd400;}/* Pulsante:stessa pillola bianca dei link per professione in S9, che vive anch'essa su fondo blu. */ .whoare_cfp .whoare_cfp-cta {display:inline-flex;align-items:center;margin-top:1.5rem;background:#fff;color:#13599e;text-decoration:none;font-weight:650;padding:0.75rem 1.35rem; /* ≥44px di target touch */border-radius:999px;min-height:44px;} .whoare_cfp .whoare_cfp-cta:hover,.whoare_cfp .whoare_cfp-cta:focus-visible{background:#ffd400; color:#10141d;} .whoare_cfp .whoare_arrows {display:block;width:2.6rem;height:auto;margin:0 0 -0.35rem 2.4rem;transform:rotate(-4deg);} .whoare_content .whoare_content-intro{max-width:none;} .whoare_content ol {list-style:none;counter-reset:fase;margin:2.5rem 0;padding:0;display:grid;gap:1.25rem;/* Traccia da 18rem:le 6 fasi cadono sempre in righe da 3, 2 o 1, mai una riga spaiata. Stessa misura della griglia di S3. */grid-template-columns:repeat(auto-fit, minmax(min(100%, 18rem), 1fr));} .whoare_content ol li {counter-increment:fase;background:#ffffff;border:1px solid #e3e8f0;border-radius:1rem;padding:1.4rem 1.5rem;box-shadow:0 1px 2px rgba(16, 20, 29, 0.05), 0 12px 32px -12px rgba(11, 94, 215, 0.14);} .whoare_content ol li::before {content:"0" counter(fase);display:inline-block;font-size:0.85rem;font-weight:800;letter-spacing:0.08em;color:#13599e;background:#ffd400;border-radius:999px;padding:0.15rem 0.65rem;margin-bottom:0.65rem;transform:rotate(-2deg);} .whoare_content ol li strong{display:block; margin-bottom:0.3rem;} .whoare_content ol li span{font-size:0.95rem; color:#4a5468;} .whoare_content figure{margin:2.5rem 0 0; position:relative;} .whoare_content .whoare_lesson-figure {display:block;width:100%;height:auto;border:1px solid #e3e8f0;border-radius:1rem;box-shadow:0 1px 2px rgba(16, 20, 29, 0.05), 0 12px 32px -12px rgba(11, 94, 215, 0.14);} .whoare_people{background:#f6f8fc;} .whoare_people .whoare_wrap > p{max-width:none;} .whoare_people-grid {display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit, minmax(min(100%, 14rem), 1fr));margin-top:2.5rem;} .whoare_person {background:#ffffff;border:1px solid #e3e8f0;border-radius:1rem;overflow:hidden;margin:0;box-shadow:0 1px 2px rgba(16, 20, 29, 0.05), 0 12px 32px -12px rgba(11, 94, 215, 0.14);position:relative;} .whoare_person::after{content:"";position:absolute;top:-0.55rem;left:50%;width:4.2rem;height:1.15rem;background:rgba(255, 212, 0, 0.85);transform:translateX(-50%) rotate(-3deg);border-radius:2px;} .whoare_person:nth-child(1) .whoare_person-img {object-fit:contain;object-position:bottom;background:#fdfdf1;} .whoare_person .whoare_person-img {display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;} .whoare_person figcaption{padding:1rem 1.25rem 1.2rem;} .whoare_person figcaption strong{display:block;} .whoare_person figcaption span{color:#4a5468; font-size:0.8125rem;} .whoare_guarantees .whoare_wrap > p{max-width:none;} .whoare_guarantees ul {list-style:none;margin:2.5rem 0 0;padding:0;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit, minmax(min(100%, 19rem), 1fr));} .whoare_guarantees li {border:1px solid #e3e8f0;border-top:4px solid #ffd400;border-radius:1rem;padding:1.5rem 1.6rem;background:#ffffff;box-shadow:0 1px 2px rgba(16, 20, 29, 0.05), 0 12px 32px -12px rgba(11, 94, 215, 0.14);} .whoare_guarantees li h3{margin:0 0 0.5rem; font-size:1.05rem;} .whoare_guarantees li p{font-size:0.95rem; color:#4a5468; margin-bottom:0.5rem;} .whoare_guarantees .whoare_doc{font-size:0.8125rem; font-weight:600; margin:0;} .whoare_reviews{background:#f6f8fc;} .whoare_reviews .whoare_reviews-score {display:flex;flex-wrap:wrap;align-items:baseline;gap:0.5rem 1rem;margin-bottom:2rem;max-width:none;} .whoare_reviews-score strong {position:relative;font-size:clamp(1.6rem, 1.3rem + 1vw, 2.1rem);letter-spacing:-0.02em;background:url("/media/sottolineatura.png") no-repeat left bottom / 100% 0.4em;padding-bottom:0.18em;} .whoare_reviews-score span{color:#4a5468;} .whoare_reviews-score .whoare_dashes {position:absolute;right:-1.5rem;top:-0.7rem;width:1.8rem;height:auto;transform:scaleX(-1);} .whoare_reviews-grid {display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit, minmax(min(100%, 17rem), 1fr));margin-bottom:1.75rem;} .whoare_review {background:#ffffff;border:1px solid #e3e8f0;border-radius:1rem;padding:1.6rem 1.7rem;margin:0;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(16, 20, 29, 0.05), 0 12px 32px -12px rgba(11, 94, 215, 0.14);} .whoare_review blockquote {margin:0 0 1.25rem;flex:1;font-size:1rem;line-height:1.6;} .whoare_review figcaption{font-size:0.8125rem; color:#4a5468;} .whoare_stars {color:#00b67a; /* verde Trustpilot:riconoscibilità della fonte */letter-spacing:0.12em;font-size:0.95rem;margin-bottom:0.75rem;display:block;} .whoare_reviews-note{font-size:0.95rem; color:#4a5468;} .whoare_network {border-top:1px solid #e3e8f0;margin-top:clamp(2.5rem, 6vw, 4rem);padding-top:2.25rem;} .whoare_network h3 {margin:0 0 0.5rem;font-size:clamp(1.25rem, 1.05rem + 0.8vw, 1.6rem);letter-spacing:-0.015em;} .whoare_network .whoare_network-sub {color:#4a5468;margin:0 0 1.75rem;max-width:none;} .whoare_network ul {list-style:none;margin:0;padding:0;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit, minmax(min(100%, 15rem), 1fr));} .whoare_network li {background:#ffffff;border:1px solid #e3e8f0;border-radius:1rem;padding:1.4rem 1.5rem;box-shadow:0 1px 2px rgba(16, 20, 29, 0.05), 0 12px 32px -12px rgba(11, 94, 215, 0.14);display:flex;flex-direction:column;} .whoare_network-domain {align-self:flex-start;background:#eef4fd;color:#13599e;font-size:0.8125rem;font-weight:750;letter-spacing:0.02em;padding:0.3rem 0.75rem;border-radius:999px;margin-bottom:0.85rem;} .whoare_network-logo {align-self:flex-start;height:2rem;width:auto;max-width:100%;object-fit:contain;object-position:left center;margin-bottom:0.9rem;} .whoare_network li strong {color:#10141d;display:block;line-height:1.35;margin-bottom:0.4rem;} .whoare_network li p {font-size:0.8125rem;color:#4a5468;margin:0;line-height:1.8rem;} .whoare_teacher .whoare_wrap{text-align:center;} .whoare_teacher .whoare_kicker{justify-content:center;} .whoare_teacher h2{margin-inline:auto;} .whoare_teacher p{margin-inline:auto;} .whoare_teacher .whoare_application {display:inline-flex;align-items:center;margin-top:0.25rem;background:#0060e8;color:#fff;text-decoration:none;font-weight:650;padding:0.75rem 1.35rem;border-radius:999px;min-height:44px;} .whoare_teacher .whoare_application:hover,.whoare_teacher .whoare_application:focus-visible{background:#13599e; color:#fff;} .whoare_links {background:linear-gradient(150deg, #0060e8 0%, #13599e 100%);color:#fff;position:relative;overflow:hidden;} .whoare_links .whoare_wrap {display:grid;gap:clamp(2rem, 5vw, 4rem);grid-template-columns:repeat(auto-fit, minmax(min(100%, 18rem), 1fr));position:relative;} .whoare_links h2{color:#fff; font-size:clamp(1.35rem, 1.1rem + 1vw, 1.8rem);} .whoare_links a{color:#fff;} .whoare_links p{color:rgba(255, 255, 255, 0.88);} .whoare_professions {display:flex;flex-wrap:wrap;gap:0.7rem;margin-top:1.25rem;} .whoare_professions a {display:inline-flex;align-items:center;background:#fff;color:#13599e;text-decoration:none;font-weight:650;padding:0.75rem 1.35rem;border-radius:999px;min-height:44px;} .whoare_professions a:hover,.whoare_professions a:focus-visible{background:#ffd400; color:#10141d;} .whoare_links a:focus-visible{outline-color:#ffd400;} /*================================================= FINE PAGINA CHI SIAMO =================================================*/ /*================================================= CORSI DI FORMAZIONE =================================================*/ .whoare_listThemes{margin:2rem auto;} .whoare_listThemes ul {list-style:none;display:grid;grid-template-columns:1fr;gap:1.5rem;} .whoare_listThemes li {position:relative;overflow:hidden;border-radius:8px;height:280px;cursor:pointer;transition:transform 0.3s ease;} .whoare_listThemes li a {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-decoration:none;} .whoare_listThemes li img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;} .whoare_listThemes li a::after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;transition:background 0.3s ease;} .whoare_listThemes li:hover a::after {background:rgba(0, 51, 51, 0.85);} .whoare_listThemes_btn {display:none;position:absolute;top:37%;left:50%;transform:translate(-50%, -50%);background:white;color:#006b77;padding:5px 20px;border-radius:4px;font-size:0.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;z-index:3;white-space:nowrap;transition:all 0.3s ease;cursor:pointer;font-style:normal;} .whoare_listThemes li:hover .whoare_listThemes_btn {display:inline-block;background:#f0f0f0;transform:translate(-50%, -50%) scale(1.05);} .whoare_listThemes li div {position:absolute;bottom:0;left:0;width:100%;background:white;padding:1.2rem;z-index:4;text-align:left;border:1px solid #dfdfdf;border-top:0;border-radius:0 0 6px 7px;} .whoare_listThemes li h4 {font-size:1rem;font-weight:600;color:#006b77;margin-bottom:0.3rem;margin-top:0;} .whoare_listThemes li span {display:block;font-size:0.8125rem;color:#666;line-height:1.4;} @media (min-width:768px) { .whoare_listThemes ul {grid-template-columns:repeat(2, 1fr);} } @media (min-width:1024px) { .whoare_listThemes ul,.whoare_response ul,.whoare_content ol {grid-template-columns:repeat(3, 1fr);} } /*================================================= FINE CORSI DI FORMAZIONE =================================================*/ /*================================================= PAGINA SEARCH =================================================*/ .ecom_search_title{display:block;margin:1.5rem 0 0;font-size:1.25rem;} .ecom_search_listArticle{--perView:1;} @media(min-width:768px) {.ecom_search_listArticle {--perView:2;}} @media(min-width:1440px) {.ecom_search_listArticle {--perView:3;}} .ecom_search_listArticle ul{display:grid;gap:0 1rem;grid-template-columns:repeat(var(--perView), 1fr);list-style:none;margin-top:1rem;} .ecom_search_listArticle .blog_listArticles li{padding:0!important;} .ecom_search_notfind p{color:var(--breadcrumbs);font-size:1rem;} .ecom_search_notfind p a{text-decoration:underline;color:var(--primary);} .ecom_search_notfind_btn{margin:2rem auto 4rem;text-align:center;} .ecom_search_notfind_btn a{display:inline-block;margin:0 1rem 1rem 0;padding:0.7rem 1.5rem;font-size:1rem;} /*================================================= FINE PAGINA SEARCH =================================================*/ /*================================================= PAGINA VALIDAZIONE CERTIFICATO =================================================*/ .validateCertificate {margin:2rem 0.5rem;max-width:800px;border:1px solid #ddd;border-radius:5px;padding:2rem 1.5rem;} .validateCertificate_content {display:flex;align-items:center;gap:1.5rem;} .validateCertificate_content_text {flex:1 0 0;} .validateCertificate svg {width:60px;height:60px;padding:12px;border-radius:8px;align-self:self-start;} .validateCertificate.success svg {background-color:#f0fdf4;color:var(--green);} .validateCertificate.error svg {background-color:#fef2f2;color:var(--red);} .validateCertificate h1 {font-size:1.8rem;} .validateCertificate p {margin-top:0.4rem;font-size:1rem;color:#64748b;} .validateCertificate.success {border-top:5px solid #16a34a;border-radius:9px;} .validateCertificate.success h1 {color:#14532d} .validateCertificate.error {border-top:5px solid #dc2626;border-radius:9px;} .validateCertificate_content_text_details {display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));gap:1rem 0;margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid #ddd;} .validateCertificate_content_text_details b {display:block;color:#64748b;font-size:0.8125rem;margin-bottom:0.2rem;} .validateCertificate_content_text_details i {font-style:normal;font-size:0.8125rem;} @media(min-width:768px) { .validateCertificate_col2 {grid-column:span 2 / span 2;} .validateCertificate_content_text_details {grid-template-columns:repeat(2, minmax(0, 1fr));} } @media(min-width:768px) { .validateCertificate {margin:2rem auto;} } .validateSuccess {display:grid;grid-template-columns:1fr;gap:20px;max-width:1400px;margin:0 auto;padding:20px 16px;} /* ========== CONTENT ========== */ .validateSuccess_content {background:var(--white);border-radius:8px;padding:30px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.08);border:1px solid var(--borderColor);} .validateSuccess_content_status{display:block;background:#15ae5d14;margin-bottom:1rem;padding:15px;border-radius:3px;border:1px solid var(--green);font-weight:600;font-size:1rem;color:var(--green);} .validateSuccess_content_status svg{margin-right:0.5rem;} .validateSuccess_content h1 {font-size:1.5rem;font-weight:600;color:var(--dark);margin-bottom:16px;line-height:1.3;} /* Nav Buttons */ .validateSuccess_content_nav {margin-bottom:20px;} .validateSuccess_content_nav ul {list-style:none;display:flex;gap:8px;flex-wrap:wrap;} .validateSuccess_content_nav li a {display:flex;align-items:center;gap:6px;padding:9px;border:1px solid var(--borderColor);background:var(--white);border-radius:6px;font-size:0.8125rem;cursor:pointer;} .validateSuccess_content_nav li a:hover {background:var(--greyLight);border-color:var(--breadcrumbs);} .validateSuccess_content_nav svg {width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;} /* Text Section (Profilo) */ .validateSuccess_content_text {display:flex;gap:12px;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--borderColor);} .validateSuccess_content_text span {width:48px;height:48px;border-radius:50%;background:var(--primary);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;flex-shrink:0;} .validateSuccess_content_text strong {display:block;font-size:1rem;font-weight:600;color:var(--dark);} /* Details */ .validateSuccess_content_details {display:grid;grid-template-columns:1fr;gap:16px;} .validateSuccess_content_details span {display:flex;flex-direction:column;gap:4px;} .validateSuccess_content_details b {font-size:0.8125rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:0.5px;} .validateSuccess_content_details i {font-size:0.8125rem;font-weight:500;color:var(--dark);font-style:normal;} /* ========== SIDEBAR ========== */ .validateSuccess_sidebar {display:flex;flex-direction:column;gap:16px;position:relative;height:max-content;} .validateSuccess_sidebar_card {background:var(--primary);color:var(--white);border-radius:8px;padding:20px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.08);} /* Card Header */ .validateSuccess_sidebar_card_header {display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;} .validateSuccess_sidebar_card_header span {display:flex;flex-direction:column;gap:4px;font-size:0.8125rem;} .validateSuccess_sidebar_card_header b {font-size:1rem;font-weight:600;color:var(--white);} .validateSuccess_sidebar_card_header > span > span {font-size:0.8125rem;color:rgba(255, 255, 255, 0.9);font-weight:400;} .validateSuccess_sidebar_card_header svg {width:40px;height:40px;flex-shrink:0;stroke:currentColor;fill:none;} /* Card Body */ .validateSuccess_sidebar_card_body {display:flex;flex-direction:column;gap:8px;} .validateSuccess_sidebar_card_body ul {list-style:none;display:flex;flex-wrap:wrap;justify-content:space-evenly;} .validateSuccess_sidebar_card_body li a {display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;background:var(--white);color:var(--black);border:none;border-radius:6px;text-decoration:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.2s;} .validateSuccess_sidebar_card_body li:nth-child(1) a,.validateSuccess_sidebar_card_body li:nth-child(2) a{color:var(--primary);} .validateSuccess_sidebar_card_body li:nth-child(4) a{color:#0088cc;} .validateSuccess_sidebar_card_body svg {width:25px;height:25px;} .copy-label {position:absolute;top:0;right:-40px;transform:translateX(-50%);background:#333;color:white;padding:6px 12px;border-radius:4px;font-size:0.8125rem;opacity:0;transition:opacity 0.3s ease;pointer-events:none;display:none;} .copy-label.show {display:block;opacity:1;} @media (min-width:768px) { .validateSuccess {padding:30px 20px;gap:24px;grid-template-columns:1fr 320px;} .validateSuccess_content h1 {font-size:1.75rem;margin-bottom:20px;} .validateSuccess_content_nav ul {gap:12px;} .validateSuccess_content_text strong {font-size:1rem;} .validateSuccess_content_details i {font-size:0.95rem;} .validateSuccess_sidebar {gap:20px;} .validateSuccess_sidebar_card {padding:24px;} .validateSuccess_sidebar_card_header {flex-direction:row;gap:12px;} .validateSuccess_sidebar_card_header b {font-size:1.05rem;} .validateSuccess_sidebar_card_header svg {width:28px;height:28px;} .validateSuccess_sidebar_card_body {gap:10px;} .validateSuccess_sidebar_card_body ul{justify-content:space-between;} } @media (min-width:1024px) { .validateSuccess {grid-template-columns:1fr 340px;padding:40px 20px;gap:32px;} .validateSuccess_content h1 {font-size:2.0625rem;margin-bottom:24px;} .validateSuccess_content_nav ul {gap:12px;} .validateSuccess_content_text strong {font-size:1.25rem;} .validateSuccess_content_details {grid-template-columns:1fr 1fr;gap:32px;} .validateSuccess_content_details i {font-size:1rem;} .validateSuccess_sidebar {gap:24px;} .validateSuccess_sidebar_card {padding:24px;} .validateSuccess_sidebar_card_header {flex-direction:row;justify-content:space-between;align-items:flex-start;gap:0 1rem;margin-bottom:20px;} .validateSuccess_sidebar_card_header b {font-size:1rem;} .validateSuccess_sidebar_card_header svg {width:50px;height:50px;} .validateSuccess_content_nav li a{padding:2px 9px;} } /*================================================= FINE PAGINA VALIDAZIONE CERTIFICATO =================================================*/