/* EconomiaRecensioni 5.17.9.491 — consolidated canonical engine (formerly V233 mobile-auto-cat + V265 final-fullscreen). Source order preserved exactly (V233 rules first, V265 after): single owner, single HTTP request, identical cascade output. */ @media (max-width:520px){ html:not(.er-v233-ready) body :where([data-ecp-root],.ecp-shell) .ecp-card{opacity:0!important;visibility:hidden!important} html.er-v233-ready body :where([data-ecp-root],.ecp-shell) .ecp-card{opacity:1!important;visibility:visible!important} html body :where([data-ecp-root],.ecp-shell) .ecp-floating-signal-group{z-index:2147483000!important;pointer-events:auto!important} html body :where([data-ecp-root],.ecp-shell) .ecp-floating-signal-group.is-visible{display:flex!important;visibility:visible!important;opacity:1!important} html body :where([data-ecp-root],.ecp-shell) .ecp-card{overflow:visible!important} html body :where([data-ecp-root],.ecp-shell) .ecp-card-head{ box-sizing:border-box!important; display:grid!important;grid-template-columns:138px minmax(0,1fr)!important;column-gap:8px!important;row-gap:0!important; align-items:start!important;padding:8px 14px 0!important;min-height:22px!important;height:22px!important;max-height:22px!important;overflow:visible!important } html body :where([data-ecp-root],.ecp-shell) .ecp-card.ecp-v233-logo-wide .ecp-card-head{grid-template-columns:176px minmax(0,1fr)!important} html body :where([data-ecp-root],.ecp-shell) .ecp-card-logo-col{ display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important; gap:7px!important;width:138px!important;min-width:0!important;height:auto!important;align-self:start!important } html body :where([data-ecp-root],.ecp-shell) .ecp-card.ecp-v233-logo-wide .ecp-card-logo-col{width:176px!important} html body :where([data-ecp-root],.ecp-shell) .ecp-card .ecp-logo{ width:138px!important;height:68px!important;min-width:138px!important;max-width:138px!important;min-height:68px!important;max-height:68px!important;flex:0 0 68px!important; margin:-18px 0 0!important;padding:0!important;background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important; overflow:visible!important;position:relative!important;transform:none!important;justify-content:flex-start!important;align-items:center!important; filter:drop-shadow(0 9px 15px rgba(15,23,42,.18))!important;-webkit-filter:drop-shadow(0 9px 15px rgba(15,23,42,.18))!important } html body :where([data-ecp-root],.ecp-shell) .ecp-card.ecp-v233-logo-wide .ecp-logo{width:176px!important;min-width:176px!important;max-width:176px!important} html body :where([data-ecp-root],.ecp-shell) .ecp-card .ecp-logo:before{ content:""!important;position:absolute!important;left:-8px!important;right:-8px!important;top:5px!important;bottom:1px!important;z-index:0!important;pointer-events:none!important; border-radius:999px!important;background:radial-gradient(circle at 45% 50%,rgba(255,255,255,.82),rgba(0,213,255,.18) 45%,rgba(124,58,237,.10) 70%,rgba(255,255,255,0) 100%)!important; filter:blur(8px)!important;opacity:.78!important } html body :where([data-ecp-root],.ecp-shell) .ecp-card .ecp-logo:after{ content:""!important;position:absolute!important;left:0!important;top:0!important;width:38%!important;height:100%!important;z-index:2!important;pointer-events:none!important; background:linear-gradient(105deg,rgba(255,255,255,0),rgba(255,255,255,.38) 48%,rgba(255,255,255,0))!important; transform:translateX(-130%) skewX(-16deg)!important;animation:erV233LogoShine 5.2s ease-in-out infinite!important;border-radius:999px!important } @keyframes erV233LogoShine{0%,70%{transform:translateX(-130%) skewX(-16deg);opacity:0}78%{opacity:.5}100%{transform:translateX(260%) skewX(-16deg);opacity:0}} html body :where([data-ecp-root],.ecp-shell) .ecp-card .ecp-logo img{ display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:left center!important; border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;transform:none!important;filter:none!important;position:relative!important;z-index:1!important } html body :where([data-ecp-root],.ecp-shell) .ecp-card-title-main{ margin:0!important;font-size:clamp(18.2px,6.9vw,24px)!important;line-height:.98!important;letter-spacing:-.058em!important; max-width:100%!important;min-width:0!important;overflow-wrap:break-word!important;text-wrap:balance!important } html body :where([data-ecp-root],.ecp-shell) .ecp-card-hero{ display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:2px!important;padding:0!important;min-width:0!important;align-self:start!important } html body :where([data-ecp-root],.ecp-shell) .ecp-card-head :is(.ecp-card-cat-under-logo,.ecp-card-cat-mini,.ecp-head-stats,.ecp-card-utility-row,.ecp-head-code-row), html body :where([data-ecp-root],.ecp-shell) .ecp-card-body{display:none!important} html body :where([data-ecp-root],.ecp-shell) .ecp-card > :is(.ecp-v188-middle-row,.ecp-v189-middle-row,.ecp-v190-row,.ecp-v191-row,.ecp-v192-row,.ecp-v193-row,.ecp-v194-wrap,.ecp-v195-wrap,.ecp-v196-wrap,.ecp-v197-wrap,.ecp-v198-wrap,.ecp-v199-wrap,.ecp-v200-wrap,.ecp-v201-wrap){display:none!important} html body :where([data-ecp-root],.ecp-shell) .ecp-v233-wrap{ display:block!important; margin:-52px 12px 0!important; position:relative!important; z-index:3!important } html body :where([data-ecp-root],.ecp-shell) .ecp-v233-preview{ display:block!important; width:100%!important; max-width:100%!important; margin:0 0 4px 0!important } html body :where([data-ecp-root],.ecp-shell) .ecp-v233-preview p{ position:relative!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important; width:100%!important;height:54px!important;min-height:54px!important;max-height:54px!important;margin:0!important;padding:8px 12px 8px!important;overflow:hidden!important; border-radius:17px!important;background:linear-gradient(180deg,rgba(255,255,255,.988),rgba(248,252,255,.938))!important;border:1.55px solid rgba(166,185,205,.78)!important; box-shadow:0 10px 22px rgba(15,23,42,.075),inset 0 1px 0 rgba(255,255,255,.97)!important;color:#576577!important;font-size:11.3px!important;line-height:1.32!important;letter-spacing:-.012em!important;text-align:left!important;font-weight:520!important } html body :where([data-ecp-root],.ecp-shell) .ecp-v233-preview p::first-line{font-weight:850!important;color:#33465d!important} html body :where([data-ecp-root],.ecp-shell) .ecp-v233-preview p:after{ content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:22px!important;border-radius:0 0 17px 17px!important;pointer-events:none!important; background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.72) 58%,rgba(255,255,255,.98))!important } /* Categoria variabile + contatori subito dopo. Il gruppo codice è ancorato a destra: se il codice è lungo, si sviluppa verso sinistra. */ html body :where([data-ecp-root],.ecp-shell) .ecp-v233-controls{ display:grid!important; grid-template-columns:max-content max-content minmax(4px,1fr) max-content 56px!important; column-gap:3px!important; row-gap:0!important; align-items:center!important; justify-content:stretch!important; width:100%!important; margin:0!important } html body :where([data-ecp-root],.ecp-shell) .ecp-v233-cat{ grid-column:1!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; min-width:0!important; margin:0!important } html body :where([data-ecp-root],.ecp-shell) .ecp-v233-cat :is(.ecp-card-cat-under-logo,.ecp-card-cat-mini){ display:inline-flex!important; width:auto!important; min-width:54px!important; max-width:76px!important; min-height:29px!important; height:29px!important; padding:8px 7px!important; margin:0!important; border-radius:999px!important; white-space:nowrap!important; align-items:center!important; justify-content:center!important; overflow:hidden!important; text-overflow:ellipsis!important } html body :where([data-ecp-root],.ecp-shell) .ecp-v233-stats{ grid-column:2!important; display:block!important; width:132px!important; max-width:132px!important; margin:0!important; padding:0!important; transform:none!important; overflow:visible!important; justify-self:start!important; align-self:center!important } html body :where([data-ecp-root],.ecp-shell) .ecp-v233-stats .ecp-head-stats{ display:grid!important; grid-template-columns:repeat(3,42px)!important; gap:3px!important; width:132px!important; max-width:132px!important; min-width:132px!important; margin:0!important; padding:0!important; transform:none!important; justify-content:start!important; align-items:center!important; overflow:visible!important } html body :where([data-ecp-root],.ecp-shell) .ecp-v233-stats .ecp-head-stat{ width:42px!important;min-width:42px!important;max-width:42px!important;min-height:29px!important;height:29px!important;padding:2px 2px!important;border-radius:999px!important; display:flex!important;flex-direction:column!important;gap:0!important;align-items:center!important;justify-content:center!important;text-align:center!important; background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(241,247,255,.92))!important;border:1px solid rgba(202,215,232,.95)!important; box-shadow:0 6px 12px rgba(15,23,42,.07),inset 0 1px 0 rgba(255,255,255,.95)!important;overflow:hidden!important;box-sizing:border-box!important } html body :where([data-ecp-root],.ecp-shell) .ecp-v233-stats .ecp-head-stat:before{opacity:.28!important} html body :where([data-ecp-root],.ecp-shell) .ecp-v233-stats .ecp-head-stat strong{font-size:9.6px!important;line-height:.96!important;letter-spacing:-.03em!important;min-width:0!important;text-align:center!important;white-space:nowrap!important} html body :where([data-ecp-root],.ecp-shell) .ecp-v233-stats .ecp-head-stat span{font-size:4.6px!important;line-height:1!important;letter-spacing:.01em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important} html body :where([data-ecp-root],.ecp-shell) .ecp-v233-code{ grid-column:4!important; justify-self:end!important; margin:0!important; z-index:2!important } html body :where([data-ecp-root],.ecp-shell) .ecp-v233-save{ grid-column:5!important; justify-self:end!important; margin:0!important; z-index:3!important } html body :where([data-ecp-root],.ecp-shell) .ecp-v233-code .ecp-head-code-row{ position:relative!important;inset:auto!important;display:inline-flex!important;width:fit-content!important;height:20px!important;min-width:0!important;max-width:fit-content!important;min-height:20px!important;max-height:20px!important; margin:0!important;padding:0 5px!important;border-radius:999px!important;box-sizing:border-box!important;overflow:hidden!important;transform:none!important } html body :where([data-ecp-root],.ecp-shell) .ecp-v233-save .ecp-card-save-cta{ position:relative!important;inset:auto!important;display:inline-flex!important;width:56px!important;height:29px!important;min-width:56px!important;max-width:56px!important;min-height:29px!important;max-height:29px!important; margin:0!important;padding:0 5px!important;border-radius:999px!important;box-sizing:border-box!important;overflow:hidden!important;transform:none!important } html body :where([data-ecp-root],.ecp-shell) .ecp-v233-code .ecp-head-code-row{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important} html body :where([data-ecp-root],.ecp-shell) .ecp-v233-save .ecp-card-save-cta{ align-items:center!important;justify-content:center!important;grid-template-columns:15px minmax(0,1fr)!important;gap:3px!important } html body :where([data-ecp-root],.ecp-shell) .ecp-v233-save .ecp-card-save-star{width:15px!important;height:15px!important;min-width:15px!important;font-size:8px!important} html body :where([data-ecp-root],.ecp-shell) .ecp-v233-save .ecp-card-save-copy small{display:none!important} html body :where([data-ecp-root],.ecp-shell) .ecp-v233-save .ecp-card-save-copy strong{font-size:7.2px!important;line-height:1!important;display:block!important} html body :where([data-ecp-root],.ecp-shell) .ecp-v233-no-code .ecp-v233-code{display:none!important} html body :where([data-ecp-root],.ecp-shell) .ecp-v233-no-code .ecp-v233-controls{grid-template-columns:max-content max-content minmax(4px,1fr) 56px!important} html body :where([data-ecp-root],.ecp-shell) .ecp-v233-no-code .ecp-v233-save{grid-column:4!important} html body :where([data-ecp-root],.ecp-shell) .ecp-card-actions-four{margin-top:0!important;padding-top:1px!important;padding-bottom:3px!important} html body :where([data-ecp-root],.ecp-shell) .ecp-badge-stack{position:absolute!important;inset:0!important;z-index:65!important;overflow:visible!important;pointer-events:none!important;min-width:0!important} html body :where([data-ecp-root],.ecp-shell) .ecp-badge-stack .ecp-badge{ position:absolute!important;top:-14px!important;right:10px!important;min-width:82px!important;height:28px!important;padding:0 9px!important;font-size:7.9px!important;line-height:1!important;border-radius:999px!important;z-index:66!important;white-space:nowrap!important;overflow:visible!important } html body :where([data-ecp-root],.ecp-shell) .ecp-badge-stack .ecp-expiry-badge{ position:absolute!important;top:-14px!important;left:10px!important;min-width:96px!important;height:28px!important;padding:0 10px!important;font-size:8.1px!important;line-height:1!important;border-radius:999px!important;z-index:66!important;white-space:nowrap!important;overflow:visible!important;transform:rotate(-6deg)!important } } @media (max-width:380px){ html body :where([data-ecp-root],.ecp-shell) .ecp-card-head{box-sizing:border-box!important;grid-template-columns:132px minmax(0,1fr)!important;column-gap:7px!important;padding:8px 12px 0!important;min-height:22px!important;height:22px!important;max-height:22px!important} html body :where([data-ecp-root],.ecp-shell) .ecp-card.ecp-v233-logo-wide .ecp-card-head{grid-template-columns:164px minmax(0,1fr)!important} html body :where([data-ecp-root],.ecp-shell) .ecp-card-logo-col{width:132px!important} html body :where([data-ecp-root],.ecp-shell) .ecp-card.ecp-v233-logo-wide .ecp-card-logo-col{width:164px!important} html body :where([data-ecp-root],.ecp-shell) .ecp-card .ecp-logo{width:132px!important;height:66px!important;min-width:132px!important;max-width:132px!important;min-height:66px!important;max-height:66px!important;flex:0 0 66px!important} html body :where([data-ecp-root],.ecp-shell) .ecp-card.ecp-v233-logo-wide .ecp-logo{width:164px!important;min-width:164px!important;max-width:164px!important} html body :where([data-ecp-root],.ecp-shell) .ecp-v233-wrap{margin:-50px 12px 0!important} html body :where([data-ecp-root],.ecp-shell) .ecp-v233-preview{width:100%!important;max-width:100%!important;margin:0 0 4px 0!important} html body :where([data-ecp-root],.ecp-shell) .ecp-v233-controls{grid-template-columns:max-content max-content minmax(3px,1fr) max-content 52px!important;column-gap:2px!important} html body :where([data-ecp-root],.ecp-shell) .ecp-v233-cat :is(.ecp-card-cat-under-logo,.ecp-card-cat-mini){min-width:50px!important;max-width:70px!important} html body :where([data-ecp-root],.ecp-shell) .ecp-v233-stats{width:126px!important;max-width:126px!important} html body :where([data-ecp-root],.ecp-shell) .ecp-v233-stats .ecp-head-stats{grid-template-columns:repeat(3,40px)!important;gap:3px!important;width:126px!important;max-width:126px!important;min-width:126px!important} html body :where([data-ecp-root],.ecp-shell) .ecp-v233-stats .ecp-head-stat{width:40px!important;min-width:40px!important;max-width:40px!important} html body :where([data-ecp-root],.ecp-shell) .ecp-v233-code .ecp-head-code-row{width:fit-content!important;min-width:0!important;max-width:fit-content!important;height:20px!important;min-height:20px!important;max-height:20px!important;padding:0!important} html body :where([data-ecp-root],.ecp-shell) .ecp-v233-save .ecp-card-save-cta{width:52px!important;min-width:52px!important;max-width:52px!important} html body :where([data-ecp-root],.ecp-shell) .ecp-card-title-main{font-size:clamp(17.6px,6.9vw,23px)!important} html body :where([data-ecp-root],.ecp-shell) .ecp-v233-code{grid-column:4!important} html body :where([data-ecp-root],.ecp-shell) .ecp-v233-save{grid-column:5!important} } @media (max-width:520px){ /* V248: logo centrato col titolo, testata mobile ridotta e micro-spazio sotto i pulsanti. */ html body :is(#erV233LogoForce#erV233LogoForce#erV233LogoForce#erV233LogoForce#erV233LogoForce,[data-ecp-root],.ecp-shell) .ecp-card, html body :is(#erV233LogoForce#erV233LogoForce#erV233LogoForce#erV233LogoForce#erV233LogoForce,[data-ecp-root],.ecp-shell) .ecp-card-head, html body :is(#erV233LogoForce#erV233LogoForce#erV233LogoForce#erV233LogoForce#erV233LogoForce,[data-ecp-root],.ecp-shell) .ecp-card-logo-col{ overflow:visible!important; } html body :is(#erV233LogoForce#erV233LogoForce#erV233LogoForce#erV233LogoForce#erV233LogoForce,[data-ecp-root],.ecp-shell) .ecp-card .ecp-logo, html body :is(#erV233LogoForce#erV233LogoForce#erV233LogoForce#erV233LogoForce#erV233LogoForce,[data-ecp-root],.ecp-shell) .ecp-card .ecp-logo.ecp-clean-logo, html body :is(#erV233LogoForce#erV233LogoForce#erV233LogoForce#erV233LogoForce#erV233LogoForce,[data-ecp-root],.ecp-shell) .ecp-card .ecp-logo.ecp-logo-cube, html body :is(#erV233LogoForce#erV233LogoForce#erV233LogoForce#erV233LogoForce#erV233LogoForce,[data-ecp-root],.ecp-shell) .ecp-card .ecp-logo.ecp-real-cube-shell, html body :is(#erV233LogoForce#erV233LogoForce#erV233LogoForce#erV233LogoForce#erV233LogoForce,[data-ecp-root],.ecp-shell) .ecp-card .ecp-logo-cube, html body :is(#erV233LogoForce#erV233LogoForce#erV233LogoForce#erV233LogoForce#erV233LogoForce,[data-ecp-root],.ecp-shell) .ecp-card .ecp-real-cube-shell{ transform:translateY(0px) scale(1.50)!important; transform-origin:left center!important; overflow:visible!important; z-index:50!important; position:relative!important; } html body :is(#erV233LogoForce#erV233LogoForce#erV233LogoForce#erV233LogoForce#erV233LogoForce,[data-ecp-root],.ecp-shell) .ecp-card .ecp-logo img, html body :is(#erV233LogoForce#erV233LogoForce#erV233LogoForce#erV233LogoForce#erV233LogoForce,[data-ecp-root],.ecp-shell) .ecp-card .ecp-logo > img, html body :is(#erV233LogoForce#erV233LogoForce#erV233LogoForce#erV233LogoForce#erV233LogoForce,[data-ecp-root],.ecp-shell) .ecp-card .ecp-clean-logo-img, html body :is(#erV233LogoForce#erV233LogoForce#erV233LogoForce#erV233LogoForce#erV233LogoForce,[data-ecp-root],.ecp-shell) .ecp-card .ecp-logo-cube img, html body :is(#erV233LogoForce#erV233LogoForce#erV233LogoForce#erV233LogoForce#erV233LogoForce,[data-ecp-root],.ecp-shell) .ecp-card .ecp-real-cube-shell img, html body :is(#erV233LogoForce#erV233LogoForce#erV233LogoForce#erV233LogoForce#erV233LogoForce,[data-ecp-root],.ecp-shell) .ecp-card .ecp-real-face img, html body :is(#erV233LogoForce#erV233LogoForce#erV233LogoForce#erV233LogoForce#erV233LogoForce,[data-ecp-root],.ecp-shell) .ecp-card .ecp-cube-face img{ transform:none!important; width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; object-position:left center!important; overflow:visible!important; } html body :where([data-ecp-root],.ecp-shell) .ecp-card .ecp-card-title-main{ position:relative!important; z-index:60!important; transform:translate(var(--er-v233-title-shift,0px),var(--er-v233-title-shift-y,0px))!important; max-width:calc(100% - var(--er-v233-title-shift,0px))!important; } } @media (max-width:520px){ html body :where([data-ecp-root],.ecp-shell) .ecp-card .ecp-card-title-main{ transform:translate(var(--er-v233-title-shift,0px),var(--er-v233-title-shift-y,0px))!important; max-width:var(--er-v233-title-max,100%)!important; will-change:transform!important; } } @media (max-width:520px){ /* V244: layout V233 stabile + bordo categoria visibile + venature marmo diverse per card. */ html body :is(#erV233Clean#erV233Clean#erV233Clean#erV233Clean#erV233Clean,[data-ecp-root],.ecp-shell) .ecp-card{ --ecp-marble-img:none!important; --er-v244-veins:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20800%20520%27%20preserveAspectRatio%3D%27none%27%3E%3Crect%20width%3D%27800%27%20height%3D%27520%27%20fill%3D%27none%27%2F%3E%3Cpath%20d%3D%27M-70%20120%20C%2088%2046%2C%20212%20196%2C%20356%20142%20S%20612%2078%2C%20886%20178%27%20fill%3D%27none%27%20stroke%3D%27rgba%28198%2C178%2C136%2C.50%29%27%20stroke-width%3D%2710%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M-66%20126%20C%2092%2052%2C%20216%20202%2C%20360%20148%20S%20616%2084%2C%20890%20184%27%20fill%3D%27none%27%20stroke%3D%27rgba%28246%2C239%2C225%2C.28%29%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M-24%20350%20C%20122%20300%2C%20238%20412%2C%20382%20372%20S%20620%20290%2C%20860%20358%27%20fill%3D%27none%27%20stroke%3D%27rgba%28169%2C176%2C184%2C.32%29%27%20stroke-width%3D%278%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E")!important; position:relative!important; isolation:isolate!important; background:linear-gradient(135deg,rgba(255,255,255,.972),rgba(249,251,252,.952) 48%,rgba(243,247,250,.942))!important; background-image:linear-gradient(135deg,rgba(255,255,255,.972),rgba(249,251,252,.952) 48%,rgba(243,247,250,.942))!important; filter:saturate(1.02) brightness(1.01)!important; -webkit-filter:saturate(1.02) brightness(1.01)!important; backdrop-filter:blur(16px) saturate(112%)!important; -webkit-backdrop-filter:blur(16px) saturate(112%)!important; padding-bottom:2px!important; overflow:visible!important; border-radius:22px!important; border:3.2px solid rgba(140,196,226,.96)!important; box-shadow:0 24px 52px rgba(15,23,42,.13),0 14px 30px rgba(15,23,42,.06),0 0 0 1px rgba(255,255,255,.62) inset,0 0 0 1px rgba(140,196,226,.20),0 0 26px rgba(140,196,226,.20),inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(212,217,223,.18)!important; } html body :is(#erV233Clean#erV233Clean#erV233Clean#erV233Clean#erV233Clean,[data-ecp-root],.ecp-shell) .ecp-card:before{ content:''!important; display:block!important; visibility:visible!important; position:absolute!important; inset:0!important; border-radius:inherit!important; pointer-events:none!important; z-index:0!important; background:var(--er-v244-veins) center/cover no-repeat,radial-gradient(circle at 14% 8%,rgba(255,255,255,.84),rgba(255,255,255,0) 34%),radial-gradient(circle at 84% 84%,rgba(219,225,231,.20),rgba(219,225,231,0) 32%),linear-gradient(135deg,rgba(255,255,255,.974),rgba(248,250,252,.944))!important; opacity:.992!important; box-shadow:none!important; filter:none!important; animation:none!important; transition:none!important; } html body :is(#erV233Clean#erV233Clean#erV233Clean#erV233Clean#erV233Clean,[data-ecp-root],.ecp-shell) .ecp-card:after{ content:''!important; display:block!important; visibility:visible!important; position:absolute!important; inset:1px!important; border-radius:inherit!important; pointer-events:none!important; z-index:1!important; background:linear-gradient(120deg,rgba(255,255,255,.20),rgba(255,255,255,0) 28%,rgba(230,235,239,.05) 68%,rgba(255,255,255,.08) 100%)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.96),inset 0 12px 30px rgba(255,255,255,.12),inset 0 -10px 24px rgba(220,224,228,.07)!important; filter:none!important; animation:none!important; transition:none!important; opacity:.92!important; } html body :is(#erV233Clean#erV233Clean#erV233Clean#erV233Clean#erV233Clean,[data-ecp-root],.ecp-shell) .ecp-card-head:before, html body :is(#erV233Clean#erV233Clean#erV233Clean#erV233Clean#erV233Clean,[data-ecp-root],.ecp-shell) .ecp-card-head:after{ content:none!important; display:none!important; visibility:hidden!important; opacity:0!important; background:none!important; background-image:none!important; box-shadow:none!important; filter:none!important; animation:none!important; transition:none!important; } html body :is(#erV233Clean#erV233Clean#erV233Clean#erV233Clean#erV233Clean,[data-ecp-root],.ecp-shell) .ecp-card > *{position:relative!important;z-index:2!important;} html body :is(#erV233Clean#erV233Clean#erV233Clean#erV233Clean#erV233Clean,[data-ecp-root],.ecp-shell) .ecp-card .ecp-card-actions-four{position:relative!important;z-index:5!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;} html body :is(#erV233Clean#erV233Clean#erV233Clean#erV233Clean#erV233Clean,[data-ecp-root],.ecp-shell) .ecp-card:nth-child(8n+1){--er-v244-veins:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20800%20520%27%20preserveAspectRatio%3D%27none%27%3E%3Crect%20width%3D%27800%27%20height%3D%27520%27%20fill%3D%27none%27%2F%3E%3Cpath%20d%3D%27M-70%20120%20C%2088%2046%2C%20212%20196%2C%20356%20142%20S%20612%2078%2C%20886%20178%27%20fill%3D%27none%27%20stroke%3D%27rgba%28198%2C178%2C136%2C.50%29%27%20stroke-width%3D%2710%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M-66%20126%20C%2092%2052%2C%20216%20202%2C%20360%20148%20S%20616%2084%2C%20890%20184%27%20fill%3D%27none%27%20stroke%3D%27rgba%28246%2C239%2C225%2C.28%29%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M-24%20350%20C%20122%20300%2C%20238%20412%2C%20382%20372%20S%20620%20290%2C%20860%20358%27%20fill%3D%27none%27%20stroke%3D%27rgba%28169%2C176%2C184%2C.32%29%27%20stroke-width%3D%278%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E")!important;} html body :is(#erV233Clean#erV233Clean#erV233Clean#erV233Clean#erV233Clean,[data-ecp-root],.ecp-shell) .ecp-card:nth-child(8n+2){--er-v244-veins:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20800%20520%27%20preserveAspectRatio%3D%27none%27%3E%3Crect%20width%3D%27800%27%20height%3D%27520%27%20fill%3D%27none%27%2F%3E%3Cpath%20d%3D%27M866%2084%20C%20704%20106%2C%20600%20218%2C%20448%20198%20S%20188%20100%2C%20-70%20172%27%20fill%3D%27none%27%20stroke%3D%27rgba%28199%2C181%2C139%2C.48%29%27%20stroke-width%3D%2710%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M862%2090%20C%20700%20112%2C%20596%20224%2C%20444%20204%20S%20184%20106%2C%20-74%20178%27%20fill%3D%27none%27%20stroke%3D%27rgba%28247%2C241%2C227%2C.28%29%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M840%20324%20C%20688%20286%2C%20594%20364%2C%20466%20356%20S%20202%20306%2C%20-50%20404%27%20fill%3D%27none%27%20stroke%3D%27rgba%28169%2C176%2C184%2C.30%29%27%20stroke-width%3D%278%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E")!important;} html body :is(#erV233Clean#erV233Clean#erV233Clean#erV233Clean#erV233Clean,[data-ecp-root],.ecp-shell) .ecp-card:nth-child(8n+3){--er-v244-veins:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20800%20520%27%20preserveAspectRatio%3D%27none%27%3E%3Crect%20width%3D%27800%27%20height%3D%27520%27%20fill%3D%27none%27%2F%3E%3Cpath%20d%3D%27M184%20-30%20C%20238%2084%2C%20348%20142%2C%20432%20252%20S%20510%20418%2C%20588%20554%27%20fill%3D%27none%27%20stroke%3D%27rgba%28200%2C181%2C138%2C.42%29%27%20stroke-width%3D%2710%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M190%20-24%20C%20244%2090%2C%20354%20148%2C%20438%20258%20S%20516%20424%2C%20594%20560%27%20fill%3D%27none%27%20stroke%3D%27rgba%28247%2C241%2C226%2C.26%29%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M-36%20284%20C%2098%20240%2C%20212%20304%2C%20346%20332%20S%20608%20362%2C%20854%20252%27%20fill%3D%27none%27%20stroke%3D%27rgba%28169%2C176%2C184%2C.30%29%27%20stroke-width%3D%278%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E")!important;} html body :is(#erV233Clean#erV233Clean#erV233Clean#erV233Clean#erV233Clean,[data-ecp-root],.ecp-shell) .ecp-card:nth-child(8n+4){--er-v244-veins:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20800%20520%27%20preserveAspectRatio%3D%27none%27%3E%3Crect%20width%3D%27800%27%20height%3D%27520%27%20fill%3D%27none%27%2F%3E%3Cpath%20d%3D%27M628%20-28%20C%20588%20100%2C%20474%20178%2C%20392%20270%20S%20286%20430%2C%20160%20556%27%20fill%3D%27none%27%20stroke%3D%27rgba%28201%2C182%2C139%2C.44%29%27%20stroke-width%3D%2710%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M634%20-22%20C%20594%20106%2C%20480%20184%2C%20398%20276%20S%20292%20436%2C%20166%20562%27%20fill%3D%27none%27%20stroke%3D%27rgba%28246%2C239%2C225%2C.26%29%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M-44%20126%20C%2096%20170%2C%20220%20240%2C%20344%20218%20S%20606%20124%2C%20852%20188%27%20fill%3D%27none%27%20stroke%3D%27rgba%28168%2C175%2C183%2C.28%29%27%20stroke-width%3D%278%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E")!important;} html body :is(#erV233Clean#erV233Clean#erV233Clean#erV233Clean#erV233Clean,[data-ecp-root],.ecp-shell) .ecp-card:nth-child(8n+5){--er-v244-veins:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20800%20520%27%20preserveAspectRatio%3D%27none%27%3E%3Crect%20width%3D%27800%27%20height%3D%27520%27%20fill%3D%27none%27%2F%3E%3Cpath%20d%3D%27M-66%20232%20C%2056%20160%2C%20176%20168%2C%20284%20236%20S%20498%20386%2C%20878%20224%27%20fill%3D%27none%27%20stroke%3D%27rgba%28194%2C175%2C133%2C.46%29%27%20stroke-width%3D%2710%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M-60%20238%20C%2062%20166%2C%20182%20174%2C%20290%20242%20S%20504%20392%2C%20884%20230%27%20fill%3D%27none%27%20stroke%3D%27rgba%28247%2C241%2C227%2C.28%29%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M-50%2092%20C%2092%2066%2C%20214%20118%2C%20348%20170%20S%20560%20238%2C%20848%2094%27%20fill%3D%27none%27%20stroke%3D%27rgba%28169%2C176%2C184%2C.28%29%27%20stroke-width%3D%277%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E")!important;} html body :is(#erV233Clean#erV233Clean#erV233Clean#erV233Clean#erV233Clean,[data-ecp-root],.ecp-shell) .ecp-card:nth-child(8n+6){--er-v244-veins:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20800%20520%27%20preserveAspectRatio%3D%27none%27%3E%3Crect%20width%3D%27800%27%20height%3D%27520%27%20fill%3D%27none%27%2F%3E%3Cpath%20d%3D%27M860%20146%20C%20714%2076%2C%20562%20150%2C%20434%20212%20S%20180%20330%2C%20-64%20282%27%20fill%3D%27none%27%20stroke%3D%27rgba%28199%2C180%2C137%2C.44%29%27%20stroke-width%3D%279%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M856%20152%20C%20710%2082%2C%20558%20156%2C%20430%20218%20S%20176%20336%2C%20-68%20288%27%20fill%3D%27none%27%20stroke%3D%27rgba%28246%2C240%2C226%2C.28%29%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M832%20386%20C%20676%20332%2C%20582%20406%2C%20450%20410%20S%20192%20354%2C%20-42%20430%27%20fill%3D%27none%27%20stroke%3D%27rgba%28169%2C176%2C184%2C.29%29%27%20stroke-width%3D%278%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E")!important;} html body :is(#erV233Clean#erV233Clean#erV233Clean#erV233Clean#erV233Clean,[data-ecp-root],.ecp-shell) .ecp-card:nth-child(8n+7){--er-v244-veins:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20800%20520%27%20preserveAspectRatio%3D%27none%27%3E%3Crect%20width%3D%27800%27%20height%3D%27520%27%20fill%3D%27none%27%2F%3E%3Cpath%20d%3D%27M-62%2088%20C%2060%20130%2C%20124%20258%2C%20240%20292%20S%20470%20244%2C%20866%20424%27%20fill%3D%27none%27%20stroke%3D%27rgba%28198%2C179%2C136%2C.42%29%27%20stroke-width%3D%2710%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M-56%2094%20C%2066%20136%2C%20130%20264%2C%20246%20298%20S%20476%20250%2C%20872%20430%27%20fill%3D%27none%27%20stroke%3D%27rgba%28247%2C241%2C226%2C.28%29%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M-42%20392%20C%2082%20342%2C%20206%20348%2C%20328%20392%20S%20598%20476%2C%20858%20330%27%20fill%3D%27none%27%20stroke%3D%27rgba%28169%2C176%2C183%2C.30%29%27%20stroke-width%3D%278%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E")!important;} html body :is(#erV233Clean#erV233Clean#erV233Clean#erV233Clean#erV233Clean,[data-ecp-root],.ecp-shell) .ecp-card:nth-child(8n){--er-v244-veins:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20800%20520%27%20preserveAspectRatio%3D%27none%27%3E%3Crect%20width%3D%27800%27%20height%3D%27520%27%20fill%3D%27none%27%2F%3E%3Cpath%20d%3D%27M848%2058%20C%20716%20148%2C%20648%20246%2C%20516%20284%20S%20250%20252%2C%20-54%20476%27%20fill%3D%27none%27%20stroke%3D%27rgba%28201%2C183%2C140%2C.44%29%27%20stroke-width%3D%2710%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M842%2064%20C%20710%20154%2C%20642%20252%2C%20510%20290%20S%20244%20258%2C%20-60%20482%27%20fill%3D%27none%27%20stroke%3D%27rgba%28246%2C240%2C226%2C.28%29%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M-34%20180%20C%20118%2098%2C%20260%20190%2C%20392%20178%20S%20650%20100%2C%20860%20186%27%20fill%3D%27none%27%20stroke%3D%27rgba%28169%2C176%2C184%2C.28%29%27%20stroke-width%3D%278%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E")!important;} html body :is(#erV233Clean#erV233Clean#erV233Clean#erV233Clean,[data-ecp-root],.ecp-shell) .ecp-v233-wrap{ margin-bottom:0!important; } html body :is(#erV233Clean#erV233Clean#erV233Clean#erV233Clean,[data-ecp-root],.ecp-shell) .ecp-v233-controls{ margin-top:0!important; margin-bottom:2px!important; padding-top:0!important; padding-bottom:0!important; transform:none!important; position:relative!important; z-index:4!important; } html body :is(#erV233Clean#erV233Clean#erV233Clean#erV233Clean,[data-ecp-root],.ecp-shell) .ecp-v233-preview{ margin-top:0!important; margin-bottom:1px!important; padding-top:0!important; padding-bottom:0!important; position:relative!important; z-index:3!important; } html body :is(#erV233Clean#erV233Clean#erV233Clean#erV233Clean,[data-ecp-root],.ecp-shell) .ecp-card-actions-four{ margin-top:0!important; padding-top:0!important; padding-bottom:3px!important; position:relative!important; z-index:2!important; } html body :where([data-ecp-root],.ecp-shell) .ecp-card > :is(.ecp-v188-middle-row,.ecp-v189-middle-row,.ecp-v190-row,.ecp-v191-row,.ecp-v192-row,.ecp-v193-row,.ecp-v194-wrap,.ecp-v195-wrap,.ecp-v196-wrap,.ecp-v197-wrap,.ecp-v198-wrap,.ecp-v199-wrap,.ecp-v200-wrap,.ecp-v201-wrap,.ecp-v202-wrap,.ecp-v203-wrap,.ecp-v204-wrap,.ecp-v205-wrap,.ecp-v206-wrap,.ecp-v207-wrap,.ecp-v208-wrap,.ecp-v209-wrap,.ecp-v210-wrap,.ecp-v211-wrap,.ecp-v212-wrap,.ecp-v213-wrap,.ecp-v214-wrap,.ecp-v215-wrap,.ecp-v216-wrap,.ecp-v217-wrap,.ecp-v218-wrap,.ecp-v219-wrap,.ecp-v220-wrap,.ecp-v221-wrap,.ecp-v222-wrap,.ecp-v223-wrap,.ecp-v224-wrap,.ecp-v225-wrap){ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } } @media (max-width:520px){ /* V248: riga categoria/contatori/codice/salva più alta, con testata ridotta. */ html body :is(#erV233Lower#erV233Lower#erV233Lower#erV233Lower,[data-ecp-root],.ecp-shell) .ecp-v233-controls{ transform:translateY(3px)!important; margin-bottom:0!important; } html body :is(#erV233Lower#erV233Lower#erV233Lower#erV233Lower,[data-ecp-root],.ecp-shell) .ecp-v233-preview{ margin-top:0!important; margin-bottom:1px!important; } } @media (max-width:380px){ html body :where([data-ecp-root],.ecp-shell) .ecp-v233-controls{ transform:translateY(3px)!important; margin-bottom:0!important; } } @media (max-width:520px){ /* V248: logo/titolo senza spazio morto nella parte alta. */ html body :is(#erV233HeadLower#erV233HeadLower#erV233HeadLower#erV233HeadLower,[data-ecp-root],.ecp-shell) .ecp-card-logo-col, html body :is(#erV233HeadLower#erV233HeadLower#erV233HeadLower#erV233HeadLower,[data-ecp-root],.ecp-shell) .ecp-card-hero{ transform:translateY(1px)!important; } html body :is(#erV233HeadLower#erV233HeadLower#erV233HeadLower#erV233HeadLower,[data-ecp-root],.ecp-shell) .ecp-card .ecp-logo, html body :is(#erV233HeadLower#erV233HeadLower#erV233HeadLower#erV233HeadLower,[data-ecp-root],.ecp-shell) .ecp-card .ecp-logo-cube, html body :is(#erV233HeadLower#erV233HeadLower#erV233HeadLower#erV233HeadLower,[data-ecp-root],.ecp-shell) .ecp-card .ecp-real-cube-shell{ margin-top:0!important; } } @media (max-width:380px){ html body :where([data-ecp-root],.ecp-shell) .ecp-card-logo-col, html body :where([data-ecp-root],.ecp-shell) .ecp-card-hero{ transform:translateY(1px)!important; } } @media (max-width:520px){ /* V233: effetto premium nuovo, leggero, senza vecchio SVG marmo. */ html body :is(#erV233Premium#erV233Premium#erV233Premium#erV233Premium,[data-ecp-root],.ecp-shell) .ecp-card{ --ecp-marble-img:none!important; background: radial-gradient(circle at 16% 10%, rgba(255,255,255,.98) 0 11%, rgba(255,255,255,0) 32%), radial-gradient(circle at 86% 4%, rgba(125,211,252,.22) 0 10%, rgba(125,211,252,0) 34%), linear-gradient(128deg, rgba(255,255,255,.96), rgba(245,251,255,.92) 42%, rgba(239,246,255,.88))!important; background-image: radial-gradient(circle at 16% 10%, rgba(255,255,255,.98) 0 11%, rgba(255,255,255,0) 32%), radial-gradient(circle at 86% 4%, rgba(125,211,252,.22) 0 10%, rgba(125,211,252,0) 34%), linear-gradient(128deg, rgba(255,255,255,.96), rgba(245,251,255,.92) 42%, rgba(239,246,255,.88))!important; box-shadow: 0 18px 38px rgba(15,23,42,.12), 0 4px 14px rgba(59,130,246,.06), inset 0 1px 0 rgba(255,255,255,.95)!important; border:1px solid rgba(255,255,255,.72)!important; backdrop-filter:blur(10px)!important; -webkit-backdrop-filter:blur(10px)!important; } html body :is(#erV233Premium#erV233Premium#erV233Premium#erV233Premium,[data-ecp-root],.ecp-shell) .ecp-card:before{ content:""!important; display:block!important; position:absolute!important; inset:1px!important; border-radius:inherit!important; pointer-events:none!important; z-index:0!important; opacity:.48!important; background: linear-gradient(115deg, rgba(255,255,255,0) 0 22%, rgba(255,255,255,.42) 33%, rgba(255,255,255,0) 45%), radial-gradient(ellipse at 18% 98%, rgba(96,165,250,.12), rgba(96,165,250,0) 44%), radial-gradient(ellipse at 92% 86%, rgba(168,85,247,.09), rgba(168,85,247,0) 38%)!important; filter:none!important; animation:none!important; } html body :is(#erV233Premium#erV233Premium#erV233Premium#erV233Premium,[data-ecp-root],.ecp-shell) .ecp-card:after{ content:""!important; display:block!important; position:absolute!important; inset:0!important; border-radius:inherit!important; pointer-events:none!important; z-index:0!important; opacity:.20!important; background:repeating-linear-gradient(132deg, rgba(148,163,184,.10) 0 1px, rgba(255,255,255,0) 1px 18px)!important; mix-blend-mode:multiply!important; filter:none!important; animation:none!important; } html body :where([data-ecp-root],.ecp-shell) .ecp-card > *{ position:relative!important; z-index:1!important; } /* Sticker: più piccolo, meno ingombrante, non sparisce da solo. */ html body :where([data-ecp-root],.ecp-shell) .ecp-floating-signal-group{ display:flex!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; z-index:2147483000!important; transform:translate(-50%,-50%) scale(.72)!important; transform-origin:center center!important; right:auto!important; top:58%!important;bottom:auto!important; max-width:min(310px,86vw)!important; transition:none!important; animation:none!important; } html body :where([data-ecp-root],.ecp-shell) .ecp-floating-signal-group.er-v233-user-closed{ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } html body :where([data-ecp-root],.ecp-shell) :is(.ecp-floating-signal-close,[data-ecp-hide-floating-signal]){ background:rgba(255,255,255,.92)!important; color:#334155!important; border:1px solid rgba(148,163,184,.45)!important; box-shadow:0 4px 10px rgba(15,23,42,.10)!important; } html body :where([data-ecp-root],.ecp-shell) :is(.ecp-floating-signal-close,[data-ecp-hide-floating-signal]) svg, html body :where([data-ecp-root],.ecp-shell) :is(.ecp-floating-signal-close,[data-ecp-hide-floating-signal]) path{ color:#334155!important; stroke:#334155!important; fill:none!important; } } @media (max-width:380px){ html body :where([data-ecp-root],.ecp-shell) .ecp-floating-signal-group{ transform:translate(-50%,-50%) scale(.68)!important; right:auto!important; top:58%!important;bottom:auto!important; max-width:min(300px,88vw)!important; } } @media (max-width:520px){ /* V233: sticker piccolo e SEMPRE centrato. Nessuno spostamento a destra. */ html body :is(#erV233StickerCenter#erV233StickerCenter#erV233StickerCenter#erV233StickerCenter,[data-ecp-root],.ecp-shell) .ecp-floating-signal-group{ position:fixed!important; left:50%!important; right:auto!important; top:58%!important;bottom:auto!important; top:auto!important; transform:translate(-50%,-50%) scale(.72)!important; transform-origin:center center!important; max-width:min(330px,92vw)!important; width:auto!important; display:flex!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; z-index:2147483000!important; transition:none!important; animation:none!important; } html body :is(#erV233StickerCenter#erV233StickerCenter#erV233StickerCenter#erV233StickerCenter,[data-ecp-root],.ecp-shell) .ecp-floating-signal-group.er-v233-user-closed{ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } html body :is(#erV233StickerCenter#erV233StickerCenter#erV233StickerCenter#erV233StickerCenter,[data-ecp-root],.ecp-shell) :is(.ecp-floating-signal-close,[data-ecp-hide-floating-signal]){ background:rgba(255,255,255,.94)!important; color:#334155!important; border:1px solid rgba(148,163,184,.45)!important; box-shadow:0 4px 10px rgba(15,23,42,.10)!important; } html body :is(#erV233StickerCenter#erV233StickerCenter#erV233StickerCenter#erV233StickerCenter,[data-ecp-root],.ecp-shell) :is(.ecp-floating-signal-close,[data-ecp-hide-floating-signal]) svg, html body :is(#erV233StickerCenter#erV233StickerCenter#erV233StickerCenter#erV233StickerCenter,[data-ecp-root],.ecp-shell) :is(.ecp-floating-signal-close,[data-ecp-hide-floating-signal]) path{ color:#334155!important; stroke:#334155!important; fill:none!important; } } @media (max-width:380px){ html body :where([data-ecp-root],.ecp-shell) .ecp-floating-signal-group{ left:50%!important; right:auto!important; top:58%!important;bottom:auto!important; transform:translate(-50%,-50%) scale(.68)!important; transform-origin:center center!important; max-width:min(315px,94vw)!important; } } @media (max-width:520px){ /* V233: sticker piccolo, più alto verso il centro, auto-hide dopo 5s. */ html body :is(#erV233StickerAuto#erV233StickerAuto#erV233StickerAuto#erV233StickerAuto,[data-ecp-root],.ecp-shell) .ecp-floating-signal-group{ position:fixed!important; left:50%!important; right:auto!important; top:58%!important; bottom:auto!important; transform:translate(-50%,-50%) scale(.72)!important; transform-origin:center center!important; max-width:min(330px,92vw)!important; width:auto!important; display:flex!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; z-index:2147483000!important; transition:opacity .22s ease, visibility .22s ease!important; animation:none!important; } html body :is(#erV233StickerAuto#erV233StickerAuto#erV233StickerAuto#erV233StickerAuto,[data-ecp-root],.ecp-shell) .ecp-floating-signal-group.er-v233-user-closed, html body :is(#erV233StickerAuto#erV233StickerAuto#erV233StickerAuto#erV233StickerAuto,[data-ecp-root],.ecp-shell) .ecp-floating-signal-group.er-v233-auto-closed{ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } html body :is(#erV233StickerAuto#erV233StickerAuto#erV233StickerAuto#erV233StickerAuto,[data-ecp-root],.ecp-shell) :is(.ecp-floating-signal-close,[data-ecp-hide-floating-signal]){ background:rgba(255,255,255,.94)!important; color:#334155!important; border:1px solid rgba(148,163,184,.45)!important; box-shadow:0 4px 10px rgba(15,23,42,.10)!important; } html body :is(#erV233StickerAuto#erV233StickerAuto#erV233StickerAuto#erV233StickerAuto,[data-ecp-root],.ecp-shell) :is(.ecp-floating-signal-close,[data-ecp-hide-floating-signal]) svg, html body :is(#erV233StickerAuto#erV233StickerAuto#erV233StickerAuto#erV233StickerAuto,[data-ecp-root],.ecp-shell) :is(.ecp-floating-signal-close,[data-ecp-hide-floating-signal]) path{ color:#334155!important; stroke:#334155!important; fill:none!important; } } @media (max-width:820px), (hover:none) and (pointer:coarse){ html, body{ width:100%!important; max-width:100%!important; min-width:0!important; margin-left:0!important; margin-right:0!important; overflow-x:hidden!important; background:#ffffff!important; overscroll-behavior-x:none!important; } html body:before, html body.ecp-main-comparator-page-active:before{ content:none!important; display:none!important; background:none!important; } html body *{ box-sizing:border-box; } /* Wrapper tema: non deve introdurre larghezze/margini laterali sul comparatore mobile. */ html body.ecp-main-comparator-page-active #page, html body.ecp-main-comparator-page-active .site, html body.ecp-main-comparator-page-active .site-content, html body.ecp-main-comparator-page-active .content-area, html body.ecp-main-comparator-page-active .entry-content, html body.ecp-main-comparator-page-active main{ width:100%!important; max-width:100%!important; margin-left:0!important; margin-right:0!important; padding-left:0!important; padding-right:0!important; overflow-x:hidden!important; } /* Root V265 stabile: full viewport reale, centrato subito, senza ricalcoli JS post-load. */ html body [data-ecp-root].ecp-shell, html body .ecp-shell[data-ecp-root]{ --ecp-final-mobile-pad:18px; position:relative!important; left:50%!important; right:50%!important; transform:none!important; -webkit-transform:none!important; width:100vw!important; max-width:100vw!important; min-width:0!important; margin-left:-50vw!important; margin-right:-50vw!important; padding-left:var(--ecp-final-mobile-pad)!important; padding-right:var(--ecp-final-mobile-pad)!important; overflow-x:hidden!important; background:linear-gradient(180deg,#ffffff 0%,#f7faff 44%,#ffffff 100%)!important; touch-action:pan-y!important; } html body [data-ecp-root].ecp-shell .ecp-container, html body .ecp-shell[data-ecp-root] .ecp-container, html body [data-ecp-root].ecp-shell .ecp-container.has-landing, html body .ecp-shell[data-ecp-root] .ecp-container.has-landing{ width:100%!important; max-width:1220px!important; min-width:0!important; margin-left:auto!important; margin-right:auto!important; padding-left:0!important; padding-right:0!important; overflow:visible!important; } /* I blocchi alti devono arrivare fino ai bordi dello schermo, ma restare centrati sul root. */ html body [data-ecp-root].ecp-shell .ecp-container.has-landing .ecp-landing, html body .ecp-shell[data-ecp-root] .ecp-container.has-landing .ecp-landing, html body [data-ecp-root].ecp-shell .ecp-container.has-landing .ecp-compare-hub, html body .ecp-shell[data-ecp-root] .ecp-container.has-landing .ecp-compare-hub{ width:calc(100% + (var(--ecp-final-mobile-pad) * 2))!important; max-width:calc(100% + (var(--ecp-final-mobile-pad) * 2))!important; min-width:0!important; margin-left:calc(var(--ecp-final-mobile-pad) * -1)!important; margin-right:calc(var(--ecp-final-mobile-pad) * -1)!important; box-sizing:border-box!important; overflow:hidden!important; transform:none!important; -webkit-transform:none!important; } html body [data-ecp-root].ecp-shell .ecp-container.has-landing .ecp-landing-hero, html body .ecp-shell[data-ecp-root] .ecp-container.has-landing .ecp-landing-hero{ width:100%!important; max-width:100%!important; margin-left:0!important; margin-right:0!important; overflow:hidden!important; } /* Le capsule/barre dentro la landing non devono uscire o spostarsi a destra. */ html body [data-ecp-root].ecp-shell .ecp-container.has-landing .ecp-category-flow, html body [data-ecp-root].ecp-shell .ecp-container.has-landing .ecp-landing-motion-scroll, html body [data-ecp-root].ecp-shell .ecp-container.has-landing .ecp-landing-hot, html body [data-ecp-root].ecp-shell .ecp-container.has-landing .ecp-cat-hub-hot, html body .ecp-shell[data-ecp-root] .ecp-container.has-landing .ecp-category-flow, html body .ecp-shell[data-ecp-root] .ecp-container.has-landing .ecp-landing-motion-scroll, html body .ecp-shell[data-ecp-root] .ecp-container.has-landing .ecp-landing-hot, html body .ecp-shell[data-ecp-root] .ecp-container.has-landing .ecp-cat-hub-hot{ width:100%!important; max-width:100%!important; min-width:0!important; margin-left:0!important; margin-right:0!important; transform:none!important; -webkit-transform:none!important; overflow:hidden!important; } /* La lista card resta allineata al template: niente width 100vw sulle card. */ html body [data-ecp-root].ecp-shell .ecp-grid, html body .ecp-shell[data-ecp-root] .ecp-grid{ width:100%!important; max-width:100%!important; min-width:0!important; margin-left:auto!important; margin-right:auto!important; padding-left:0!important; padding-right:0!important; overflow:visible!important; } html body [data-ecp-root].ecp-shell .ecp-card, html body .ecp-shell[data-ecp-root] .ecp-card{ width:100%!important; max-width:100%!important; min-width:0!important; margin-left:auto!important; margin-right:auto!important; box-sizing:border-box!important; } /* Nessun vecchio full-bleed sulle card: le card seguono solo la griglia interna. */ html body [data-ecp-root].ecp-shell .ecp-grid > .ecp-card, html body .ecp-shell[data-ecp-root] .ecp-grid > .ecp-card{ position:relative!important; left:auto!important; right:auto!important; transform:none; } /* Subtitle landing: più esteso, compatto e leggibile in due righe, vetro nero -> trasparente, senza blur pesanti. */ html body [data-ecp-root].ecp-shell .ecp-container.has-landing .ecp-landing-hero .ecp-landing-subtitle.ecp-landing-subtitle-glass, html body .ecp-shell[data-ecp-root] .ecp-container.has-landing .ecp-landing-hero .ecp-landing-subtitle.ecp-landing-subtitle-glass{ display:block!important; width:min(760px,calc(100% - 14px))!important; max-width:760px!important; margin:6px auto 12px!important; padding:7px 15px 8px!important; border-radius:18px!important; text-align:center!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; font-size:clamp(12.2px,3.05vw,14.2px)!important; line-height:1.20!important; font-weight:850!important; letter-spacing:-.012em!important; text-wrap:balance!important; background:linear-gradient(103deg,rgba(2,6,23,.72) 0%,rgba(2,6,23,.54) 42%,rgba(2,6,23,.22) 76%,rgba(2,6,23,.035) 100%)!important; border:1px solid rgba(255,255,255,.16)!important; border-left:1px solid rgba(255,255,255,.30)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 8px 18px rgba(2,6,23,.10)!important; text-shadow:0 1px 7px rgba(2,6,23,.38)!important; } html body [data-ecp-root].ecp-shell .ecp-container.has-landing .ecp-landing-hero .ecp-landing-subtitle.ecp-landing-subtitle-glass span, html body .ecp-shell[data-ecp-root] .ecp-container.has-landing .ecp-landing-hero .ecp-landing-subtitle.ecp-landing-subtitle-glass span{ display:block!important; max-width:100%!important; white-space:normal!important; } /* ECP final UX polish: contatori fermi, scroller mobile fluidi e comparatore isolato. */ html body [data-ecp-root].ecp-shell [data-ecp-mobile-live-metrics] strong, html body .ecp-shell[data-ecp-root] [data-ecp-mobile-live-metrics] strong{ transition:none!important; animation:none!important; } html body [data-ecp-root].ecp-shell .ecp-category-flow.ecp-final-css-category-ticker .ecp-category-flow-scroll, html body .ecp-shell[data-ecp-root] .ecp-category-flow.ecp-final-css-category-ticker .ecp-category-flow-scroll, html body [data-ecp-root].ecp-shell .ecp-landing-hot.ecp-final-css-hot-ticker .ecp-hot-garage-scroll, html body .ecp-shell[data-ecp-root] .ecp-landing-hot.ecp-final-css-hot-ticker .ecp-hot-garage-scroll, html body [data-ecp-root].ecp-shell .ecp-cat-hub-hot.ecp-final-css-hot-ticker .ecp-hot-garage-scroll, html body .ecp-shell[data-ecp-root] .ecp-cat-hub-hot.ecp-final-css-hot-ticker .ecp-hot-garage-scroll{ overflow:hidden!important; -webkit-overflow-scrolling:auto!important; scroll-behavior:auto!important; touch-action:pan-y!important; cursor:default!important; } html body [data-ecp-root].ecp-shell .ecp-category-flow.ecp-final-css-category-ticker .ecp-category-flow-track, html body .ecp-shell[data-ecp-root] .ecp-category-flow.ecp-final-css-category-ticker .ecp-category-flow-track{ animation:ecpFinalCategoryTicker var(--ecp-final-category-duration, 34s) linear infinite!important; transform:translate3d(0,0,0); will-change:transform; backface-visibility:hidden!important; transform-style:flat!important; contain:layout style!important; } html body [data-ecp-root].ecp-shell .ecp-landing-hot.ecp-final-css-hot-ticker .ecp-cat-hub-hot-track, html body .ecp-shell[data-ecp-root] .ecp-landing-hot.ecp-final-css-hot-ticker .ecp-cat-hub-hot-track, html body [data-ecp-root].ecp-shell .ecp-cat-hub-hot.ecp-final-css-hot-ticker .ecp-cat-hub-hot-track, html body .ecp-shell[data-ecp-root] .ecp-cat-hub-hot.ecp-final-css-hot-ticker .ecp-cat-hub-hot-track{ animation:ecpFinalHotTicker var(--ecp-final-hot-duration, 62s) linear infinite!important; transform:translate3d(0,0,0); will-change:transform; backface-visibility:hidden!important; transform-style:flat!important; contain:layout style!important; } html body [data-ecp-root].ecp-shell .ecp-category-flow.ecp-final-css-category-ticker:hover .ecp-category-flow-track, html body [data-ecp-root].ecp-shell .ecp-landing-hot.ecp-final-css-hot-ticker:hover .ecp-cat-hub-hot-track{ animation-play-state:running!important; } @keyframes ecpFinalCategoryTicker{ 0%{transform:translate3d(0,0,0);} 100%{transform:translate3d(calc(var(--ecp-final-category-shift, 50%) * -1),0,0);} } @keyframes ecpFinalHotTicker{ 0%{transform:translate3d(0,0,0);} 100%{transform:translate3d(calc(var(--ecp-final-hot-shift, 50%) * -1),0,0);} } @media (prefers-reduced-motion:reduce){ html body [data-ecp-root].ecp-shell .ecp-category-flow.ecp-final-css-category-ticker .ecp-category-flow-track, html body [data-ecp-root].ecp-shell .ecp-landing-hot.ecp-final-css-hot-ticker .ecp-cat-hub-hot-track, html body [data-ecp-root].ecp-shell .ecp-cat-hub-hot.ecp-final-css-hot-ticker .ecp-cat-hub-hot-track{ animation:none!important; transform:none!important; will-change:auto!important; } } /* Comparatore: inattivo rosso luminoso, attivo verde luminoso. Solo il comparatore si attiva. */ html body [data-ecp-root].ecp-shell .ecp-compare-search-wrap, html body .ecp-shell[data-ecp-root] .ecp-compare-search-wrap{ border-color:rgba(255,48,80,.82)!important; background:linear-gradient(135deg,rgba(127,29,29,.22),rgba(15,23,42,.18))!important; box-shadow:0 0 0 1px rgba(255,48,80,.28),0 0 18px rgba(255,48,80,.32),inset 0 1px 0 rgba(255,255,255,.16)!important; transition:border-color .16s ease, box-shadow .16s ease, background .16s ease!important; } html body [data-ecp-root].ecp-shell .ecp-compare-search-wrap.ecp-compare-force-active, html body [data-ecp-root].ecp-shell .ecp-compare-search-wrap[data-ecp-compare-active="1"], html body [data-ecp-root].ecp-shell .ecp-compare-search-wrap:active, html body [data-ecp-root].ecp-shell .ecp-compare-search-wrap:focus-within, html body [data-ecp-root].ecp-shell .ecp-compare-hub.is-searching .ecp-compare-search-wrap, html body [data-ecp-root].ecp-shell .ecp-compare-hub.ecp-compare-mobile-keyboard-active .ecp-compare-search-wrap, html body [data-ecp-root].ecp-shell .ecp-compare-hub:has(.ecp-compare-results.is-open) .ecp-compare-search-wrap, html body .ecp-shell[data-ecp-root] .ecp-compare-search-wrap.ecp-compare-force-active, html body .ecp-shell[data-ecp-root] .ecp-compare-search-wrap[data-ecp-compare-active="1"], html body .ecp-shell[data-ecp-root] .ecp-compare-search-wrap:active, html body .ecp-shell[data-ecp-root] .ecp-compare-search-wrap:focus-within, html body .ecp-shell[data-ecp-root] .ecp-compare-hub.is-searching .ecp-compare-search-wrap, html body .ecp-shell[data-ecp-root] .ecp-compare-hub.ecp-compare-mobile-keyboard-active .ecp-compare-search-wrap, html body .ecp-shell[data-ecp-root] .ecp-compare-hub:has(.ecp-compare-results.is-open) .ecp-compare-search-wrap{ border-color:rgba(57,255,20,.98)!important; background:linear-gradient(135deg,rgba(22,163,74,.24),rgba(37,99,235,.13))!important; box-shadow:0 0 0 2px rgba(57,255,20,.38),0 0 26px rgba(57,255,20,.56),inset 0 1px 0 rgba(255,255,255,.20)!important; } html body [data-ecp-root].ecp-shell .ecp-compare-results.is-open, html body .ecp-shell[data-ecp-root] .ecp-compare-results.is-open{ background:linear-gradient(180deg,rgba(4,10,28,.98),rgba(10,23,58,.96))!important; color:#fff!important; border:1px solid rgba(57,255,20,.26)!important; box-shadow:0 18px 46px rgba(2,6,23,.36),0 0 22px rgba(57,255,20,.18)!important; } html body [data-ecp-root].ecp-shell .ecp-compare-results.is-open *, html body .ecp-shell[data-ecp-root] .ecp-compare-results.is-open *{ color:inherit; } /* 5.17.9.84 — CTA Dettagli usa il componente canonico .ecp-step-inline-cta del CSS core. */ /* Movimento fluido mobile: niente blur pesanti nel confronto, scroll interno più morbido. */ html body [data-ecp-root].ecp-shell .ecp-compare-modal.is-open, html body .ecp-shell[data-ecp-root] .ecp-compare-modal.is-open{ display:flex!important; align-items:center!important; justify-content:center!important; padding:12px!important; contain:layout style!important; } html body [data-ecp-root].ecp-shell .ecp-compare-modal .ecp-backdrop, html body .ecp-shell[data-ecp-root] .ecp-compare-modal .ecp-backdrop{ -webkit-backdrop-filter:none!important; backdrop-filter:none!important; background:rgba(5,12,30,.64)!important; } html body [data-ecp-root].ecp-shell .ecp-compare-dialog, html body .ecp-shell[data-ecp-root] .ecp-compare-dialog{ width:min(980px,calc(100vw - 18px))!important; max-height:calc(100dvh - 24px)!important; overflow:auto!important; -webkit-overflow-scrolling:touch!important; overscroll-behavior:contain!important; touch-action:pan-x pan-y!important; transform:translate3d(0,0,0)!important; backface-visibility:hidden!important; contain:layout style!important; box-shadow:0 18px 42px rgba(0,0,0,.24)!important; } html body [data-ecp-root].ecp-shell .ecp-compare-table-wrap, html body .ecp-shell[data-ecp-root] .ecp-compare-table-wrap{ overflow:auto!important; -webkit-overflow-scrolling:touch!important; overscroll-behavior:contain!important; scroll-behavior:smooth!important; touch-action:pan-x pan-y!important; transform:translate3d(0,0,0)!important; backface-visibility:hidden!important; contain:layout style!important; } html body [data-ecp-root].ecp-shell .ecp-compare-table, html body .ecp-shell[data-ecp-root] .ecp-compare-table{ transform:translate3d(0,0,0)!important; backface-visibility:hidden!important; } /* Step bonus mobile: testi piccoli resi leggibili senza cambiare struttura. */ html body [data-ecp-root].ecp-shell .ecp-steps-head h3, html body .ecp-shell[data-ecp-root] .ecp-steps-head h3, html body .ecp-steps-head h3{ font-size:clamp(22px,5.8vw,29px)!important; line-height:1.08!important; } html body [data-ecp-root].ecp-shell .ecp-steps-head p, html body .ecp-shell[data-ecp-root] .ecp-steps-head p, html body .ecp-steps-head p{ font-size:clamp(11px,3.1vw,13px)!important; line-height:1.35!important; color:rgba(226,232,240,.90)!important; } html body [data-ecp-root].ecp-shell .ecp-steps-modal .ecp-req-num, html body .ecp-shell[data-ecp-root] .ecp-steps-modal .ecp-req-num, html body .ecp-steps-modal .ecp-req-num{ width:36px!important; height:36px!important; font-size:13px!important; font-weight:1000!important; } html body [data-ecp-root].ecp-shell .ecp-steps-modal .ecp-req-row, html body .ecp-shell[data-ecp-root] .ecp-steps-modal .ecp-req-row, html body .ecp-steps-modal .ecp-req-row{ grid-template-columns:40px 1fr!important; gap:12px!important; padding:13px 13px!important; } html body [data-ecp-root].ecp-shell .ecp-steps-modal .ecp-req-content strong, html body .ecp-shell[data-ecp-root] .ecp-steps-modal .ecp-req-content strong, html body .ecp-steps-modal .ecp-req-content strong{ font-size:clamp(16px,4.5vw,22px)!important; line-height:1.15!important; margin-bottom:5px!important; } html body [data-ecp-root].ecp-shell .ecp-steps-modal .ecp-req-content span, html body .ecp-shell[data-ecp-root] .ecp-steps-modal .ecp-req-content span, html body .ecp-steps-modal .ecp-req-content span, html body [data-ecp-root].ecp-shell .ecp-steps-modal .steps-bonus ol, html body .ecp-shell[data-ecp-root] .ecp-steps-modal .steps-bonus ol, html body .ecp-steps-modal .steps-bonus ol{ font-size:clamp(12px,3.25vw,14px)!important; line-height:1.42!important; color:rgba(226,232,240,.90)!important; } /* Sticker segnalazione: chiusura X definitiva, sopra tutti i vecchi selettori V233/V264/V265. */ html body :is(#ecpStickerKill#ecpStickerKill#ecpStickerKill#ecpStickerKill#ecpStickerKill,.ecp-floating-signal-group).ecp-signal-user-closed, html body :is(#ecpStickerKill#ecpStickerKill#ecpStickerKill#ecpStickerKill#ecpStickerKill,.ecp-floating-signal-group).ecp-sticker-user-hidden, html body :is(#ecpStickerKill#ecpStickerKill#ecpStickerKill#ecpStickerKill#ecpStickerKill,.ecp-floating-signal-group).er-v233-user-closed, html body :is(#ecpStickerKill#ecpStickerKill#ecpStickerKill#ecpStickerKill#ecpStickerKill,.ecp-floating-signal-group).er-v233-auto-closed, html body :is(#ecpStickerKill#ecpStickerKill#ecpStickerKill#ecpStickerKill#ecpStickerKill,.ecp-floating-signal-group).er-v264-sticker-closed, html body :is(#ecpStickerKill#ecpStickerKill#ecpStickerKill#ecpStickerKill#ecpStickerKill,.ecp-floating-signal-group).er-v265-sticker-closed{ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; transform:translate(-50%,-50%) scale(0)!important; animation:none!important; transition:none!important; } } @media (max-width:380px), (hover:none) and (pointer:coarse){ html body [data-ecp-root].ecp-shell, html body .ecp-shell[data-ecp-root]{ --ecp-final-mobile-pad:12px; } }