ic-*; vive dentro section.hd come i pezzi della copertina. K della quadricromia = nero,mai bianco. */ section.hd .hd-scena{--fascia:0px!important}section.hd .rt-ic{position:relative;padding:0 var(--bordo)}section.hd .rt-ic h2{margin:0;font:600 clamp(22px,2vw,28px)/1.15 Poppins,sans-serif;letter-spacing:-.02em;color:#fff}section.hd .rt-ic h2 a{color:inherit;text-decoration:none}section.hd .rt-ic .ico{display:block;width:100%;height:100%;fill:currentColor}section.hd .rt-ic h3{margin:0;font:600 15px/1.25 Poppins,sans-serif;color:#fff;letter-spacing:-.01em}section.hd .rt-ic p{margin:0;font:400 13.5px/1.5 Figtree,Poppins,sans-serif;color:#ffffffd6}section.hd .rt-ic .goo{height:22px;width:auto;object-fit:contain}section.hd .rt-ic a.cella{text-decoration:none;color:inherit}section.hd .ic-2{padding-top:0;padding-bottom:0;background:linear-gradient(180deg,#0e0e0d00,#121212 12%,#0f1626)}section.hd .ic-2 h2{text-align:center;padding:30px 0 0;margin-bottom:-6px}section.hd .ic-2 .fila{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none;margin:0;padding:26px 0 30px;position:relative}section.hd .ic-2 li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;padding:12px 14px 10px;min-width:0;border-radius:12px;transition:background-color .35s}section.hd .ic-2 li+li{border-left:1px solid rgba(255,255,255,.12)}section.hd .ic-2 li>a.cella{display:flex;flex-direction:column;align-items:inherit;gap:inherit;text-align:inherit;flex:1;width:100%}section.hd .ic-2 .ico{width:32px;height:32px;color:#7fb2f0;transition:transform .5s var(--curva),color .3s}section.hd .ic-2 .oro .ico{color:#e7b84a}section.hd .ic-2 h3{font-size:14.5px}section.hd .ic-2 p{font-size:12.5px;line-height:1.45;color:#ffffffc7}section.hd .ic-2 .goo{height:26px;margin:3px 0}section.hd .ic-2 li:hover{background:#ffffff09}section.hd .ic-2 li:hover .ico{transform:translateY(-3px) scale(1.08);color:#fff}section.hd .ic-2 li:before{content:"";position:absolute;inset:8px;pointer-events:none;opacity:0;transition:opacity .35s,inset .55s var(--curva);--s:linear-gradient(#7FB2F0,#7FB2F0);background:var(--s) 0 0/14px 1px no-repeat,var(--s) 0 0/1px 14px no-repeat,var(--s) 100% 0/14px 1px no-repeat,var(--s) 100% 0/1px 14px no-repeat,var(--s) 0 100%/14px 1px no-repeat,var(--s) 0 100%/1px 14px no-repeat,var(--s) 100% 100%/14px 1px no-repeat,var(--s) 100% 100%/1px 14px no-repeat}section.hd .ic-2 li:hover:before{opacity:1;inset:2px}section.hd .ic-2 li:after{content:"";position:absolute;left:12px;right:12px;top:4px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#fff,transparent);opacity:0;pointer-events:none}section.hd .ic-2 .grafico{position:absolute;left:50%;top:6px;width:140px;height:48px;margin-left:-70px;fill:none;stroke:#2a87e4;stroke-width:2;stroke-linecap:round;opacity:0;pointer-events:none;transition:opacity .4s}section.hd .ic-2 .grafico path{stroke-dasharray:220;stroke-dashoffset:220;transition:stroke-dashoffset 1.3s var(--curva)}section.hd .ic-2 .grafico circle{fill:#7fb2f0;stroke:none;opacity:0;transition:opacity .3s 1.1s}section.hd .ic-2 li:hover .grafico{opacity:.9}section.hd .ic-2 li:hover .grafico path{stroke-dashoffset:0}section.hd .ic-2 li:hover .grafico circle{opacity:1}@media(prefers-reduced-motion:no-preference){section.hd .ic-2 li:hover .ico{animation:rt-registro .75s var(--curva) both}section.hd .ic-2 li:hover:after{animation:rt-testina .9s var(--curva) both}@keyframes rt-registro{0%{filter:drop-shadow(-5px 0 0 #0EA0E0) drop-shadow(5px 0 0 #E5097F) drop-shadow(0 5px 0 #FFED00)}to{filter:drop-shadow(0 0 0 #0EA0E0) drop-shadow(0 0 0 #E5097F) drop-shadow(0 0 0 #FFED00)}}@keyframes rt-testina{0%{top:4px;opacity:0}12%{opacity:.9}to{top:calc(100% - 6px);opacity:0}}}@media(max-width:1180px){section.hd .hd-scena{--fascia:0px!important}section.hd .ic-2 .fila{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:20px}section.hd .ic-2 li:nth-child(4){border-left:0}}@media(max-width:760px){section.hd .rt-ic{padding-left:16px;padding-right:16px}section.hd .rt-ic h2{font-size:22px}section.hd .ic-2 .fila{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px;padding:22px 0 26px}section.hd .ic-2 li{padding:4px 10px}section.hd .ic-2 li:nth-child(odd){border-left:0}section.hd .ic-2 li:nth-child(4){border-left:1px solid rgba(255,255,255,.12)}section.hd .ic-2 h3{font-size:14px}section.hd .ic-2 p{font-size:12px}}@media(max-width:760px){section.hd .ic-2 h2{padding-top:22px}section.hd .ic-2 .fila{row-gap:12px;padding:16px 0 18px}section.hd .ic-2 li{gap:5px;padding:2px 8px}section.hd .ic-2 .ico{width:24px;height:24px}section.hd .ic-2 .goo{height:20px;margin:0}}@media(prefers-reduced-motion:no-preference){.rt-js section.hd .rt-ic li{opacity:0;transform:translateY(22px);filter:blur(6px);transition:opacity .7s var(--curva),transform .8s var(--curva),filter .7s var(--curva);transition-delay:calc(var(--i,0)*70ms)}.rt-js section.hd .rt-ic.vista li{opacity:1;transform:none;filter:none}.rt-js section.hd .ic-2 .ico{transform:scale(.4);opacity:0;transition:transform .7s var(--curva),opacity .5s;transition-delay:calc(var(--i,0)*70ms + .15s)}.rt-js section.hd .ic-2.vista .ico{transform:none;opacity:1;transition-delay:0s}.rt-js section.hd .ic-2 .fila:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 30%,rgba(127,178,240,.14) 50%,transparent 70%);transform:translate(-100%);opacity:0}.rt-js section.hd .ic-2.vista .fila:after{animation:rt-scia 1.4s var(--curva) .2s both}@keyframes rt-scia{0%{transform:translate(-100%);opacity:1}to{transform:translate(100%);opacity:0}}}@media(prefers-reduced-motion:reduce){section.hd .rt-ic *{transition:none!important;animation:none!important}}.pt-ord .pt-cella[href="/abbigliamento-personalizzato"] img{object-position:50% 42%;transform-origin:55% 45%}.pt-ord .pt-cella[href="/abbigliamento-personalizzato"]:hover img{transform:scale(1.12)}@media(min-width:1181px){section.hd .ic-2{padding-left:max(32px,calc((100vw - 1360px)/2));padding-right:max(32px,calc((100vw - 1360px)/2))}section.hd .ic-2 h2{padding-top:20px;font-size:24px}section.hd .ic-2 .fila{padding:14px 0 18px}section.hd .ic-2 li{gap:6px;padding:6px 14px}section.hd .ic-2 .ico{width:26px;height:26px}section.hd .ic-2 .goo{height:22px;margin:2px 0}section.hd .ic-2 p{line-height:1.4}}
