/* Eurotecno Blocchi — stile isolato in Shadow DOM dichiarativo. Non modificabile dal tema. */
:host{all:initial;display:block!important;position:relative;width:var(--etb-vw,100vw)!important;max-width:var(--etb-vw,100vw)!important;margin:0 0 0 calc(50% - var(--etb-vw,100vw) / 2)!important;padding:0!important;border:0!important;float:none!important;box-sizing:border-box;scroll-margin-top:calc(var(--etb-sticky,70px) + 64px);

  --et-navy:#0B1F33;
  --et-navy-900:#071524;
  --et-navy-700:#13304D;
  --et-blue:#0A5A8F;
  --et-cyan:#4FD1E8;
  --et-cyan-600:#2BB6CF;
  --et-panel:#EEF2F5;
  --et-line:#D9E1E8;
  --et-text:#4A5B6B;
  --et-ink:#0B1F33;
  --et-muted:#7A8A99;
  --et-white:#FFFFFF;
  --et-font-head:"Helvetica Neue",Helvetica,Arial,sans-serif;
  --et-font-body:"Open Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --et-wrap:clamp(1240px,86vw,1800px);
  --et-gutter-xl:clamp(40px,2.5vw,64px);
  --et-gutter:clamp(16px,4vw,40px);
  --et-sec:clamp(64px,9vw,120px);
  --et-ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
.etb-root{font-family:var(--et-font-body);font-size:16px;line-height:1.65;color:var(--et-text);background:var(--et-white);-webkit-font-smoothing:antialiased;text-align:left}
.etb-root button,.etb-root input{font:inherit;margin:0;border-radius:0;box-shadow:none;text-shadow:none;letter-spacing:normal;text-transform:none;min-height:0;height:auto;line-height:normal}
ul,ol{margin:0}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--et-font-head);color:var(--et-ink);margin:0;font-weight:600;letter-spacing:-.035em;line-height:1.1}
p{margin:0}
.et-wrap{max-width:var(--et-wrap);margin:0 auto;padding:0 var(--et-gutter)}
.et-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- Typo helpers ---------- */
.et-eyebrow{font-family:var(--et-font-head);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--et-blue);margin-bottom:18px;display:block}
.et-eyebrow--cyan{color:var(--et-cyan)}
.et-h2{font-size:clamp(30px,3.6vw,46px)}
.et-lead{font-size:clamp(17px,1.4vw,19px);line-height:1.6}
.et-sec-head{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:end;margin-bottom:56px}
.et-sec-head p{max-width:46ch}

/* ---------- Buttons ---------- */
.et-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--et-font-head);font-weight:700;font-size:15px;text-decoration:none;padding:17px 28px;border:1px solid transparent;transition:background .25s var(--et-ease),color .25s var(--et-ease),border-color .25s;cursor:pointer;line-height:1}
.et-btn--cyan{background:var(--et-cyan);color:var(--et-navy)}
.et-btn--cyan:hover{background:var(--et-white)}
.et-btn--navy{background:var(--et-navy);color:var(--et-white)}
.et-btn--navy:hover{background:var(--et-blue)}
.et-btn--ghost{border-color:rgba(255,255,255,.35);color:var(--et-white)}
.et-btn--ghost:hover{border-color:var(--et-cyan);color:var(--et-cyan)}
.et-link{font-family:var(--et-font-head);font-weight:700;font-size:15px;color:var(--et-cyan);text-decoration:none}
.et-link:hover{text-decoration:underline;text-underline-offset:4px}
.et-arrow{display:inline-block;transition:transform .25s var(--et-ease)}
a:hover .et-arrow{transform:translate(3px,-3px)}

/* ---------- Hero ---------- */
.et-hero{background:var(--et-navy);color:#C9D3DC;position:relative;overflow:hidden}
.et-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:620px}
.et-hero__copy{padding:56px var(--et-gutter) 64px max(var(--et-gutter),calc((var(--etb-vw,100vw) - var(--et-wrap))/2 + var(--et-gutter)));display:flex;flex-direction:column;justify-content:center}
.et-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;margin-bottom:40px;list-style:none;padding:0}
.et-crumbs a{text-decoration:none;color:#8FA2B4}.et-crumbs a:hover{color:var(--et-cyan)}
.et-crumbs li+li::before{content:"/";margin-right:8px;color:#4C647B}
.et-crumbs [aria-current]{color:var(--et-white)}
.et-hero h1{color:var(--et-white);font-size:clamp(36px,4.1vw,58px);letter-spacing:-.045em;margin-bottom:24px}
.et-hero .et-lead{color:#C9D3DC;max-width:52ch;margin-bottom:36px}
.et-hero__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:56px}
.et-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.14)}
.et-stat{padding:22px 18px 0 0}
.et-stat+.et-stat{padding-left:18px;border-left:1px solid rgba(255,255,255,.14)}
.et-stat b{display:block;font-family:var(--et-font-head);font-size:22px;white-space:nowrap;color:var(--et-white);letter-spacing:-.03em;line-height:1.1}
.et-stat span{font-size:13px;color:#8FA2B4;line-height:1.4;display:block;margin-top:6px}
.et-hero__media{position:relative;min-height:360px}
.et-hero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.et-hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--et-navy) 0%,rgba(11,31,51,0) 28%),linear-gradient(0deg,rgba(7,21,36,.55),rgba(7,21,36,0) 45%)}
.et-hero__tag{position:absolute;right:24px;bottom:24px;z-index:2;background:rgba(7,21,36,.78);backdrop-filter:blur(6px);padding:14px 18px;font-size:13px;color:#C9D3DC;border-left:3px solid var(--et-cyan)}
.et-hero__tag b{color:var(--et-white);display:block;font-family:var(--et-font-head)}

/* ---------- In-page nav ---------- */
.et-subnav{background:var(--et-white);border-bottom:1px solid var(--et-line)}
.et-subnav .et-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:60px}
.et-subnav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0;overflow-x:auto;scrollbar-width:none}
.et-subnav ul::-webkit-scrollbar{display:none}
.et-subnav a{display:block;white-space:nowrap;text-decoration:none;font-family:var(--et-font-head);font-weight:600;font-size:14px;color:var(--et-muted);padding:19px 14px;border-bottom:2px solid transparent}
.et-subnav a:hover{color:var(--et-ink)}
.et-subnav a.is-active{color:var(--et-ink);border-color:var(--et-cyan)}
.et-search{display:flex;align-items:center;gap:8px;border:1px solid var(--et-line);padding:0 12px;height:40px;min-width:260px}
.et-search input{border:0;outline:0;font:inherit;font-size:14px;width:100%;color:var(--et-ink);background:transparent}
.et-search:focus-within{border-color:var(--et-blue)}
.et-subnav a.et-subnav__cta,.et-subnav a.et-subnav__cta.is-active{flex:none;padding:12px 20px;font-size:14px;color:var(--et-white);background:var(--et-navy);border:0}
.et-subnav a.et-subnav__cta:hover{background:var(--et-blue);color:var(--et-white)}
@media (max-width:620px){.et-subnav__cta{display:none}}

/* ---------- Intro ---------- */
.et-sec{padding:var(--et-sec) 0}
.et-sec--panel{background:var(--et-panel)}
.et-sec--dark{background:var(--et-navy);color:#C9D3DC}
.et-sec--dark h2,.et-sec--dark h3{color:var(--et-white)}
.et-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:start}
.et-intro h2{font-size:clamp(28px,3vw,40px)}
.et-intro__body p+p{margin-top:18px}
.et-intro__body strong{color:var(--et-ink);font-weight:600}

/* ---------- Perché Eurotecno ---------- */
.et-why{list-style:none;margin:64px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);border-top:2px solid var(--et-navy);counter-reset:w}
.et-why li{counter-increment:w;padding:28px 22px 0 0}
.et-why li+li{padding-left:22px;border-left:1px solid var(--et-line)}
.et-why li::before{content:"0" counter(w);display:block;font-family:var(--et-font-head);font-weight:600;font-size:40px;letter-spacing:-.04em;color:var(--et-blue);line-height:1;margin-bottom:22px}
.et-why b{display:block;font-family:var(--et-font-head);font-size:19px;color:var(--et-ink);letter-spacing:-.02em;margin-bottom:8px}
.et-why span{font-size:15px;display:block}
@media (max-width:1100px){.et-why{grid-template-columns:repeat(3,1fr)}.et-why li:nth-child(4){padding-left:0;border-left:0}.et-why li{padding-bottom:28px}}
@media (max-width:620px){.et-why{grid-template-columns:1fr;border-top:0}.et-why li{padding:24px 0!important;border-left:0!important;border-top:1px solid var(--et-line)}.et-why li:first-child{border-top:2px solid var(--et-navy)}}

/* ---------- Gamma / cards ---------- */
.et-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.et-chip{font-family:var(--et-font-head);font-weight:600;font-size:14px;padding:11px 18px;border:1px solid var(--et-line);background:var(--et-white);color:var(--et-text);cursor:pointer;transition:all .2s}
.et-chip:hover{border-color:var(--et-navy);color:var(--et-navy)}
.et-chip[aria-pressed="true"]{background:var(--et-navy);border-color:var(--et-navy);color:var(--et-white)}
.et-chip small{opacity:.6;margin-left:6px;font-weight:500}
.et-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.et-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:440px;overflow:hidden;text-decoration:none;color:#C9D3DC;background:var(--et-navy)}
.et-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--et-ease)}
.et-card::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(11,31,51,.05) 20%,rgba(11,31,51,.72) 58%,rgba(7,21,36,.96) 100%);transition:background .4s}
.et-card:hover img{transform:scale(1.05)}
.et-card__body{position:relative;z-index:2;padding:32px 30px 30px}
.et-card__meta{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#C9D3DC;margin-bottom:12px;font-family:var(--et-font-head)}
.et-card h3{color:var(--et-white);font-size:clamp(23px,2vw,27px);margin-bottom:12px}
.et-card p{font-size:15px;line-height:1.55;margin-bottom:22px}
.et-card--feature{grid-column:span 2}
.et-card--feature h3{font-size:clamp(28px,2.8vw,36px)}
.et-card--feature p{max-width:52ch}
.et-card[hidden]{display:none}
.et-card--cta{grid-column:1/-1;min-height:0;flex-direction:row;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;background:var(--et-white);color:var(--et-text);padding:36px 40px;border-left:4px solid var(--et-cyan)}
.et-card--cta h3{margin:0}
.et-card--cta > div:last-child{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.et-card--cta p{margin:0;max-width:40ch}
.et-card--cta::before{display:none}
.et-card--cta h3{color:var(--et-ink)}
.et-card--cta .et-card__meta{color:var(--et-blue)}
.et-empty{display:none;padding:40px;background:var(--et-panel);text-align:center}

/* ---------- Guida alla scelta ---------- */
.et-guide{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;align-items:stretch}
.et-table{width:100%;border-collapse:collapse;background:var(--et-white)}
.et-table th,.et-table td{text-align:left;padding:20px 24px;border-bottom:1px solid var(--et-line);vertical-align:top}
.et-table thead th{font-family:var(--et-font-head);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--et-muted);font-weight:700;background:var(--et-white)}
.et-table tbody th{font-family:var(--et-font-head);font-weight:600;color:var(--et-ink);font-size:16px;width:38%}
.et-table td a{color:var(--et-blue);font-weight:600;text-decoration:none}
.et-table td a:hover{text-decoration:underline}
.et-table tbody tr:hover{background:#F7F9FB}
.et-config{background:var(--et-navy);color:#C9D3DC;padding:44px 40px;display:flex;flex-direction:column;justify-content:space-between;gap:32px;position:relative;overflow:hidden}
.et-config::after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border:1px solid rgba(79,209,232,.25);border-radius:50%;box-shadow:0 0 0 40px rgba(79,209,232,.05),0 0 0 80px rgba(79,209,232,.03)}
.et-config h3{color:var(--et-white);font-size:clamp(26px,2.4vw,32px);margin-bottom:16px}
.et-config ol{margin:0;padding:0;list-style:none;counter-reset:s}
.et-config li{counter-increment:s;display:flex;gap:14px;padding:12px 0;border-top:1px solid rgba(255,255,255,.12);font-size:15px}
.et-config li::before{content:"0" counter(s);font-family:var(--et-font-head);font-weight:700;color:var(--et-cyan);min-width:24px}

/* ---------- Tecnologia ---------- */
.et-feats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.et-feat{background:var(--et-white);padding:36px 30px 40px;border-top:3px solid transparent;transition:border-color .3s}
.et-sec--panel .et-feat{background:var(--et-white)}
.et-feat:hover{border-color:var(--et-cyan)}
.et-feat__n{font-family:var(--et-font-head);font-size:44px;font-weight:600;color:var(--et-blue);letter-spacing:-.04em;line-height:1;margin-bottom:34px}
.et-feat h3{font-size:21px;margin-bottom:12px}
.et-feat p{font-size:15px}

/* ---------- Processo ---------- */
.et-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.16)}
.et-step{padding:36px 28px 0 0}
.et-step+.et-step{padding-left:28px;border-left:1px solid rgba(255,255,255,.16)}
.et-step span{font-family:var(--et-font-head);font-weight:700;font-size:13px;letter-spacing:.14em;color:var(--et-cyan)}
.et-step h3{font-size:22px;margin:14px 0 10px}
.et-step p{font-size:15px}

/* ---------- Referenze ---------- */
.et-refs{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.et-refs .et-card{min-height:420px}
.et-btn--line-dark{border-color:var(--et-navy);color:var(--et-navy);background:transparent}
.et-btn--line-dark:hover{background:var(--et-navy);color:var(--et-white)}
.et-btn small{font-weight:500;opacity:.7}
.et-more{margin:36px 0 0;text-align:center}
.et-refbar{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 20px;margin-bottom:28px}
.et-refbar .et-filters{margin-bottom:0}
.et-rsearch{position:relative;flex:0 1 380px;min-width:240px}
.et-rsearch svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--et-muted,#7A8A99);pointer-events:none}
.et-rsearch input{display:block;margin:0;width:100%;box-sizing:border-box;height:46px;padding:0 44px 0 42px;border:1px solid var(--et-line);background:var(--et-white);color:var(--et-navy);font:500 15px/1 var(--et-font-body,inherit);border-radius:0;-webkit-appearance:none;appearance:none}
.et-rsearch input::-webkit-search-cancel-button{display:none}
.et-rsearch input:focus{outline:2px solid var(--et-cyan);outline-offset:-1px;border-color:var(--et-navy)}
.et-rsearch__x{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;background:none;font-size:22px;line-height:1;color:var(--et-text);cursor:pointer}
.et-rsearch__x[hidden]{display:none}
.et-refs-empty{margin:8px 0 0;padding:28px;border:1px dashed var(--et-line);text-align:center;color:var(--et-text)}
.et-refs-empty[hidden]{display:none}
.et-linkbtn{border:0;background:none;padding:0;font:inherit;font-weight:600;color:var(--et-blue);text-decoration:underline;cursor:pointer}
.et-card mark{background:rgba(79,209,232,.35);color:inherit;padding:0}
@media (max-width:620px){.et-rsearch{flex:1 1 100%}.et-filters--scroll{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;margin-right:-16px;padding-right:16px;scrollbar-width:none}.et-filters--scroll::-webkit-scrollbar{display:none}.et-filters--scroll .et-chip{flex:none;scroll-snap-align:start;white-space:nowrap}}
.et-refs--compact{grid-template-columns:repeat(4,1fr);gap:16px}
.et-refs--compact .et-card{min-height:320px}
.et-refs--compact .et-card__body{padding:22px 20px 20px}
.et-refs--compact .et-card h3{font-size:clamp(18px,1.4vw,21px);margin-bottom:8px}
.et-refs--compact .et-card p{font-size:14px;margin-bottom:14px}
.et-refs--compact .et-card__meta{font-size:11px;margin-bottom:8px}
.et-refs .et-card[hidden]{display:none}

/* ---------- Download ---------- */
.et-dl{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--et-line);border-left:1px solid var(--et-line)}
.et-dl a{display:flex;gap:20px;align-items:flex-start;padding:30px 28px;text-decoration:none;background:var(--et-white);transition:background .2s}
.et-dl a{border-right:1px solid var(--et-line);border-bottom:1px solid var(--et-line)}
.et-dl a[hidden]{display:none}
.et-dl-status{margin:-12px 0 16px;font-size:14px;color:var(--et-muted)}
.et-dl-status:empty{display:none}
.et-dl a:hover{background:var(--et-panel)}
.et-dl__ic{flex:none;width:44px;height:52px;border:1.5px solid var(--et-navy);position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;font-family:var(--et-font-head);font-size:10px;font-weight:700;color:var(--et-navy)}
.et-dl__ic::before{content:"";position:absolute;right:-1.5px;top:-1.5px;width:14px;height:14px;background:var(--et-white);border-left:1.5px solid var(--et-navy);border-bottom:1.5px solid var(--et-navy)}
.et-dl a:hover .et-dl__ic::before{background:var(--et-panel)}
.et-dl h3{font-size:18px;margin-bottom:6px}
.et-dl p{font-size:14px;color:var(--et-muted)}
.et-dl b{display:inline-block;margin-top:12px;font-family:var(--et-font-head);font-size:14px;color:var(--et-blue)}

.et-portal{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--et-navy);margin-bottom:24px}
.et-portal div{padding:30px 28px;border-left:1px solid rgba(255,255,255,.12)}
.et-portal div:first-child{border-left:0}
.et-portal b{display:block;font-family:var(--et-font-head);font-size:18px;color:var(--et-white);margin-bottom:8px;padding-top:16px;border-top:2px solid var(--et-cyan);width:fit-content}
.et-portal span{font-size:14.5px;color:#C9D3DC;display:block}
@media (max-width:860px){.et-portal{grid-template-columns:1fr 1fr}.et-portal div:nth-child(3){border-left:0}}
@media (max-width:620px){.et-portal{grid-template-columns:1fr}.et-portal div{border-left:0;border-top:1px solid rgba(255,255,255,.12)}}

/* ---------- FAQ ---------- */
.et-faq{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;align-items:start}
.et-acc{background:var(--et-panel);padding:12px 40px}
.et-acc details{border-bottom:1px solid var(--et-line)}
.et-acc details:last-child{border-bottom:0}
.et-acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;padding:26px 0;font-family:var(--et-font-head);font-weight:600;font-size:18px;color:var(--et-ink);letter-spacing:-.01em}
.et-acc summary::-webkit-details-marker{display:none}
.et-acc summary::after{content:"";flex:none;width:16px;height:16px;margin-top:4px;background:linear-gradient(var(--et-blue),var(--et-blue)) center/16px 2px no-repeat,linear-gradient(var(--et-blue),var(--et-blue)) center/2px 16px no-repeat;transition:transform .3s}
.et-acc details[open] summary::after{background:linear-gradient(var(--et-blue),var(--et-blue)) center/16px 2px no-repeat}
.et-acc details p{padding:0 40px 26px 0;font-size:15.5px}
.et-aside{background:var(--et-navy);color:#C9D3DC;padding:44px 40px;position:sticky;top:calc(var(--etb-sticky,70px) + 80px)}
.et-aside h3{color:var(--et-white);font-size:28px;margin-bottom:16px}
.et-aside p{margin-bottom:28px}
.et-aside ul{list-style:none;margin:0 0 32px;padding:0}
.et-aside li{padding:12px 0;border-top:1px solid rgba(255,255,255,.12);font-size:15px;display:flex;gap:12px}
.et-aside li::before{content:"";flex:none;width:6px;height:6px;margin-top:10px;background:var(--et-cyan)}

/* ---------- Contatto ---------- */
.et-contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px}
.et-contact__info h2{margin-bottom:20px}
.et-contact__info dl{margin:40px 0 0;display:grid;gap:0}
.et-contact__info dt{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#8FA2B4;font-family:var(--et-font-head);font-weight:700;padding-top:18px;border-top:1px solid rgba(255,255,255,.14)}
.et-contact__info dd{margin:6px 0 18px;font-family:var(--et-font-head);font-size:20px;color:var(--et-white)}
.et-contact__info dd a{text-decoration:none}.et-contact__info dd a:hover{color:var(--et-cyan)}
.et-form{background:var(--et-white);padding:44px 40px;display:grid;grid-template-columns:1fr 1fr;gap:18px 18px;color:var(--et-text)}
.et-form h3{grid-column:1/-1;font-size:24px;margin-bottom:6px;color:var(--et-ink)!important}
.et-field{display:flex;flex-direction:column;gap:7px}
.et-field--full{grid-column:1/-1}
.et-field label{font-size:13px;font-weight:600;color:var(--et-ink)}
.et-field input,.et-field select,.et-field textarea{font:inherit;font-size:15px;padding:13px 14px;border:1px solid var(--et-line);background:#FAFBFC;color:var(--et-ink);border-radius:0;transition:border-color .2s,background .2s}
.et-field input:focus,.et-field select:focus,.et-field textarea:focus{outline:0;border-color:var(--et-blue);background:var(--et-white)}
.et-field textarea{min-height:110px;resize:vertical}
.et-check{grid-column:1/-1;display:flex;gap:10px;font-size:13.5px;align-items:flex-start}
.et-check input{margin-top:4px;accent-color:var(--et-navy)}
.et-form .et-btn{grid-column:1/-1;justify-content:center}
.et-form__ok{grid-column:1/-1;display:none;padding:14px 16px;background:#E6F8FB;border-left:3px solid var(--et-cyan-600);color:var(--et-ink);font-size:14px}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .et-grid,.et-refs,.et-refs--compact{grid-template-columns:repeat(2,1fr)}
  .et-feats{grid-template-columns:repeat(2,1fr)}
  .et-guide,.et-faq{grid-template-columns:1fr}
  .et-aside{position:static}
  .et-search{min-width:200px}
}
@media (max-width:860px){
  .et-hero__grid{grid-template-columns:1fr}
  .et-hero__copy{padding:40px var(--et-gutter) 48px;order:2}
  .et-hero__media{order:1;min-height:280px}
  .et-hero__media::after{background:linear-gradient(0deg,var(--et-navy) 0%,rgba(11,31,51,0) 40%)}
  .et-hero__tag{display:none}
  .et-stats{grid-template-columns:repeat(2,1fr)}
  .et-stat:nth-child(3){padding-left:0;border-left:0}
  .et-stat{padding-bottom:18px}
  .et-sec-head,.et-intro,.et-contact{grid-template-columns:1fr;gap:24px}
  .et-sec-head{margin-bottom:36px}
  .et-steps{grid-template-columns:1fr 1fr}
  .et-step:nth-child(3){padding-left:0;border-left:0}
  .et-step{padding-bottom:28px}
  .et-dl{grid-template-columns:1fr}
  .et-search{display:none}
}
@media (max-width:620px){
  .et-grid,.et-refs,.et-refs--compact,.et-feats,.et-steps{grid-template-columns:1fr}
  .et-step{padding-left:0!important;border-left:0!important;border-top:1px solid rgba(255,255,255,.16)}
  .et-steps{border-top:0}
  .et-card--feature{grid-column:auto}
  .et-card{min-height:380px}
  .et-table thead{display:none}
  .et-table,.et-table tbody,.et-table tr,.et-table th,.et-table td{display:block;width:100%}
  .et-table tbody th{padding-bottom:4px;border-bottom:0}
  .et-table td{padding-top:0}
  .et-acc{padding:4px 22px}
  .et-acc details p{padding-right:0}
  .et-form{grid-template-columns:1fr;padding:32px 22px}
  .et-config,.et-aside{padding:36px 24px}
}

/* ---- Host: blindatura e casi particolari ---- */
:host([hidden]){display:none!important}
:host([data-b="subnav"]){position:sticky!important;top:var(--etb-sticky,70px)!important;z-index:40!important}
:host([data-b="contatti"]) ::slotted(*){display:block}
.etb-root{position:relative}
@media (prefers-reduced-motion:reduce){.et-card img{transition:none}}
/* slot del modulo contatti (CF7 resta nel DOM della pagina) */
.et-form-slot{background:var(--et-white);padding:44px 40px;color:var(--et-text)}
.et-form-slot h3{font-size:24px;margin-bottom:18px;color:var(--et-ink)!important}
@media (max-width:620px){.et-form-slot{padding:32px 22px}}

/* ---- Grandi schermi: contenitore fluido e griglie più ampie ---- */
@media (min-width:1600px){
  .etb-root{font-size:17px}
  .et-wrap{padding:0 var(--et-gutter-xl)}
  .et-hero__copy{padding-left:calc((var(--etb-vw,100vw) - var(--et-wrap))/2 + var(--et-gutter-xl));padding-right:var(--et-gutter-xl)}
  .et-hero__grid{min-height:clamp(620px,34vw,860px)}
  .et-hero h1{font-size:clamp(58px,3.3vw,76px)}
  .et-lead{font-size:20px}
  .et-h2{font-size:clamp(46px,2.5vw,58px)}
  .et-intro h2{font-size:clamp(40px,2.2vw,50px)}
  .et-sec{padding:clamp(120px,6.5vw,160px) 0}
  .et-sec-head{margin-bottom:64px}
  .et-sec-head p{max-width:52ch}
  .et-grid{grid-template-columns:repeat(4,1fr);gap:28px}
  .et-card{min-height:clamp(460px,24vw,560px)}
  .et-card--cta{min-height:0}
  .et-refs{gap:28px}
  .et-refs .et-card{min-height:clamp(440px,24vw,560px)}
  .et-refs--compact .et-card{min-height:clamp(320px,17vw,400px)}
  .et-feats,.et-why{gap:28px}
  .et-guide{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:28px}
  .et-faq{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:28px}
  .et-contact{gap:96px}
}

/* ===== 0.4.0 · blocchi categoria: in breve, modelli, confronto, applicazioni, fuori catalogo ===== */
.et-hero__media img{object-position:var(--etb-focus,50% 50%)}
.et-hero__media--contain{background:var(--et-panel);display:flex;align-items:center;justify-content:center}
.et-hero__media--contain::after{display:none}
.et-hero__media--contain img{position:static;width:auto;height:auto;max-width:78%;max-height:78%;object-fit:contain;mix-blend-mode:multiply}
.et-subnav ul{min-width:0;flex:1 1 auto}
.et-contact{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.et-contact>*{min-width:0}
.et-sec--brief{padding-bottom:clamp(40px,5vw,72px)}
.et-sec--flush{padding-top:0}
.et-sec--panel .et-acc{background:var(--et-white)}
.et-brief{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:48px;align-items:start}
.et-brief__txt p{font-size:clamp(17px,1.35vw,19px);line-height:1.65;color:var(--et-ink)}
.et-brief__txt p+p{margin-top:14px;font-size:16px;color:var(--et-text)}
.et-brief__txt p.et-brief__by{margin-top:22px;font-size:13px;color:var(--et-muted);display:flex;flex-wrap:wrap;gap:6px 18px}
.et-brief__by b{color:var(--et-ink);font-weight:600}
.et-facts{margin:0;border-top:2px solid var(--et-navy)}
.et-facts div{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;padding:13px 0;border-bottom:1px solid var(--et-line);font-size:15px}
.et-facts dt{color:var(--et-muted)}
.et-facts dd{margin:0;color:var(--et-ink);font-weight:600}
.et-cmp{overflow-x:auto;background:var(--et-white)}
.et-cmp .et-table{min-width:760px}
.et-cmp .et-table td{font-size:15px}
.et-cmp .et-table tbody th{width:22%}
.et-prods{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.et-prod{display:flex;flex-direction:column;background:var(--et-white);border:1px solid var(--et-line);text-decoration:none;transition:border-color .25s,transform .25s var(--et-ease)}
.et-prod:hover{border-color:var(--et-navy);transform:translateY(-3px)}
.et-prod figure{margin:0;aspect-ratio:4/3;background:var(--et-panel);position:relative;overflow:hidden}
.et-prod img{position:absolute;inset:18px;width:calc(100% - 36px);height:calc(100% - 36px);object-fit:contain;mix-blend-mode:multiply}
.et-prod div{padding:22px 24px 26px;display:flex;flex-direction:column;gap:8px;flex:1}
.et-prod small{font-family:var(--et-font-head);font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--et-blue)}
.et-prod h3{font-size:21px}
.et-prod p{font-size:14.5px;color:var(--et-text)}
.et-prod .et-link{color:var(--et-blue);margin-top:auto;padding-top:8px}
.et-tagcloud{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.et-tagcloud li{font-size:14px;padding:9px 14px;background:var(--et-white);border:1px solid var(--et-line);color:var(--et-ink)}
.et-sec--panel .et-tagcloud li{border-color:transparent}
.et-siblings{display:grid;grid-template-columns:1fr;gap:8px;margin:6px 0 22px}
.et-siblings a{display:block;padding:16px 18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);text-decoration:none;transition:border-color .2s,background .2s}
.et-siblings a:hover{border-color:var(--et-cyan,#39C6E6);background:rgba(255,255,255,.1)}
.et-siblings small{display:block;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6);font-family:var(--et-font-head);font-weight:700;margin-bottom:4px}
.et-siblings b{font-family:var(--et-font-head);font-size:17px;color:var(--et-white);font-weight:600}
.et-badge{display:inline-block;padding:4px 9px;background:var(--et-white);color:var(--et-navy);font-size:11px;letter-spacing:.12em}
.et-card--out img{filter:grayscale(1) contrast(.9);opacity:.55}
.et-card--out::before{background:linear-gradient(180deg,rgba(11,31,51,.35) 0%,rgba(11,31,51,.82) 55%,rgba(7,21,36,.97) 100%)}
@media (max-width:1100px){.et-prods{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){.et-brief{grid-template-columns:1fr;gap:28px}.et-contact{grid-template-columns:minmax(0,1fr)}}
@media (max-width:620px){
  .et-prods{grid-template-columns:1fr}
  .et-facts div{grid-template-columns:1fr;gap:2px}
  .et-cmp .et-table{min-width:0}
  .et-cmp .et-table tbody th{width:100%;padding-top:18px}
  .et-cmp .et-table td{padding:4px 0}
  .et-cmp .et-table td[data-label]:not([data-label=""])::before{content:attr(data-label) " · ";color:var(--et-muted);font-size:13px}
}
@media (min-width:1600px){.et-prods{grid-template-columns:repeat(4,1fr);gap:28px}}

/* ---------- Capitolo (racconto: immagine + testo) — 0.7.0 ---------- */
.et-chap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,5vw,88px);align-items:center}
.et-chap--rev .et-chap__media{order:2}
.et-chap--solo{grid-template-columns:minmax(0,1fr)}
.et-chap--solo .et-chap__body{max-width:880px}
.et-chap--wide{grid-template-columns:minmax(0,1fr);gap:48px}
.et-chap--wide .et-chap__media{order:0}
.et-chap--wide .et-chap__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px clamp(40px,5vw,88px);align-items:start}
.et-chap--wide .et-chap__head .et-h2{margin-bottom:0}
.et-chap__media{margin:0;position:relative;overflow:hidden;background:var(--et-panel)}
.et-chap__media img{width:100%;height:100%;max-height:640px;object-fit:cover}
.et-chap:not(.et-chap--wide) .et-chap__media{align-self:stretch;min-height:380px}
.et-chap:not(.et-chap--wide) .et-chap__media img{position:absolute;inset:0;max-height:none}
.et-chap--wide .et-chap__media img{max-height:620px;object-position:50% 45%}
.et-chap__media::after{content:"";position:absolute;left:0;bottom:0;width:96px;height:4px;background:var(--et-blue)}
.et-chap__body .et-h2{margin-bottom:24px}
.et-chap__txt p{font-size:17px;line-height:1.7}
.et-chap__txt p+p{margin-top:14px}
.et-chap__txt strong{color:var(--et-ink);font-weight:600}
.et-chap__h3{font-size:16px;letter-spacing:-.01em;margin:30px 0 4px}
.et-ticks{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px}
.et-chap__h3+.et-ticks{margin-top:12px}
.et-ticks li{position:relative;padding-left:30px;font-size:16px;line-height:1.55;color:var(--et-ink)}
.et-ticks li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;border:2px solid var(--et-blue);background:linear-gradient(var(--et-blue),var(--et-blue)) 50% 50%/0 0 no-repeat}
.et-ticks li::after{content:"";position:absolute;left:6px;top:7px;width:5px;height:8px;border:solid var(--et-blue);border-width:0 2px 2px 0;transform:rotate(45deg)}
.et-chap__boxes{margin:28px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:2px solid var(--et-navy)}
.et-chap__boxes>div{padding:22px 22px 22px 0;border-bottom:1px solid var(--et-line)}
.et-chap__boxes>div:nth-child(2n){padding-left:22px;border-left:1px solid var(--et-line)}
.et-chap__boxes dt{font-family:var(--et-font-head);font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--et-blue);margin-bottom:8px}
.et-chap__boxes dd{margin:0;font-size:15px;line-height:1.6}
.et-note{margin-top:28px;padding:18px 22px;border-left:4px solid var(--et-blue);background:var(--et-panel);color:var(--et-ink);font-size:16px;line-height:1.6}
.et-sec--panel .et-note{background:var(--et-white)}
.et-chap__cta{margin-top:30px}

/* ---------- Storia: numeri e linea del tempo — 0.7.0 ---------- */
.et-band{margin:0 0 72px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--et-blue);color:#fff}
.et-band>div{padding:34px 26px;text-align:center}
.et-band>div+div{border-left:1px solid rgba(255,255,255,.28)}
.et-band dt{font-family:var(--et-font-head);font-weight:700;font-size:clamp(28px,2.8vw,40px);letter-spacing:-.03em;line-height:1;color:#fff}
.et-band dd{margin:10px 0 0;font-size:15px;line-height:1.4;color:#DCE8F2}
.et-tl{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);position:relative}
.et-tl::before{content:"";position:absolute;left:0;right:0;top:44px;height:2px;background:var(--et-line)}
.et-tl li{position:relative;padding:0 18px 0 0}
.et-tl time{display:block;font-family:var(--et-font-head);font-weight:700;font-size:22px;letter-spacing:-.02em;color:var(--et-ink);line-height:1;margin-bottom:42px}
.et-tl li::before{content:"";position:absolute;left:0;top:37px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--et-blue);box-sizing:border-box}
.et-tl li:first-child::before,.et-tl li:last-child::before{background:var(--et-blue);width:20px;height:20px;top:35px}
.et-tl b{display:block;font-family:var(--et-font-head);font-size:16px;line-height:1.35;color:var(--et-ink);letter-spacing:-.01em;margin-bottom:6px}
.et-tl span{display:block;font-size:14px;line-height:1.55}
.et-tl__foot{margin-top:56px;padding-top:22px;border-top:1px solid var(--et-line);font-family:var(--et-font-head);font-size:15px;color:var(--et-ink);letter-spacing:.01em}

/* ---------- Rete commerciale: mappa SVG + agenzie — 0.7.0 ---------- */
.et-net{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:clamp(32px,4vw,72px);align-items:start}
.et-net__map{margin:0;position:sticky;top:calc(var(--etb-sticky,70px) + 24px)}
.et-net__map svg{display:block;width:100%;height:auto;max-height:78vh}
.et-net__map path{fill:#C7D3DE;stroke:#fff;stroke-width:1.2;stroke-linejoin:round;cursor:pointer;transition:fill .2s var(--et-ease);outline:none}
.et-net__map path.is-on{fill:#6F9CC0}
.et-net__map path:hover,.et-net__map path:focus-visible{fill:var(--et-cyan)}
.et-net__map path.is-sel{fill:var(--et-navy)}
.et-net__map figcaption{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:16px;font-size:13px;color:var(--et-muted)}
.et-net__key{display:inline-flex;align-items:center;gap:8px}
.et-net__key i{width:14px;height:14px;display:inline-block;background:#C7D3DE}
.et-net__key i.is-on{background:#6F9CC0}
.et-net__map small{flex-basis:100%;font-size:11px;color:var(--et-muted)}
.et-net__sel{display:flex;flex-direction:column;gap:8px;max-width:360px}
.et-net__sel span{font-family:var(--et-font-head);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--et-blue)}
.et-net__sel select{font:inherit;font-size:16px;padding:14px 44px 14px 16px;border:1px solid var(--et-line);border-radius:0;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%230B1F33' stroke-width='2'/%3E%3C/svg%3E") right 16px center no-repeat;-webkit-appearance:none;appearance:none;color:var(--et-ink);cursor:pointer}
.et-net__sel select:focus-visible{outline:2px solid var(--et-cyan);outline-offset:2px}
.et-net__status{margin:18px 0 22px;font-size:15px;color:var(--et-ink)}
.et-net__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.et-ag{background:#fff;border:1px solid var(--et-line);padding:22px 22px 20px;display:flex;flex-direction:column;gap:6px}
.et-sec--panel .et-ag{border-color:#fff}
.et-ag h3{font-size:18px;letter-spacing:-.02em;line-height:1.25}
.et-ag__tipo{font-family:var(--et-font-head);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--et-blue)}
.et-ag__zona{font-size:14px;color:var(--et-ink)}
.et-ag__zona span{color:var(--et-muted)}
.et-ag__addr,.et-ag__nota{font-size:14px;line-height:1.5}
.et-ag__links{display:flex;flex-direction:column;gap:2px;margin-top:6px;font-size:15px}
.et-ag__links a{color:var(--et-blue);text-decoration:none;word-break:break-word}
.et-ag__links a:hover{text-decoration:underline}
.et-ag--sede{margin-top:16px;background:var(--et-navy);border-color:var(--et-navy);color:#C9D3DC}
.et-ag--sede h3{color:#fff}
.et-ag--sede .et-ag__tipo{color:var(--et-cyan)}
.et-ag--sede .et-ag__links a{color:#fff}
.et-ag--sede .et-btn{margin-top:12px}
.et-ag--sede .et-btn--navy{background:var(--et-cyan);color:var(--et-navy)}
.et-ag--sede .et-btn--navy:hover{background:#fff}

@media (max-width:1100px){
  .et-tl{grid-auto-flow:row;grid-auto-columns:auto;padding-left:34px}
  .et-tl::before{left:9px;right:auto;top:6px;bottom:6px;width:2px;height:auto}
  .et-tl li{padding:0 0 30px}
  .et-tl li::before,.et-tl li:first-child::before,.et-tl li:last-child::before{left:-34px;top:2px}
  .et-tl li:first-child::before,.et-tl li:last-child::before{left:-36px;top:0}
  .et-tl time{margin-bottom:8px;font-size:20px}
  .et-band{grid-template-columns:repeat(2,minmax(0,1fr))}
  .et-band>div:nth-child(3){border-left:0}
  .et-band>div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.28)}
}
@media (max-width:860px){
  .et-chap,.et-chap--wide .et-chap__body{grid-template-columns:minmax(0,1fr)}
  .et-chap--rev .et-chap__media{order:0}
  .et-chap__media img{max-height:420px}
  .et-chap:not(.et-chap--wide) .et-chap__media{min-height:0;aspect-ratio:16/10}
  .et-chap--wide .et-chap__head .et-h2{margin-bottom:0}
  .et-net{grid-template-columns:minmax(0,1fr)}
  .et-net__map{position:static;max-width:460px}
}
@media (max-width:620px){
  .et-chap__boxes{grid-template-columns:minmax(0,1fr)}
  .et-chap__boxes>div:nth-child(2n){padding-left:0;border-left:0}
  .et-band>div{padding:24px 14px}
}
@media (prefers-reduced-motion:reduce){.et-net__map path{transition:none}}

.et-feat__a{color:inherit;text-decoration:none}
.et-feat__a:hover{color:var(--et-blue)}
.et-feat__a .et-arrow{color:var(--et-blue);font-size:.8em}
.et-chap--contain .et-chap__media{background:transparent}
.et-chap--contain .et-chap__media img{object-fit:contain}
.et-chap--contain .et-chap__media::after{display:none}
.et-net__cand{margin-top:16px;padding:22px;border:1px dashed var(--et-blue);background:#fff;display:flex;flex-direction:column;gap:8px}
.et-net__cand p{font-size:15px;line-height:1.55;color:var(--et-ink)}
.et-net__cand .et-btn{margin-top:6px}
.et-net__map .et-net__ext{cursor:pointer;outline:none}
.et-net__map .et-net__ext rect{fill:#C7D3DE;transition:fill .2s var(--et-ease)}
.et-net__map .et-net__ext.is-on rect{fill:#6F9CC0}
.et-net__map .et-net__ext line{stroke:#6F9CC0;stroke-width:1.5;stroke-dasharray:3 3}
.et-net__map .et-net__ext circle{fill:#6F9CC0;stroke:#fff;stroke-width:1.5}
.et-net__map .et-net__ext text{fill:#fff;font:600 12px/1 "Open Sans",Helvetica,Arial,sans-serif;pointer-events:none}
.et-net__map .et-net__ext.is-sede text{fill:var(--et-ink)}
.et-net__map .et-net__ext:hover rect,.et-net__map .et-net__ext:focus-visible rect{fill:var(--et-cyan)}
.et-net__map .et-net__ext:hover text,.et-net__map .et-net__ext:focus-visible text{fill:var(--et-navy)}
.et-net__map .et-net__ext.is-sel rect,.et-net__map .et-net__ext.is-sel circle{fill:var(--et-navy)}
.et-net__map .et-net__ext.is-sel text{fill:#fff}