/* SPOT in Farmacia — 2.0.1 (Alessandro, 02/10/2026): marchio SPOT, etichette PLUS e SPECIALIST, nuova grafica della
   pagina pubblica. Si carica dopo vetrina.css (dipende dalle sue variabili di colore e dai suoi caratteri) e la
   corregge dove serve: un file a parte, cosi' le regole e i controlli delle versioni precedenti restano com'erano.
   Regole: niente animazioni infinite (il riflesso lo ripete vetrina.js, una passata alla volta); niente movimento per
   chi chiede meno movimento; colori solo dalla tavolozza approvata. */

/* ============ 2.0.1 (Alessandro, 02/10/2026) — MARCHIO SPOT IN FARMACIA, ETICHETTE PLUS E SPECIALIST ============
   Dalle bozze approvate il 02/10 (docs/bozze/bozza_marchio_spot.html, bozza_pagina_email.html). Colori professionali:
   champagne per PLUS (solo bordo), petrolio pieno per SPECIALIST (platino nel tema scuro). La sfumatura esatta la
   sceglie vetrina.js a ogni pagina fra tre toni approvati; qui i valori per chi non ha JavaScript. */
.motc-page{--spot-oro:var(--spot-oro-scuro,#B08D4A);--spot-pet:#124A66;--spot-spec-fondo:#C9D3E3;--spot-spec-tx:#0E1B3D}
/* sul bianco il champagne della bozza non si legge abbastanza in 10 px: stesso tono, piu' scuro (contrasto 4,5:1) */
.motc-page[data-theme=light]{--spot-oro:var(--spot-oro-chiaro,#8A6A2F);--spot-spec-fondo:var(--spot-pet);--spot-spec-tx:#fff}

/* barra del marchio in cima a vetrina e presentazione: SPOT a sinistra, "un servizio di" KonnectaMED a destra */
.motc-page .spot-barra{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
  gap:10px 20px;padding:16px 0 14px;border-bottom:1px solid var(--line)}
.motc-page:not(.motc-pres) .spot-barra{padding-right:136px}          /* in vetrina: posto per il pulsante giorno/notte */
.motc-page .spot-marchio{display:inline-flex;align-items:center;gap:10px}
.motc-page .spot-simbolo{width:44px;height:44px;flex:none;display:block;overflow:visible}
.motc-page .spot-parola{display:flex;flex-direction:column;line-height:1}
.motc-page .spot-parola b{font-weight:700;font-size:24px;letter-spacing:.06em;color:var(--tx)}
.motc-page .spot-parola span{font-weight:300;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mu);margin-top:4px;white-space:nowrap}
.motc-page .spot-di{display:inline-flex;align-items:center;gap:8px;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mu);white-space:nowrap}
.motc-page .spot-di .k-mini{width:128px;max-width:38vw}
.motc-page .spot-di .k-mini svg{width:100%;height:auto;display:block}
/* 07/10/2026: il logo KonnectaMED porta alla home page di KonnectaMED; stesso aspetto, contorno visibile da tastiera */
.motc-page .spot-di a.k-mini{text-decoration:none;border:0;box-shadow:none;background:none;border-radius:4px}
.motc-page .spot-di a.k-mini:focus{outline:none}
.motc-page .spot-di a.k-mini:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
/* il faretto respira tre volte all'apertura e poi sta fermo (dal 1.9.6 il logo non si muove sempre) */
.motc-page .spot-alone{transform-box:fill-box;transform-origin:center;animation:spot-respiro 3.6s ease-in-out 3}
@keyframes spot-respiro{50%{opacity:.34;transform:scale(1.12)}}
/* in vetrina il bagliore dell'intestazione (hero::before) sale di 60 px: sotto la barra sfuma, senza bordo netto */
.motc-page .spot-barra + .hero::before{-webkit-mask-image:linear-gradient(transparent 0,#000 90px);mask-image:linear-gradient(transparent 0,#000 90px)}
@media (max-width:760px){.motc-page:not(.motc-pres) .spot-barra{padding-right:118px}.motc-page .spot-simbolo{width:38px;height:38px}
  .motc-page .spot-parola b{font-size:21px}}

/* etichette */
.motc-page .spot-etichetta{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:6px;
  font:600 10.5px/1.45 Poppins,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;vertical-align:middle}
.motc-page .spot-etichetta i{font-style:normal;font-weight:700;font-size:13px;letter-spacing:0;line-height:1}
.motc-page .spot-etichetta.plus{border:1px solid var(--spot-oro);color:var(--spot-oro);background:transparent}
.motc-page .spot-etichetta.spec{border:1px solid var(--spot-spec-fondo);color:var(--spot-spec-tx);background:var(--spot-spec-fondo)}
/* il riflesso: una passata quando vetrina.js mette .luccica, poi la toglie e aspetta 8-14 s */
.motc-page .spot-etichetta::after{content:"";position:absolute;inset:0;pointer-events:none;transform:translateX(-120%);
  background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%)}
.motc-page .spot-etichetta.plus::after{background:linear-gradient(105deg,transparent 35%,color-mix(in srgb,var(--spot-oro) 38%,transparent) 50%,transparent 65%)}
.motc-page .spot-etichetta.luccica::after{animation:spot-luccica 1.6s ease-in-out 1}
@keyframes spot-luccica{from{transform:translateX(-120%)}to{transform:translateX(120%)}}
@media (prefers-reduced-motion:reduce){.motc-page .spot-etichetta::after,.motc-page .spot-alone,.motc-page .pres-onda{animation:none!important}}

/* i "In arrivo" di SPOT+ e SPOTspecialist con i colori delle etichette, al posto del verde acceso */
.motc-page .plan.pro .badge,.motc-page .pres-voce .badge,.motc-page .pres-plus .badge.plus-arrivo{border-color:var(--spot-oro);color:var(--spot-oro);background:transparent}
.motc-page .plan.spec .badge,.motc-page .pres-plus.pres-spec .badge.plus-arrivo{border-color:var(--spot-spec-fondo);color:var(--spot-spec-tx);background:var(--spot-spec-fondo)}

/* Piani: tre colonne uguali, simbolo ed etichetta sopra il nome, prezzo nel carattere della pagina (non a macchina) */
.motc-page .piano-marchio{display:flex;align-items:center;gap:10px;margin:0 0 12px;min-height:34px}
.motc-page .piano-marchio .spot-simbolo{width:34px;height:34px}
.motc-page .plan{display:flex;flex-direction:column}
.motc-page .plan .p{font-family:Poppins,system-ui,sans-serif;font-weight:600;font-size:26px;margin:8px 0 2px}
.motc-page .plan p.prezzo{margin:8px 0 2px;font-size:15px;font-weight:600;line-height:1.45;color:var(--tx)!important}
.motc-page .plan.pro{border-color:var(--spot-oro);box-shadow:none}
.motc-page .plan.spec{border-style:solid;border-color:color-mix(in srgb,var(--spot-pet) 60%,var(--line));
  background:linear-gradient(180deg,color-mix(in srgb,var(--spot-pet) 22%,var(--sur)),var(--sur) 70%)}

/* ============ 2.0.1 — PAGINA PUBBLICA (presentazione.html), dalla bozza approvata il 02/10 ============
   Testi approvati parola per parola: cambia solo la grafica. Blu KonnectaMED per i pulsanti, frase grande al
   centro, griglia di quattro, piani in tre colonne. A destra un disegno astratto della vetrina: solo forme. */
.motc-page.motc-pres{--bg:#0B1530;--sur:#0F1A38;--sur2:#111C36;--line:#22304F;--tx:#EAF0FA;--mu:#9AA8C7;--acc:#2FD3C8;--blu:#5B9BE0;
  --pt-schermo:#111C36;--pt-tessera:#17244A;--pt-riga:#2B3B63}
.motc-page.motc-pres[data-theme=light]{--bg:#F4F6FA;--sur:#FFFFFF;--sur2:#F4F6FA;--line:#E2E7F0;--tx:#0E1B3D;--mu:#5B6785;--acc:#1E5FB3;--blu:#1E5FB3;
  --pt-schermo:#FFFFFF;--pt-tessera:#F4F6FA;--pt-riga:#DCE3EE}
.motc-page.motc-pres .wrap{container-type:inline-size}
.motc-page.motc-pres .blk{background:transparent;border:0;box-shadow:none;padding:0;border-radius:0;margin-top:44px}
.motc-page.motc-pres .blk::before{display:none}
.motc-page.motc-pres .blk > h2{font-size:22px;margin:0 0 16px}
.motc-page.motc-pres .kicker{color:var(--acc)!important}

/* apertura in due colonne: testo a sinistra, disegno a destra */
.motc-page .pres-apertura{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:center;
  padding:44px 0 40px;margin-top:0;position:relative}
.motc-page .pres-apertura::before{content:"";position:absolute;inset:0 -20px;pointer-events:none;
  background:radial-gradient(520px 280px at 85% 35%,color-mix(in srgb,var(--acc) 12%,transparent),transparent 70%)}
.motc-page .pres-eroe-testo{position:relative;min-width:0}
.motc-page .pres-apertura h1{margin:8px 0 14px;font-size:clamp(20px,2.4vw,24px);line-height:1.2;font-weight:600;letter-spacing:.01em}
.motc-page .pres-apertura .pres-titolo{font-size:clamp(25px,3.6vw,36px);line-height:1.17;font-weight:600;letter-spacing:-.01em;
  color:var(--tx)!important;margin:0 0 14px;max-width:22em}
.motc-page .pres-apertura .pres-sotto{font-size:16px;margin:0 0 24px;max-width:36em}
.motc-page.motc-pres .azioni a{padding:12px 22px;border-radius:10px;font-weight:600;font-size:15px;min-height:44px;line-height:1.3}
.motc-page.motc-pres .azioni .primario{background:linear-gradient(135deg,#1E5FB3,#2A8FC0);color:#fff!important;border:0}
.motc-page.motc-pres .azioni .secondario{background:transparent;border:1px solid color-mix(in srgb,var(--tx) 28%,transparent);color:var(--tx)!important}
.motc-page.motc-pres .azioni .primario:hover{filter:brightness(1.08)}
.motc-page.motc-pres .azioni .secondario:hover{border-color:var(--acc)}
.motc-page.motc-pres .azioni a:focus-visible{outline:2px solid var(--acc);outline-offset:2px}

.motc-page .pres-schermo{position:relative;background:var(--pt-schermo);border:1px solid var(--line);border-radius:16px;padding:14px;
  box-shadow:0 30px 60px -30px rgba(0,0,0,.55);transform:perspective(900px) rotateY(-6deg)}
.motc-page.motc-pres[data-theme=light] .pres-schermo{box-shadow:0 30px 60px -34px rgba(14,27,61,.35)}
.motc-page .pres-schermo i{display:block;font-style:normal}
.motc-page .pres-schermo-testa{display:flex;align-items:center;gap:8px;margin:2px 0 12px}
.motc-page .pres-onda{width:8px;height:8px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 0 color-mix(in srgb,var(--acc) 50%,transparent);
  animation:spot-onda 2.4s ease-out 3}
@keyframes spot-onda{70%{box-shadow:0 0 0 8px transparent}}
.motc-page .pres-schermo .pt-riga{height:7px;width:34%;border-radius:4px;background:var(--pt-riga)}
.motc-page .pres-schermo-fila{display:flex;gap:10px;margin-top:10px}
.motc-page .pres-tessera{flex:1;min-width:0;background:var(--pt-tessera);border-radius:10px;padding:10px;min-height:62px}
.motc-page .pres-tessera i{height:7px;border-radius:4px;background:var(--pt-riga);margin:6px 0}
.motc-page .pres-tessera .pt-a{width:62%;background:linear-gradient(90deg,#1E5FB3,#2FD3C8)}
.motc-page .pres-tessera .pt-b{width:40%}

/* la frase al centro, senza riquadro */
.motc-page.motc-pres .pres-problema{text-align:center;padding:36px 8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:8px}
.motc-page.motc-pres .pres-problema h2{font-size:clamp(22px,3vw,28px);margin:0 0 8px}
.motc-page.motc-pres .pres-problema p{font-size:16px;margin:2px auto;max-width:none}

/* cosa trovi dentro: quattro voci, icone a linea su un quadratino */
.motc-page.motc-pres .pres-griglia{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:0}
.motc-page.motc-pres .pres-voce{background:var(--sur);border:1px solid var(--line);border-radius:14px;padding:18px}
.motc-page.motc-pres .pres-voce h3{font-size:16px;margin:12px 0 6px}
.motc-page.motc-pres .pres-voce p{font-size:14px}
.motc-page.motc-pres .pres-voce .badge{font-size:9.5px;padding:2px 6px;margin-left:4px;vertical-align:2px;letter-spacing:.06em}
.motc-page.motc-pres .pres-icona{display:block;width:40px;height:40px;padding:7px;border-radius:10px;color:var(--acc);
  background:color-mix(in srgb,var(--acc) 12%,transparent)}

/* SPOT+ e SPOTspecialist affiancati, filo in alto del loro colore */
.motc-page .pres-livelli{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:44px}
.motc-page.motc-pres .pres-livelli .blk{margin:0;background:var(--sur);border:1px solid var(--line);border-top:3px solid var(--spot-oro);border-radius:16px;padding:22px}
.motc-page.motc-pres .pres-livelli .pres-spec{border-top-color:var(--spot-spec-fondo)}
.motc-page.motc-pres .pres-livelli h2{font-size:19px;line-height:1.35;margin:0 0 10px}
.motc-page.motc-pres .pres-plus h2 .badge{font-size:10.5px;margin-left:6px;vertical-align:3px}
.motc-page.motc-pres .pres-plus p{font-size:15px}

.motc-page.motc-pres #piani .plan{background:var(--sur)}
.motc-page.motc-pres #piani .plan.spec{background:linear-gradient(180deg,color-mix(in srgb,var(--spot-pet) 22%,var(--sur)),var(--sur) 70%)}
.motc-page.motc-pres .pres-chiusura{text-align:center;padding:36px 8px 8px;border-top:1px solid var(--line)}
.motc-page.motc-pres .pres-chiusura .azioni{justify-content:center}
.motc-page.motc-pres footer{max-width:none}

@container (max-width:900px){
  .motc-page.motc-pres .pres-griglia{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container (max-width:760px){
  .motc-page .pres-apertura{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:30px}
  .motc-page .pres-schermo{transform:none}
  .motc-page .pres-livelli{grid-template-columns:minmax(0,1fr)}
}
@container (max-width:520px){
  .motc-page.motc-pres .pres-griglia{grid-template-columns:minmax(0,1fr)}
}

/* 05/10/2026 (report di Alessandro) — SPOTspecialist "In arrivo": riquadri teaser animati e chiari (motc_banner con i
   vantaggi). Il bordo "respira" piano, i vantaggi entrano uno dopo l'altro quando il riquadro arriva sullo schermo
   (classe .anima di vetrina.js), la freccia dell'invito si muove. Mai all'infinito: poche ripetizioni e poi fermo
   (come il resto della vetrina). Con "meno movimento": tutto fermo. Prima delle regole 2.0.2, che non si animano. */
.motc-page .motc-banner.bn-teaser{display:grid;grid-template-columns:1fr;gap:8px;align-content:start;padding:14px 16px 16px;margin:0 0 12px;
  border:1px solid color-mix(in srgb,var(--spot-spec-fondo) 45%,var(--line));border-left:4px solid var(--spot-spec-fondo);border-radius:14px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--spot-spec-fondo) 14%,var(--sur)),var(--sur2) 70%)}
.motc-page .motc-banner.bn-teaser.anima{animation:motc-tz-respiro 3.6s ease-in-out 3}
.motc-page .bn-teaser .bn-tz-testa{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.motc-page .bn-teaser .bn-num{font:700 30px/1 Poppins,system-ui,sans-serif;color:var(--tx);font-variant-numeric:tabular-nums}
.motc-page .bn-teaser .bn-testo{font-weight:600;font-size:15px;color:var(--tx)}
.motc-page .bn-teaser .bn-piano{margin-left:auto;order:0}
.motc-page .bn-teaser .bn-cosa{flex-basis:auto;order:0;font-size:15px;font-weight:600;color:var(--tx)}
.motc-page .bn-teaser .bn-vantaggi{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:13.5px;line-height:1.45;color:var(--tx)}
.motc-page .bn-teaser .bn-vantaggi li{position:relative;padding-left:22px}
.motc-page .bn-teaser .bn-vantaggi li::before{content:"✓";position:absolute;left:0;top:0;font-weight:700;color:var(--spot-spec-fondo)}
.motc-page .bn-teaser .bn-invito{justify-self:start;display:inline-flex;align-items:center;gap:8px;min-height:40px;margin-top:2px;padding:8px 14px;
  border-radius:999px;background:var(--spot-spec-fondo);color:var(--spot-spec-tx,#fff);font-weight:600;font-size:13.5px}
.motc-page .bn-teaser .bn-freccia{display:inline-block}
.motc-page .bn-teaser.anima .bn-freccia{animation:motc-tz-freccia 1.6s ease-in-out 6}
.motc-page .bn-teaser:hover .bn-invito,.motc-page .bn-teaser:focus-visible .bn-invito{filter:brightness(1.08)}
.motc-page .bn-teaser.anima .bn-vantaggi li{animation:motc-tz-entra .5s ease-out 1 both}
.motc-page .bn-teaser.anima .bn-vantaggi li:nth-child(2){animation-delay:.15s}
.motc-page .bn-teaser.anima .bn-vantaggi li:nth-child(3){animation-delay:.3s}
@keyframes motc-tz-respiro{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--spot-spec-fondo) 0%,transparent)}
  50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--spot-spec-fondo) 20%,transparent)}}
@keyframes motc-tz-freccia{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
@keyframes motc-tz-entra{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .motc-page .motc-banner.bn-teaser.anima,.motc-page .bn-teaser.anima .bn-freccia,.motc-page .bn-teaser.anima .bn-vantaggi li{animation:none}
}

/* 05/10/2026 — il riquadro UNICO delle fonti e del metodo, in fondo alla pagina (motc_disclaimer_fonti) */
.motc-page .fonti-metodo{margin:28px 0 8px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--sur2);color:var(--tx)}
.motc-page .fonti-metodo h2{margin:0 0 8px;font-size:16px}
.motc-page .fonti-metodo p{margin:0 0 10px;font-size:13.5px;line-height:1.55}
.motc-page .fonti-metodo .fm-fonti{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px 18px}
.motc-page .fonti-metodo dt{font-weight:600;font-size:13px}
.motc-page .fonti-metodo dd{margin:2px 0 0;font-size:12.5px;line-height:1.45;color:var(--mu)}
/* 05/10/2026 — "ⓘ Come leggere il grafico": la nota sul modo di misurare non sta piu' in vista */
.motc-page .plus-info{margin:8px 0 0;font-size:13px}
.motc-page .plus-info summary{cursor:pointer;color:var(--acc);font-weight:600;min-height:32px;display:flex;align-items:center;gap:6px}
.motc-page .plus-info summary:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.motc-page .plus-info p{margin:6px 0 0;color:var(--tx)}

/* ============ 2.0.2 (Alessandro, 02/10/2026) — VETRINA RIFINITA SEZIONE PER SEZIONE ============
   Dopo la prova sulla vetrina vera: un solo marchio KonnectaMED (quello della barra), niente verde acceso, stessa
   tavolozza della pagina pubblica (blu KonnectaMED #1E5FB3, verde acqua #2FD3C8, blu notte #0E1B3D), etichette
   PLUS e SPECIALIST anche in alto. Solo colori, spazi e bordi: testi, dati, regole e rotte non cambiano.
   Contrasto almeno 4,5:1 per i testi in entrambi i temi (misurato sui fondi --bg, --sur, --sur2). */
.motc-page{--bg:#0B1530;--sur:#0F1A38;--sur2:#16234A;--line:#24345A;--tx:#EAF0FA;--mu:#A3B1CC;
  --acc:#2FD3C8;--blu:#5B9BE0;--su-acc:#0B1530;--farmaco:#3CC6A0;--dispositivo:#5B9BE0}
.motc-page[data-theme=light]{--bg:#F4F6FA;--sur:#FFFFFF;--sur2:#F4F6FA;--line:#DCE3EE;--tx:#0E1B3D;--mu:#55627F;
  --acc:#0B6F7A;--blu:#1E5FB3;--su-acc:#FFFFFF;--farmaco:#13795B;--dispositivo:#1E5FB3}

/* intestazione: niente secondo logo, niente bolle colorate; resta un alone tenue sotto la barra */
.motc-page:not(.motc-pres) .px{display:none}
.motc-page:not(.motc-pres) .hero{padding:40px 0 20px}
.motc-page:not(.motc-pres) .hero::before{inset:-60px 0 auto;background:radial-gradient(closest-side at 22% 40%,color-mix(in srgb,var(--acc) 12%,transparent),transparent),
  radial-gradient(closest-side at 80% 45%,color-mix(in srgb,var(--blu) 10%,transparent),transparent)}
.motc-page:not(.motc-pres) .hero h1{font-size:clamp(28px,4.2vw,44px);line-height:1.08;letter-spacing:-.025em;max-width:22ch;margin:10px 0 14px}
.motc-page:not(.motc-pres) .hero p{font-size:16px;line-height:1.6}
.motc-page .kicker{letter-spacing:.16em;font-weight:600}
.motc-page .stats{gap:12px;margin-top:26px}
.motc-page .stat{background:var(--sur);border-radius:14px;padding:16px 18px}
.motc-page .stat b{font-size:28px;letter-spacing:-.01em}
@keyframes p{70%{box-shadow:0 0 0 8px transparent}}
.motc-page .stat .pulse{box-shadow:0 0 0 0 color-mix(in srgb,var(--acc) 55%,transparent)}

/* in alto a destra: il piano attivo neutro, SPOT+ con il bordo champagne dell'etichetta PLUS, SPOTspecialist petrolio */
.motc-page .motc-piano{gap:8px;top:16px}
.motc-page .motc-piano .lbl{font:600 11px/1.5 Poppins,system-ui,sans-serif!important;letter-spacing:.12em;padding:4px 10px;border-radius:6px;white-space:nowrap}
.motc-page .motc-piano .lbl.on{border:1px solid var(--line);color:var(--tx);background:var(--sur)}
.motc-page .motc-piano .lbl.plus,.motc-page .motc-piano .lbl.plus:hover,.motc-page .motc-piano .lbl.plus:focus{
  background:transparent;border:1px solid var(--spot-oro);color:var(--spot-oro);font-size:11px;opacity:1;filter:none}
.motc-page .motc-piano .lbl.plus:hover{background:color-mix(in srgb,var(--spot-oro) 12%,transparent)}
.motc-page .motc-piano .lbl.plus:focus-visible{outline:2px solid var(--spot-oro);outline-offset:2px}
.motc-page .motc-piano .lbl.esci{letter-spacing:.04em;margin-left:2px}
/* 2.9.6 (Alessandro, 08/10/2026): il nome della farmacia sotto il titolo, in evidenza nel colore d'accento (non piu' fra
   le etichette in alto); un solo badge del piano: SPOT semplice, SPOT+ con un alone acqua, SPOTspecialist viola e oro */
.motc-page .motc-farmacia{margin:-4px 0 14px;max-width:none}
.motc-page .motc-farmacia-n{display:inline-block;color:var(--acc)!important;font:500 clamp(18px,2.2vw,23px)/1.3 Poppins,system-ui,sans-serif;
  letter-spacing:-.01em;padding:0 0 3px;border-bottom:2px solid color-mix(in srgb,var(--acc) 45%,transparent);overflow-wrap:anywhere;text-shadow:none}
.motc-page .motc-piano .lbl.piano-badge{font-weight:600!important;letter-spacing:.06em;border-radius:999px;padding:4px 12px}
/* 2.9.9 (Alessandro, 12/10/2026): il badge del piano nel colore del suo marchio: Spot grigio, Spot+ lime, Spotspecialist viola */
.motc-page .motc-piano .lbl.piano-spot{color:var(--tx);border:1px solid #a0b0bc;background:color-mix(in srgb,#a0b0bc 14%,var(--sur))}
.motc-page .motc-piano .lbl.piano-plus{color:var(--tx);border:1px solid #d4e47e;background:color-mix(in srgb,#d4e47e 18%,var(--sur));
  box-shadow:0 0 12px -3px color-mix(in srgb,#d4e47e 55%,transparent)}
.motc-page .motc-piano .lbl.piano-specialist{color:var(--tx);border:1px solid #a87fd4;background:color-mix(in srgb,#a87fd4 22%,var(--sur));
  box-shadow:0 0 12px -3px color-mix(in srgb,#a87fd4 55%,transparent)}
@keyframes motc-respiro{0%,100%{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--spot-oro) 25%,transparent)}}

/* intestazione delle sezioni: numero su fondo tenue, etichette di fonte neutre */
.motc-page .blk{border-radius:18px;padding:24px}
.motc-page[data-theme=light] .blk{box-shadow:0 1px 2px rgba(14,27,61,.04),0 16px 36px -28px rgba(14,27,61,.28)}
.motc-page .bh{gap:10px 12px;margin-bottom:8px}
.motc-page .bh .n{font:600 11.5px/1.4 Poppins,system-ui,sans-serif;letter-spacing:.06em;color:var(--acc);border:0;border-radius:6px;padding:3px 8px;
  background:color-mix(in srgb,var(--acc) 14%,transparent)}
.motc-page .bh h2,.motc-page .week.blk h2{font-size:21px;font-weight:600;letter-spacing:-.01em}
.motc-page .badge{border-color:var(--line);color:var(--mu);font-size:10.5px;font-weight:600;letter-spacing:.12em;padding:4px 9px}
/* "SPOT+" sopra le anteprime: l'etichetta PLUS (bordo champagne), non piu' il verde pieno */
.motc-page .badge.plus-arrivo{background:transparent;border:1px solid var(--spot-oro);color:var(--spot-oro);font-weight:600;letter-spacing:.12em}
.motc-page .badge.plus-arrivo:hover,.motc-page .badge.plus-arrivo:focus{filter:none;background:color-mix(in srgb,var(--spot-oro) 12%,transparent);outline:none}
.motc-page .badge.plus-arrivo:focus-visible{outline:2px solid var(--spot-oro);outline-offset:2px}
.motc-page .read{border-left-color:var(--acc);border-radius:0 10px 10px 0}

/* banner sottili: il filo del piano a cui portano (champagne SPOT+, petrolio/platino SPOTspecialist) */
.motc-page .motc-banner{border-left-color:var(--spot-oro);border-radius:10px}
.motc-page .motc-banner:hover,.motc-page .motc-banner:focus{border-color:var(--spot-oro)}
.motc-page .motc-banner .bn-piano{font:600 10.5px/1.4 Poppins,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--spot-oro)}
.motc-page .motc-banner.bn-laboratorio,.motc-page .motc-banner.bn-social{border-left-color:var(--spot-spec-fondo);border-left-style:solid}
.motc-page .motc-banner.bn-laboratorio .bn-piano,.motc-page .motc-banner.bn-social .bn-piano{color:var(--spot-spec-fondo)}
.motc-page .motc-banner.bn-laboratorio:hover,.motc-page .motc-banner.bn-social:hover{border-color:var(--spot-spec-fondo)}
.motc-page .motc-banner .bn-luce{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--acc) 18%,transparent),transparent)}

/* testo sui pulsanti e sulle etichette piene: blu notte nel tema scuro, bianco nel chiaro (mai il verde scuro di prima) */
.motc-page .new,.motc-page .motc-filtri .chip.on,.motc-page .mappa .modi button.on,.motc-page .anteprima .attiva,
.motc-page .social-post .copia.fatto,.motc-page .promo .cv .hot{color:var(--su-acc)!important}
.motc-page .gender{color:#0B1530}
.motc-page .ages i{background:linear-gradient(180deg,var(--acc),color-mix(in srgb,var(--acc) 25%,transparent))}
.motc-page .s.hot{background:color-mix(in srgb,var(--acc) 8%,transparent)}
.motc-page .mappa .giorni .t-plus{background:transparent;border:1px solid var(--spot-oro);color:var(--spot-oro);font:600 10px/1.3 Poppins,system-ui,sans-serif;letter-spacing:.08em}
.motc-page .mappa .polline circle,.motc-page .mappa .aria-c circle{stroke:var(--bg)}

/* etichette di categoria: nel tema scuro pastiglia tenue col colore della categoria (il bianco sui colori chiari non si
   leggeva); nel chiaro fondo pieno e testo bianco */
.motc-page .tag{border-radius:6px;padding:3px 8px;font-weight:600;letter-spacing:.02em}
.motc-page:not([data-theme=light]) .tag:not(.farmacia){color:var(--cat)!important;background:color-mix(in srgb,var(--cat) 16%,transparent)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cat) 45%,transparent)}
.motc-page .t-farmaco{--cat:var(--farmaco)}.motc-page .t-dispositivo{--cat:var(--dispositivo)}
.motc-page .t-integratore{--cat:var(--integratore)}.motc-page .t-cosmetico{--cat:var(--cosmetico)}
.motc-page .tag.farmacia{border-color:color-mix(in srgb,var(--acc) 60%,transparent)}

/* figurine e schede */
.motc-page .card{border-radius:16px}
.motc-page .card:hover{border-color:color-mix(in srgb,var(--acc) 40%,var(--line))}
.motc-page .img{background:linear-gradient(135deg,var(--sur2),var(--bg))}
.motc-page .card.fig .numeri li{border-radius:10px}
.motc-page .card.fig .consiglio{border-left-color:var(--acc);border-radius:0 10px 10px 0}
.motc-page .card.ended{opacity:.62}
.motc-page .reach i{background:linear-gradient(90deg,var(--blu),var(--acc))}
.motc-page .src,.motc-page .go{font-weight:600}
.motc-page .card .src{font-size:13px}

/* frecce del carosello: sobrie, stesso stile dei pulsanti della pagina */
.motc-page .motc-frecce .nav{width:40px;height:40px;font-size:24px;background:var(--sur2);color:var(--tx);border:1px solid var(--line);box-shadow:none}
.motc-page .motc-frecce .nav:hover{background:var(--sur2);color:var(--acc);border-color:var(--acc);transform:none}
.motc-page[data-theme=light] .motc-frecce .nav{color:var(--tx)}
.motc-page[data-theme=light] .motc-frecce .nav:hover{background:var(--sur2);color:var(--acc)}
.motc-page .motc-frecce .nav:focus-visible{outline:2px solid var(--acc)}
.motc-page .motc-carosello-azioni button,.motc-page .motc-altre{border-radius:10px;font-weight:600}
.motc-page .motc-carosello-azioni button:hover,.motc-page .motc-altre:hover{border-color:var(--acc)}

/* filtri */
.motc-page .chip{border-radius:999px}
.motc-page .motc-filtri .chip .n{background:color-mix(in srgb,var(--acc) 16%,transparent)}
.motc-page .motc-filtri .chip.on .n{background:color-mix(in srgb,var(--su-acc) 22%,transparent);color:var(--su-acc)}

/* classifiche */
.motc-page .top10 li:nth-child(-n+3){background:var(--sur2)}
.motc-page .top10 .pos{font-weight:600}
.motc-page .top10 .bar i{background:linear-gradient(90deg,var(--blu),var(--acc))}
/* colleghi: la cifra delle persone raggiunte (classe "reach") prendeva la regola della barra delle figurine (alta 3 px)
   e spariva. Qui torna una scritta. */
.motc-page .motc-colleghi .reach{height:auto;background:none;border-radius:0;overflow:visible}
.motc-page .motc-colleghi .g-catena::before{background:linear-gradient(180deg,var(--blu),var(--acc))}
.motc-page .motc-colleghi .g-farmacia::before{background:linear-gradient(180deg,var(--acc),var(--blu))}
.motc-page .motc-colleghi .piat a.annuncio{border-radius:8px}

/* formazione: le schede dei video non avevano uno stile */
.motc-page .motc-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:12px}
.motc-page .motc-fcard{background:var(--sur);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.motc-page .motc-fcard .play:empty{display:none}
.motc-page .motc-fcard .play{aspect-ratio:16/9;background:var(--bg)}
.motc-page .motc-fcard .play iframe{width:100%;height:100%;border:0;display:block}
.motc-page .motc-fcard .b{padding:12px 14px;display:flex;flex-direction:column;gap:4px;flex:1}
.motc-page .motc-fcard .t{font-weight:600;font-size:14.5px;line-height:1.35}
.motc-page .motc-fcard .a{font-size:12.5px}
.motc-page .motc-fcard .go{margin-top:auto;padding-top:6px;font-size:13px}
.motc-page .argomento::before,.motc-page .a-gola_raffreddore::before,.motc-page .a-gastro::before,.motc-page .a-pelle::before,
.motc-page .a-allergie::before,.motc-page .a-dolore::before,.motc-page .a-vitamine::before,.motc-page .a-solari::before{
  height:2px;background:linear-gradient(90deg,var(--blu),var(--acc))}
.motc-page .argomento summary .quanti{font-family:Poppins,system-ui,sans-serif;font-weight:600;border-color:color-mix(in srgb,var(--acc) 50%,transparent)}

/* promozione KonnectaShop: contrassegnata come prima, colori della pagina, pulsante blu come nella pagina pubblica */
.motc-page .promo{border:1px dashed color-mix(in srgb,var(--tx) 22%,transparent);border-radius:18px}
.motc-page .promo .flag{background:var(--tx);color:var(--bg);font-weight:600;letter-spacing:.12em;padding:5px 12px}
.motc-page .promo .k{font-weight:600;letter-spacing:.14em}
.motc-page .promo .ph{background:linear-gradient(135deg,var(--sur2),var(--bg))}
.motc-page .promo .cv span{border-radius:999px;border-color:color-mix(in srgb,var(--acc) 60%,transparent)}
.motc-page .promo .pr{font-family:Poppins,system-ui,sans-serif;font-weight:500}
.motc-page .buy,.motc-page[data-theme=light] .buy{background:linear-gradient(135deg,#1E5FB3,#2A8FC0)!important;color:#fff!important;font-weight:600!important}
.motc-page .buy:hover{filter:brightness(1.08)}
.motc-page .buy:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.motc-page .promo .nav{background:var(--sur);border-color:var(--line)}
.motc-page .promo .nav:hover{border-color:var(--acc)}

/* mappa e influenza: verde acqua al posto del verde, il resto uguale */
.motc-page .mappa .terra{stroke:color-mix(in srgb,var(--acc) 80%,transparent)}
.motc-page .mappa .giorni button{border-radius:999px}
.motc-page .mappa .giorni button.on{background:color-mix(in srgb,var(--acc) 12%,transparent)}

/* Piani (vetrina e pagina pubblica): una sola riga d'etichetta. Simbolo ed etichetta PLUS/SPECIALIST a sinistra,
   "In arrivo" piccolo e tenue a destra sulla stessa riga (prima era un secondo riquadro sotto il nome, che andava a capo). */
.motc-page .plan{position:relative;border-radius:16px}
.motc-page .plan h3{font-size:18px;font-weight:600;letter-spacing:.01em}
.motc-page .plan h3 .badge,.motc-page .plan.pro h3 .badge,.motc-page .plan.spec h3 .badge{position:absolute;top:20px;right:20px;height:34px;
  display:flex;align-items:center;margin:0;padding:0;border:0;border-radius:0;background:none;color:var(--mu);
  font:600 10px/1 Poppins,system-ui,sans-serif;letter-spacing:.16em;white-space:nowrap}
.motc-page .plan ul{margin-top:14px}
.motc-page:not(.motc-pres) #piani .plan{background:var(--sur2)}
.motc-page:not(.motc-pres) #piani .plan.spec{background:linear-gradient(180deg,color-mix(in srgb,var(--spot-pet) 22%,var(--sur2)),var(--sur2) 70%)}
.motc-page .pres-arrivo{border-radius:14px}

/* promemoria SPOT+ e messaggi */
.motc-page .motc-promemoria{border-color:var(--spot-oro)}
.motc-page .motc-promemoria a{color:var(--spot-oro)}
.motc-page footer .lnk a{font-weight:600}
@media (max-width:640px){
  .motc-page .motc-piano{flex-wrap:wrap;row-gap:6px}
  .motc-page .blk{padding:18px 16px}
  .motc-page .bh h2,.motc-page .week.blk h2{font-size:19px}
}
/* senza il logo grande il piano in alto a destra non sta piu' sopra il titolo: riga sua, allineata a destra */
.motc-page:not(.motc-pres) .hero .motc-piano{position:static;justify-content:flex-end;flex-wrap:wrap;row-gap:6px;margin:0 0 18px}
.motc-page:not([data-theme=light]) .gender .m{color:#0B1530}

/* 12/10/2026 — Gruppo 2 rinnovato (In onda, Top 10, A chi parla, Finiti, Colleghi, Andamento): schede pulite su griglia
   di 8px, accenti nel colore del piano, micro-animazioni solo se l'utente non chiede movimento ridotto. Solo aspetto:
   testi, dati, link e stati restano quelli di prima. Tutto e' limitato a queste sezioni dell'area riservata. */
.motc-page.motc-account:not(.motc-pres) :is(.blk.week,.blk:has(> .top10),.blk.anteprima,.blk:has(.motc-colleghi),.blk.andamento){
  position:relative;border-radius:20px;overflow:hidden;
  background-image:radial-gradient(120% 60% at 100% 0,color-mix(in srgb,var(--piano) 9%,transparent),transparent 60%)}
.motc-page.motc-account:not(.motc-pres) .blk.week .motc-carosello .card.fig{border-radius:16px;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.motc-page.motc-account:not(.motc-pres) .blk.week .card .reach{height:6px;border-radius:99px}
.motc-page.motc-account:not(.motc-pres) .blk.week .card .reach i{border-radius:99px;background:linear-gradient(90deg,var(--piano-scuro),var(--piano))}
.motc-page.motc-account:not(.motc-pres) .motc-filtri .chip{border-radius:99px;transition:background-color .2s ease,border-color .2s ease}
/* Top 10: una scheda per riga, il numero in un cerchio, i primi tre segnati nel colore del piano */
.motc-page.motc-account:not(.motc-pres) .top10{background:transparent;border:0;padding:0}
.motc-page.motc-account:not(.motc-pres) .top10 ol{gap:8px}
.motc-page.motc-account:not(.motc-pres) .top10 li{padding:12px 16px;border-radius:14px;border:1px solid var(--line);background:var(--sur);
  transition:transform .2s ease,border-color .2s ease}
.motc-page.motc-account:not(.motc-pres) .top10 li:nth-child(-n+3){background:color-mix(in srgb,var(--piano) 10%,var(--sur));border-color:color-mix(in srgb,var(--piano) 45%,var(--line))}
.motc-page.motc-account:not(.motc-pres) .top10 .pos{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-size:13px;
  color:var(--tx);background:color-mix(in srgb,var(--piano) 18%,transparent)}
.motc-page.motc-account:not(.motc-pres) .top10 li:nth-child(-n+3) .pos{background:var(--piano-pieno,var(--piano));color:var(--piano-testo);box-shadow:0 0 0 4px color-mix(in srgb,var(--piano) 22%,transparent)}
.motc-page.motc-account:not(.motc-pres) .top10 .bar{height:8px;border-radius:99px;background:color-mix(in srgb,var(--line) 80%,transparent)}
.motc-page.motc-account:not(.motc-pres) .top10 .bar i{border-radius:99px;background:linear-gradient(90deg,var(--piano-scuro),var(--piano));box-shadow:0 0 8px color-mix(in srgb,var(--piano) 45%,transparent)}
@media (max-width:700px){.motc-page.motc-account:not(.motc-pres) .top10 li{padding:12px}}
/* A chi parla: barra donne/uomini a pillola, fasce d'eta' come colonne vere */
.motc-page.motc-account:not(.motc-pres) .anteprima .panel{border-radius:16px;border:1px solid var(--line);padding:16px 24px}
.motc-page.motc-account:not(.motc-pres) .anteprima .gender{border-radius:99px;overflow:hidden}
.motc-page.motc-account:not(.motc-pres) .anteprima .ages{height:160px;align-items:end;gap:8px;margin-top:16px}
.motc-page.motc-account:not(.motc-pres) .anteprima .ages > div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;text-align:center}
.motc-page.motc-account:not(.motc-pres) .anteprima .ages i{display:block;width:100%;max-width:96px;margin:0 auto;border-radius:10px 10px 4px 4px;
  background:linear-gradient(180deg,var(--piano),color-mix(in srgb,var(--piano) 35%,transparent))}
.motc-page.motc-account:not(.motc-pres) .anteprima .read.chi{border-left-color:var(--piano)}
.motc-page.motc-account:not(.motc-pres) .anteprima .chip-canale{border-radius:99px}
/* Finiti di recente: schede piu' quiete, foto attenuata */
.motc-page.motc-account:not(.motc-pres) .blk.week > .grid .card{border-radius:16px;opacity:.92;transition:opacity .2s ease,transform .2s ease}
.motc-page.motc-account:not(.motc-pres) .blk.week > .grid .card .img{filter:grayscale(.6)}
.motc-page.motc-account:not(.motc-pres) .blk.week > .grid .card .reach i{background:color-mix(in srgb,var(--mu) 70%,transparent)}
/* Cosa fanno i colleghi: righe a scheda, numero nel cerchio, link come pulsante */
.motc-page.motc-account:not(.motc-pres) .motc-colleghi .gruppo{border-radius:16px;padding:16px}
.motc-page.motc-account:not(.motc-pres) .motc-colleghi .elenco li{border-radius:12px;padding:8px;transition:background-color .2s ease}
.motc-page.motc-account:not(.motc-pres) .motc-colleghi .pos{width:28px;height:28px;display:inline-grid;place-items:center;border-radius:50%;
  background:color-mix(in srgb,var(--piano) 18%,transparent);color:var(--tx)}
.motc-page.motc-account:not(.motc-pres) .motc-colleghi .reach{border-radius:99px;padding:2px 8px;background:color-mix(in srgb,var(--piano) 14%,transparent)}
.motc-page.motc-account:not(.motc-pres) .motc-colleghi .piat a{border-radius:99px;border:1px solid var(--piano)}
/* Andamento: schede come interruttore a due, chi sale e chi scende in due riquadri con il loro colore */
.motc-page.motc-account:not(.motc-pres) .andamento .plus-schede{display:inline-flex;gap:4px;padding:4px;border-radius:99px;border:1px solid var(--line);background:var(--sur2)}
.motc-page.motc-account:not(.motc-pres) .andamento .plus-schede button{border-radius:99px;border:0;padding:8px 16px;min-height:40px;transition:background-color .2s ease}
.motc-page.motc-account:not(.motc-pres) .andamento .plus-schede button[aria-selected=true]{background:var(--piano-pieno,var(--piano));color:var(--piano-testo)}
.motc-page.motc-account:not(.motc-pres) .andamento .plus-sale-scende > div{border-radius:14px;border:1px solid var(--line);padding:16px}
.motc-page.motc-account:not(.motc-pres) .andamento .plus-sale-scende .sale{border-top:3px solid #16a34a}
.motc-page.motc-account:not(.motc-pres) .andamento .plus-sale-scende .scende{border-top:3px solid #e11d48}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .motc-page.motc-account:not(.motc-pres) .blk.week .motc-carosello .card.fig:hover,
  .motc-page.motc-account:not(.motc-pres) .blk.week > .grid .card:hover{transform:translateY(-4px);box-shadow:0 12px 28px color-mix(in srgb,var(--piano) 22%,transparent)}
  .motc-page.motc-account:not(.motc-pres) .blk.week > .grid .card:hover{opacity:1}
  .motc-page.motc-account:not(.motc-pres) .top10 li:hover{transform:translateX(4px);border-color:var(--piano)}
  .motc-page.motc-account:not(.motc-pres) .motc-colleghi .elenco li:hover{background:color-mix(in srgb,var(--piano) 8%,transparent)}
}
@media (prefers-reduced-motion:reduce){
  .motc-page.motc-account:not(.motc-pres) :is(.top10 li,.card,.motc-filtri .chip,.motc-colleghi .elenco li,.andamento .plus-schede button){transition:none!important;transform:none!important}
}

/* 12/10/2026 — Top 10, In onda adesso e Colleghi rifatti a schede (markup nuovo in motc-nucleo.php): spazi sulla griglia
   di 8px, titoli bilanciati, numero della posizione nel cerchio, i primi tre nel colore del piano. */
.motc-page.motc-account:not(.motc-pres) .top10 li.t10-scheda{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-areas:"pos chi" "pos meta" "pos bar";
  column-gap:16px;row-gap:8px;align-items:center;padding:16px}
.motc-page.motc-account:not(.motc-pres) .top10 li.t10-vuoto{grid-template-areas:"pos chi"}
.motc-page.motc-account:not(.motc-pres) .top10 li.t10-scheda .pos{grid-area:pos;align-self:start;width:40px;height:40px;font-size:15px}
.motc-page.motc-account:not(.motc-pres) .top10 .t10-chi{grid-area:chi;min-width:0}
.motc-page.motc-account:not(.motc-pres) .top10 .t10-chi b{font-size:16px;line-height:1.25;text-wrap:balance}
.motc-page.motc-account:not(.motc-pres) .top10 .t10-chi small{display:block;margin-top:4px;font-size:13px;line-height:1.3;text-wrap:pretty}
.motc-page.motc-account:not(.motc-pres) .top10 .t10-meta{grid-area:meta;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.motc-page.motc-account:not(.motc-pres) .top10 .t10-meta .tag{margin:0}
.motc-page.motc-account:not(.motc-pres) .top10 .t10-et{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:99px;font-size:12px;line-height:1;
  color:var(--mu);background:var(--sur2);border:1px solid var(--line);white-space:nowrap}
.motc-page.motc-account:not(.motc-pres) .top10 li.t10-scheda .bar{grid-area:bar;display:block}
@media (min-width:900px){.motc-page.motc-account:not(.motc-pres) .top10 ol{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,auto);grid-auto-flow:column;gap:16px}}
/* In onda adesso: blocco del nome, numeri con l'etichetta sotto e allineati in alto, "Guarda lo spot" come pulsante */
.motc-page.motc-account:not(.motc-pres) .blk.week .card.fig .body{padding:16px;gap:12px}
.motc-page.motc-account:not(.motc-pres) .blk.week .card.fig .body{flex:1 1 auto}
/* ogni scheda alta quanto il suo contenuto: niente fascia vuota sotto quelle piu' corte della fila */
.motc-page.motc-account:not(.motc-pres) .blk.week .motc-carosello .binario{align-items:start}
/* senza fonte della foto e senza "Guarda lo spot" il piede e' vuoto: niente fascia bianca in fondo alla scheda */
.motc-page.motc-account:not(.motc-pres) .blk.week .card.fig .piede:has(.fonte-img:empty):has(.social:empty){display:none}
.motc-page.motc-account:not(.motc-pres) .blk.week .card.fig .fig-testa{display:grid;gap:4px}
.motc-page.motc-account:not(.motc-pres) .blk.week .card.fig .name{text-wrap:balance}
.motc-page.motc-account:not(.motc-pres) .blk.week .card.fig .sottotitolo{text-wrap:pretty}
.motc-page.motc-account:not(.motc-pres) .blk.week .card.fig .numeri{gap:8px}
.motc-page.motc-account:not(.motc-pres) .blk.week .card.fig .numeri li{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px}
.motc-page.motc-account:not(.motc-pres) .blk.week .card.fig .numeri li span{text-wrap:balance;line-height:1.25}
.motc-page.motc-account:not(.motc-pres) .blk.week .card.fig .lettura,.motc-page.motc-account:not(.motc-pres) .blk.week .card.fig .consiglio{text-wrap:pretty;margin:0}
.motc-page.motc-account:not(.motc-pres) .blk.week .card.fig .piede{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}
.motc-page.motc-account:not(.motc-pres) .blk.week .card.fig .social{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px}
.motc-page.motc-account:not(.motc-pres) .blk.week .card.fig .social .src{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;min-height:40px;padding:8px 14px;border-radius:999px;
  white-space:nowrap;flex:none;background:var(--piano-pieno,var(--piano));color:var(--piano-testo);font:600 14px/1.2 Poppins,system-ui,sans-serif;text-decoration:none}
/* «Guarda lo spot»: la regola delle vecchie iconcine (.social a, 22x22) lo rimpiccioliva a un cerchio; il blocco prende la sua larghezza e va a capo sotto «su Facebook e Instagram» solo se non c'e' posto */
.motc-page.motc-account:not(.motc-pres) .blk.week .card.fig .social{flex:0 1 auto;max-width:100%}
@media (pointer:coarse){.motc-page.motc-account:not(.motc-pres) .blk.week .card.fig .social .src{min-height:44px}}
/* Top 10, "Cosa fare": scheda come le altre, filetto nel colore del piano, spazi sulla griglia di 8px */
.motc-page.motc-account:not(.motc-pres) .top10 .sz-cosa{margin:16px 0 0;padding:16px;border-radius:14px;border:1px solid color-mix(in srgb,var(--piano) 45%,var(--line));
  border-left:4px solid var(--piano);background:color-mix(in srgb,var(--piano) 8%,var(--sur));font-size:14px;line-height:1.5;text-wrap:pretty}
.motc-page.motc-account:not(.motc-pres) .top10 .sz-cosa b{color:var(--piano-scuro,var(--piano))}
@media (max-width:700px){.motc-page.motc-account:not(.motc-pres) .top10 .sz-cosa{padding:12px 16px}}
/* Cosa fanno i colleghi: ogni inserzionista e' una scheda; dati e link sotto il nome, mai tagliati */
.motc-page.motc-account:not(.motc-pres) .motc-colleghi{gap:16px}
.motc-page.motc-account:not(.motc-pres) .motc-colleghi .gruppo{padding:16px;background:var(--sur2)}
.motc-page.motc-account:not(.motc-pres) .motc-colleghi .intest{margin:0 0 16px}
.motc-page.motc-account:not(.motc-pres) .motc-colleghi .intest h3{text-wrap:balance}
.motc-page.motc-account:not(.motc-pres) .motc-colleghi .intest small{display:block;margin-top:4px;text-wrap:pretty}
.motc-page.motc-account:not(.motc-pres) .motc-colleghi .elenco{gap:8px}
.motc-page.motc-account:not(.motc-pres) .motc-colleghi .elenco li{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-areas:"pos chi" "pos dati";
  column-gap:12px;row-gap:8px;align-items:center;padding:12px;border:1px solid var(--line);background:var(--sur);border-radius:14px}
.motc-page.motc-account:not(.motc-pres) .motc-colleghi .elenco li:nth-child(-n+3){border-color:color-mix(in srgb,var(--piano) 45%,var(--line));background:color-mix(in srgb,var(--piano) 8%,var(--sur))}
.motc-page.motc-account:not(.motc-pres) .motc-colleghi .pos{grid-area:pos;align-self:start;width:32px;height:32px;font-size:12px}
.motc-page.motc-account:not(.motc-pres) .motc-colleghi .elenco li:nth-child(-n+3) .pos{background:var(--piano-pieno,var(--piano));color:var(--piano-testo)}
.motc-page.motc-account:not(.motc-pres) .motc-colleghi .chi{grid-area:chi;min-width:0}
.motc-page.motc-account:not(.motc-pres) .motc-colleghi .chi b{text-wrap:balance}
.motc-page.motc-account:not(.motc-pres) .motc-colleghi .chi small{max-width:none;margin-top:4px;white-space:normal;overflow:visible;text-overflow:clip;text-wrap:pretty}
.motc-page.motc-account:not(.motc-pres) .motc-colleghi .dati{grid-area:dati;display:flex;flex-wrap:wrap;align-items:center;gap:8px;white-space:normal}
.motc-page.motc-account:not(.motc-pres) .motc-colleghi .ann{display:inline-flex;font-size:12px}
.motc-page.motc-account:not(.motc-pres) .motc-colleghi .piat{margin-left:auto}
.motc-page.motc-account:not(.motc-pres) .motc-colleghi .piat a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;font-size:12.5px;
  font-weight:600;text-decoration:none;color:var(--tx)}
.motc-page.motc-account:not(.motc-pres) .motc-colleghi details.altri{margin-top:8px}
.motc-page.motc-account:not(.motc-pres) .motc-colleghi > :is(.sz-cosa,.fonte-colleghi){grid-column:1/-1;margin:0}
/* 12/10/2026 — A chi parla, Finiti di recente e Andamento rifatti: stessa qualita' della pagina di presentazione
   (titoli Poppins, testi Inter, spazi sulla griglia di 8px, righe bilanciate, schede pulite nei colori del piano). */
/* A chi parla: a sinistra i grafici, a destra la lettura; barra donne/uomini sempre a tutta larghezza */
.motc-page.motc-account:not(.motc-pres) .anteprima .panel{padding:24px}
.motc-page.motc-account:not(.motc-pres) .anteprima .pubblico-slide h3{display:flex;align-items:center;gap:12px;margin:0 0 8px;
  font:600 18px/1.3 Poppins,Inter,system-ui,sans-serif;text-wrap:balance}
.motc-page.motc-account:not(.motc-pres) .anteprima .pubblico-slide h3 .pos{flex:none;width:32px;height:32px;display:inline-grid;place-items:center;border-radius:50%;
  font-size:13px;background:var(--piano-pieno,var(--piano));color:var(--piano-testo)}
.motc-page.motc-account:not(.motc-pres) .anteprima .plus-chi{margin:0 0 24px 44px;font-size:14px;text-wrap:pretty}
.motc-page.motc-account:not(.motc-pres) .anteprima .acp-corpo{display:grid;gap:24px}
@media (min-width:900px){.motc-page.motc-account:not(.motc-pres) .anteprima .acp-corpo{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:center}}
.motc-page.motc-account:not(.motc-pres) .anteprima .gender{display:flex;width:100%;height:36px;font:600 13px/1 Poppins,Inter,system-ui,sans-serif}
.motc-page.motc-account:not(.motc-pres) .anteprima .gender div{min-width:0;overflow:hidden;text-overflow:ellipsis;padding:0 12px}
.motc-page.motc-account:not(.motc-pres) .anteprima .gender .w{flex:none}
.motc-page.motc-account:not(.motc-pres) .anteprima .gender .m{flex:1 1 auto;width:auto!important;justify-content:flex-end}
.motc-page.motc-account:not(.motc-pres) .anteprima .ages{height:232px;gap:8px;margin-top:24px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.motc-page.motc-account:not(.motc-pres) .anteprima .ages > div{box-sizing:border-box;padding-top:56px;gap:8px;font-size:12px;color:var(--mu)}
.motc-page.motc-account:not(.motc-pres) .anteprima .ages i{flex:none;max-width:72px;margin:0 auto}
.motc-page.motc-account:not(.motc-pres) .anteprima .ages .acp-q{font:600 15px/1 Poppins,Inter,system-ui,sans-serif;color:var(--tx)}
.motc-page.motc-account:not(.motc-pres) .anteprima .ages .acp-f{font-size:12px;line-height:1.2;color:var(--mu)}
.motc-page.motc-account:not(.motc-pres) .anteprima .acp-lettura{display:grid;gap:16px;align-content:center}
.motc-page.motc-account:not(.motc-pres) .anteprima .acp-lettura > *{margin:0}
.motc-page.motc-account:not(.motc-pres) .anteprima .acp-lettura .read.chi{font:600 16px/1.45 Poppins,Inter,system-ui,sans-serif;padding:8px 0 8px 16px;border-left-width:4px;text-wrap:pretty}
.motc-page.motc-account:not(.motc-pres) .anteprima .plus-totale{font-size:14px;color:var(--mu)}
.motc-page.motc-account:not(.motc-pres) .anteprima .plus-storia{display:grid;gap:8px;padding:16px;border-radius:14px;background:var(--sur2);border:1px solid var(--line)}
.motc-page.motc-account:not(.motc-pres) .anteprima .plus-storia svg{width:100%;max-width:none}
.motc-page.motc-account:not(.motc-pres) .anteprima .plus-storia p{font-size:13px;text-wrap:pretty}
.motc-page.motc-account:not(.motc-pres) .anteprima .plus-canali{gap:8px}
.motc-page.motc-account:not(.motc-pres) .anteprima .chip-canale{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;background:var(--sur)}
.motc-page.motc-account:not(.motc-pres) .anteprima .pubblico-carosello{gap:16px}
@media (max-width:700px){
  .motc-page.motc-account:not(.motc-pres) .anteprima .panel{padding:16px}
  .motc-page.motc-account:not(.motc-pres) .anteprima .plus-chi{margin-left:0;margin-bottom:16px}
  .motc-page.motc-account:not(.motc-pres) .anteprima .pubblico-slide h3{font-size:16px}
  .motc-page.motc-account:not(.motc-pres) .anteprima .ages{height:200px;gap:4px}
}
/* Finiti di recente: schede in griglia sul computer, righe compatte con la miniatura sul telefono */
.motc-page.motc-account:not(.motc-pres) .blk.week > .grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.motc-page.motc-account:not(.motc-pres) .blk.week > .grid .card .img{aspect-ratio:16/10}
.motc-page.motc-account:not(.motc-pres) .blk.week > .grid .card .iniziale{font-size:48px}
.motc-page.motc-account:not(.motc-pres) .blk.week > .grid .card .body{display:flex;flex-direction:column;gap:8px;padding:16px;flex:1 1 auto}
.motc-page.motc-account:not(.motc-pres) .blk.week > .grid .card .name{font:600 16px/1.3 Poppins,Inter,system-ui,sans-serif;text-wrap:balance}
.motc-page.motc-account:not(.motc-pres) .blk.week > .grid .card .maker{font-size:13px;color:var(--mu)}
.motc-page.motc-account:not(.motc-pres) .blk.week > .grid .card .tags{display:flex;flex-wrap:wrap;gap:8px}
.motc-page.motc-account:not(.motc-pres) .blk.week > .grid .card .tags .tag{margin:0}
.motc-page.motc-account:not(.motc-pres) .blk.week > .grid .card .reach{height:6px;border-radius:99px}
.motc-page.motc-account:not(.motc-pres) .blk.week > .grid .card .lettura{margin:0;text-wrap:pretty}
.motc-page.motc-account:not(.motc-pres) .blk.week > .grid .card .meta{margin-top:auto;padding-top:12px;align-items:center;gap:8px;font:500 12.5px/1.3 Inter,system-ui,sans-serif}
.motc-page.motc-account:not(.motc-pres) .blk.week > .grid .card .meta .off{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:99px;
  font-weight:600;background:var(--sur2);border:1px solid var(--line);color:var(--mu)}
.motc-page.motc-account:not(.motc-pres) .blk.week > .grid .card .src{align-self:flex-start}
@media (max-width:700px){
  .motc-page.motc-account:not(.motc-pres) .blk.week > .grid{grid-template-columns:minmax(0,1fr);gap:8px}
  .motc-page.motc-account:not(.motc-pres) .blk.week > .grid .card{flex-direction:row;align-items:stretch}
  .motc-page.motc-account:not(.motc-pres) .blk.week > .grid .card .img{flex:none;width:96px;aspect-ratio:auto;min-height:96px}
  .motc-page.motc-account:not(.motc-pres) .blk.week > .grid .card .iniziale{font-size:28px}
  .motc-page.motc-account:not(.motc-pres) .blk.week > .grid .card .body{padding:12px 16px;min-width:0}
  .motc-page.motc-account:not(.motc-pres) .blk.week > .grid .card .new{display:none}
}
/* Andamento: grafico in una scheda, chi sale e chi scende come classifiche con il numero nel cerchio */
.motc-page.motc-account:not(.motc-pres) .andamento .plus-storico{margin:0 0 16px}
.motc-page.motc-account:not(.motc-pres) .andamento .plus-schede{margin:0 0 16px}
.motc-page.motc-account:not(.motc-pres) .andamento .plus-titoletto{margin:0 0 16px;font:600 16px/1.35 Poppins,Inter,system-ui,sans-serif;text-wrap:balance}
.motc-page.motc-account:not(.motc-pres) .andamento .plus-due{gap:24px}
.motc-page.motc-account:not(.motc-pres) .andamento .plus-curve{padding:16px;border-radius:16px;border:1px solid var(--line);background:var(--sur2);min-width:0}
.motc-page.motc-account:not(.motc-pres) .andamento .plus-grafico{max-width:none}
.motc-page.motc-account:not(.motc-pres) .andamento .plus-legenda{gap:8px 16px;margin:16px 0 8px}
.motc-page.motc-account:not(.motc-pres) .andamento .plus-sale-scende{gap:16px}
.motc-page.motc-account:not(.motc-pres) .andamento .plus-sale-scende > div{background:var(--sur)}
.motc-page.motc-account:not(.motc-pres) .andamento .plus-sale-scende h4{display:flex;align-items:center;gap:8px;margin:0 0 12px;font:600 15px/1.2 Poppins,Inter,system-ui,sans-serif}
.motc-page.motc-account:not(.motc-pres) .andamento .plus-sale-scende .sale h4::before{color:#4ade80}
.motc-page.motc-account:not(.motc-pres) .andamento .plus-sale-scende .scende h4::before{color:#fb7185}
.motc-page.motc-account:not(.motc-pres)[data-theme=light] .andamento .plus-sale-scende .sale h4::before{color:#15803d}
.motc-page.motc-account:not(.motc-pres)[data-theme=light] .andamento .plus-sale-scende .scende h4::before{color:#be123c}
.motc-page.motc-account:not(.motc-pres) .andamento .plus-sale-scende ol{list-style:none;padding:0;margin:0;counter-reset:acs;display:grid;gap:8px}
.motc-page.motc-account:not(.motc-pres) .andamento .plus-sale-scende li{counter-increment:acs;display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:8px;row-gap:2px;margin:0;align-items:baseline}
.motc-page.motc-account:not(.motc-pres) .andamento .plus-sale-scende li::before{content:counter(acs);grid-row:1/3;align-self:start;width:24px;height:24px;display:grid;place-items:center;
  border-radius:50%;font:600 11px/1 Poppins,Inter,system-ui,sans-serif;background:color-mix(in srgb,var(--piano) 18%,transparent);color:var(--tx)}
.motc-page.motc-account:not(.motc-pres) .andamento .plus-sale-scende li span{font-weight:500;text-wrap:balance}
.motc-page.motc-account:not(.motc-pres) .andamento .plus-sale-scende li b{grid-column:2;font-size:12.5px;color:var(--mu)}
.motc-page.motc-account:not(.motc-pres) .andamento .plus-sale-scende .fonte{font-size:12.5px;color:var(--mu);text-wrap:pretty}
.motc-page.motc-account:not(.motc-pres) .andamento > .sz-cosa{margin:24px 0 0;padding:16px;border-radius:14px;border:1px solid color-mix(in srgb,var(--piano) 45%,var(--line));
  border-left:4px solid var(--piano);background:color-mix(in srgb,var(--piano) 8%,var(--sur));font-size:14px;line-height:1.5;text-wrap:pretty}
.motc-page.motc-account:not(.motc-pres) .andamento > .sz-cosa b{color:var(--piano)}
.motc-page.motc-account:not(.motc-pres)[data-theme=light] .andamento > .sz-cosa b{color:var(--piano-scuro,var(--piano))}
@media (max-width:700px){
  .motc-page.motc-account:not(.motc-pres) .andamento .plus-curve{padding:12px}
  .motc-page.motc-account:not(.motc-pres) .andamento .plus-sale-scende{grid-template-columns:minmax(0,1fr)}
  .motc-page.motc-account:not(.motc-pres) .andamento > .sz-cosa{padding:12px 16px}
}

/* 2.0.2 — "A chi parla": un pannello per prodotto della Top 10, frecce e puntini come la promozione */
.motc-page .pubblico-carosello{grid-column:1/-1;display:grid;gap:12px}
.motc-page .pubblico-slide[hidden]{display:none}
.motc-page .pubblico-nav{display:flex;align-items:center;justify-content:center;gap:12px}
.motc-page .pubblico-nav .nav{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--sur2);color:var(--tx);
  font-size:22px;line-height:1;padding:0 0 3px;cursor:pointer;display:grid;place-items:center}
.motc-page .pubblico-nav .nav:hover{border-color:var(--acc);color:var(--acc)}
.motc-page .pubblico-nav .nav:focus-visible,.motc-page .pubblico-nav .dot:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.motc-page .pubblico-nav .dots{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.motc-page .pubblico-nav .dot{width:9px;height:9px;border-radius:50%;background:var(--line);cursor:pointer;
  padding:0!important;border:0!important;min-height:0!important;box-sizing:content-box}
.motc-page .pubblico-nav .dot.on{background:var(--acc)}
.motc-page .pubblico-nav .conta{font:600 12px/1 Poppins,system-ui,sans-serif;color:var(--mu);min-width:3.2em;text-align:center}
.motc-page .pubblico-carosello:not(.attivo) .pubblico-nav{display:none}
.motc-page .anteprima .panel{background:var(--sur2);border-radius:14px}
.motc-page .anteprima .panel h3{font-size:15px;font-weight:600}
.motc-page .gender{border-radius:8px;height:28px}
.motc-page .ages i{border-radius:4px 4px 0 0}

/* 2.0.2 — banco: schede come le altre, titolo piu' leggibile */
.motc-page .banco .banco-sez{border-radius:14px;padding:16px 18px}
.motc-page .banco h3{font-weight:600}

/* 2.0.2 — piede: avvertenza in un riquadro tenue, link legali in riga, fonti piu' leggibili */
.motc-page footer{max-width:none;padding:24px 0 40px;margin-top:28px;line-height:1.6}
.motc-page footer .disc{background:var(--sur);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:12.5px}
.motc-page footer .attr{font-size:11.5px;max-width:110ch}
.motc-page footer .lnk{margin:12px 0;font-size:12.5px}
.motc-page footer .cr{font-size:11.5px}
.motc-page .bh h2{flex:1 1 0;min-width:7em}

/* ============ 2.1.0 (Alessandro, 02/10/2026) — "COMPLETA IL PROFILO" / "IL MIO PROFILO SPOT" ============
   Un riquadro sobrio sotto l'intestazione, mai sopra la vetrina: non blocca nulla (Termini v1.4 art. 2.5). */
.motc-page .motc-profilo{margin:22px 0 0;background:var(--sur);border:1px solid var(--line);border-left:3px solid var(--acc);
  border-radius:16px;padding:20px 22px}
.motc-page .motc-profilo[hidden]{display:none}
.motc-page .motc-profilo h2{font-size:19px;font-weight:500;margin:0 0 6px;color:var(--tx)}
.motc-page .motc-profilo .mp-sotto{font-size:14px;line-height:1.55;margin:0 0 18px;max-width:64ch;color:var(--mu)}
.motc-page .mp-riga{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:12px;margin:0 0 12px}
.motc-page .mp-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:400;color:var(--tx)}
.motc-page .mp-form input[type=text],.motc-page .mp-form select{font:inherit;font-size:14px;padding:9px 11px;border-radius:9px;min-height:42px;
  background:var(--sur2)!important;color:var(--tx)!important;border:1px solid color-mix(in srgb,var(--line) 75%,transparent)!important;width:100%}
.motc-page .mp-form input[type=text]:focus-visible,.motc-page .mp-form select:focus-visible{outline:2px solid var(--acc);outline-offset:1px}
.motc-page .mp-gruppo{border:0;padding:0;margin:4px 0 12px}
.motc-page .mp-gruppo legend{font-size:13px;font-weight:500;color:var(--mu);padding:0;margin:0 0 8px}
.motc-page .mp-form .mp-spunta{flex-direction:row;align-items:flex-start;gap:8px;font-weight:400;font-size:14px;line-height:1.55;margin:0 14px 6px 0;display:inline-flex}
.motc-page .mp-form .mp-spunta input{margin-top:3px;accent-color:var(--acc);width:16px;height:16px;flex:none}
.motc-page .mp-form .mp-consenso{display:flex;margin-top:6px}
.motc-page .mp-form .mp-spunta a{color:var(--acc)!important;text-decoration:underline}
.motc-page .mp-nota{font-size:12.5px;margin:0 0 12px 24px}
.motc-page .mp-azioni{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.motc-page .mp-azioni button{font:inherit;font-size:14.5px;font-weight:600;min-height:44px;padding:10px 20px;border-radius:10px;cursor:pointer}
.motc-page .mp-salva{background:linear-gradient(135deg,#1E5FB3,#2A8FC0)!important;color:#fff!important;border:0!important}
.motc-page .mp-dopo{background:transparent!important;color:var(--tx)!important;border:1px solid var(--line)!important}
.motc-page .mp-azioni button:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.motc-page .mp-salva[disabled]{opacity:.6;cursor:wait}
.motc-page .mp-esito{margin:10px 0 0;font-size:14px}
.motc-page .mp-esito.ok{color:var(--acc)!important}
.motc-page .mp-esito.ko{color:var(--red)!important}
.motc-page .motc-piano .lbl.profilo{border:1px solid var(--line);color:var(--mu);letter-spacing:.04em}
.motc-page .motc-piano .lbl.profilo:hover,.motc-page .motc-piano .lbl.profilo:focus{color:var(--tx);border-color:var(--acc)}

/* ============ 2.2.0 (03/10/2026) — SPOT+ E SPOTspecialist: I CONTENUTI RISERVATI ============
   Grafici in SVG scritto dal plugin (nessuna libreria). Colori delle serie: --viz1..5, cinque toni validati per i due
   temi (separazione per daltonici e per la vista normale, contrasto 3:1 sul fondo scuro; sul chiaro la legenda con i
   nomi e la tabella dei numeri danno sempre il valore senza il colore). Un asse per grafico, linee di 2 px. */
.motc-page{--viz1:#3987e5;--viz2:#d95926;--viz3:#199e70;--viz4:#c98500;--viz5:#d55181}
.motc-page[data-theme=light]{--viz1:#2a78d6;--viz2:#eb6834;--viz3:#1baf7a;--viz4:#eda100;--viz5:#e87ba4}
.motc-page .s1{--c:var(--viz1)}.motc-page .s2{--c:var(--viz2)}.motc-page .s3{--c:var(--viz3)}.motc-page .s4{--c:var(--viz4)}.motc-page .s5{--c:var(--viz5)}
.motc-page .motc-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* nota sobria: dato insufficiente, storico in costruzione, dato fermo */
.motc-page .plus-nota{margin:10px 0;padding:9px 13px;border-left:3px solid var(--line);background:var(--sur2);color:var(--mu);
  font-size:13.5px;line-height:1.5;border-radius:0 8px 8px 0;max-width:72ch}
.motc-page .plus-storico{margin:0 0 10px;font-size:13.5px;color:var(--mu)}
.motc-page .plus-storico b{color:var(--tx);font-size:16px}

/* grafici */
.motc-page .plus-grafico{width:100%;max-width:640px;height:auto;display:block;margin:6px 0 4px;overflow:visible}
.motc-page .plus-grafico .griglia{stroke:var(--line);stroke-width:1}
.motc-page .plus-grafico .asse{font:12px Poppins,system-ui,sans-serif;fill:var(--mu)}
.motc-page .plus-grafico .serie polyline{fill:none;stroke:var(--c);stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}
.motc-page .plus-grafico .serie circle{fill:var(--c);stroke:var(--sur);stroke-width:2}
.motc-page .plus-grafico .serie circle.aperto{fill:var(--sur);stroke:var(--c);stroke-width:2.2}
.motc-page .plus-grafico .serie path{fill:var(--c)}
.motc-page .plus-grafico .presa{fill:transparent}
.motc-page .plus-grafico .serie:hover circle{stroke-width:3}
@media (max-width:640px){.motc-page .plus-grafico .asse{font-size:21px}}
.motc-page .plus-legenda{list-style:none;margin:6px 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--tx)}
.motc-page .plus-legenda li{display:inline-flex;align-items:center;gap:7px}
.motc-page .plus-legenda i{width:14px;height:4px;border-radius:2px;background:var(--c);flex:none}
.motc-page .plus-legenda b{font-weight:600;color:var(--mu)}
.motc-page .plus-tabella{margin:6px 0 10px;font-size:13px}
.motc-page .plus-tabella summary{cursor:pointer;color:var(--acc);font-weight:600;min-height:32px;display:flex;align-items:center}
.motc-page .plus-tabella summary:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.motc-page .plus-scorri{max-width:100%;overflow-x:auto}
.motc-page .plus-tabella table,.motc-page .plus-matrice{border-collapse:collapse;font-size:13px;margin:6px 0}
.motc-page .plus-tabella caption{text-align:left;color:var(--mu);font-size:12px;padding:0 0 4px}
.motc-page .plus-tabella th,.motc-page .plus-tabella td,.motc-page .plus-matrice th,.motc-page .plus-matrice td{padding:6px 10px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;color:var(--tx)}
.motc-page .plus-tabella th[scope=row],.motc-page .plus-matrice th[scope=row]{text-align:left;font-weight:500}
.motc-page .plus-tabella thead th,.motc-page .plus-matrice thead th{color:var(--mu);font-weight:600;font-size:12px}

/* influenza: il massimo della stagione */
.motc-page .influenza .plus-curva .massimo{fill:var(--sur);stroke:var(--amb);stroke-width:3}
.motc-page .influenza .plus-curva .punto{fill:var(--acc)}
.motc-page .influenza .plus-massimo{display:flex;align-items:center;gap:8px}
.motc-page .influenza .plus-massimo i{width:12px;height:12px;border-radius:50%;border:3px solid var(--amb);flex:none}
/* 2.5.1 — influenza SPOT+: le stagioni passate sotto la curva di oggi (sottili e grigie; il nome passando il mouse o toccando) */
.motc-page .influenza .plus-curva .ss-linea{fill:none;stroke:var(--mu);stroke-opacity:.55;stroke-width:1.3;stroke-linejoin:round;stroke-linecap:round}
.motc-page .influenza .plus-curva .ss-presa{fill:none;stroke:transparent;stroke-width:14;pointer-events:stroke}
.motc-page .influenza .plus-curva .ss-max{fill:var(--mu);fill-opacity:.7}
.motc-page .influenza .plus-curva .ss-st{cursor:pointer;outline:none}
.motc-page .influenza .plus-curva.con-passate .area,.motc-page .influenza .plus-curva.con-passate .linea,.motc-page .influenza .plus-curva.con-passate .fascia-t{pointer-events:none}
.motc-page .influenza .plus-curva .ss-nome{font:600 13px Poppins,system-ui,sans-serif;fill:var(--tx);opacity:0;paint-order:stroke;stroke:var(--sur);stroke-width:4px;stroke-linejoin:round}
.motc-page .influenza .plus-curva .ss-st:hover .ss-linea,.motc-page .influenza .plus-curva .ss-st:focus .ss-linea,.motc-page .influenza .plus-curva .ss-st:active .ss-linea{stroke:var(--tx);stroke-opacity:.9;stroke-width:2.4}
.motc-page .influenza .plus-curva .ss-st:hover .ss-nome,.motc-page .influenza .plus-curva .ss-st:focus .ss-nome,.motc-page .influenza .plus-curva .ss-st:active .ss-nome{opacity:1}
.motc-page .influenza .plus-curva .ss-base{stroke:var(--line);stroke-width:1;stroke-dasharray:3 4}
.motc-page .influenza .plus-curva .ss-base-t{font-size:11px;fill:var(--mu)}
@media (prefers-reduced-motion:no-preference){.motc-page .influenza .plus-curva .ss-linea,.motc-page .influenza .plus-curva .ss-nome{transition:opacity .15s,stroke .15s,stroke-width .15s}}
.motc-page .influenza .ss-legenda i{height:3px}
.motc-page .influenza .ss-legenda .ss-l-oggi{background:var(--acc);height:4px}
.motc-page .influenza .ss-legenda .ss-l-passate{background:var(--mu);opacity:.6;height:2px}
.motc-page .influenza .ss-legenda .ss-tocca{color:var(--mu);font-size:12px}
@media (max-width:640px){.motc-page .influenza .plus-curva .ss-nome{font-size:24px;stroke-width:6px}.motc-page .influenza .plus-curva .ss-base-t{font-size:19px}
  .motc-page .influenza .plus-curva .ss-presa{stroke-width:18px}}

/* pollini e aria, giorno per giorno */
.motc-page .plus-blocco{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.motc-page .plus-blocco h3{margin:0 0 4px;font-size:17px;font-weight:600}
.motc-page .plus-ambito{margin:0 0 10px;font-size:13px;color:var(--mu)}
.motc-page .plus-citta h4{margin:6px 0 8px;font-size:15px}
.motc-page .plus-giorni{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.motc-page .plus-giorno{background:var(--sur2);border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-width:0}
.motc-page .plus-giorno h5{margin:0 0 6px;font-size:13px;font-weight:600;color:var(--tx)}
.motc-page .plus-giorno ul{list-style:none;margin:0 0 6px;padding:0;font-size:13px;line-height:1.5;color:var(--tx)}
.motc-page .plus-giorno li{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px}
.motc-page .plus-giorno li small{color:var(--mu);font-size:11.5px}
.motc-page .plus-giorno li.vuoto{color:var(--mu)}
.motc-page .plus-specie i{width:10px;height:10px;border-radius:50%;flex:none;background:#8A94A6}
.motc-page .plus-specie i.liv-basso{background:var(--farmaco)}.motc-page .plus-specie i.liv-medio{background:#FFB454}
.motc-page .plus-specie i.liv-alto{background:#FF6B6B}
.motc-page .plus-fonte{font-size:12px;color:var(--mu);margin:6px 0 0;line-height:1.5}
.motc-page .plus-aria{border-top:1px dashed var(--line);padding-top:6px!important}
.motc-page .plus-aria li.oltre em{font-style:normal;font-size:11px;font-weight:600;color:var(--amb);border:1px solid var(--amb);border-radius:5px;padding:0 5px}
.motc-page .plus-piu-alto{margin:10px 0 0;padding-left:18px;font-size:13px;color:var(--tx)}
@media (max-width:760px){.motc-page .plus-giorni{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* banco: il dettaglio di ogni scheda */
.motc-page .banco .banco-dettaglio{margin:8px 0 0;font-size:12.5px;color:var(--mu)}

/* a chi parla: posizione, azienda, canali, piccola curva della quota di donne */
.motc-page .anteprima.plus .panel h3 .pos{font-weight:600;color:var(--acc);margin-right:2px}
.motc-page .plus-chi{margin:-4px 0 10px;font-size:13px;color:var(--mu)}
.motc-page .plus-totale{margin:8px 0 0;font-size:13px;color:var(--tx)}
.motc-page .plus-canali{margin:10px 0 0;font-size:13px;color:var(--mu);display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.motc-page .chip-canale{border:1px solid var(--line);border-radius:999px;padding:2px 10px;color:var(--tx);font-size:12.5px}
.motc-page .plus-storia{margin-top:10px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.motc-page .plus-storia svg{width:180px;max-width:100%;height:auto}
.motc-page .plus-storia polyline{fill:none;stroke:var(--pnk);stroke-width:2.2}
.motc-page .plus-storia circle{fill:var(--pnk);stroke:var(--sur2);stroke-width:2}
.motc-page .plus-storia .griglia{stroke:var(--line);stroke-dasharray:3 3}
.motc-page .plus-storia p{margin:0;font-size:12.5px;color:var(--mu);flex:1 1 160px}
.motc-page .anteprima.plus .ages > div{font-size:11px}

/* andamento nel tempo */
.motc-page .plus-schede{display:flex;gap:6px;margin:4px 0 10px}
.motc-page .andamento:not(.attivo) .plus-schede{display:none}
.motc-page .plus-schede button{font:600 13.5px Poppins,system-ui,sans-serif;min-height:40px;padding:8px 16px;border-radius:999px;cursor:pointer;
  background:transparent;color:var(--tx);border:1px solid var(--line)}
.motc-page .plus-schede button[aria-selected=true]{background:color-mix(in srgb,var(--acc) 14%,transparent);border-color:var(--acc)}
.motc-page .plus-schede button:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.motc-page .plus-scheda[hidden]{display:none}
.motc-page .plus-titoletto{margin:4px 0 2px;font-size:14px;font-weight:600;color:var(--tx)}
.motc-page .plus-due{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px;align-items:start}
.motc-page .plus-sale-scende{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.motc-page .plus-sale-scende > div{background:var(--sur2);border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-width:0}
.motc-page .plus-sale-scende h4{margin:0 0 6px;font-size:14px}
.motc-page .plus-sale-scende .sale h4::before{content:"▲ ";color:var(--acc)}
.motc-page .plus-sale-scende .scende h4::before{content:"▼ ";color:var(--amb)}
.motc-page .plus-sale-scende ol{margin:0;padding-left:18px;font-size:13px;color:var(--tx)}
.motc-page .plus-sale-scende li{margin:3px 0}
.motc-page .plus-sale-scende li b{font-weight:600;white-space:nowrap}
.motc-page .plus-sale-scende .fonte{grid-column:1/-1;margin:0}
.motc-page .plus-sale-scende .vuoto{margin:0;font-size:13px;color:var(--mu)}
@media (max-width:900px){.motc-page .plus-due{grid-template-columns:minmax(0,1fr)}}
@media (max-width:420px){.motc-page .plus-sale-scende{grid-template-columns:minmax(0,1fr)}}

/* laboratorio dati */
.motc-page .plus-vista{margin:14px 0 0;padding-top:14px;border-top:1px solid var(--line)}
.motc-page .plus-vista:first-of-type{border-top:0;padding-top:0}
.motc-page .plus-vista h3{margin:0 0 4px;font-size:16px;font-weight:600}
.motc-page .plus-desc{margin:0 0 8px;font-size:13px;color:var(--mu);max-width:80ch}
.motc-page .plus-matrice td{background:color-mix(in srgb,var(--viz1) calc(var(--q,0) * 40%),transparent);font-variant-numeric:tabular-nums}
.motc-page .plus-matrice td.tot{font-weight:600;background:none}
.motc-page .plus-aziende{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:12px}
.motc-page .plus-cat{background:var(--sur2);border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-width:0}
.motc-page .plus-cat h4{margin:0 0 6px;font-size:14px}
.motc-page .plus-cat ol{list-style:none;margin:0;padding:0;font-size:13px}
.motc-page .plus-cat li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;margin:0 0 7px;color:var(--tx)}
.motc-page .plus-cat li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.motc-page .plus-cat li i{grid-column:1/-1;height:4px;border-radius:2px;background:var(--viz1)}

/* "Passa a SPOT+": solo a chi ha SPOT e solo con "Abbonamenti attivi" acceso nel pannello */
.motc-page .cta-plus{margin:12px 0 0}
.motc-page .cta-plus-a{display:inline-flex;align-items:center;min-height:44px;padding:10px 20px;border-radius:10px;font-weight:600;font-size:14.5px;
  text-decoration:none;background:transparent;color:var(--spot-oro)!important;border:1px solid var(--spot-oro)}
.motc-page .cta-plus-a:hover{background:color-mix(in srgb,var(--spot-oro) 12%,transparent)}
.motc-page .cta-plus-a:focus-visible{outline:2px solid var(--spot-oro);outline-offset:2px}
.motc-page .plan .cta-plus{margin-top:auto}
.motc-page .plan p.cta-plus a.cta-plus-a,.motc-page[data-theme=light] .plan p.cta-plus a.cta-plus-a{display:flex!important;justify-content:center;
  background:transparent!important;color:var(--spot-oro)!important;border:1px solid var(--spot-oro)!important;font-weight:600}
.motc-page .plan p.cta-plus a.cta-plus-a:hover{background:color-mix(in srgb,var(--spot-oro) 12%,transparent)!important}
/* 2.10.5: "Il tuo piano" nella scheda del piano che si ha gia' (non si clicca) */
.motc-page .plan .pr-scegli-tuo{display:flex;justify-content:center;align-items:center;min-height:44px;padding:10px 20px;border-radius:10px;
  font-weight:600;font-size:14.5px;color:var(--mu);border:1px dashed var(--line);cursor:default}
/* 2.10.5: giorni al nuovo piano settimanale, piccola etichetta sotto i numeri dell'intestazione */
.motc-page .hero .mp-pubblicazione{display:inline-block;margin:14px 0 0;padding:4px 10px;border-radius:6px;border:1px solid var(--line);
  background:var(--sur);color:var(--tx);font:600 11px/1.5 Poppins,system-ui,sans-serif;letter-spacing:.12em;max-width:100%}

/* "Completa il profilo" come finestra sopra la vetrina sfocata (solo con JavaScript: vetrina.js la apre) */
html.motc-senza-scorrimento{overflow:hidden}
.motc-page .mp-fondo{position:fixed;inset:0;z-index:99992;background:rgba(5,10,25,.5);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
.motc-page[data-theme=light] .mp-fondo{background:rgba(14,27,61,.32)}
.motc-page.modale-aperta .motc-profilo.mp-modale{position:fixed;z-index:99993;top:50%;left:50%;margin:0;opacity:1!important;
  transform:translate(-50%,-50%)!important;transition:none;width:min(780px,calc(100vw - 32px));max-height:calc(100vh - 32px);
  max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;box-shadow:0 30px 80px -20px rgba(0,0,0,.55)}
.motc-page .mp-farmacia{background:var(--sur2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:0 0 16px}
.motc-page .mp-farmacia h3{margin:0 0 8px;font-size:14px;font-weight:600}
.motc-page .mp-farmacia dl{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:8px 16px}
.motc-page .mp-farmacia dt{font-size:12px;color:var(--mu)}
.motc-page .mp-farmacia dd{margin:0;font-size:14px;color:var(--tx);overflow-wrap:anywhere}
.motc-page .mp-correggi{margin:10px 0 0;font-size:13px}
.motc-page .mp-correggi a{color:var(--acc)!important;text-decoration:underline}
/* 06/10/2026 (report di Alessandro): la finestra del profilo si apre solo al clic (✕ per chiudere); un promemoria leggero
   sotto l'intestazione; i campi con * servono per passare a un piano a pagamento */
.motc-page .mp-testa{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.motc-page .mp-x{flex:none;min-width:44px;min-height:44px;margin:-6px -6px 0 0;border-radius:10px;border:1px solid var(--line);background:transparent;
  color:var(--tx);font-size:17px;cursor:pointer}
.motc-page .mp-x:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.motc-page .mp-obbligo{margin:0 0 14px;padding:10px 12px;border-radius:10px;border:1px solid var(--spot-oro);
  background:color-mix(in srgb,var(--spot-oro) 10%,var(--sur));color:var(--tx)!important;font-size:14px}
.motc-page :is(.mp-obbligo,.mp-prosegui)[hidden]{display:none}
.motc-page .mp-prosegui{margin:12px 0 0}
.motc-page .motc-profilo .so-profilo{margin-top:18px}
.motc-page .mp-promemoria{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0 0 16px;padding:8px 10px 8px 14px;border-radius:12px;
  border:1px dashed color-mix(in srgb,var(--acc) 55%,var(--line));background:color-mix(in srgb,var(--acc) 6%,transparent);font-size:13.5px}
.motc-page .hero .mp-promemoria p{margin:0;flex:1 1 280px;max-width:none;font-size:13.5px;line-height:1.45;color:var(--tx)}
.motc-page .mp-promemoria a{display:inline-flex;align-items:center;min-height:36px;color:var(--acc)!important;font-weight:600;text-decoration:underline}
.motc-page .mp-promemoria button{min-height:36px;padding:4px 12px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--mu);
  font:inherit;font-size:13px;cursor:pointer}
.motc-page .mp-promemoria :is(a,button):focus-visible{outline:2px solid var(--acc);outline-offset:2px}

/* 2.2.1 — "Giorno N di 7" accanto a "Il mio profilo SPOT": anello sottile, nessun movimento */
.motc-page .motc-piano .lbl.mp-giorni{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);color:var(--mu);letter-spacing:.04em;cursor:default}
.motc-page .mp-giorni svg{width:16px;height:16px;flex:none}
.motc-page .mp-giorni circle{fill:none;stroke-width:2.4}
.motc-page .mp-giorni .fondo{stroke:var(--line)}
.motc-page .mp-giorni .pieno{stroke:var(--acc);stroke-linecap:round}
.motc-page .motc-piano .lbl.profilo .mp-ok{color:var(--acc);margin-right:6px;font-weight:700}

/* ============ 2.2.2 (03/10/2026) — TELEFONO, TABLET, DESKTOP ============
   Telefono 360-430, tablet verticale 768-834 e orizzontale 1024-1194, desktop 1280-1920. Niente cambia nei testi:
   solo disposizione, misure dei tocchi (almeno 44 px), barra in alto sul telefono, margini per la tacca. */

/* overflow:clip invece di hidden: taglia lo stesso ma non impedisce alla barra di restare in alto (sticky) */
.motc-page{overflow:hidden;overflow:clip}
/* il pulsante giorno/notte ora sta nella barra del marchio */
.motc-page .spot-barra .toggle{position:absolute!important;top:50%;right:0;transform:translateY(-50%);margin:0}
.motc-page .wrap{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
.motc-page footer{padding-bottom:max(40px,calc(env(safe-area-inset-bottom) + 24px))}

/* desktop largo: un po' piu' di spazio, righe di testo invariate */
@media (min-width:1440px){.motc-page:not(.motc-pres) .wrap{max-width:1180px}}

/* Piani della vetrina: tre colonne gia' dal tablet (prima la regola dipendeva da un contenitore che in vetrina non c'e') */
@media (min-width:760px){.motc-page:not(.motc-pres) #piani .price{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* tablet verticale: griglie a due colonne, mappa non piu' alta dello schermo */
@media (min-width:600px) and (max-width:1023px){
  .motc-page .mappa svg.italia{max-height:70vh;margin:0 auto;display:block}
  .motc-page .plus-aziende{grid-template-columns:repeat(2,minmax(0,1fr))}
  .motc-page .plus-due{grid-template-columns:minmax(0,1fr)}
  .motc-page .plus-sale-scende{grid-template-columns:1fr 1fr}
}
/* tablet orizzontale: grafici e scelte affiancati */
@media (min-width:1024px) and (max-width:1279px){
  .motc-page .plus-due{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
}

/* telefono: barra del marchio compatta che resta in alto mentre si scorre */
@media (max-width:760px){
  .motc-page .wrap{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
  .motc-page:not(.motc-pres) .spot-barra{position:sticky;top:0;z-index:30;flex-wrap:nowrap;gap:8px;
    margin:0 calc(-1 * max(14px,env(safe-area-inset-right))) 0 calc(-1 * max(14px,env(safe-area-inset-left)));
    padding:max(8px,env(safe-area-inset-top)) calc(max(14px,env(safe-area-inset-right)) + 52px) 8px max(14px,env(safe-area-inset-left));
    background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .motc-page:not(.motc-pres) .spot-barra .toggle{right:max(14px,env(safe-area-inset-right));top:calc(50% + env(safe-area-inset-top) / 2)}
  .motc-page:not(.motc-pres) .spot-barra .spot-simbolo{width:30px;height:30px}
  .motc-page:not(.motc-pres) .spot-barra .spot-parola b{font-size:17px}
  .motc-page:not(.motc-pres) .spot-barra .spot-parola span{font-size:9px}
  .motc-page:not(.motc-pres) .spot-barra .spot-di .k-mini{width:96px}
  /* il pulsante giorno/notte diventa solo il simbolo (il nome resta nell'aria-label "Cambia tema") */
  .motc-page .spot-barra .toggle{width:44px!important;padding:0!important;font-size:0!important;justify-content:center}
  .motc-page .spot-barra .toggle::before{content:"\2600";font-size:18px;line-height:1}
  .motc-page[data-theme=light] .spot-barra .toggle::before{content:"\263E"}
  .motc-page:not(.motc-pres) .hero{padding-top:22px}
  .motc-page .plus-grafico polyline,.motc-page .plus-grafico line,.motc-page .influenza .curva polyline{vector-effect:non-scaling-stroke}
}
@media (max-width:430px){
  /* sul telefono stretto resta il logo KonnectaMED (con il suo nome per chi non vede), senza la scritta piccola */
  .motc-page:not(.motc-pres) .spot-barra .spot-di{font-size:0;gap:0}
  .motc-page .plus-giorni{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}

/* tocchi: su schermi touch ogni comando e' alto almeno 44 px; i puntini restano piccoli ma hanno un'area di tocco grande */
@media (pointer:coarse),(max-width:1194px){
  .motc-page .toggle,.motc-page .motc-piano .lbl,.motc-page .mappa .modi button,.motc-page .mappa .giorni button,
  .motc-page .motc-filtri .chip,.motc-page .plus-schede button,.motc-page .motc-griglia,.motc-page .motc-altre,
  .motc-page .motc-filtro-attivo .tutti,.motc-page .mp-azioni button{min-height:44px;display:inline-flex;align-items:center}
  .motc-page .plus-tabella summary{min-height:44px}
  .motc-page .pubblico-nav .nav,.motc-page .motc-frecce .nav,.motc-page .promo .nav{width:44px;height:44px;min-width:44px}
  .motc-page .pubblico-nav .dot,.motc-page .promo .dots .dot{position:relative}
  .motc-page .pubblico-nav .dot::after,.motc-page .promo .dots .dot::after{content:"";position:absolute;inset:-16px -4px}
  .motc-page .mp-form .mp-spunta input{width:22px;height:22px}
  .motc-page .mp-form input[type=text],.motc-page .mp-form select{min-height:44px}
  .motc-page .motc-banner{min-height:44px}
  .motc-page a.badge.plus-arrivo{position:relative}
  .motc-page a.badge.plus-arrivo::after{content:"";position:absolute;inset:-12px -6px}
}
/* niente effetti solo al passaggio del mouse dove il mouse non c'e' */
@media (hover:none){
  .motc-page .card:hover{transform:none}
  .motc-page .motc-frecce .nav:hover{transform:none}
}
@media (max-width:760px){
  .motc-page.motc-pres .spot-barra{position:sticky;top:0;z-index:30;flex-wrap:nowrap;gap:8px;
    margin:0 calc(-1 * max(14px,env(safe-area-inset-right))) 0 calc(-1 * max(14px,env(safe-area-inset-left)));
    padding:max(8px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 8px max(14px,env(safe-area-inset-left));
    background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .motc-page.motc-pres .spot-barra .spot-simbolo{width:30px;height:30px}
  .motc-page.motc-pres .spot-barra .spot-parola b{font-size:17px}
  .motc-page.motc-pres .spot-barra .spot-di .k-mini{width:96px}
}
@media (max-width:430px){.motc-page.motc-pres .spot-barra .spot-di{font-size:0;gap:0}}

/* ============ 2.3.0 (03/10/2026) — "ANCHE IN TV" SULLE FIGURINE ============
   Piccola etichetta "TV" accanto alla categoria, solo con conferma e fonte (motc_tag_tv). Nessuna animazione. Il testo
   "Anche in TV · fonte: ..." compare al passaggio, al tocco (focus) e da tastiera, sotto la riga delle etichette. */
.motc-page .card.fig .tags{position:relative}
.motc-page .tag.tv{background:transparent!important;border:1px solid color-mix(in srgb,var(--tx) 45%,transparent);color:var(--tx)!important;
  cursor:help;letter-spacing:.08em;outline-offset:2px}
.motc-page .tag.tv:focus-visible{outline:2px solid var(--acc)}
.motc-page .tag.tv .tv-nota{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:4;padding:8px 10px;border-radius:8px;
  background:var(--sur2);border:1px solid var(--line);color:var(--tx);font:400 12px/1.4 Poppins,system-ui,sans-serif;letter-spacing:0;
  box-shadow:0 10px 24px -14px rgba(0,0,0,.55);visibility:hidden;opacity:0;text-transform:none}
.motc-page .tag.tv .tv-nota a{color:var(--acc);font-weight:600}
.motc-page .tag.tv:hover .tv-nota,.motc-page .tag.tv:focus .tv-nota,.motc-page .tag.tv:focus-within .tv-nota{visibility:visible;opacity:1}

/* 2.6.1: "Vedi come" dell'amministratore (le farmacie non lo vedono) */
.motc-vedi-come{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:2px 6px;border:1px dashed currentColor;border-radius:8px;opacity:.85}
.motc-vedi-come .lbl{text-decoration:none}
/* 2.18.0: le tre voci di «Vedi come» tutte leggibili (contrasto almeno 4,5:1, giorno e notte): quella scelta piena nel colore del piano */
.motc-page:not(.motc-pres) .motc-vedi-come{opacity:1;color:var(--mu);gap:6px;flex-wrap:wrap}
.motc-page:not(.motc-pres) .motc-piano .motc-vedi-come .lbl{color:var(--tx)!important;background:transparent!important;border:1px solid var(--line)!important}
.motc-page:not(.motc-pres) .motc-piano .motc-vedi-come .lbl:hover{border-color:var(--piano,var(--acc))!important}
.motc-page:not(.motc-pres) .motc-piano .motc-vedi-come .lbl.on{background:var(--piano-pieno,var(--piano,var(--acc)))!important;
  border-color:var(--piano-pieno,var(--piano,var(--acc)))!important;color:var(--piano-testo,var(--su-acc))!important}
/* 06/10/2026 (contratto consensi): "Il mio profilo SPOT" a schede, interruttori dei consensi, finestra dei nuovi Termini */
.motc-page .mp-schede{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 14px;border-bottom:1px solid var(--line);padding-bottom:8px}
.motc-page .mp-schede [role=tab]{font:inherit;font-size:13.5px;font-weight:400;min-height:44px;padding:8px 14px;border-radius:999px;cursor:pointer;
  background:transparent;color:var(--mu);border:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.motc-page .mp-schede [role=tab]:hover{color:var(--tx)}
.motc-page .mp-schede [role=tab][aria-selected=true]{background:color-mix(in srgb,var(--acc) 14%,transparent);border-color:color-mix(in srgb,var(--acc) 60%,transparent);color:var(--tx);font-weight:500}
.motc-page .mp-schede [role=tab]:focus-visible,.motc-page .mp-pannello:focus-visible,.motc-page .mp-sw:focus-visible,
.motc-page .motc-riaccetta :is(a,button,input,summary):focus-visible,.motc-page .mp-bottone:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.motc-page .mp-pannello[hidden]{display:none}
.motc-page .mp-pannello h3{font-size:14.5px;font-weight:500;margin:16px 0 8px;color:var(--tx)}
.motc-page .mp-pannello :is(p,li,dd){color:var(--tx);line-height:1.55}
.motc-page .mp-pannello a{color:var(--acc)!important;text-decoration:underline}
.motc-page .mp-dati{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:8px 16px}
.motc-page .mp-dati dt{font-size:12px;color:var(--mu)}
.motc-page .mp-dati dd{margin:0;font-size:15px;font-weight:500}
.motc-page .mp-bottone{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:10px;border:1px solid var(--acc);font-weight:600}
.motc-page .mp-nota0,.motc-page .mp-giu{font-size:13px;margin:10px 0 0}
.motc-page .mp-giu{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--sur2)}
.motc-page .mp-obbligatori,.motc-page .mp-facoltativi,.motc-page .mp-storico{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.motc-page .mp-obbligatori li,.motc-page .mp-storico li{font-size:14px;line-height:1.45;padding:8px 10px;border:1px solid var(--line);border-radius:10px;overflow-wrap:anywhere}
.motc-page .mp-facoltativi li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid var(--line);border-radius:10px}
.motc-page .mp-sw-t{font-size:14px;line-height:1.45}
.motc-page .mp-sw{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;min-width:76px;padding:6px 8px;border-radius:999px;cursor:pointer;
  background:transparent;border:1px solid var(--line);color:var(--tx);font:inherit;font-size:13px;font-weight:500}
.motc-page .mp-sw-p{position:relative;width:36px;height:20px;border-radius:999px;background:var(--line);flex:none}
.motc-page .mp-sw-p::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s}
.motc-page .mp-sw[aria-checked=true] .mp-sw-p{background:var(--acc)}
.motc-page .mp-sw[aria-checked=true] .mp-sw-p::after{left:18px}
.motc-page .mp-sw[disabled]{opacity:.6;cursor:wait}
.motc-page .motc-console .mc-profilo{margin:14px 0 0;padding-top:10px;border-top:1px solid var(--line)}
.motc-page .motc-console .mc-profilo a{display:flex;flex-direction:column;min-height:44px;justify-content:center;color:var(--tx)!important;text-decoration:none;font-weight:600}
.motc-page .motc-console .mc-profilo .mc-cosa{font-weight:400;font-size:12px;color:var(--mu)}
.motc-page .motc-riaccetta{position:fixed;inset:0;z-index:99994;display:flex;align-items:center;justify-content:center;padding:12px;
  background:rgba(5,10,25,.6);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
.motc-page[data-theme=light] .motc-riaccetta{background:rgba(14,27,61,.4)}
.motc-page .motc-riaccetta .mr-box{background:var(--sur);color:var(--tx);border:1px solid var(--line);border-top:3px solid var(--acc);border-radius:16px;
  padding:20px;max-width:640px;width:100%;max-height:calc(100vh - 24px);overflow:auto}
.motc-page .motc-riaccetta h2{font-size:19px;font-weight:500;margin:0 0 8px;color:var(--tx)}
.motc-page .motc-riaccetta p{font-size:14px;line-height:1.6;color:var(--tx)}
.motc-page .motc-riaccetta a{color:var(--acc)!important;text-decoration:underline}
.motc-page .motc-riaccetta .mp-spunta{display:flex;gap:10px;align-items:flex-start;font-size:14px;font-weight:400;line-height:1.6;margin:0 0 12px;color:var(--tx)}
.motc-page .motc-riaccetta .mp-spunta input{width:22px;height:22px;flex:none;margin-top:1px;accent-color:var(--acc)}
.motc-page .motc-riaccetta summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600;color:var(--acc)}
.motc-page .motc-riaccetta .mr-nota{font-size:12.5px;color:var(--mu)}
.motc-page .motc-riaccetta .mr-esci{display:inline-flex;align-items:center;min-height:44px;padding:0 12px}
.motc-page .motc-riaccetta .mr-si[disabled]{opacity:.5;cursor:not-allowed}
@media (max-width:560px){
  .motc-page .mp-schede{flex-wrap:nowrap;overflow-x:auto}
  .motc-page .mp-schede [role=tab]{flex:none}
  .motc-page .mp-facoltativi li{flex-direction:column;align-items:flex-start}
  .motc-page .motc-riaccetta .mr-box{padding:16px;border-radius:12px}
}

/* Riga "Cosa fare" delle sezioni Andamento, Top 10 e Colleghi: stesso aspetto di quella del radar (.rd-cosa in radar.css, che si carica solo col radar) */
.motc-page .sz-cosa{margin:8px 0 0;padding:9px 12px;border-radius:10px;border-left:3px solid var(--acc);background:color-mix(in srgb,var(--acc) 9%,var(--sur));color:var(--tx);font-size:13.5px;line-height:1.45}
.motc-page .sz-cosa b{color:var(--acc)}
.motc-page:not(.motc-pres) .sz-cosa{margin:var(--ds-s1) 0 0;padding:12px var(--ds-s2);border:1px solid color-mix(in srgb,var(--ds-accent) 35%,transparent);
  border-radius:var(--ds-r-md);background:color-mix(in srgb,var(--ds-accent) 10%,var(--ds-surface));font:var(--ds-t-piccolo);font-size:14px;color:var(--ds-ink)}


/* ============ 2.16.0 (Alessandro, 12/10/2026) — AREA RISERVATA: «OGNI PIANO IL SUO COLORE», GIORNO E NOTTE ============
   Dalla proposta 3 approvata (docs/proposte_stile_account/3-proposte-giorno-notte.png, coppia in basso). La classe del
   piano la mette motc_html_vetrina sulla pagina (motc-account piano-base|piano-plus|piano-specialist, segue «Vedi come»).
   --piano: il colore del marchio; --piano-scuro: lo stesso, scurito per i testi piccoli sul chiaro (contrasto 4,5:1);
   --piano-testo: il testo sul pulsante principale. Di notte grafite, mai nero. Solo colori: testi e sezioni restano. */
.motc-page.motc-account:not(.motc-pres){--piano:#a0b0bc;--piano-scuro:#5b6b78;--piano-testo:#0f1724;
  --ds-bg:#14171d;--ds-surface:#1c2129;--ds-surface-2:#181c23;--ds-border:#2a303a;--ds-ink:#dde2e8;--ds-muted:#9aa3ad;
  --ds-accent:var(--piano);--ds-brand:var(--piano);--ds-on-brand:#14171d;--testa:#181c23;
  --bg:var(--ds-bg);--sur:var(--ds-surface);--sur2:var(--ds-surface-2);--line:var(--ds-border);--tx:var(--ds-ink);--mu:var(--ds-muted);
  --acc:var(--ds-accent);--su-acc:var(--ds-on-brand);
  --btn-fondo:var(--piano);--btn-bordo:var(--piano);--btn-testo:#14171d;--btn-sec:#5d6672}
.motc-page.motc-account.piano-plus{--piano:#d4e47e;--piano-scuro:#646f1b;--piano-testo:#0f1724}
.motc-page.motc-account.piano-specialist{--piano:#a87fd4;--piano-scuro:#6a43a0;--piano-testo:#14171d}
.motc-page.motc-account:not(.motc-pres)[data-theme=light]{--ds-bg:#f4f6f9;--ds-surface:#ffffff;--ds-surface-2:#f8fafc;--ds-border:#e2e8f0;
  --ds-ink:#0f1724;--ds-muted:#475569;--ds-accent:var(--piano-scuro);--ds-brand:var(--piano-scuro);--ds-on-brand:#ffffff;
  --testa:color-mix(in srgb,var(--piano) 13%,#ffffff);--btn-testo:#0f1724;--btn-sec:#94a3b8}
/* SPOT: pulsante «glace», chiaro e con testo scuro, in entrambi i temi */
.motc-page.motc-account.piano-base:not(.motc-pres){--btn-fondo:linear-gradient(180deg,#f4f8fb,#d6e1ea);--btn-bordo:#b9c7d3;--btn-testo:#0f1724}
/* Specialist di giorno: viola pieno con testo bianco (5,7:1); di notte il viola chiaro con testo scuro (5,7:1) */
.motc-page.motc-account.piano-specialist:not(.motc-pres)[data-theme=light]{--btn-fondo:#7b52b0;--btn-bordo:#7b52b0;--btn-testo:#ffffff;--piano-testo:#ffffff;
  --piano-pieno:var(--piano-scuro)}
.motc-page.motc-account,.motc-page.motc-account .hero{background-color:var(--bg)}
.motc-page.motc-account .hero::before{display:none}

/* intestazione: fascia tinta del piano a tutta larghezza, filo di 3 px nel colore del piano */
.motc-page.motc-account .spot-barra{background:var(--testa)!important;border-bottom:0;
  box-shadow:none}
.motc-page.motc-account .spot-barra::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:-100vmax;right:-100vmax;background:var(--testa);pointer-events:none}
.motc-page.motc-account .spot-barra::after{content:"";position:absolute;left:-100vmax;right:-100vmax;bottom:0;height:3px;background:var(--piano);pointer-events:none}
.motc-page.motc-account .spot-barra + .hero{margin-top:3px}

/* sezioni: carta bianca (grafite di notte), filo di 3 px del piano in alto; numeri e occhielli nel colore scurito */
.motc-page.motc-account .blk,.motc-page.motc-account .wrap>section.blk{border-top:3px solid var(--piano)!important}
.motc-page.motc-account .stat{background:var(--sur);border:1px solid var(--line)}
.motc-page.motc-account .kicker,.motc-page.motc-account .bh .n{color:var(--acc)}
.motc-page.motc-account .bh .n{background:color-mix(in srgb,var(--piano) 16%,transparent)}
.motc-page.motc-account[data-theme=light] .blk{box-shadow:0 1px 2px rgba(15,23,36,.04),0 14px 30px -26px rgba(15,23,36,.25)}
.motc-page.motc-account .motc-farmacia-n{color:var(--tx)!important;border-bottom-color:var(--piano)}

/* pulsanti: il principale nel colore del piano, il secondario trasparente con il bordo; angoli 10 px, alti almeno 40 */
.motc-page.motc-account .alert button,.motc-page.motc-account .sponsor a,.motc-page.motc-account .promo .cta .buy,
.motc-page.motc-account .anteprima .attiva,.motc-page.motc-account .motc-localita button,.motc-page.motc-account .motc-gate .primario,
.motc-page.motc-account .motc-filtri .chip.on,.motc-page.motc-account .mappa .modi button.on,
.motc-page.motc-account .fz-chip[aria-pressed=true],.motc-page.motc-account .fz-lista[aria-pressed=true]{
  background:var(--btn-fondo)!important;border:1px solid var(--btn-bordo)!important;color:var(--btn-testo)!important;border-radius:10px}
.motc-page.motc-account .alert button,.motc-page.motc-account .sponsor a,.motc-page.motc-account .promo .cta a,
.motc-page.motc-account .anteprima .attiva,.motc-page.motc-account .motc-localita button,.motc-page.motc-account .motc-gate .primario{min-height:40px;display:inline-flex;align-items:center;justify-content:center;
  font-family:Poppins,Inter,system-ui,sans-serif}
.motc-page.motc-account .promo .cta .more,.motc-page.motc-account .spot-barra .toggle{background:transparent!important;
  border:1.5px solid var(--btn-sec)!important;color:var(--tx)!important;border-radius:10px}
.motc-page.motc-account .spot-barra .toggle{min-height:40px}

/* «Schermo intero» nella barra (immersivo.js): icona e scritta chiare su entrambi i temi, alto almeno 36 px */
.motc-page.motc-account .spot-barra .spot-im-entra{min-height:36px;padding:6px 14px;border-radius:10px;font-size:13px;font-weight:500;
  background:transparent;border:1.5px solid var(--btn-sec);color:var(--tx)}
.motc-page.motc-account .spot-barra .spot-im-entra:hover,.motc-page.motc-account .spot-barra .spot-im-entra:focus-visible{
  color:var(--tx);border-color:var(--piano)}
.motc-page.motc-account .spot-barra .spot-im-entra:focus-visible{outline:2px solid var(--piano)}
@media (max-width:760px){
  .motc-page.motc-account .alert button,.motc-page.motc-account .sponsor a,.motc-page.motc-account .promo .cta a,
  .motc-page.motc-account .anteprima .attiva,.motc-page.motc-account .motc-localita button,.motc-page.motc-account .motc-gate .primario,
  .motc-page.motc-account .spot-barra .toggle{min-height:44px}
}

/* ============ SEZIONI RINNOVATE, GRUPPO 1 (Alessandro, 12/10/2026): «Il tempo di oggi» / «Che tempo farà», «Radar del banco»,
   «Cosa preparare al banco», «Influenza e infezioni respiratorie», come la pagina di presentazione: carte pulite, spazi sulla
   scala da 8 px, gerarchia chiara (titolo, una riga, contenuto), riflessi leggeri nel colore del piano, piccoli movimenti
   all'entrata (fermi per chi chiede meno movimento). Solo aspetto: dati, testi, schede chiuse e guide restano. */
.motc-page.motc-account:not(.motc-pres) :is(.blk.mappa,.blk.radar,.blk.influenza,.blk.banco){border-radius:16px;padding:24px;
  background-image:radial-gradient(120% 70% at 0 0,color-mix(in srgb,var(--piano) 9%,transparent),transparent 62%)}
.motc-page.motc-account:not(.motc-pres) :is(.blk.mappa,.blk.radar,.blk.influenza,.blk.banco) .bh h2{font:600 22px/1.2 Poppins,Inter,system-ui,sans-serif;letter-spacing:-.2px}
.motc-page.motc-account:not(.motc-pres) :is(.blk.mappa,.blk.radar,.blk.influenza,.blk.banco)>.sub{max-width:62ch;margin:8px 0 24px;font-size:15px;line-height:1.55;color:var(--ds-muted)}
/* le carte interne: stessa superficie, angoli 14 px, filo sottile; il riflesso del piano al passaggio */
.motc-page.motc-account:not(.motc-pres) :is(.plus-giorno,.banco-sez,.rd-scheda,.lc-tempo,.inf-grafico,.lc-umid){border:1px solid var(--ds-border);
  border-radius:14px;background:var(--ds-surface-2);transition:border-color .2s ease,box-shadow .2s ease}
.motc-page.motc-account:not(.motc-pres) :is(.plus-giorno,.banco-sez,.lc-tempo):hover{border-color:color-mix(in srgb,var(--piano) 55%,var(--ds-border));
  box-shadow:0 0 0 1px color-mix(in srgb,var(--piano) 25%,transparent),0 10px 28px -18px color-mix(in srgb,var(--piano) 70%,transparent)}

/* Il tempo di oggi / Che tempo farà: la mappa in una carta, i comandi accanto (sotto sul telefono) */
.motc-page.motc-account:not(.motc-pres) .mappa .corpo{gap:24px}
.motc-page.motc-account:not(.motc-pres) .mappa .corpo>div:first-child{padding:16px;border-radius:16px;border:1px solid var(--ds-border);
  background:radial-gradient(90% 80% at 50% 40%,color-mix(in srgb,var(--piano) 7%,var(--ds-surface-2)),var(--ds-surface-2))}
.motc-page.motc-account:not(.motc-pres) .mappa .corpo>div:last-child{display:flex;flex-direction:column;gap:16px}
.motc-page.motc-account:not(.motc-pres) .mappa .corpo>div:last-child>*{margin:0}
.motc-page.motc-account:not(.motc-pres) .mappa .modi{display:flex;gap:4px;padding:4px;border-radius:12px;background:var(--ds-surface-2);border:1px solid var(--ds-border);width:max-content;max-width:100%;box-sizing:border-box}
.motc-page.motc-account:not(.motc-pres) .mappa .modi button{min-height:40px;padding:0 16px;border-radius:9px;font-weight:600}
.motc-page.motc-account:not(.motc-pres) .mappa .modi button:not(.on){background:transparent;border:1px solid transparent;color:var(--ds-ink)}
.motc-page.motc-account:not(.motc-pres) .mappa .giorni{display:flex;flex-wrap:wrap;gap:8px}
.motc-page.motc-account:not(.motc-pres) .mappa .giorni button{min-height:40px;padding:0 16px;border-radius:999px;border-color:var(--ds-border);background:var(--ds-surface);font-weight:500;transition:background .2s ease,border-color .2s ease}
.motc-page.motc-account:not(.motc-pres) .mappa .giorni button.on{background:color-mix(in srgb,var(--piano) 22%,var(--ds-surface));border-color:var(--piano);color:var(--ds-ink);font-weight:600}
.motc-page.motc-account:not(.motc-pres) .mappa .legenda{padding-left:12px;border-left:2px solid color-mix(in srgb,var(--piano) 60%,transparent);font-size:13px;line-height:1.5;color:var(--ds-muted)}
.motc-page.motc-account:not(.motc-pres) .mappa :is(.pannello-pollini,.pannello-aria){padding:16px;border-radius:14px;background:var(--ds-surface-2);border:1px solid var(--ds-border)}
.motc-page.motc-account:not(.motc-pres) .mappa .scala{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:13px;color:var(--ds-ink)}
.motc-page.motc-account:not(.motc-pres) .mappa .plus-blocco{margin-top:32px;padding-top:24px;border-top:1px solid var(--ds-border)}
.motc-page.motc-account:not(.motc-pres) .mappa .plus-giorni{gap:16px}
.motc-page.motc-account:not(.motc-pres) .mappa .plus-giorno{padding:16px}
.motc-page.motc-account:not(.motc-pres) .mappa :is(.plus-specie,.plus-aria) li{padding:4px 0}
.motc-page.motc-account:not(.motc-pres) .mappa .plus-aria{margin-top:8px;padding-top:8px;border-top:1px dashed var(--ds-border)}
@media (max-width:760px){
  /* sul telefono i quattro giorni scorrono di lato, una carta e un pezzo della seguente */
  .motc-page.motc-account:not(.motc-pres) .mappa .plus-giorni{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:0 0 8px}
  .motc-page.motc-account:not(.motc-pres) .mappa .plus-giorno{flex:0 0 80%;scroll-snap-align:start}
}

/* Radar del banco: il disegno in una carta, le categorie come pastiglie, la scheda con il filo del piano */
.motc-page.motc-account:not(.motc-pres) .radar .rd-corpo{gap:24px}
.motc-page.motc-account:not(.motc-pres) .radar .rd-grafico{padding:16px;border-radius:16px;border:1px solid var(--ds-border);
  background:radial-gradient(70% 70% at 50% 45%,color-mix(in srgb,var(--piano) 9%,var(--ds-surface-2)),var(--ds-surface-2))}
.motc-page.motc-account:not(.motc-pres) .radar .rd-assi{gap:8px}
.motc-page.motc-account:not(.motc-pres) .radar .rd-asse{transition:border-color .2s ease,background .2s ease}
.motc-page.motc-account:not(.motc-pres) .radar .rd-asse:hover{border-color:color-mix(in srgb,var(--piano) 60%,var(--ds-border))}
.motc-page.motc-account:not(.motc-pres) .radar .rd-scheda{padding:16px 16px 8px;box-shadow:inset 0 3px 0 var(--piano)}
.motc-page.motc-account:not(.motc-pres) .radar .rd-comp{padding:12px 0}
.motc-page.motc-account:not(.motc-pres) .radar .rd-barra{border-radius:999px}

/* Influenza: il semaforo come carta, il grafico in una carta, «Cosa mettere in vista» in tre carte */
.motc-page.motc-account:not(.motc-pres) .influenza .inf-verdetto{gap:16px;margin:16px 0;padding:16px 20px;border-radius:16px;border:1px solid color-mix(in srgb,var(--inf-c,var(--piano)) 45%,var(--ds-border));
  background:linear-gradient(100deg,color-mix(in srgb,var(--inf-c,var(--piano)) 14%,var(--ds-surface)),var(--ds-surface) 70%)}
.motc-page.motc-account:not(.motc-pres) .influenza .ultimo-dato{margin:0 0 8px;font-size:15px;line-height:1.55}
.motc-page.motc-account:not(.motc-pres) .influenza .inf-grafico{margin:16px 0;padding:16px}
.motc-page.motc-account:not(.motc-pres) .influenza .plus-blocco.lc{margin-top:32px;padding-top:24px;border-top:1px solid var(--ds-border)}
.motc-page.motc-account:not(.motc-pres) .influenza .lc-tempi{gap:16px;margin-top:16px}
.motc-page.motc-account:not(.motc-pres) .influenza .lc-tempo{padding:16px}
.motc-page.motc-account:not(.motc-pres) .influenza .lc-tempo:first-child{border-color:var(--piano);box-shadow:inset 0 3px 0 var(--piano)}
.motc-page.motc-account:not(.motc-pres) .influenza .lc-voce summary{min-height:40px;align-items:center}
.motc-page.motc-account:not(.motc-pres) .influenza .lc-umid{margin-top:16px;padding:16px}

/* Cosa preparare al banco: una carta per scheda, le categorie come pastiglie */
.motc-page.motc-account:not(.motc-pres) .banco .banco-griglia{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.motc-page.motc-account:not(.motc-pres) .banco .banco-sez{position:relative;padding:20px;box-shadow:inset 0 3px 0 var(--piano)}
.motc-page.motc-account:not(.motc-pres) .banco .banco-sez h3{display:flex;align-items:center;gap:8px;margin:0 0 8px;font:600 17px/1.3 Poppins,Inter,system-ui,sans-serif}
.motc-page.motc-account:not(.motc-pres) .banco .banco-sez h3::before{content:"";width:8px;height:8px;border-radius:50%;flex:none;background:var(--piano);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--piano) 25%,transparent),0 0 10px var(--piano)}
.motc-page.motc-account:not(.motc-pres) .banco .banco-sez .perche{margin:0 0 16px;font-size:14px;line-height:1.5;color:var(--ds-muted)}
.motc-page.motc-account:not(.motc-pres) .banco .banco-sez ul{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;list-style:none}
.motc-page.motc-account:not(.motc-pres) .banco .banco-sez li{margin:0;padding:6px 12px;border-radius:12px;font-size:14px;line-height:1.35;color:var(--ds-ink);
  background:color-mix(in srgb,var(--piano) 14%,var(--ds-surface));border:1px solid color-mix(in srgb,var(--piano) 40%,var(--ds-border))}
.motc-page.motc-account:not(.motc-pres) .banco .banco-sez .banco-dettaglio{margin:0;padding-top:12px;border-top:1px dashed var(--ds-border);font-size:13px;line-height:1.5;color:var(--ds-muted)}

/* movimento: solo le transizioni al passaggio (spot.css non porta animazioni); ferme per chi chiede meno movimento */
@media (prefers-reduced-motion:reduce){.motc-page.motc-account:not(.motc-pres) :is(.plus-giorno,.banco-sez,.lc-tempo,.rd-asse,.mappa .giorni button){transition:none}}
@media (max-width:760px){
  .motc-page.motc-account:not(.motc-pres) :is(.blk.mappa,.blk.radar,.blk.influenza,.blk.banco){padding:16px}
  .motc-page.motc-account:not(.motc-pres) :is(.blk.mappa,.blk.radar,.blk.influenza,.blk.banco) .bh h2{font-size:20px}
  .motc-page.motc-account:not(.motc-pres) .mappa .corpo>div:first-child,.motc-page.motc-account:not(.motc-pres) .radar .rd-grafico{padding:8px}
  .motc-page.motc-account:not(.motc-pres) .influenza .inf-verdetto{padding:16px}
  .motc-page.motc-account:not(.motc-pres) .mappa .modi{width:100%}
  .motc-page.motc-account:not(.motc-pres) .mappa .modi button{flex:1}
}

/* ============ GRUPPO 1, seconda rifinitura (Alessandro, 12/10/2026): i numeri in carte leggibili, il radar pieno, la fascia
   del picco leggera nei colori del tema, il margine giusto delle categorie sul telefono, titoli e righe bilanciati.
   Solo aspetto: dati, testi, schede chiuse e guide restano; nessuna animazione (solo transizioni al passaggio). */
/* titoli bilanciati, paragrafi senza parola orfana */
.motc-page.motc-account:not(.motc-pres) :is(.blk.mappa,.blk.radar,.blk.influenza,.blk.banco) :is(h2,h3,h4){text-wrap:balance}
.motc-page.motc-account:not(.motc-pres) :is(.blk.mappa,.blk.radar,.blk.influenza,.blk.banco) :is(p,li,caption){text-wrap:pretty}
.motc-page.motc-account:not(.motc-pres) :is(.blk.radar,.blk.influenza) :is(.rd-lettura,.ultimo-dato){max-width:68ch}
.motc-page.motc-account:not(.motc-pres) .blk.radar .rd-periodo{margin:8px 0 16px;font-size:13px;letter-spacing:.01em}

/* «Vedi i numeri»: ogni riga una carta, il titolo in testa, ogni numero con il suo nome (la tabella resta per la sintesi vocale) */
.motc-page.motc-account:not(.motc-pres) :is(.radar,.influenza) .plus-tabella{margin:16px 0 8px}
.motc-page.motc-account:not(.motc-pres) :is(.radar,.influenza) .plus-schede{overflow:visible}
.motc-page.motc-account:not(.motc-pres) :is(.radar,.influenza) .plus-schede table{display:block;width:100%;margin:12px 0 0;border:0}
.motc-page.motc-account:not(.motc-pres) :is(.radar,.influenza) .plus-schede caption{display:block;margin:0 0 12px;padding:0;text-align:left;font-size:13px;line-height:1.5;color:var(--ds-muted)}
.motc-page.motc-account:not(.motc-pres) :is(.radar,.influenza) .plus-schede thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.motc-page.motc-account:not(.motc-pres) :is(.radar,.influenza) .plus-schede tbody{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.motc-page.motc-account:not(.motc-pres) .radar .plus-schede tbody{grid-template-columns:repeat(auto-fill,minmax(232px,1fr))}
.motc-page.motc-account:not(.motc-pres) :is(.radar,.influenza) .plus-schede tr{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border:1px solid var(--ds-border);
  border-radius:14px;background:var(--ds-surface-2);transition:border-color .2s ease}
.motc-page.motc-account:not(.motc-pres) :is(.radar,.influenza) .plus-schede tr:hover{border-color:color-mix(in srgb,var(--piano) 55%,var(--ds-border))}
.motc-page.motc-account:not(.motc-pres) :is(.radar,.influenza) .plus-schede :is(th,td){display:flex;justify-content:space-between;align-items:baseline;gap:12px;
  padding:4px 0;border:0;white-space:normal;text-align:left;color:var(--ds-ink)}
.motc-page.motc-account:not(.motc-pres) :is(.radar,.influenza) .plus-schede th[scope=row]{display:block;margin:0 0 4px;padding:0 0 8px;border-bottom:1px solid var(--ds-border);
  font:600 14px/1.35 Poppins,Inter,system-ui,sans-serif;text-wrap:balance}
.motc-page.motc-account:not(.motc-pres) :is(.radar,.influenza) .plus-schede td{font:600 15px/1.3 Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums}
.motc-page.motc-account:not(.motc-pres) :is(.radar,.influenza) .plus-schede td::before{content:attr(data-t);content:attr(data-t) / "";font:400 13px/1.4 Inter,system-ui,sans-serif;color:var(--ds-muted)}
.motc-page.motc-account:not(.motc-pres) :is(.radar,.influenza) .plus-schede td:empty{display:none}

/* Radar: il disegno pieno nel colore del piano, raggi e cerchi guida leggibili, vertici sempre visibili */
.motc-page.motc-account:not(.motc-pres) .radar .rd-guida{stroke:color-mix(in srgb,var(--ds-ink) 14%,transparent)}
.motc-page.motc-account:not(.motc-pres) .radar .rd-raggio{stroke:color-mix(in srgb,var(--ds-ink) 18%,transparent)}
.motc-page.motc-account:not(.motc-pres) .radar .rd-raggio.sel{stroke:var(--piano);stroke-width:2.5}
.motc-page.motc-account:not(.motc-pres) .radar .rd-oggi{fill:color-mix(in srgb,var(--piano) 26%,transparent);stroke:var(--piano);stroke-width:2.5;stroke-linejoin:round}
.motc-page.motc-account:not(.motc-pres) .radar .rd-vertice{fill:var(--piano);stroke:var(--ds-surface);stroke-width:2;transition:r .2s ease}
.motc-page.motc-account:not(.motc-pres) .radar .rd-vertice:hover{r:7}
.motc-page.motc-account:not(.motc-pres) .radar .rd-tondo{fill:var(--piano)}
.motc-page.motc-account:not(.motc-pres) .radar .rd-pos{background:var(--piano)}
.motc-page.motc-account:not(.motc-pres) .radar :is(.rd-et.sel,.rd-et:hover) text{fill:var(--piano)}
.motc-page.motc-account:not(.motc-pres) .radar .rd-legenda{margin-top:8px}
.motc-page.motc-account:not(.motc-pres) .radar .rd-legenda i:not(.rd-l-fantasma){border-top-color:var(--piano)}

/* Influenza: la fascia del picco come velo leggero del piano con i bordi tratteggiati, giorno e notte */
.motc-page.motc-account:not(.motc-pres) .influenza .curva .fascia{fill:color-mix(in srgb,var(--piano) 9%,transparent);stroke:color-mix(in srgb,var(--piano) 40%,transparent);
  stroke-width:1;stroke-dasharray:3 4}
.motc-page.motc-account:not(.motc-pres) .influenza .curva .fascia-t{fill:var(--ds-muted)}
.motc-page.motc-account:not(.motc-pres) .influenza .inf-legenda{gap:8px 20px;margin:12px 0 8px;color:var(--ds-ink)}
.motc-page.motc-account:not(.motc-pres) .influenza .inf-legenda .l-fascia{background:color-mix(in srgb,var(--piano) 12%,transparent);border:1px dashed color-mix(in srgb,var(--piano) 50%,transparent)}
/* «Cosa mettere in vista»: ogni azione una pastiglia della stessa misura, la categoria allineata accanto */
.motc-page.motc-account:not(.motc-pres) .influenza .lc-voce summary{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center;padding:4px 0}
.motc-page.motc-account:not(.motc-pres) .influenza .lc-az{min-width:0;width:104px;padding:4px 8px;text-align:center}
.motc-page.motc-account:not(.motc-pres) .influenza .a-aumenta .lc-az{background:color-mix(in srgb,var(--piano) 16%,var(--ds-surface));color:var(--ds-ink);border:1px solid color-mix(in srgb,var(--piano) 50%,transparent)}
.motc-page.motc-account:not(.motc-pres) .influenza .a-mantieni .lc-az{background:var(--ds-surface);color:var(--ds-muted);border:1px solid var(--ds-border)}
.motc-page.motc-account:not(.motc-pres) .influenza .lc-cat{padding:0;line-height:1.4}
.motc-page.motc-account:not(.motc-pres) .influenza .lc-voce p{margin:4px 0 8px 116px}

/* telefono: le categorie del radar partono dal margine della sezione (anche dopo lo scatto dello scorrimento) */
@media (max-width:760px){
  .motc-page.motc-account:not(.motc-pres) .radar .rd-assi{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px 16px;padding:4px 16px 8px;scroll-padding-inline:16px;scroll-snap-type:x proximity}
  .motc-page.motc-account:not(.motc-pres) .radar .rd-asse{flex:none;scroll-snap-align:start}
  .motc-page.motc-account:not(.motc-pres) .influenza .plus-schede tbody{grid-template-columns:repeat(auto-fill,minmax(148px,1fr))}
  .motc-page.motc-account:not(.motc-pres) .radar .plus-schede tbody{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:8px}
  .motc-page.motc-account:not(.motc-pres) .radar .plus-schede tr{padding:12px}
  .motc-page.motc-account:not(.motc-pres) .influenza .lc-voce summary{grid-template-columns:96px minmax(0,1fr)}
  .motc-page.motc-account:not(.motc-pres) .influenza .lc-az{width:96px}
  .motc-page.motc-account:not(.motc-pres) .influenza .lc-voce p{margin-left:108px}
}
@media (prefers-reduced-motion:reduce){.motc-page.motc-account:not(.motc-pres) :is(.radar,.influenza) .plus-schede tr,.motc-page.motc-account:not(.motc-pres) .radar .rd-vertice{transition:none}}

/* ============ 2.18.0 (Alessandro, 12/10/2026) — CONTRASTI E CARATTERI RIFINITI ============
   Testi almeno 4,5:1 sul loro fondo; titoli, pulsanti ed etichette in Poppins, testi in Inter (file nel plugin, caratteri/). */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('caratteri/Inter-400-latin.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('caratteri/Inter-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('caratteri/Inter-600-latin.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('caratteri/Inter-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF}
.motc-page.motc-account:not(.motc-pres){font-family:Inter,system-ui,sans-serif}
.motc-page.motc-account:not(.motc-pres) :where(h1,h2,h3,h4,h5,h6,button,summary,.chip,.lbl,.kicker,.vt-nastro,.bn-piano,.st-dove,.st-stampa,.ro-tag,.motc-farmacia-n){
  font-family:Poppins,Inter,system-ui,sans-serif}
/* testi delle sezioni (paragrafi, elenchi, celle, didascalie): Inter anche dove una regola piu' vecchia diceva Poppins;
   restano Poppins i titoli, i pulsanti (anche le etichette-pulsante) e l'elenco della console, che e' navigazione */
.motc-page.motc-account:not(.motc-pres) :is(p,li,td,dd,label,figcaption):not(.rp-btn):not(.motc-console *){font-family:Inter,system-ui,sans-serif}
.motc-page.motc-account.motc-account:not(.motc-pres) section.blk>p.sub{font-family:Inter,system-ui,sans-serif}
.motc-page.motc-account:not(.motc-pres) button,.motc-page.motc-account:not(.motc-pres) .chip{font-family:Poppins,Inter,system-ui,sans-serif!important}
/* presentazione: «Accedi» scuro sul lime (prima bianco, 1,4:1) */
.motc-page.motc-pres.pr-nuova .azioni a.primario{color:#07090e!important}
/* «Fonti e licenze» e il marchio KonnectaMED: mai il blu predefinito del browser */
.motc-page .fonti-metodo .fm-licenze a{color:var(--acc);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.motc-page .spot-di a.k-mini{color:var(--tx)}
/* schede dei piani: «Riordina l'esposizione» in oro chiaro sulla scheda scura; etichetta SPOT+ di notte piu' chiara */
.motc-page.motc-pres.pr-nuova .plan:not(.spec) li.vt-forte b{color:#d9b46a}
.motc-page:not([data-theme=light]) .motc-banner:not(.bn-laboratorio):not(.bn-social) .bn-piano{color:#cfa95f}
/* schede dei piani: elenco con spazi naturali, in alto, senza allungarlo per pareggiare la scheda vicina */
.motc-page.motc-pres.pr-nuova .vt-piani .plan>ul{flex:0 0 auto;align-content:start}
.motc-page.motc-account .plan ul{display:grid;gap:8px;align-content:start;flex:0 0 auto}
.motc-page.motc-account .plan ul li{margin:0}
/* Postazione social: note del finto telefono leggibili */
.motc-page #postazione-social .so-mock-nota{color:#10332a}
.motc-page #postazione-social .so-storia .so-mock-storia-nota{color:#d4d4d4!important;background:#111}
.motc-page #postazione-social .so-tel-retro-h{color:#525252!important}
/* Riordina: etichette delle fonti piu' grandi e, di giorno, piu' scure */
.motc-page .ro-tag.ro-tag{font-size:12px}
.motc-page[data-theme=light] .ro-tag.ro-tag.f-pollini{--c:#0f7a55}
.motc-page[data-theme=light] .ro-tag.ro-tag.f-influenza{--c:#b8431a}
.motc-page:not([data-theme=light]) .ro-tag.ro-tag.f-influenza{--c:#ec7a4c}
/* niente parola sola sull'ultima riga di sottotitoli e titoli di sezione */
.motc-page.motc-page p.sub,.motc-page.motc-page section :is(h2,h3),.motc-page.motc-page .rp-score h4{text-wrap:balance}
/* 2.18.0 telefono (revisione 390/360 px) */
/* «Guarda lo spot» (In onda): testo del pulsante pieno nel colore del piano; la regola generale dei link lo metteva nel colore del piano */
.motc-page.motc-account:not(.motc-pres) .blk.week .card.fig .social .src{color:var(--piano-testo)!important}
/* SPOT di notte: l'oro dei testi piccoli sempre almeno 4,5:1 sul fondo grafite (la sfumatura piu' scura resta al marchio) */
.motc-page.motc-account:not(.motc-pres):not([data-theme=light]){--spot-oro:color-mix(in srgb,var(--spot-oro-scuro,#B08D4A) 86%,#ffffff)}
/* Riordina di giorno: etichetta «meteo» piu' scura */
.motc-page[data-theme=light] .ro-tag.ro-tag.f-meteo{--c:#2470cc}
/* titolo della pagina e titoli delle sezioni bilanciati, senza parola sola a capo */
.motc-page.motc-account:not(.motc-pres) :is(.hero h1,.bh>h2,section h2){text-wrap:balance}
/* sezione ridotta sul telefono: numero, titolo e freccia sulla stessa riga; guida ed etichetta del piano sotto */
@media (max-width:760px){
  .motc-page:not(.motc-pres) .mc-blocco[data-mc-ridotta]>section:last-child>.bh>h2{flex:1 1 calc(100% - 112px);min-width:0;order:1}
  .motc-page:not(.motc-pres) .mc-blocco[data-mc-ridotta]>section:last-child>.bh>.mc-riduci{order:2}
  .motc-page:not(.motc-pres) .mc-blocco[data-mc-ridotta]>section:last-child>.bh>:not(.n,h2,.mc-riduci){order:3}
}
/* tocchi col dito: comandi alti almeno 44 px; i puntini di «A chi parla» restano piccoli, cresce solo l'area di tocco */
@media (pointer:coarse){
  .motc-page.motc-page .motc-piano :is(.lbl.profilo,.lbl.esci){min-height:44px;display:inline-flex;align-items:center}
  .motc-page.motc-page summary{min-height:44px!important;align-content:center}
  .motc-page.motc-page .motc-colleghi .piat a.annuncio{min-height:44px;display:inline-flex;align-items:center}
  .motc-page .pubblico-nav .dots{gap:4px 16px}
  .motc-page .pubblico-nav .dot::after{inset:-18px -8px}
}
sup.tm{font-size:.55em;line-height:0;vertical-align:super;font-weight:400}