/* nocoda.it - foglio di stile della vetrina statica.
   Estratto dal bundle Angular in produzione (14/08/2026) e ripulito dai
   segnaposto di scoping [_ngcontent-%COMP%] / [_nghost-%COMP%].
   Il design e' quindi identico a quello che sostituisce, non una riscrittura. */
body{--navy:#122a54;--navy2:#1b3d73;--blue:#28a4dc;--blue-d:#1c7cb5;--ink:#1c2740;--muted:#5b6b82;--bg:#ffffff;--bg-soft:#eef4fb;--border:#dbe6f3;--radius:18px;--shadow:0 18px 45px -20px rgba(18,42,84,.45);--shadow-sm:0 8px 24px -12px rgba(18,42,84,.35);display:block;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;margin:0;padding:0}h1, h2, h3, h4{font-family:Poppins,sans-serif;line-height:1.15;color:var(--navy)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.wrap{max-width:1160px;margin:0 auto;padding:0 24px;text-align:center}.btn{display:inline-flex;align-items:center;gap:.55rem;font-family:Poppins,sans-serif;font-weight:600;font-size:1rem;padding:.85rem 1.6rem;border-radius:999px;cursor:pointer;border:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 12px 26px -10px #28a4dcbf}.btn-primary:hover{transform:translateY(-2px);background:var(--blue-d)}.btn-ghost{background:#ffffff1f;color:#fff;border:1.5px solid rgba(255,255,255,.5)}.btn-ghost:hover{background:#ffffff38}.btn-dark{background:var(--navy);color:#fff}.btn-dark:hover{transform:translateY(-2px);background:var(--navy2)}header{position:sticky;top:0;z-index:50;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:1.5rem;height:100px}.nav   .logo{height:90px;width:auto}.nav-links{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:1.75rem;flex-wrap:nowrap}.nav-links   a{font-weight:500;color:var(--muted);font-size:.97rem;white-space:nowrap;transition:color .15s ease}.nav-links   a:hover{color:var(--navy)}.nav-links   a.active{color:var(--blue-d);font-weight:600}.nav   .cta{padding:.6rem 1.15rem;font-size:.95rem}.nav-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:nowrap}.nav-actions   .btn{white-space:nowrap}.nav-actions   .btn   svg{width:18px;height:18px;flex:0 0 auto}.btn-line{background:#fff;color:var(--blue-d);border:1.5px solid var(--blue)}.btn-line:hover{background:#28a4dc1a;transform:translateY(-2px)}.btn-quiet{background:transparent;color:var(--muted);border:1.5px solid var(--border)}.btn-quiet:hover{color:var(--navy);border-color:var(--muted);background:#f5f8fc}.has-tip{position:relative}.has-tip:after{content:attr(data-tip);position:absolute;top:calc(100% + 10px);right:0;background:var(--navy);color:#fff;font-family:Inter,sans-serif;font-weight:500;font-size:.78rem;line-height:1.2;white-space:nowrap;padding:.5rem .7rem;border-radius:8px;box-shadow:var(--shadow-sm);opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:70}.has-tip:before{content:"";position:absolute;top:calc(100% + 4px);right:16px;border:6px solid transparent;border-bottom-color:var(--navy);opacity:0;transition:opacity .15s ease;z-index:70}.has-tip:hover:after, .has-tip:focus-visible:after{opacity:1;transform:translateY(0)}.has-tip:hover:before, .has-tip:focus-visible:before{opacity:1}.burger{display:none;place-items:center;width:44px;height:44px;flex:0 0 auto;background:#fff;border:1.5px solid var(--border);border-radius:12px;color:var(--navy);cursor:pointer;transition:border-color .18s ease,color .18s ease}.burger:hover{border-color:var(--blue);color:var(--blue-d)}.burger   svg{width:24px;height:24px}.hero{position:relative;overflow:hidden;background:radial-gradient(1100px 600px at 78% -10%,rgba(40,164,220,.22),transparent 60%),linear-gradient(160deg,#0e2148,#16376c 55%,#1b3d73);color:#fff}.hero   .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding:84px 24px 96px}.hero   .eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:#28a4dc2e;color:#a9dcf5;font-weight:600;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;padding:.4rem .9rem;border-radius:999px;margin-bottom:1.4rem}.hero   h1{color:#fff;font-size:clamp(2rem,4.2vw,3.2rem);font-weight:800;letter-spacing:-.5px}.hero   p.lead{margin:1.4rem auto 0;font-size:1.12rem;color:#cdddf1;max-width:50ch;text-align:center}.hero   .actions{margin-top:2.2rem;display:inline-flex;gap:2rem;flex-wrap:wrap}.hero-visual{position:relative}.hero-visual   img{border-radius:22px;box-shadow:0 30px 60px -25px #0009;border:6px solid rgba(255,255,255,.08)}.hero-badge{position:absolute;left:-18px;bottom:26px;background:#fff;color:var(--navy);border-radius:16px;padding:.9rem 1.15rem;box-shadow:var(--shadow);display:flex;align-items:center;gap:.8rem;max-width:230px}.hero-badge   .big{font-family:Poppins;font-weight:800;font-size:1.9rem;color:var(--blue);line-height:1}.hero-badge   small{color:var(--muted);font-size:.82rem;line-height:1.25;display:block}.prenota{background:var(--bg-soft)}.search-card{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:end;max-width:940px;margin:0 auto;text-align:left;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.sf{display:flex;flex-direction:column;gap:.45rem}.sf   label{font-family:Poppins;font-weight:600;font-size:.85rem;color:var(--navy)}.sf-input{position:relative;display:flex;align-items:center}.sf-input   svg{position:absolute;left:14px;width:20px;height:20px;color:var(--blue-d);pointer-events:none}.sf-input   input{width:100%;font-family:inherit;font-size:1rem;color:var(--ink);padding:.9rem 1rem .9rem 44px;border:1.5px solid var(--border);border-radius:12px;background:#f8fbff;transition:border-color .15s,box-shadow .15s}.sf-input   input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px #28a4dc26;background:#fff}.sf-btn{height:52px;padding:.9rem 2rem;white-space:nowrap}.sf-btn   svg{width:18px;height:18px;flex:0 0 auto}@media(max-width:760px){.search-card{grid-template-columns:1fr;gap:14px;padding:18px}.sf-btn{width:100%;justify-content:center}}section{padding:88px 0}section[id]{scroll-margin-top:16px}#top{scroll-margin-top:0}.section-head{max-width:680px;margin-bottom:52px}.section-head.center{margin:0 auto 52px;text-align:center}.kicker{color:var(--blue-d);font-weight:700;font-family:Poppins;text-transform:uppercase;letter-spacing:.1em;font-size:.82rem;margin-bottom:.7rem}.section-head   h2{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:700}.section-head   p{margin-top:1rem;color:var(--muted);font-size:1.08rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.split   img{border-radius:var(--radius);box-shadow:var(--shadow)}.split   .txt   p{color:var(--muted);font-size:1.06rem}.split   .txt   p + p{margin-top:1.1rem}.vantaggi{background:var(--bg-soft)}.subhead{text-align:center;font-family:Poppins;font-weight:700;color:var(--navy);font-size:1.35rem;margin:0 0 28px}.availability + .subhead{margin-top:56px}.channels{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-bottom:20px}.channel{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:32px 28px;text-align:center;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.channel:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.ic{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:linear-gradient(135deg,var(--blue),var(--blue-d));color:#fff}.ic   svg{width:30px;height:30px}.channel   h3{font-size:1.2rem;margin-bottom:.4rem}.channel   p{color:var(--muted);font-size:.96rem}.availability{display:flex;align-items:center;justify-content:center;gap:.7rem;margin-top:6px;color:var(--navy);font-weight:600;font-family:Poppins;background:#fff;border:1px dashed var(--blue);border-radius:999px;padding:.7rem 1.4rem;width:max-content;margin-left:auto;margin-right:auto}.availability   .dot{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #22c55e33}.two-cards{display:grid;grid-template-columns:1fr 1fr;gap:30px}.card{border-radius:var(--radius);padding:38px 34px;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.card.dark{background:var(--navy);border-color:transparent;color:#fff}.card.dark   h3{color:#fff}.card   h3{font-size:1.35rem;margin-bottom:1.3rem;display:flex;align-items:center;gap:.7rem}.card   h3   .pill{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--blue);color:#fff}.card   h3   .pill   svg{width:20px;height:20px}.card.dark   h3   .pill{background:#ffffff29}ul.list{list-style:none;display:grid;gap:.85rem}ul.list   li{display:flex;gap:.7rem;align-items:flex-start;font-size:1.02rem;text-align:justify}ul.list   li   svg{flex:0 0 auto;width:22px;height:22px;margin-top:2px;color:var(--blue)}.card.dark   ul.list   li   svg{color:#7fd0f2}.card   p.small, .card.dark   ul.list   li{color:inherit}.card:not(.dark)   ul.list   li{color:var(--ink)}.audience   .split   .txt   p{font-size:1.06rem}.why{background:var(--navy);color:#fff;position:relative;overflow:hidden}.why:before{content:"";position:absolute;inset:0;background:radial-gradient(700px 400px at 85% 10%,rgba(40,164,220,.22),transparent 60%)}.why   .wrap{position:relative}.why   .section-head   h2{color:#fff}.why   .section-head   p{color:#c7d6ec}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.why-item{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:26px 24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.why-item   .num{font-family:Poppins;font-weight:800;color:#7fd0f2;font-size:1rem;margin-bottom:.6rem}.why-item   h4{color:#fff;font-size:1.08rem;margin-bottom:.35rem}.why-item   p{color:#bfd1ea;font-size:.95rem}.tech   .two-cards{align-items:stretch}.screens   .shots{display:grid;grid-template-columns:1fr 1fr;gap:30px}.shot{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border);background:#fff}.shot   img{width:100%}.shot   .cap{padding:16px 22px;font-weight:600;font-family:Poppins;color:var(--navy);font-size:.98rem}.oltre{background:var(--bg)}.oltre-box{margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:34px 38px;box-shadow:var(--shadow-sm);text-align:justify}.oltre-box   p{color:var(--ink);font-size:1.04rem}.oltre-box   p + p{margin-top:1.1rem}.oltre-box   strong{color:var(--blue-d);font-family:Poppins,sans-serif;font-weight:600}.oltre-box   .oltre-link{margin-top:1.5rem;text-align:left;color:var(--muted)}.oltre-box   .oltre-link   a{color:var(--blue-d);font-weight:600;text-decoration:underline}.oltre-box   .oltre-link   a:hover{color:var(--blue)}.cta-final{background:linear-gradient(160deg,#0e2148,#1b3d73);color:#fff;text-align:center}.cta-final   h2{color:#fff;font-size:clamp(1.9rem,3.4vw,2.7rem)}.cta-final   p{color:#cdddf1;margin-top:1rem;font-size:1.1rem}footer{background:#0b1a38;color:#9db3d1;padding:56px 0 34px;font-size:.92rem}.foot-top{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.08)}.foot-top   .logo{height:80px;width:auto;filter:brightness(2) invert(0);opacity:.95}.iso{background:#fff;border-radius:8px;padding:4px}.iso   img{height:52px;width:auto}.disclaimer{margin-top:24px;color:#6a7fa0;font-size:.8rem;max-width:1160px;line-height:1.5}.foot-copy{color:#fff;font-size:.85rem;text-align:center}.foot-copy   p{margin:0;line-height:1.6}.foot-copy   .foot-links{margin-top:.6rem}.foot-copy   a{color:#a9c2e0;text-decoration:none;border-bottom:1px solid rgba(169,194,224,.3);cursor:pointer}.foot-copy   a:hover{color:#7fd0f2;border-color:#7fd0f2}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:start;text-align:left}.contact-info   h2{color:#fff}.contact-info   p{color:#cdddf1;margin-top:1rem;font-size:1.08rem}.contact-info   .direct{margin-top:2rem;display:grid;gap:1rem}.contact-info   .direct   a{display:inline-flex;align-items:center;gap:.7rem;color:#e8f2fb;font-weight:500}.contact-info   .direct   a   svg{width:22px;height:22px;color:#7fd0f2;flex:0 0 auto}.socials{margin-top:2rem}.socials-label{display:block;font-family:Poppins;font-weight:600;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:#9fb8d8;margin-bottom:.8rem}.socials-icons{display:flex;gap:.7rem;flex-wrap:wrap}.social-btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.28);color:#e8f2fb;transition:background .18s ease,border-color .18s ease,transform .18s ease}.social-btn   i{font-size:1.15rem;line-height:1}.social-btn:hover{background:var(--blue);border-color:var(--blue);color:#fff;transform:translateY(-2px)}.social-btn:focus-visible{outline:2px solid #7fd0f2;outline-offset:2px}.form-card{background:#fff;border-radius:var(--radius);padding:34px;box-shadow:var(--shadow)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{margin-bottom:18px}.field   label{display:block;font-weight:600;font-size:.9rem;color:var(--navy);margin-bottom:.4rem;font-family:Poppins}.field   label   .req{color:var(--blue-d)}.field   input, .field   textarea{width:100%;font-family:inherit;font-size:1rem;color:var(--ink);padding:.8rem .95rem;border:1.5px solid var(--border);border-radius:12px;background:#f8fbff;transition:border-color .15s,box-shadow .15s}.field   textarea{resize:vertical;min-height:120px}.field   input:focus, .field   textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px #28a4dc26;background:#fff}.field.invalid   input, .field.invalid   textarea{border-color:#e0455e;background:#fff6f7}.err-msg{display:none;color:#c8354c;font-size:.82rem;margin-top:.35rem}.field.invalid   .err-msg{display:block}.consent{display:flex;gap:.65rem;align-items:flex-start;font-size:.9rem;color:var(--muted);margin:6px 0 20px}.consent   input{width:18px;height:18px;margin-top:3px;flex:0 0 auto;accent-color:var(--blue)}.consent   a{color:var(--blue-d);text-decoration:underline}.hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}.captcha-field   input{max-width:220px}.switch-tipo{display:inline-flex;background:#f8fbff;border:1.5px solid var(--border);border-radius:999px;padding:4px;gap:4px}.switch-opt{position:relative;cursor:pointer;border-radius:999px;padding:.5rem 1.15rem;font-family:Poppins;font-weight:600;font-size:.9rem;color:var(--muted);transition:background .15s ease,color .15s ease;-webkit-user-select:none;user-select:none}.switch-opt   input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.switch-opt:hover:not(.active){color:var(--navy)}.switch-opt.active{background:var(--blue);color:#fff;box-shadow:0 6px 16px -8px #28a4dccc}.switch-opt:focus-within{outline:2px solid var(--blue-d);outline-offset:2px}.form-card   .btn{width:100%;justify-content:center}.form-status{margin-top:14px;padding:.85rem 1rem;border-radius:12px;font-size:.95rem;display:none}.form-status.ok{display:block;background:#e7f7ec;color:#1c6b3a;border:1px solid #b7e3c4}.form-status.ko{display:block;background:#fdeaed;color:#a32540;border:1px solid #f4c2cc}.btn[disabled]{opacity:.65;cursor:not-allowed;transform:none}.spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:none}.btn.loading   .spinner{display:inline-block}.btn.loading   .btn-label{opacity:.85}@keyframes spin{to{transform:rotate(360deg)}}.to-top{position:fixed;right:24px;bottom:24px;z-index:80;width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;background:var(--blue);color:#fff;box-shadow:0 12px 26px -8px #28a4dccc;display:grid;place-items:center;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .2s ease,transform .2s ease,background .2s ease}.to-top   svg{width:22px;height:22px}.to-top:hover{background:var(--blue-d)}.to-top.show{opacity:1;transform:translateY(0);pointer-events:auto}.cookie-banner{position:fixed;left:20px;right:20px;bottom:20px;z-index:100;background:#0b1a38;color:#dbe6f3;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:22px 26px;box-shadow:0 24px 60px -18px #0009;display:none;grid-template-columns:1fr auto;gap:22px;align-items:center;max-width:1000px;margin:0 auto}.cookie-banner.show{display:grid}.cookie-banner   p{font-size:.92rem;line-height:1.5;color:#c7d6ec}.cookie-banner   p   strong{color:#fff;font-family:Poppins}.cookie-banner   a{color:#7fd0f2;text-decoration:underline;cursor:pointer}.cookie-actions{display:flex;gap:.7rem;flex-wrap:wrap}.cookie-actions   .btn{padding:.65rem 1.3rem;font-size:.92rem}.btn-outline{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4)}.btn-outline:hover{background:#ffffff1f}@media(max-width:1200px){.nav-links{display:none}.burger{display:grid}.nav-links.open{display:flex;flex-direction:column;align-items:stretch;gap:0;position:absolute;top:100%;left:0;right:0;z-index:60;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);padding:6px 24px 14px}.nav-links.open   a{padding:.95rem .25rem;font-size:1.02rem;color:var(--navy);border-bottom:1px solid var(--border)}.nav-links.open   a.active{color:var(--blue-d)}.nav-links.open   a:last-child{border-bottom:none}}@media(max-width:1100px){.channels{grid-template-columns:repeat(2,1fr)}.hero   .actions{flex-direction:column;align-items:stretch}.hero   .actions   .btn{width:100%;justify-content:center}}@media(max-width:820px){.nav-actions   .lbl{display:none}.nav-actions   .cta{padding:.6rem .65rem}.act-demo, .act-area, .act-demo:hover, .act-area:hover{background:transparent;border-color:transparent;box-shadow:none;transform:none}.act-demo{color:var(--blue-d)}.act-area{color:var(--navy)}.act-demo:hover{color:var(--blue)}.act-area:hover{color:var(--blue-d)}.act-demo   svg, .act-area   svg{width:32px;height:32px}}@media(max-width:900px){.contact-grid{grid-template-columns:1fr;gap:34px}.cookie-banner{grid-template-columns:1fr;gap:16px}.cookie-actions   .btn{flex:1}.nav-links{display:none}.hero   .wrap{grid-template-columns:1fr;gap:40px;padding:64px 24px 76px}.hero-visual{order:-1}.split, .two-cards, .screens   .shots{grid-template-columns:1fr;gap:34px}.channels, .why-grid{grid-template-columns:1fr}.foot-top{justify-content:center;text-align:center}section{padding:64px 0}section[id]{scroll-margin-top:40px}}@media(max-width:560px){.hero-badge{left:8px;bottom:12px;padding:.7rem .9rem}.form-row{grid-template-columns:1fr;gap:0}.form-card{padding:24px}.oltre-box{padding:24px 22px}.nav-actions{gap:.4rem}.nav{height:80px}.nav   .logo{height:64px}section[id]{scroll-margin-top:20px}.to-top{right:16px;bottom:16px;width:44px;height:44px}}

/* ==================================================================
   BASE EREDITATA DAI FOGLI GLOBALI DELLA VERSIONE ANGULAR

   La pagina Angular caricava anche styles-*.css (Bootstrap + stili globali
   dell'app, 328 KB) e il foglio del componente dava per scontate alcune di
   quelle regole: senza, i titoli passano a grassetto 700 anziche' 500, le
   card perdono lo sfondo bianco e il paragrafo .lead perde il peso 300.

   I valori qui sotto non sono copiati da Bootstrap: sono MISURATI sugli
   stili calcolati della pagina Angular, elemento per elemento. Da qui
   line-height 1.15 (e non 1.2 di Bootstrap) e nessun margine, che il reset
   * { margin:0; padding:0 } del componente gia' imponeva.
   ================================================================== */
h1, h2, h3, h4, h5, h6 { font-weight: 500; line-height: 1.15 }
.lead { font-size: 1.25rem; font-weight: 300 }
.card { display: flex; flex-direction: column; min-width: 0; background-color: #fff;
        background-clip: border-box; color: #212529 }

/* ------------------------------------------------------------------
   Stili che nella versione Angular erano scritti inline nel template
   invece che nel foglio di stile del componente.
   ------------------------------------------------------------------ */

/* <section class="audience" style="background: var(--bg-soft)"> */
.audience, .screens { background: var(--bg-soft) }

/* In #cos-e e #a-chi il titolo vive dentro .txt, fuori da .section-head,
   quindi la regola .section-head h2 non lo raggiunge: nel template aveva
   questi due valori come stile inline. */
.split .txt h2 { font-size: clamp(1.7rem, 3vw, 2.4rem); font-weight: 700 }

/* Normalizzazione dei controlli di form e dei bottoni.
   In Angular arrivava da Bootstrap: senza, gli <input> tornano al
   line-height "normal" del browser e risultano 5px piu' bassi, e i .btn
   ereditano l'1.6 del body invece dell'1.5 del componente Bootstrap. */
input, textarea, select { font-family: inherit; font-size: inherit; line-height: inherit; margin: 0 }
.btn { line-height: 1.5 }

/* Ripristino di una cascata invertita dalla rimozione dello scoping.
   Nell'originale i due selettori portavano gli attributi [_ngcontent-…]:

     .oltre-box[_ngcontent] .oltre-link[_ngcontent]        -> (0,4,0)
     .oltre-box[_ngcontent] p[_ngcontent] + p[_ngcontent]  -> (0,4,2)   vince

   Senza quegli attributi diventano (0,2,0) e (0,1,2), e vince il primo:
   il margine passava da 1.1rem a 1.5rem. Questa riga rimette l'ordine
   originale ed e' l'unico punto del foglio in cui il fenomeno si verifica. */
.oltre-box p + p.oltre-link { margin-top: 1.1rem }

/* ------------------------------------------------------------------
   Selettore di lingua nella barra di navigazione.
   Non esisteva nell'originale Angular: e' costruito con gli stessi token
   del resto del foglio e ricalca la forma di .switch-tipo del modulo.
   ------------------------------------------------------------------ */
.lang { display: inline-flex; align-items: center; gap: 2px; flex: 0 0 auto;
        background: #f8fbff; border: 1.5px solid var(--border); border-radius: 999px; padding: 3px }
.lang-opt { display: grid; place-items: center; min-width: 34px; height: 30px; padding: 0 .5rem;
            border-radius: 999px; font-family: Poppins; font-weight: 600; font-size: .78rem;
            letter-spacing: .04em; color: var(--navy); text-decoration: none;
            transition: background .15s ease, color .15s ease }
.lang-opt:hover:not(.active) { background: #e8f2fb }
.lang-opt.active { background: var(--blue); color: #fff }
.lang-opt:focus-visible { outline: 2px solid var(--blue-d); outline-offset: 2px }
