/* GeekAlpha: riquadro "piano superiore" (upsell) — 22/10/2026, rivisto dal designer il 24/10.
   In linea, mai sovrapposto alla pagina. Colori, angoli e altezze ripresi dai componenti del sito:
   pulsante azzurro = .btn-green/.pbs/--cta; pulsante verde = scheda Trial (GA-TRIAL-VERDE); Pro --red; Supernova --amber.
   Cornice: "divider" (predefinita, dentro una scheda della pagina: solo una linea sopra) oppure "card" (riquadro autonomo). */
.ga-ups{--u-bg:#0E1726;--u-bd:rgba(255,255,255,.10);--u-tx:#E6EEF8;--u-mu:rgba(220,235,255,.64);--u-ac:#00A8FF;--u-ck:#3DDC97;
  --u-cta-bg:linear-gradient(135deg,#0062C4,#0077D6);--u-cta-tx:#FFFFFF;--u-cta-sh:0 4px 20px rgba(0,168,255,.3);
  --u-cta-hv:linear-gradient(135deg,#1486EF,#2FC9FB);--u-cta-hv-tx:#06101E;--u-cta-ac:#0057AD;
  --u-g-bg:rgba(255,255,255,.09);--u-g-hv:rgba(255,255,255,.14);--u-g-ac:rgba(255,255,255,.18);--u-g-tx:rgba(220,235,255,.85);
  box-sizing:border-box;width:100%;max-width:100%;margin:14px 0 0;padding:12px 0 0;border:0;border-top:1px solid var(--u-bd);
  background:transparent;color:var(--u-tx);font-family:'DM Sans',system-ui,sans-serif;font-size:14px;line-height:1.4;text-align:start}
.ga-ups.ga-ups--card{padding:14px 16px;border:1px solid var(--u-bd);border-radius:12px;background:var(--u-bg)}
/* Pulsante verde (come la scheda Trial) se scelto. */
.ga-ups[data-cta="green"]{--u-cta-bg:linear-gradient(135deg,#00A86B,#00D4AA);--u-cta-tx:#06101E;--u-cta-sh:0 4px 20px rgba(0,212,170,.3);
  --u-cta-hv:linear-gradient(135deg,#00A86B,#00D4AA);--u-cta-hv-tx:#06101E;--u-cta-ac:#008A58}
/* Chiaro: App V2 (html.light-mode), Community/Education (html[data-theme=light]) o classe forzata. Le pagine col chiaro
   ottenuto invertendo i colori (Account, Piani: html.tm-light) usano --light piu' --reinvert (filtro inverso). */
html.light-mode .ga-ups,html[data-theme="light"] .ga-ups,.ga-ups.ga-ups--light{--u-bg:#F4F8FF;--u-bd:rgba(11,27,46,.12);--u-tx:#0B1B2E;--u-mu:#4A5B70;--u-ac:#0077D6;--u-ck:#0E9F6E;
  --u-cta-bg:linear-gradient(135deg,#D7ECFF,#AEDBFF);--u-cta-tx:#04406B;--u-cta-sh:none;--u-cta-hv:linear-gradient(135deg,#C3E3FF,#8CCBFF);--u-cta-hv-tx:#04406B;--u-cta-ac:#9CCFFF;
  --u-g-bg:#E9EEF6;--u-g-hv:#DDE5F0;--u-g-ac:#D0DAE8;--u-g-tx:#3A4A5E}
html.light-mode .ga-ups[data-cta="green"],html[data-theme="light"] .ga-ups[data-cta="green"],.ga-ups.ga-ups--light[data-cta="green"]{
  --u-cta-bg:linear-gradient(135deg,#CFF3E6,#9FE6CB);--u-cta-tx:#0B4A36;--u-cta-sh:none;--u-cta-hv:linear-gradient(135deg,#BDEEDC,#7FDBB8);--u-cta-hv-tx:#0B4A36;--u-cta-ac:#7FDBB8}
.ga-ups *{box-sizing:border-box}
/* Selettori ".ga-ups .ga-ups__x": battono le regole generiche delle pagine (es. ".card p") senza !important. */
.ga-ups .ga-ups__head{display:flex;align-items:center;gap:8px;margin:0 0 4px}
.ga-ups .ga-ups__pill{flex:0 0 auto;display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;
  color:var(--u-ac);background:rgba(0,168,255,.12);border:1px solid rgba(0,168,255,.3)}
.ga-ups .ga-ups__pill--pro{color:#FF5370;background:rgba(255,83,112,.12);border-color:rgba(255,83,112,.32)}
.ga-ups .ga-ups__pill--supernova{color:#FFB547;background:rgba(255,181,71,.13);border-color:rgba(255,181,71,.34)}
html.light-mode .ga-ups__pill--pro,html[data-theme="light"] .ga-ups__pill--pro,.ga-ups--light .ga-ups__pill--pro{color:#E0304F}
html.light-mode .ga-ups__pill--supernova,html[data-theme="light"] .ga-ups__pill--supernova,.ga-ups--light .ga-ups__pill--supernova{color:#9A5200}
.ga-ups .ga-ups__title{flex:1 1 auto;margin:0;font-size:15px;font-weight:700;line-height:1.25;color:var(--u-tx);min-width:0;overflow-wrap:anywhere}
.ga-ups .ga-ups__later{flex:0 0 auto;display:inline-grid;place-items:center;width:36px;height:36px;margin:-6px -8px -6px 0;padding:0;border:0;border-radius:11px;background:none;
  color:var(--u-mu);font:400 22px/1 'DM Sans',system-ui,sans-serif;cursor:pointer}
.ga-ups[dir="rtl"] .ga-ups__later{margin:-6px 0 -6px -8px}
.ga-ups .ga-ups__later:hover{color:var(--u-tx);background:rgba(127,127,127,.12)}
.ga-ups .ga-ups__lead{margin:0 0 6px;color:var(--u-mu);font-size:13px}
.ga-ups .ga-ups__list{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:3px}
.ga-ups .ga-ups__item{display:flex;gap:7px;align-items:flex-start;min-width:0;line-height:1.35}
.ga-ups .ga-ups__check{flex:0 0 auto;color:var(--u-ck);font-weight:700;line-height:1.35}
.ga-ups .ga-ups__txt{min-width:0;overflow-wrap:anywhere}
.ga-ups .ga-ups__was{color:var(--u-mu);font-size:12.5px;white-space:nowrap}
.ga-ups .ga-ups__price{margin:0 0 2px;font-size:13px;color:var(--u-tx);font-weight:400}
.ga-ups .ga-ups__price b{font-weight:700}
.ga-ups .ga-ups__ann{color:var(--u-mu)}
.ga-ups .ga-ups__note{margin:0;font-size:12px;line-height:1.35;color:var(--u-mu)}
.ga-ups .ga-ups__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:12px}
.ga-ups .ga-ups__cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:11px;border:1px solid transparent;
  background:var(--u-cta-bg);color:var(--u-cta-tx);box-shadow:var(--u-cta-sh);font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap;max-width:100%}
.ga-ups .ga-ups__cta:hover{background:var(--u-cta-hv);color:var(--u-cta-hv-tx)}
.ga-ups .ga-ups__cta:active,.ga-ups .ga-ups__cta.pressed{background:var(--u-cta-ac)}
.ga-ups .ga-ups__cta:focus-visible,.ga-ups .ga-ups__all:focus-visible,.ga-ups .ga-ups__later:focus-visible{outline:2px solid var(--u-ac);outline-offset:2px}
.ga-ups .ga-ups__ctatxt{white-space:nowrap}
/* Pulsante secondario: sfondo grigio pieno (giorno #E9EEF6 = --surface2 del sito; notte grigio visibile sulle schede), testo neutro. */
.ga-ups .ga-ups__all{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:11px;border:1px solid transparent;background:var(--u-g-bg);color:var(--u-g-tx);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;max-width:100%}
.ga-ups .ga-ups__all:hover{background:var(--u-g-hv);color:var(--u-ac)}
.ga-ups .ga-ups__all:active,.ga-ups .ga-ups__all.pressed{background:var(--u-g-ac)}
@media (hover:none) and (pointer:coarse){.ga-ups .ga-ups__later{width:44px;height:44px;margin:-10px -12px -10px 0}.ga-ups[dir="rtl"] .ga-ups__later{margin:-10px 0 -10px -12px}}
/* Telefono: riquadro corto. Al massimo 3 voci (le altre sono in "Vedi tutti i piani"), niente nota sull'annuale. */
@media (max-width:480px){.ga-ups .ga-ups__item:nth-child(n+4){display:none}.ga-ups .ga-ups__ann{display:none}.ga-ups .ga-ups__title{font-size:14.5px}
  .ga-ups.ga-ups--card{padding:12px 13px}}
/* Scuro forzato (tema scelto dalla pagina): vince sul chiaro. */
html .ga-ups.ga-ups--dark{--u-bg:#0E1726;--u-bd:rgba(255,255,255,.10);--u-tx:#E6EEF8;--u-mu:rgba(220,235,255,.64);--u-ac:#00A8FF;--u-ck:#3DDC97;
  --u-cta-bg:linear-gradient(135deg,#0062C4,#0077D6);--u-cta-tx:#FFFFFF;--u-cta-sh:0 4px 20px rgba(0,168,255,.3);--u-cta-hv:linear-gradient(135deg,#1486EF,#2FC9FB);--u-cta-hv-tx:#06101E;--u-cta-ac:#0057AD;
  --u-g-bg:rgba(255,255,255,.09);--u-g-hv:rgba(255,255,255,.14);--u-g-ac:rgba(255,255,255,.18);--u-g-tx:rgba(220,235,255,.85)}
html .ga-ups.ga-ups--dark[data-cta="green"]{--u-cta-bg:linear-gradient(135deg,#00A86B,#00D4AA);--u-cta-tx:#06101E;--u-cta-sh:0 4px 20px rgba(0,212,170,.3);
  --u-cta-hv:linear-gradient(135deg,#00A86B,#00D4AA);--u-cta-hv-tx:#06101E;--u-cta-ac:#008A58}
html .ga-ups--dark .ga-ups__pill--pro{color:#FF5370} html .ga-ups--dark .ga-ups__pill--supernova{color:#FFB547}
/* Pagine invertite: annulla l'inversione della pagina sul riquadro, cosi' i colori chiari restano quelli veri. */
.ga-ups.ga-ups--reinvert{filter:invert(1) hue-rotate(180deg)}
/* GA-UPS-COMPATTA-20261025: pulsanti centrati (data-align="center") e secondario azzurro pieno (data-sec="azure", stessi valori del principale azzurro). */
.ga-ups[data-align="center"] .ga-ups__actions{justify-content:center}
.ga-ups[data-sec="azure"] .ga-ups__all{background:linear-gradient(135deg,#0062C4,#0077D6);color:#FFFFFF;box-shadow:0 4px 20px rgba(0,168,255,.3)}
.ga-ups[data-sec="azure"] .ga-ups__all:hover{background:linear-gradient(135deg,#1486EF,#2FC9FB);color:#06101E}
html.light-mode .ga-ups[data-sec="azure"] .ga-ups__all,html[data-theme="light"] .ga-ups[data-sec="azure"] .ga-ups__all,.ga-ups.ga-ups--light[data-sec="azure"] .ga-ups__all{background:linear-gradient(135deg,#D7ECFF,#AEDBFF);color:#04406B;box-shadow:none}
html.light-mode .ga-ups[data-sec="azure"] .ga-ups__all:hover,html[data-theme="light"] .ga-ups[data-sec="azure"] .ga-ups__all:hover,.ga-ups.ga-ups--light[data-sec="azure"] .ga-ups__all:hover{background:linear-gradient(135deg,#C3E3FF,#8CCBFF);color:#04406B}