/* SPOT in Farmacia 2.9.9 (Alessandro, 12/10/2026): stile del nuovo marchio (brand_12-10, «Spot — v9»), lo stesso del file,
   tutto sotto .spot-logo per non toccare la pagina (e non farsi toccare: .logo, .name, .sub esistono gia' in vetrina.css).
   Le animazioni (bagliore della stella, battito della condivisione) sono quelle del marchio e girano sempre;
   si fermano per chi chiede meno movimento. */
.spot-logo{display:inline-block;line-height:normal;text-align:left}
.spot-logo .logo,.spot-logo .logo *{box-sizing:border-box;margin:0;padding:0}
.spot-logo .logo{display:flex;align-items:center;gap:6px;height:auto}
.spot-logo .logo .logo-icon{width:88px;height:88px;flex-shrink:0;overflow:visible;display:inline;max-width:none}
.spot-logo .logo .wm{display:flex;flex-direction:column;animation:none}
.spot-logo .logo .wm .name-row{display:flex;align-items:flex-end;gap:2px;line-height:1}
.spot-logo .logo .wm .name{font-family:'Arial Black','Arial Bold',Arial,sans-serif;font-weight:900;font-size:48px;letter-spacing:-1.5px;color:#e8edf2;line-height:1}
.spot-logo .logo .wm .sym-plus{display:flex;align-items:flex-end;padding-bottom:5px;flex-shrink:0}
@keyframes spot-logo-plus-glow{
  0%,100%{filter:drop-shadow(0 0 4px rgba(212,228,126,.55)) drop-shadow(0 0 10px rgba(212,228,126,.25))}
  50%{filter:drop-shadow(0 0 8px rgba(212,228,126,.95)) drop-shadow(0 0 20px rgba(212,228,126,.45))}
}
.spot-logo .logo .wm .sym-plus svg{animation:spot-logo-plus-glow 2.8s ease-in-out infinite;width:30px;height:34px;max-width:none}
.spot-logo .logo .wm .sym-spec{display:flex;align-items:flex-end;padding-bottom:5px;flex-shrink:0}
@keyframes spot-logo-spec-pulse{
  0%,100%{filter:drop-shadow(0 0 4px rgba(168,127,212,.55)) drop-shadow(0 0 10px rgba(168,127,212,.25))}
  50%{filter:drop-shadow(0 0 8px rgba(168,127,212,.90)) drop-shadow(0 0 20px rgba(168,127,212,.40))}
}
.spot-logo .logo .wm .sym-spec svg{animation:spot-logo-spec-pulse 3.2s ease-in-out infinite;width:30px;height:30px;max-width:none;margin-bottom:1px}
.spot-logo .logo .wm .spec-text{font-family:Arial,sans-serif;font-weight:700;font-size:15px;letter-spacing:.4px;line-height:1.1;
  padding-left:76px;margin-top:-1px;display:block}
.spot-logo .logo .wm .rule{height:1px;margin-top:7px;border-radius:1px;opacity:.5}
.spot-logo .logo .wm .sub-row{display:flex;align-items:center;gap:7px;margin-top:6px}
.spot-logo .logo .wm .sub-row .sub-dot{width:3px;height:3px;border-radius:50%;flex-shrink:0}
.spot-logo .logo .wm .sub-row .sub{font-family:Arial,Helvetica,sans-serif;font-size:9px;font-weight:400;letter-spacing:4px;
  text-transform:uppercase;white-space:nowrap;margin:0;max-width:none}
@media (prefers-reduced-motion:reduce){.spot-logo .logo .wm svg{animation:none}}

/* nell'area SPOT: sul tema chiaro la scritta "Spot" prende il colore del testo (il bianco del marchio sparirebbe);
   in alto il logo del piano, nei Piani i tre loghi, piu' piccoli */
.motc-page[data-theme=light] .spot-logo .logo .wm .name{color:var(--tx)}
/* 2.10.0 (Alessandro, 12/10/2026): loghi troppo piccoli. La scritta "Spot" e' 48px a grandezza piena: in alto 0.7
   (34px, alta almeno quanto i titoli H2) e 0.55 sul telefono (26px); nei Piani 0.75 (36px) e 0.62 sul telefono (30px).
   [spot_logo] resta a grandezza piena. */
.motc-page .spot-barra .spot-marchio .spot-logo{zoom:1}   /* 12/10: piu' grande, e' l'unico segno del piano */
.motc-page .piano-marchio .spot-logo{zoom:.75}
@media (max-width:760px){.motc-page .spot-barra .spot-marchio .spot-logo{zoom:.75}.motc-page .piano-marchio .spot-logo{zoom:.62}}
/* 2.16.0: nell'area riservata sul telefono la barra in alto e' bassa e fissa: logo piu' compatto, dentro la barra */
@media (max-width:760px){.motc-page:not(.motc-pres) .spot-barra .spot-marchio .spot-logo{zoom:.5}}
.motc-page:not(.motc-pres):not([data-theme=dark]) .spot-barra .spot-logo .logo .wm .name{color:var(--tx,#0f1724)}