/* 1.9.4 — caratteri sul nostro server (cartella caratteri/, licenza SIL OFL 1.1): nessuna richiesta a Google */
@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url('caratteri/Poppins-Light.ttf') format('truetype')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url('caratteri/Poppins-Regular.ttf') format('truetype')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url('caratteri/Poppins-Medium.ttf') format('truetype')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url('caratteri/Poppins-SemiBold.ttf') format('truetype')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url('caratteri/Poppins-Bold.ttf') format('truetype')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url('caratteri/JetBrainsMono-Medium.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:700;font-display:swap;src:url('caratteri/JetBrainsMono-Bold.woff2') format('woff2')}

.motc-page{--bg:#0F1B2D;--sur:#14243A;--sur2:#1B2F4B;--line:#25405F;--tx:#F2F6FA;--mu:#B8C6D6;
 --acc:#2FE3A5;--blu:#3DBFFF;--amb:#FFB454;--pnk:#FF6FB1;--red:#FF6B6B;
 --farmaco:#2FE3A5;--dispositivo:#3DBFFF;--integratore:#FFB454;--cosmetico:#FF6FB1;--altro:#8A99B3}
.motc-page[data-theme=light]{--bg:#EEF2F0;--sur:#FFFFFF;--sur2:#F4F7F6;--line:#D5DEDA;--tx:#14243A;--mu:#5D6F6A;
 --acc:#1FA37A;--blu:#1E5FB3;--amb:#9A6400;--pnk:#9B3D6B;--red:#A04848;
 --farmaco:#1FA37A;--dispositivo:#1E5FB3;--integratore:#9A6400;--cosmetico:#9B3D6B;--altro:#5E6B66}
.motc-page[data-theme=light] .tag, .motc-page[data-theme=light] .new, .motc-page[data-theme=light] nav a.shop, .motc-page[data-theme=light] .sponsor a, .motc-page[data-theme=light] .alert button, .motc-page[data-theme=light] .plan a, .motc-page[data-theme=light] .gender div{color:#fff}
.motc-page[data-theme=light] .tag.farmacia{color:var(--acc)}.motc-page[data-theme=light] .plan.free a{color:var(--tx)}
.motc-page[data-theme=light] header{background:rgba(238,242,240,.88)}
.motc-page[data-theme=light] .hero::before{background:radial-gradient(600px 220px at 20% 0,rgba(15,92,74,.10),transparent 70%)}
.motc-page .toggle{border:1px solid var(--line);background:var(--sur);color:var(--tx);border-radius:999px;padding:6px 10px;font:inherit;font-size:13px;cursor:pointer;margin-left:16px}
.motc-page .px{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.motc-page .px .wm{position:absolute;right:-30px;top:-40px;width:380px;opacity:.07;will-change:transform}.motc-page .px .wm svg{width:100%;height:auto}
.motc-page .px i{position:absolute;border-radius:50%;filter:blur(2px);will-change:transform}
.motc-page .px .a{width:180px;height:180px;background:var(--acc);opacity:.10;top:-40px;left:5%}
.motc-page .px .b{width:120px;height:120px;background:var(--blu);opacity:.12;top:60px;right:8%}
.motc-page .px .c{width:70px;height:70px;background:var(--pnk);opacity:.10;top:180px;left:40%}
.motc-page .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s,transform .6s}.motc-page .reveal.in{opacity:1;transform:none}
.motc-page .price{margin-top:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.motc-page .plan{background:var(--sur);border:1px solid var(--line);border-radius:14px;padding:20px}
.motc-page .plan.pro{border-color:var(--acc);box-shadow:0 0 0 3px rgba(46,230,166,.10)}
.motc-page .plan h3{margin:0;font-size:18px}.motc-page .plan .p{font-family:"JetBrains Mono",monospace;font-size:30px;margin:8px 0 2px}.motc-page .plan .p small{font-size:13px;color:var(--mu);font-family:Poppins}
.motc-page .plan ul{margin:12px 0 16px;padding-left:18px;color:var(--mu);font-size:14px}.motc-page .plan li{margin:4px 0}
.motc-page .plan a{display:block;text-align:center;text-decoration:none;font-weight:700;padding:10px;border-radius:8px;background:var(--acc);color:#0B2A20}
.motc-page .plan.free a{background:transparent;border:1px solid var(--line);color:var(--tx)}
.motc-page .plan .stripe{display:block;text-align:center;font-size:11px;color:var(--mu);margin-top:8px}

.motc-page .promo{margin:26px 0 0;position:relative;border-radius:18px;overflow:hidden;border:2px dashed var(--line);background:var(--sur)}
.motc-page .promo .flag{position:absolute;top:0;left:0;z-index:2;background:var(--amb);color:#2A1B00;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:0 0 10px 0}
.motc-page .promo .track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1);will-change:transform}
.motc-page .promo .slide{min-width:100%;display:grid;grid-template-columns:1.1fr 1fr;gap:0;min-height:260px}
.motc-page .promo .ph{background:linear-gradient(135deg,var(--sur2),var(--bg));display:grid;place-items:center;position:relative}
.motc-page .promo .ph img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.motc-page .promo .ph .pack{width:34%;aspect-ratio:3/4;background:var(--sur);border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 40px rgba(0,0,0,.35)}
.motc-page .promo .txt{padding:26px 28px;display:flex;flex-direction:column;justify-content:center;gap:8px}
.motc-page .promo .k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);font-weight:700}
.motc-page .promo h3{margin:0;font-size:24px;line-height:1.15}
.motc-page .promo p{margin:0;color:var(--mu);font-size:14px}
.motc-page .promo .pr{font-family:"JetBrains Mono",monospace;font-size:13px;color:var(--mu);margin-top:6px}
.motc-page .promo .cv{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.motc-page .promo .cv span{font-size:12px;font-weight:600;padding:4px 9px;border-radius:6px;border:1px solid var(--acc);color:var(--acc)}.motc-page .promo .cv .hot{background:var(--acc);color:#0B2A20}.motc-page[data-theme=light] .promo .cv .hot{color:#fff}.motc-page .promo .pr s:empty{display:none}.motc-page .promo .pr s{color:var(--mu);font-size:14px;margin-right:8px}
.motc-page .promo .cta{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.motc-page .promo .cta a{text-decoration:none;font-weight:700;padding:10px 16px;border-radius:8px;font-size:14px}
.motc-page .promo .cta .buy{background:var(--acc);color:#0B2A20}.motc-page[data-theme=light] .promo .cta .buy{color:#fff}
.motc-page .promo .cta .more{border:1px solid var(--line);color:var(--tx)}
.motc-page .promo .nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--sur);color:var(--tx);cursor:pointer;font-size:18px;display:grid;place-items:center}
.motc-page .promo .prev{left:10px}.motc-page .promo .next{right:10px}
.motc-page .promo .dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:6px}
.motc-page .promo .dots .dot{width:8px;height:8px;border-radius:50%;background:var(--line);cursor:pointer;
  padding:0!important;border:0!important;min-height:0!important;box-sizing:content-box}
.motc-page .promo .dots .dot.on{background:var(--acc)}
.motc-page .promo .dots .dot:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
@media(max-width:700px){.motc-page .promo .slide{grid-template-columns:1fr}.motc-page .promo .ph{min-height:160px}.motc-page .promo h3{font-size:20px}}
.motc-page *{box-sizing:border-box}.motc-page{background:var(--bg);color:var(--tx);font-family:Poppins,system-ui,sans-serif;padding:0 0 20px;border-radius:18px}
.motc-page{line-height:1.5}.motc-page .mono{font-family:"JetBrains Mono",monospace}
.motc-page .wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.motc-page header{position:sticky;top:0;z-index:5;background:rgba(11,18,32,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.motc-page .top{display:flex;align-items:center;justify-content:space-between;height:62px}
.motc-page .logo{display:flex;align-items:center;height:40px}.motc-page .logo svg{height:40px;width:auto;display:block}.motc-page .lg-light{display:none}.motc-page[data-theme=light] .lg-light{display:block}.motc-page[data-theme=light] .lg-dark{display:none}
.motc-page nav a{text-decoration:none;color:var(--mu);font-size:14px;font-weight:500;margin-left:22px}
.motc-page nav a.shop{color:#0B2A20;background:var(--acc);padding:8px 14px;border-radius:8px;font-weight:700}
.motc-page .hero{padding:52px 0 24px;position:relative}
.motc-page .hero::before{content:"";position:absolute;inset:-60px -20px auto;height:320px;background:radial-gradient(600px 220px at 20% 0,rgba(46,230,166,.16),transparent 70%),radial-gradient(500px 200px at 80% 10%,rgba(91,140,255,.14),transparent 70%);pointer-events:none}
.motc-page .kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);font-weight:700}
.motc-page .hero h1{font-size:clamp(32px,5vw,52px);line-height:1;letter-spacing:-.03em;margin:10px 0 12px;max-width:16ch}
.motc-page .hero p{color:var(--mu);max-width:56ch;margin:0;font-size:16px}
.motc-page .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px}
.motc-page .stat{background:var(--sur);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.motc-page .stat b{display:block;font-size:30px;line-height:1;font-family:"JetBrains Mono",monospace}
.motc-page .stat small{color:var(--mu);font-size:12px;display:block;margin-top:6px}
.motc-page .stat .pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 0 rgba(46,230,166,.6);animation:p 1.8s infinite;margin-right:6px}
@keyframes p{70%{box-shadow:0 0 0 8px rgba(46,230,166,0)}}
.motc-page .filters{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0 6px}
.motc-page .chip{border:1px solid var(--line);background:var(--sur);color:var(--mu);border-radius:8px;padding:7px 12px;font:inherit;font-size:13.5px;font-weight:500;cursor:pointer}
.motc-page .chip.on{background:var(--tx);color:var(--bg);border-color:var(--tx)}
.motc-page .chip i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:7px;vertical-align:1px}
.motc-page section{margin-top:34px}
.motc-page .blk{margin:28px 0 0;background:var(--sur);border:1px solid var(--line);border-radius:18px;padding:22px;position:relative;
 box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 18px 40px -24px rgba(0,0,0,.6)}
.motc-page[data-theme=light] .blk{box-shadow:0 18px 40px -28px rgba(23,58,47,.25)}
.motc-page .bh{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.motc-page .bh .n{font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--acc);border:1px solid var(--acc);border-radius:6px;padding:2px 7px}
.motc-page .bh h2{margin:0}
.motc-page .bh .badge{margin-left:auto}
.motc-page .blk .sub{margin-bottom:16px}
.motc-page .blk.top10, .motc-page .blk .top10{background:transparent;border:0;padding:0}
.motc-page .week.blk h2{font-size:22px;color:var(--tx);font-weight:700}.motc-page .week.blk h2::after{display:none}
.motc-page h2{font-size:22px;letter-spacing:-.02em;margin:0 0 4px}
.motc-page .sub{color:var(--mu);font-size:14px;margin:0 0 14px;max-width:60ch}
.motc-page .head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.motc-page .badge{border:1px solid var(--acc);color:var(--acc);font-size:11px;font-weight:700;padding:4px 9px;border-radius:6px;letter-spacing:.08em;white-space:nowrap}
.motc-page .top10{background:var(--sur);border:1px solid var(--line);border-radius:14px;padding:16px}
.motc-page .top10 ol{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.motc-page .top10 li{display:grid;grid-template-columns:34px 1fr 1.1fr 56px;gap:12px;align-items:center;padding:9px 8px;border-radius:8px}
.motc-page .top10 li:nth-child(-n+3){background:var(--sur2)}
.motc-page .top10 .pos{font-family:"JetBrains Mono",monospace;color:var(--acc);font-weight:700;text-align:center}
.motc-page .top10 b{display:block;font-size:15px}.motc-page .top10 small{color:var(--mu);font-size:12px}
.motc-page .top10 .bar{height:6px;background:var(--line);border-radius:3px;overflow:hidden}.motc-page .top10 .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--acc),var(--blu))}
.motc-page .top10 .d{font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--mu);text-align:right}
.motc-page .pro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.motc-page .panel{background:var(--sur);border:1px solid var(--line);border-radius:14px;padding:16px}
.motc-page .panel h3{margin:0 0 12px;font-size:14px;font-weight:700;color:var(--tx)}
.motc-page .read{margin:12px 0 0;font-size:13px;color:var(--tx);background:var(--sur2);border-left:2px solid var(--acc);padding:8px 10px;border-radius:0 8px 8px 0}
.motc-page .gender{display:flex;height:26px;border-radius:6px;overflow:hidden;font-size:12px;font-weight:700;color:#0B2A20}
.motc-page .gender .w{background:var(--pnk)}.motc-page .gender .m{background:var(--blu);color:#fff}.motc-page .gender div{display:flex;align-items:center;padding-left:10px;white-space:nowrap}
.motc-page .ages{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;height:100px;align-items:end;margin-top:14px}
.motc-page .ages div{display:flex;flex-direction:column;justify-content:flex-end;height:100%;font-size:11px;color:var(--mu);text-align:center}
.motc-page .ages i{display:block;background:linear-gradient(180deg,var(--acc),rgba(46,230,166,.25));border-radius:3px 3px 0 0;margin-bottom:4px}
.motc-page .trend{width:100%;height:auto}
.motc-page .season{display:grid;gap:8px}.motc-page .s{padding:10px 12px;border:1px solid var(--line);border-radius:10px}.motc-page .s b{display:block;font-size:14px}.motc-page .s small{color:var(--mu);font-size:12px}
.motc-page .s.hot{border-color:var(--acc);background:rgba(46,230,166,.08)}
.motc-page .preview{border:1px solid var(--line);border-radius:10px;padding:12px;font-size:13px;background:var(--sur2)}
.motc-page .preview .from{color:var(--mu);font-size:11.5px;font-family:"JetBrains Mono",monospace}.motc-page .preview .subj{font-weight:700;margin:4px 0 6px}.motc-page .preview p{margin:0;color:var(--mu)}
.motc-page .week h2{font-size:14px;color:var(--mu);font-weight:500;display:flex;gap:12px;align-items:center;margin-bottom:12px}
.motc-page .week h2::after{content:"";flex:1;height:1px;background:var(--line)}
.motc-page .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(224px,1fr));gap:12px}
.motc-page .card{background:var(--sur);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s,border-color .15s}
.motc-page .card:hover{transform:translateY(-2px);border-color:#2C3D5E}
.motc-page .img{aspect-ratio:4/3;background:linear-gradient(135deg,var(--sur2),#0E1626);display:grid;place-items:center;position:relative}
.motc-page .pack{width:38%;aspect-ratio:3/4;background:var(--sur);border:1px solid var(--line);border-radius:6px;box-shadow:0 12px 30px rgba(0,0,0,.4)}
.motc-page .new{position:absolute;top:10px;left:10px;background:var(--acc);color:#0B2A20;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}
.motc-page .body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.motc-page .name{font-weight:700;font-size:16px;line-height:1.2}.motc-page .maker{color:var(--mu);font-size:13px}
.motc-page .tags{display:flex;gap:6px;flex-wrap:wrap}.motc-page .tag{font-size:11px;font-weight:700;padding:3px 7px;border-radius:5px;color:#0B2A20}
.motc-page .t-farmaco{background:var(--farmaco)}.motc-page .t-dispositivo{background:var(--dispositivo);color:#fff}.motc-page .t-integratore{background:var(--integratore)}.motc-page .t-cosmetico{background:var(--cosmetico)}
.motc-page .tag.farmacia{background:transparent;border:1px solid var(--acc);color:var(--acc)}
.motc-page .reach{height:3px;background:var(--line);border-radius:2px;overflow:hidden}.motc-page .reach i{display:block;height:100%;background:var(--acc)}
.motc-page .meta{margin-top:auto;padding-top:10px;border-top:1px solid var(--line);font-size:12px;color:var(--mu);display:flex;justify-content:space-between;font-family:"JetBrains Mono",monospace}
.motc-page .live{color:var(--acc)}.motc-page .off{color:var(--red)}
.motc-page .card.ended{opacity:.5}
.motc-page .sponsor{grid-column:1/-1;background:linear-gradient(120deg,#0F2A24,#111A2C);border:1px solid rgba(46,230,166,.35);border-radius:14px;padding:18px 20px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.motc-page .sponsor .k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);font-weight:700}
.motc-page .sponsor h3{margin:2px 0 4px;font-size:18px}.motc-page .sponsor p{margin:0;color:var(--mu);font-size:14px;max-width:48ch}
.motc-page .sponsor a{margin-left:auto;background:var(--acc);color:#0B2A20;text-decoration:none;font-weight:700;padding:10px 16px;border-radius:8px;font-size:14px;white-space:nowrap}
.motc-page .alert{margin:28px 0 60px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}.motc-page .alert h3{font-size:16px}
.motc-page .alert h3{margin:0 0 4px;font-size:20px}.motc-page .alert p{margin:0;color:var(--mu);font-size:14px;max-width:46ch}
.motc-page .alert form{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}
.motc-page .alert input{background:var(--sur2);border:1px solid var(--line);color:var(--tx);border-radius:8px;padding:10px 14px;font:inherit;min-width:220px}
.motc-page .alert button{background:var(--acc);color:#0B2A20;border:0;border-radius:8px;padding:10px 16px;font:inherit;font-weight:700;cursor:pointer}
.motc-page footer{color:var(--mu);font-size:12px;padding:20px 0 48px;max-width:82ch;border-top:1px solid var(--line);margin-top:20px}
.motc-page footer p{margin:0 0 8px}.motc-page footer .disc{color:var(--tx)}.motc-page footer a{color:var(--mu)}.motc-page footer .lnk a{color:var(--acc);text-decoration:none;font-weight:600}.motc-page footer .cr{opacity:.7}
@media(max-width:700px){.motc-page .stats{grid-template-columns:1fr 1fr}.motc-page nav a:not(.shop){display:none}.motc-page .top10 li{grid-template-columns:30px 1fr 56px}.motc-page .top10 .bar{display:none}.motc-page .sponsor a, .motc-page .alert form{margin-left:0;width:100%}.motc-page .alert input{flex:1}}
.motc-page{position:relative;overflow:hidden}
.motc-page .toggle{position:absolute;top:18px;right:18px;z-index:6;margin:0}
.motc-page .wrap{padding:0 24px}
@media(max-width:760px){.motc-page .wrap{padding:0 14px}.motc-page .toggle{top:10px;right:10px}}




/* ============ MARCHIO ANIMATO: una sola K, archi attorno, MED a neon ============ */
.motc-page .motc-marchio{position:relative;margin:0 0 26px;z-index:2}
.motc-page .k-marchio{position:relative;display:block;max-width:min(430px,62vw)}
.motc-page .k-logo-svg{width:100%;height:auto;display:block;overflow:visible}
.motc-page .lg-chiaro{display:none}
.motc-page .lg-scuro{display:block}
.motc-page[data-theme=light] .lg-chiaro{display:block}
.motc-page[data-theme=light] .lg-scuro{display:none}

/* i due archi girano attorno alla K del logo (che sta a sinistra, quadrata) */
.motc-page .k-orbita{position:absolute;top:50%;left:0;border-radius:50%;pointer-events:none;
  width:23%;aspect-ratio:1;transform-origin:50% 50%;margin-top:-11.5%}
.motc-page .k-o1{border:2px solid transparent;border-top-color:var(--acc);border-right-color:var(--acc);
  animation:kOrbita1 4.5s linear infinite;opacity:.85}
.motc-page .k-o2{inset-inline-start:2.5%;width:18%;margin-top:-9%;
  border:1.5px solid transparent;border-bottom-color:var(--blu);border-left-color:var(--blu);
  animation:kOrbita2 7s linear infinite;opacity:.8}
@keyframes kOrbita1{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes kOrbita2{from{transform:rotate(0)}to{transform:rotate(-360deg)}}

/* i quattro nodi della molecola pulsano a turno */
.motc-page .k-logo-svg .k-nodo1{animation:kNodo 2.6s ease-in-out infinite}
.motc-page .k-logo-svg .k-nodo2{animation:kNodo 2.6s ease-in-out .35s infinite}
.motc-page .k-logo-svg .k-nodo3{animation:kNodo 2.6s ease-in-out .7s infinite}
.motc-page .k-logo-svg .k-nodo4{animation:kNodo 2.6s ease-in-out 1.05s infinite}
@keyframes kNodo{0%,100%{opacity:.55}50%{opacity:1}}

/* PHARMA a neon: si accende cambiando colore, verde -> azzurro -> verde */
.motc-page .k-logo-svg .k-pharma{animation:kNeonLuce 5.2s ease-in-out infinite, kNeonColore 5.2s ease-in-out infinite}
@keyframes kNeonLuce{
  0%{filter:drop-shadow(0 0 0 rgba(47,227,165,0))}
  12%{filter:drop-shadow(0 0 7px rgba(47,227,165,.95)) drop-shadow(0 0 18px rgba(47,227,165,.5))}
  18%{filter:drop-shadow(0 0 2px rgba(47,227,165,.35))}
  24%{filter:drop-shadow(0 0 8px rgba(61,191,255,.95)) drop-shadow(0 0 20px rgba(61,191,255,.5))}
  55%{filter:drop-shadow(0 0 6px rgba(47,227,165,.7)) drop-shadow(0 0 16px rgba(47,227,165,.35))}
  100%{filter:drop-shadow(0 0 0 rgba(47,227,165,0))}
}
@keyframes kNeonColore{
  0%,100%{fill:#2FE3A5}
  22%{fill:#7CF3C8}
  30%{fill:#3DBFFF}
  60%{fill:#2FE3A5}
}
.motc-page[data-theme=light] .k-logo-svg .k-pharma{animation:kNeonLuceG 5.2s ease-in-out infinite, kNeonColoreG 5.2s ease-in-out infinite}
@keyframes kNeonLuceG{
  0%,100%{filter:drop-shadow(0 0 0 rgba(31,163,122,0))}
  14%{filter:drop-shadow(0 0 5px rgba(31,163,122,.55)) drop-shadow(0 0 12px rgba(31,163,122,.28))}
  30%{filter:drop-shadow(0 0 6px rgba(30,95,179,.5)) drop-shadow(0 0 14px rgba(30,95,179,.25))}
}
@keyframes kNeonColoreG{
  0%,100%{fill:#1FA37A}
  30%{fill:#1E5FB3}
  60%{fill:#1FA37A}
}

/* filigrana di sfondo: rotazione lentissima, nessuna scala che la tagli */
.motc-page .px .wm{animation:kRuotaLenta 80s linear infinite}
@keyframes kRuotaLenta{from{transform:rotate(0)}to{transform:rotate(360deg)}}

@media (prefers-reduced-motion: reduce){
  .motc-page .k-orbita,.motc-page .k-logo-svg *,.motc-page .px .wm{animation:none}
}
@media (max-width:760px){
  .motc-page .k-marchio{max-width:76vw}
}

/* ============ DIFESA DAL TEMA DEL SITO ============ */
/* Flatsome impone i propri colori a titoli, link e bottoni: qui li riportiamo ai nostri. */
.motc-page h1,.motc-page h2,.motc-page h3,.motc-page h4,
.motc-page .hero h1,.motc-page .bh h2,.motc-page .name,.motc-page .t,
.motc-page .top10 b,.motc-page .stat b,.motc-page .promo h3{color:var(--tx)!important}
.motc-page p,.motc-page .sub,.motc-page .maker,.motc-page .a,
.motc-page .top10 small,.motc-page .stat small{color:var(--mu)!important}
.motc-page a{text-decoration:none}
.motc-page .src,.motc-page .go{color:var(--acc)!important}
.motc-page .kicker{color:var(--acc)!important}
.motc-page .tag{color:#fff!important}
.motc-page .tag.farmacia{color:var(--acc)!important;background:transparent!important}
.motc-page .live{color:var(--acc)!important}
.motc-page .off{color:var(--red)!important}

/* pulsante giorno/notte: il tema lo schiacciava */
.motc-page .toggle{display:inline-flex!important;align-items:center;gap:6px;
  width:auto!important;height:auto!important;min-width:0!important;line-height:1.2!important;
  padding:9px 16px!important;border-radius:999px!important;
  background:var(--sur)!important;color:var(--tx)!important;border:1px solid var(--line)!important;
  font-family:inherit!important;font-size:13.5px!important;font-weight:600!important;
  text-transform:none!important;letter-spacing:0!important;box-shadow:none!important}
.motc-page .toggle:hover{background:var(--sur2)!important;border-color:var(--acc)!important}

/* bottoni promo e piani */
.motc-page .buy,.motc-page .plan a,.motc-page .alert button{
  display:inline-block!important;width:auto!important;line-height:1.3!important;
  text-transform:none!important;letter-spacing:0!important;font-family:inherit!important;
  background:var(--acc)!important;color:#0B2A20!important;border:0!important}
.motc-page[data-theme=light] .buy,.motc-page[data-theme=light] .plan a,
.motc-page[data-theme=light] .alert button{color:#fff!important}
.motc-page .plan.free a{background:transparent!important;border:1px solid var(--line)!important;color:var(--tx)!important}
.motc-page .chip{font-family:inherit!important;text-transform:none!important;letter-spacing:0!important;
  line-height:1.2!important;height:auto!important}
.motc-page .chip.on{background:var(--tx)!important;color:var(--bg)!important}
.motc-page input{background:var(--sur2)!important;color:var(--tx)!important;border:1px solid var(--line)!important}

/* ============ RIQUADRO IMMAGINE DELLA SCHEDA ============ */
.motc-page .card .img{position:relative;overflow:hidden}
.motc-page .card .img img{width:100%;height:100%;object-fit:cover;display:block}
.motc-page .card .iniziale{font-family:Poppins,sans-serif;font-weight:700;font-size:64px;
  color:var(--tx);opacity:.22;letter-spacing:-.04em;user-select:none}
.motc-page .card .img.c-farmaco{background:linear-gradient(135deg,color-mix(in srgb,var(--farmaco) 26%,var(--sur2)),var(--sur2))}
.motc-page .card .img.c-dispositivo_medico{background:linear-gradient(135deg,color-mix(in srgb,var(--dispositivo_medico) 26%,var(--sur2)),var(--sur2))}
.motc-page .card .img.c-integratore{background:linear-gradient(135deg,color-mix(in srgb,var(--integratore) 26%,var(--sur2)),var(--sur2))}
.motc-page .card .img.c-cosmetico{background:linear-gradient(135deg,color-mix(in srgb,var(--cosmetico) 26%,var(--sur2)),var(--sur2))}

/* attribuzione dell'immagine, richiesta da legalSHOP */
.motc-page .card .fonte-img{margin:0;font-size:11px;color:var(--mu);opacity:.85;line-height:1.35}
.motc-page .card .fonte-img a{color:var(--mu)!important;text-decoration:underline}
.motc-page .card .img img{width:100%;height:100%;object-fit:contain;background:#fff;display:block}
html[data-theme=light] .motc-page .card .img img{background:#fff}

/* ============ COSA FANNO I COLLEGHI ============ */
.motc-page .motc-colleghi{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:14px}
.motc-page .motc-colleghi .gruppo{background:var(--sur2);border:1px solid var(--line);
  border-radius:14px;padding:16px;position:relative;overflow:hidden}
.motc-page .motc-colleghi .gruppo::before{content:"";position:absolute;inset:0 auto 0 0;width:3px}
.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(--amb))}
.motc-page .motc-colleghi .intest{margin:0 0 12px 6px}
.motc-page .motc-colleghi .intest h3{margin:0;font-size:16px;font-weight:700;color:var(--tx)}
.motc-page .motc-colleghi .intest small{color:var(--mu);font-size:12.5px}
.motc-page .motc-colleghi .elenco{list-style:none;margin:0;padding:0;display:grid;gap:3px}
.motc-page .motc-colleghi .elenco li{display:grid;grid-template-columns:26px 1fr auto;gap:10px;
  align-items:center;padding:8px 6px;border-radius:9px;transition:background .15s}
.motc-page .motc-colleghi .elenco li:hover{background:var(--sur)}
.motc-page .motc-colleghi .elenco li:nth-child(-n+3){background:var(--sur)}
.motc-page .motc-colleghi .pos{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;
  color:var(--mu);text-align:center}
.motc-page .motc-colleghi .elenco li:nth-child(-n+3) .pos{color:var(--acc);font-weight:700}
.motc-page .motc-colleghi .chi b{display:block;font-size:14.5px;line-height:1.25;color:var(--tx)}
.motc-page .motc-colleghi .chi small{display:block;color:var(--mu);font-size:11.5px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:24ch}
.motc-page .motc-colleghi .dati{display:flex;align-items:center;gap:8px;white-space:nowrap}
.motc-page .motc-colleghi .reach{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;
  font-weight:700;color:var(--acc)}
.motc-page .motc-colleghi .ann{font-size:11px;color:var(--mu)}
.motc-page .motc-colleghi .piat{display:inline-flex;gap:3px}
.motc-page .motc-colleghi .piat i{width:17px;height:17px;border-radius:5px;font-style:normal;
  font-size:11px;font-weight:700;display:grid;place-items:center;letter-spacing:-.02em}
.motc-page .motc-colleghi .piat .fb{background:#1877F2;color:#fff}
.motc-page .motc-colleghi .piat .ig{background:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF);color:#fff}
@media(max-width:700px){
  .motc-page .motc-colleghi .chi small{max-width:16ch}
  .motc-page .motc-colleghi .ann{display:none}
}

/* ============ FILTRI PER ARGOMENTO ============ */
.motc-page .motc-filtri{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 6px}
.motc-page .motc-filtri .chip{display:inline-flex;align-items:center;gap:7px}
.motc-page .motc-filtri .chip .n{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;
  background:color-mix(in srgb,var(--acc) 22%,transparent);color:var(--acc);
  padding:1px 6px;border-radius:999px}
.motc-page .motc-filtri .chip.on .n{background:color-mix(in srgb,var(--bg) 30%,transparent);color:var(--bg)}
.motc-page .card.nascosta{display:none}

/* ============ APPROFONDIMENTI PER ARGOMENTO ============ */
.motc-page .motc-argomenti{display:grid;gap:10px}
.motc-page .argomento{background:var(--sur2);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.motc-page .argomento summary{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;
  list-style:none;position:relative;transition:background .15s}
.motc-page .argomento summary::-webkit-details-marker{display:none}
.motc-page .argomento summary:hover{background:var(--sur)}
.motc-page .argomento summary::after{content:"";width:9px;height:9px;margin-left:4px;
  border-right:2px solid var(--mu);border-bottom:2px solid var(--mu);
  transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.motc-page .argomento[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.motc-page .argomento summary .titolo{font-weight:700;font-size:15.5px;color:var(--tx)}
.motc-page .argomento summary .sotto{color:var(--mu);font-size:12.5px;flex:1}
.motc-page .argomento summary .quanti{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;
  color:var(--acc);border:1px solid var(--acc);border-radius:999px;padding:1px 9px}
.motc-page .argomento .motc-form-grid{padding:0 16px 16px}
.motc-page .argomento::before{content:"";display:block;height:3px;
  background:linear-gradient(90deg,var(--acc),var(--blu))}
.motc-page .a-gola_raffreddore::before{background:linear-gradient(90deg,#3DBFFF,#2FE3A5)}
.motc-page .a-gastro::before{background:linear-gradient(90deg,#FFB454,#2FE3A5)}
.motc-page .a-pelle::before{background:linear-gradient(90deg,#FF6FB1,#FFB454)}
.motc-page .a-allergie::before{background:linear-gradient(90deg,#2FE3A5,#3DBFFF)}
.motc-page .a-dolore::before{background:linear-gradient(90deg,#FF6B6B,#FF6FB1)}
.motc-page .a-vitamine::before{background:linear-gradient(90deg,#FFB454,#FF6B6B)}
.motc-page .a-solari::before{background:linear-gradient(90deg,#FFB454,#3DBFFF)}
@media(max-width:700px){
  .motc-page .argomento summary{flex-wrap:wrap;gap:6px}
  .motc-page .argomento summary .sotto{flex:1 0 100%;order:3}
}

/* ============ COLLEGHI: rimando alle analisi e nota di fonte ============ */
.motc-page .motc-colleghi .andamento{display:flex;align-items:center;justify-content:center;gap:8px;
  margin-top:10px;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:600;
  text-decoration:none;border:1px solid var(--acc);color:var(--acc)!important;
  background:transparent;transition:background .15s}
.motc-page .motc-colleghi .andamento:hover{background:color-mix(in srgb,var(--acc) 12%,transparent)}
.motc-page .motc-colleghi .andamento::before{content:"\2197";font-weight:700}
.motc-page .nota-fonte{grid-column:1/-1;margin:12px 0 0;font-size:11.5px;color:var(--mu);
  line-height:1.5;max-width:90ch}
.motc-page .nota-fonte a{color:var(--acc)!important;text-decoration:underline}

/* ============ SCHERMATA DI ACCESSO ============ */
.motc-page .motc-gate{max-width:560px;margin:40px auto;padding:36px 32px;text-align:center;
  background:var(--sur);border:1px solid var(--line);border-radius:18px}
.motc-page .motc-gate h2{margin:0 0 12px;font-size:24px;color:var(--tx)}
.motc-page .motc-gate p{margin:0 auto 22px;color:var(--mu);font-size:15px;max-width:44ch;line-height:1.6}
.motc-page .motc-gate .azioni{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.motc-page .motc-gate a{display:inline-block;padding:12px 22px;border-radius:10px;
  font-weight:700;font-size:14px;text-decoration:none}
.motc-page .motc-gate .primario{background:var(--acc);color:#0B2A20!important}
.motc-page[data-theme=light] .motc-gate .primario{color:#fff!important}
.motc-page .motc-gate .secondario{border:1px solid var(--line);color:var(--tx)!important}

/* ============ MOSTRA ALTRE CAMPAGNE ============ */
.motc-page .card.oltre{display:none}
.motc-page .card.oltre.vista{display:flex}
/* filtri (2.0.0): il filtro vince sempre; con un filtro attivo si vedono tutte le figurine dell'argomento */
.motc-page .filtrato .card.oltre:not(.nascosta){display:flex}
.motc-page .card.nascosta,.motc-page .card.oltre.vista.nascosta{display:none}
.motc-page .filtrato .motc-altre{display:none}
.motc-page .motc-altre{grid-column:1/-1;margin:6px auto 0;padding:13px 26px;border-radius:999px;
  border:1px solid var(--acc);background:transparent;color:var(--acc);
  font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s}
.motc-page .motc-altre:hover{background:color-mix(in srgb,var(--acc) 12%,transparent)}

/* 1.7.0 — SPOT / SPOT+ in alto a destra (doc 08 §7) e anteprima con dati veri (doc 08 §7.2) */
.motc-page .motc-piano{position:absolute;top:14px;right:0;display:flex;align-items:center;gap:8px;font-size:13px;z-index:2}
.motc-page .motc-piano .farmacia{color:var(--tx);font-weight:600;max-width:24ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.motc-page .motc-piano .lbl{font-family:"JetBrains Mono",monospace;font-weight:700;border-radius:6px;padding:2px 7px;text-decoration:none}
.motc-page .motc-piano .lbl.on{border:1px solid var(--acc);color:var(--acc)}
.motc-page .motc-piano .lbl.plus{font-size:11px;border:1px solid var(--line);color:var(--mu);opacity:.55;transition:opacity .2s,color .2s,border-color .2s}
.motc-page .motc-piano .lbl.plus:hover,.motc-page .motc-piano .lbl.plus:focus{opacity:1;color:var(--acc);border-color:var(--acc)}
.motc-page .anteprima .panel{position:relative}
.motc-page .anteprima .gender div{transition:width 1.2s ease}
.motc-page .anteprima .ages i{transition:height 1.2s ease}
.motc-page .anteprima .fonte{margin:8px 0 0;font-size:11px;color:var(--mu)}
.motc-page .anteprima .attiva{display:inline-block;margin-top:12px;background:var(--acc);color:#0B2A20;text-decoration:none;font-weight:700;padding:8px 14px;border-radius:8px;font-size:13px}
.motc-page[data-theme=light] .anteprima .attiva{color:#fff}
@media (max-width:640px){.motc-page .motc-piano{position:static;justify-content:flex-end;margin-bottom:8px}}

/* 1.7.1 — mappa d'Italia (doc 01 §02): sagoma senza confini regionali, simboli animati */
.motc-page .mappa .corpo{display:grid;grid-template-columns:minmax(0,640px) 1fr;gap:18px;align-items:start}
.motc-page .mappa svg.italia{width:100%;height:auto;display:block}
.motc-page .mappa .terra{fill:var(--sur2);stroke:var(--acc);stroke-width:1.4;stroke-linejoin:round;opacity:.95}
.motc-page .mappa .punto{fill:var(--tx);opacity:.55}
.motc-page .mappa .nome{font-size:12px;fill:var(--mu);font-family:Poppins,sans-serif}
.motc-page .mappa .giorno{opacity:0;transition:opacity .45s ease}
.motc-page .mappa .giorno.on{opacity:1}
.motc-page .mappa .tmax{font:700 19px "JetBrains Mono",monospace;fill:var(--tx)}
.motc-page .mappa .tmin{font:500 12px "JetBrains Mono",monospace;fill:var(--mu)}
.motc-page .mappa .raggi{animation:motc-gira 12s linear infinite;transform-box:fill-box;transform-origin:center}
.motc-page .mappa .nuvola{animation:motc-vento 6s ease-in-out infinite alternate}
.motc-page .mappa .goccia{animation:motc-cade 1.1s linear infinite}
.motc-page .mappa .goccia:nth-of-type(2){animation-delay:.35s}.motc-page .mappa .goccia:nth-of-type(3){animation-delay:.7s}
@keyframes motc-gira{to{transform:rotate(360deg)}}
@keyframes motc-vento{from{transform:translateX(-1.5px)}to{transform:translateX(1.5px)}}
@keyframes motc-cade{from{transform:translateY(-2px);opacity:1}to{transform:translateY(6px);opacity:0}}
.motc-page .mappa .giorni{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.motc-page .mappa .giorni button{border:1px solid var(--line);background:var(--sur);color:var(--tx);border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer}
.motc-page .mappa .giorni button.on{border-color:var(--acc);color:var(--acc);font-weight:700}
.motc-page .mappa .legenda{font-size:12px;color:var(--mu);margin:10px 0 0}
@media (prefers-reduced-motion:reduce){.motc-page .mappa .raggi,.motc-page .mappa .nuvola,.motc-page .mappa .goccia{animation:none}}
@media (max-width:1023px){.motc-page .mappa .corpo{grid-template-columns:1fr}}  /* 1.9.4: fino a 1023 px una colonna: su due colonne la mappa scendeva a 424 px e i nomi a 8,8 px */

/* 1.7.2 */
.motc-page .plan h3 .badge{font-size:11px;vertical-align:middle;margin-left:6px}
.motc-page .motc-colleghi details.altri{margin-top:6px}
.motc-page .motc-colleghi details.altri summary{cursor:pointer;color:var(--acc);font-size:13px;font-weight:600;padding:6px 0}

/* 1.7.3 */
.motc-page .fonte-colleghi{font-size:12px;color:var(--mu);margin:10px 0 0}
.motc-page .fonte-colleghi a{color:var(--acc)}

/* 1.8.1 — la foto non si taglia mai: riquadro fisso, foto contenuta, fondo neutro */
.motc-page .card .img{position:relative;overflow:hidden;aspect-ratio:4/3}
.motc-page .card .img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:transparent}
html[data-theme=light] .motc-page .card .img img,.motc-page[data-theme=light] .card .img img{background:transparent}
.motc-page .card .img.con-foto{background:var(--sur2)}
.motc-page .card .img .new{z-index:1}
/* 13/10/2026 — senza foto: l'immagine disegnata della categoria riempie il riquadro (anche nel tema chiaro) */
.motc-page .card .img img.img-categoria,html[data-theme=light] .motc-page .card .img img.img-categoria,
.motc-page[data-theme=light] .card .img img.img-categoria{object-fit:cover;background:#07090e}
/* 1.8.1 — carosello di figurine */
.motc-page .motc-carosello{position:relative}
.motc-page .motc-carosello .binario{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,300px);gap:14px;
  overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;scrollbar-width:thin}
.motc-page .motc-carosello .binario>*{scroll-snap-align:start}
.motc-page .motc-carosello.griglia .binario{grid-auto-flow:row;grid-auto-columns:auto;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));overflow:visible}
.motc-page .motc-carosello .nav{position:absolute;top:38%;z-index:2;width:38px;height:38px;border-radius:50%;
  border:1px solid var(--line);background:var(--sur);color:var(--tx);font-size:22px;cursor:pointer}
.motc-page .motc-carosello .nav.prev{left:-8px}.motc-page .motc-carosello .nav.next{right:-8px}
.motc-page .motc-carosello.griglia .nav{display:none}
.motc-page .motc-carosello-azioni{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}
.motc-page .motc-carosello-azioni button,.motc-page .motc-altre{border:1px solid var(--line);background:var(--sur);color:var(--tx);
  border-radius:999px;padding:8px 14px;font:inherit;font-size:13px;cursor:pointer}
.motc-page .motc-carosello .motc-altre{align-self:center;justify-self:center;height:auto}
.motc-page .card.fig .body{display:flex;flex-direction:column;gap:8px;padding:14px}
.motc-page .card.fig .name{font-size:17px;font-weight:700;line-height:1.2;margin:0}
.motc-page .card.fig .sottotitolo{font-size:12px;color:var(--mu)}
.motc-page .card.fig .numeri{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.motc-page .card.fig .numeri li{background:var(--sur2);border-radius:8px;padding:6px;text-align:center;font-size:11px;color:var(--mu);line-height:1.25}
.motc-page .card.fig .numeri b{display:block;font-size:15px;color:var(--tx)}
.motc-page .card.fig .consiglio{background:var(--sur2);border-left:3px solid var(--acc);border-radius:0 8px 8px 0;padding:8px 10px;font-size:13px;line-height:1.35}
.motc-page .card.fig .consiglio span{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--acc);font-weight:700;margin-bottom:2px}
.motc-page .card.fig .piede{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}
.motc-page .social{display:inline-flex;gap:4px}
.motc-page .social a,.motc-page .motc-colleghi .piat a{width:22px;height:22px;border-radius:6px;display:inline-grid;place-items:center;
  font-size:11px;font-weight:700;text-decoration:none;color:#fff}
.motc-page .social .fb,.motc-page .motc-colleghi .piat a.fb{background:#1877F2}
.motc-page .social .ig,.motc-page .motc-colleghi .piat a.ig{background:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF)}
.motc-page .social a:hover,.motc-page .motc-colleghi .piat a:hover{filter:brightness(1.15);outline:2px solid var(--acc)}

/* 1.8.2 — filtri: etichetta e filtro attivo ben visibile */
.motc-page .motc-filtri .etichetta{font-size:13px;color:var(--mu);margin-right:4px;align-self:center}
.motc-page .motc-filtri .chip.on{background:var(--acc)!important;border-color:var(--acc)!important;color:#0B2A20!important;font-weight:700}
.motc-page .motc-filtri .chip.on::before{content:"\2713  "}
.motc-page[data-theme=light] .motc-filtri .chip.on{color:#fff!important}
.motc-page .motc-filtro-attivo{font-size:13px;color:var(--mu);margin:8px 0 0}
.motc-page .motc-filtro-attivo strong{color:var(--tx)}
.motc-page .motc-filtro-attivo .tutti{background:none;border:0;color:var(--acc);text-decoration:underline;cursor:pointer;font:inherit;padding:0}
.motc-page .anteprima .read.chi{font-weight:600}

/* 1.8.3 — frecce del carosello: in alto a destra, piene, grandi, spariscono alle estremita' */
.motc-page .bh{flex-wrap:wrap}
.motc-page .bh .motc-frecce{margin-left:auto;display:flex;gap:10px}
.motc-page .motc-frecce .nav{width:46px;height:46px;border-radius:50%;border:0;background:var(--acc);color:#0B2A20;
  font-size:30px;font-weight:700;line-height:1;padding:0 0 4px;cursor:pointer;display:grid;place-items:center;
  box-shadow:0 3px 10px rgba(0,0,0,.45);transition:transform .15s,background .15s,color .15s}
.motc-page .motc-frecce .nav:hover{background:#fff;color:#0B2A20;transform:scale(1.08)}
.motc-page .motc-frecce .nav:focus-visible{outline:3px solid var(--blu);outline-offset:2px}
.motc-page .motc-frecce .nav.fermo{visibility:hidden}
.motc-page[data-theme=light] .motc-frecce .nav{color:#fff}
.motc-page[data-theme=light] .motc-frecce .nav:hover{background:var(--tx);color:#fff}
/* 1.8.3 — nel carosello "Mostra altri" sta IN FONDO, non nella prima colonna (la regola della
   griglia grid-column:1/-1 lo metteva prima delle figurine); in griglia torna a tutta riga */
.motc-page .motc-carosello .motc-altre{grid-column:auto;grid-row:auto;margin:0}
.motc-page .motc-carosello.griglia .motc-altre{grid-column:1/-1;margin:6px auto 0}

/* 1.9.0 — mappa: Tempo / Pollini */
.motc-page .mappa .modi{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;margin-bottom:10px}
.motc-page .mappa .modi button{border:0;background:var(--sur);color:var(--tx);padding:8px 16px;font:inherit;font-size:13px;cursor:pointer}
.motc-page .mappa .modi button.on{background:var(--acc);color:#0B2A20;font-weight:700}
.motc-page .mappa .polline{opacity:0;transition:opacity .45s ease}
.motc-page .mappa .polline.on{opacity:1}
.motc-page .mappa:not(.modo-pollini) .polline,.motc-page .mappa:not(.modo-pollini) .pannello-pollini{display:none}
.motc-page .mappa.modo-pollini .giorno,.motc-page .mappa.modo-pollini .legenda.tempo{display:none}
.motc-page .mappa .polline circle{stroke:#0B2A20;stroke-width:1.5}
.motc-page .mappa .pol-t{font:700 11px Poppins,sans-serif;fill:var(--tx)}
.motc-page .liv-assente circle,.motc-page .scala .liv-assente{fill:#8A94A6;background:#8A94A6}
.motc-page .liv-basso circle,.motc-page .scala .liv-basso{fill:#2FE3A5;background:#2FE3A5}
.motc-page .liv-medio circle,.motc-page .scala .liv-medio{fill:#FFB454;background:#FFB454}
.motc-page .liv-alto circle,.motc-page .scala .liv-alto{fill:#FF6B6B;background:#FF6B6B}
.motc-page .mappa .scala{font-size:12px;color:var(--mu);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.motc-page .mappa .scala i{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:-6px}
.motc-page .mappa .pollini-plus{font-size:12px;color:var(--mu)}
.motc-page .mappa .pollini-plus.evidenza{color:var(--tx);font-weight:600}
/* 1.9.0 — influenza */
.motc-page .influenza .curva{width:100%;max-width:640px;height:auto;display:block;margin:10px 0}
.motc-page .influenza .curva .linea{fill:none;stroke:var(--acc);stroke-width:3}
.motc-page .influenza .curva .area{fill:color-mix(in srgb,var(--acc) 18%,transparent);stroke:none}
.motc-page .influenza .curva .ultimo{fill:var(--acc)}
.motc-page .influenza .curva text{font:12px Poppins,sans-serif;fill:var(--mu)}
.motc-page .influenza .fonte{font-size:12px;color:var(--mu);margin:4px 0}
.motc-page .influenza .legenda{font-size:13px;color:var(--tx);margin:4px 0}

/* 1.9.1 — colleghi: le icone f/ig non escono piu' dal riquadro. Il nome si stringe (minmax 0)
   e, quando la colonna e' stretta, i dati scendono sotto il nome invece di spingere a destra. */
.motc-page .motc-colleghi{grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr))}
.motc-page .motc-colleghi .gruppo{container-type:inline-size}
.motc-page .motc-colleghi .elenco li{grid-template-columns:26px minmax(0,1fr) auto}
.motc-page .motc-colleghi .chi{min-width:0}
.motc-page .motc-colleghi .chi b{overflow-wrap:anywhere}
.motc-page .motc-colleghi .chi small{max-width:100%}
.motc-page .motc-colleghi .piat{flex:none}
@container (max-width:460px){
  .motc-page .motc-colleghi .elenco li{grid-template-columns:26px minmax(0,1fr);row-gap:4px}
  .motc-page .motc-colleghi .dati{grid-column:2;flex-wrap:wrap;row-gap:4px}
}

/* 1.9.1 — su telefono i filtri stanno su una riga che scorre col dito: le figurine restano in vista */
@media (max-width:700px){
  .motc-page .motc-filtri{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;
    margin-right:-4px;padding-bottom:4px}
  .motc-page .motc-filtri::-webkit-scrollbar{display:none}
  .motc-page .motc-filtri .chip,.motc-page .motc-filtri .etichetta{flex:none;white-space:nowrap}
}

/* 1.9.1 — la mappa intera sta in uno schermo: niente Sicilia da cercare scorrendo sui portatili */
.motc-page .mappa svg.italia{max-height:calc(100vh - 140px);min-height:320px}

/* 1.9.2 — SPOT+ sempre visibile in alto (doc 08 §7, decisione del 28/09/2026) */
.motc-page .motc-piano .lbl.plus{opacity:1;color:#0B2A20;background:var(--acc);border:1px solid var(--acc);font-size:11.5px}
.motc-page .motc-piano .lbl.plus:hover,.motc-page .motc-piano .lbl.plus:focus{color:#0B2A20;filter:brightness(1.1);outline:2px solid var(--acc);outline-offset:2px}
/* 1.9.2 — marchio del titolare e link Segnala sotto il nome */
.motc-page .marchio{font-size:11px;color:var(--mu);margin:2px 0 4px}
.motc-page .marchio a{color:var(--mu);text-decoration:underline}
.motc-page .marchio a:hover{color:var(--acc)}
/* 1.9.2 — mappa: qualita' dell'aria ed etichette SPOT+ sui giorni dopo oggi */
.motc-page .mappa .aria-c{opacity:0;transition:opacity .45s ease}
.motc-page .mappa .aria-c.on{opacity:1}
.motc-page .mappa .aria-c circle{stroke:#0B2A20;stroke-width:1.5}
.motc-page .mappa .liv-entro,.motc-page .mappa .aria-c.liv-entro circle{fill:#2FE3A5;background:#2FE3A5}
.motc-page .mappa .liv-oltre,.motc-page .mappa .aria-c.liv-oltre circle{fill:#FFB454;background:#FFB454}
.motc-page .mappa:not(.modo-aria) .aria-c,.motc-page .mappa:not(.modo-aria) .pannello-aria{display:none}
.motc-page .mappa.modo-aria .giorno,.motc-page .mappa.modo-aria .legenda.tempo,.motc-page .mappa.modo-aria .polline{display:none}
.motc-page .mappa .giorni .t-plus{display:none;font:700 11px "JetBrains Mono",monospace;background:var(--acc);color:#0B2A20;border-radius:4px;padding:1px 4px;margin-left:4px}
.motc-page .mappa.modo-pollini .giorni .t-plus,.motc-page .mappa.modo-aria .giorni .t-plus{display:inline-block}
.motc-page .mappa .pollini-plus{display:none}
.motc-page .mappa .pollini-plus.evidenza{display:block;color:var(--tx);font-weight:600}
/* 1.9.2 — influenza: il dato dell'ultima settimana per chi ha SPOT */
.motc-page .influenza .ultimo-dato{font-size:15px;color:var(--tx);margin:6px 0}
.motc-page .influenza .ultimo-dato b{font:700 22px "JetBrains Mono",monospace;color:var(--acc)}
/* 1.9.2 — Piani: prezzo con la dizione esatta (ADS-12) e nota sulla fattura */
.motc-page .plan .prezzo{font-size:15px;font-weight:700;color:var(--tx);margin:8px 0 12px}
.motc-page .plan .prezzo.prezzo-anno{font-weight:500;margin:-6px 0 12px}
.motc-page .nota-iva{font-size:12px;color:var(--mu);margin:12px 0 0}
/* 1.9.2 — promemoria SPOT+ una volta per visita */
.motc-page .motc-promemoria{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:50;
  width:min(640px,calc(100vw - 32px));display:flex;gap:10px;align-items:center;background:var(--sur2);
  border:1px solid var(--acc);border-radius:12px;padding:12px 14px;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.motc-page .motc-promemoria[hidden]{display:none}
.motc-page .motc-promemoria p{margin:0;font-size:14px;color:var(--tx);flex:1}
.motc-page .motc-promemoria a{color:var(--acc);font-weight:700;white-space:nowrap}
.motc-page .motc-promemoria .chiudi{background:none;border:0;color:var(--mu);font-size:22px;line-height:1;cursor:pointer;min-width:44px;min-height:44px}
/* 1.9.2 — su telefono le scritte di pollini e aria non si leggono sulla mappa (7 px): pallini sulla
   mappa, e sotto l'elenco delle citta' con la stessa scritta */
.motc-page .mappa .elenco-mappa{display:none;list-style:none;margin:10px 0 0;padding:0;font-size:13px;color:var(--tx)}
.motc-page .mappa .elenco-mappa li{display:none;padding:3px 0}
.motc-page .mappa .elenco-mappa li.on{display:block}
.motc-page .mappa .elenco-mappa i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}
.motc-page .mappa .elenco-mappa b{margin-right:4px}
@media (max-width:640px){
  .motc-page .mappa.modo-pollini .elenco-pollini,.motc-page .mappa.modo-aria .elenco-aria{display:block}
  .motc-page .mappa .polline text,.motc-page .mappa .aria-c text{display:none}
}
.motc-page .elenco-mappa .liv-assente{background:#8A94A6}.motc-page .elenco-mappa .liv-basso{background:#2FE3A5}
.motc-page .elenco-mappa .liv-medio{background:#FFB454}.motc-page .elenco-mappa .liv-alto{background:#FF6B6B}

/* 1.9.4 — link onesti: "vedi l'annuncio" nei colleghi, piattaforme scritte nelle figurine */
.motc-page .motc-colleghi .piat a.annuncio{width:auto;height:auto;padding:3px 8px;border-radius:6px;background:none;
  border:1px solid var(--line);color:var(--acc);font-size:11.5px;font-weight:600;white-space:nowrap;text-decoration:none}
.motc-page .motc-colleghi .piat a.annuncio:hover{border-color:var(--acc)}
.motc-page .social .piattaforme{font-size:11px;color:var(--mu);margin-right:4px}

/* 1.9.4 — Cosa preparare al banco; fascia del picco nel grafico SPOT+ dell'influenza */
.motc-page .banco .banco-griglia{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:14px}
.motc-page .banco .banco-sez{background:var(--sur2);border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.motc-page .banco h3{margin:0 0 4px;font-size:16px;color:var(--tx)}
.motc-page .banco .perche{margin:0 0 8px;font-size:13px;color:var(--mu)}
.motc-page .banco ul{margin:0;padding-left:18px;color:var(--tx);font-size:14px;line-height:1.55}
.motc-page .influenza .curva .fascia{fill:color-mix(in srgb,var(--amb) 22%,transparent);stroke:none}
.motc-page .influenza .curva .fascia-t{font-size:11px;fill:var(--amb)}
.motc-page .influenza .fascia-frase{font-size:14px;color:var(--tx);margin:6px 0 2px}
.motc-page .influenza .riga-banco{font-weight:600}
@media (max-width:640px){.motc-page .influenza .curva text,.motc-page .influenza .curva .fascia-t{font-size:27px}}
/* 1.9.4 — sul telefono la mappa (273 px) non contiene scritte leggibili: nomi e temperature erano a 8 px e,
   ingranditi, si toccavano. Sulla mappa restano simboli e pallini; i dati leggibili stanno nell'elenco sotto. */
@media (max-width:640px){
  .motc-page .mappa svg.italia text{display:none}
  .motc-page .mappa:not(.modo-pollini):not(.modo-aria) .elenco-tempo{display:block}
}

/* 1.9.4 — anteprime SPOT+ col dato vero: etichetta sopra, grafico sfocato dalla meta', pallini senza scritte */
.motc-page .badge.plus-arrivo{background:var(--acc);color:#0B2A20;border-color:var(--acc);text-decoration:none;font-weight:700}
.motc-page .badge.plus-arrivo:hover,.motc-page .badge.plus-arrivo:focus{filter:brightness(1.1);outline:2px solid var(--acc);outline-offset:2px}
.motc-page .mappa.giorno-dopo .pannello-pollini > .read{display:none}
/* 1.9.4 — link legali anche nella pagina d'ingresso pubblica */
.motc-page .wrap > .lnk{margin:16px 0 0;font-size:13px;color:var(--mu);text-align:center}
.motc-page .wrap > .lnk a{color:var(--acc);font-weight:600;text-decoration:none}

/* 1.9.4 — una fonte non ha risposto: la sezione resta e lo dice */
.motc-page .avviso-fonte{margin:10px 0;padding:10px 14px;border-left:4px solid var(--amb);background:var(--sur2);color:var(--tx);font-size:14px;line-height:1.45;border-radius:6px}
.motc-page .blk.ferma .avviso-fonte{margin-top:6px}

/* 1.9.4 — influenza per chi ha SPOT: la seconda meta' non arriva alla pagina, al suo posto una fascia vuota */
.motc-page .influenza .curva .velo{fill:var(--sur2);opacity:.95}
.motc-page .influenza .curva .velo-t{fill:var(--mu);font-weight:700;letter-spacing:.08em}

/* 1.9.5 — anteprima SPOT+ dell'influenza: una luce passa dietro il vetro smerigliato. Si muove il contenitore,
   mai il dato. Tre passaggi (uno ogni 4 s) quando la sezione entra nello schermo, poi fermo. */
.motc-page .influenza .curva .luce-s0{stop-color:var(--acc);stop-opacity:0}
.motc-page .influenza .curva .luce-s1{stop-color:var(--acc);stop-opacity:.35}
.motc-page .influenza .curva .luce{opacity:0;transform:translateX(0)}
.motc-page .influenza .curva.anima .luce{animation:motc-luce 4s ease-in-out 3}
@keyframes motc-luce{0%{transform:translateX(0);opacity:0}8%{opacity:1}55%{transform:translateX(var(--corsa));opacity:1}62%{opacity:0}100%{transform:translateX(var(--corsa));opacity:0}}
@media (prefers-reduced-motion:reduce){.motc-page .influenza .curva .luce{display:none;animation:none}}

/* 1.9.5 — il riquadro vuoto dice cosa c'e' dentro (fermo, in chiaro) */
.motc-page .influenza .curva-box{position:relative;max-width:640px}
.motc-page .influenza .curva-box .curva{margin:10px 0}
.motc-page .influenza .velo-testo{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:4px;padding:6px 10px;text-align:center;pointer-events:none;margin-top:10px}
.motc-page .influenza .velo-testo b{font:700 12px "JetBrains Mono",monospace;letter-spacing:.08em;color:var(--mu)}
.motc-page .influenza .velo-testo span{font-size:12.5px;line-height:1.35;color:var(--tx);max-width:26em}
.motc-page .influenza .velo-sotto{display:none;margin:0 0 8px;font-size:13px;color:var(--tx)}
.motc-page .influenza .velo-sotto b{font:700 12px "JetBrains Mono",monospace;color:var(--mu);margin-right:4px}
@media (max-width:640px){.motc-page .influenza .velo-testo span{display:none}.motc-page .influenza .velo-sotto{display:block}}

/* 1.9.5 — anteprime SPOT+ che si muovono: solo il contenitore, mai il dato, una volta sola */
/* pallini dei giorni futuri: pulsano uno dopo l'altro da nord a sud (il colore, cioe' il dato, non cambia) */
.motc-page .mappa .anteprima.pulsa circle{transform-box:fill-box;transform-origin:center;animation:motc-pulsa 1.1s ease-in-out 1 both;animation-delay:var(--ritardo,0s)}
@keyframes motc-pulsa{0%{transform:scale(1)}40%{transform:scale(1.45)}100%{transform:scale(1)}}
/* etichetta SPOT+ in alto: un respiro lento, tre volte, poi ferma */
.motc-page .motc-piano .lbl.plus.respira{animation:motc-respiro 3.2s ease-in-out 3}
@keyframes motc-respiro{0%,100%{box-shadow:0 0 0 0 rgba(47,227,165,0)}50%{box-shadow:0 0 0 6px rgba(47,227,165,.28)}}
/* promemoria: entra scorrendo dal basso */
.motc-page .motc-promemoria:not([hidden]){animation:motc-sale .5s ease-out 1 both}
@keyframes motc-sale{from{transform:translate(-50%,24px);opacity:0}to{transform:translate(-50%,0);opacity:1}}
@media (prefers-reduced-motion:reduce){
  .motc-page .mappa .anteprima.pulsa circle,.motc-page .motc-piano .lbl.plus.respira,.motc-page .motc-promemoria:not([hidden]){animation:none}
}

/* 1.9.6 (Alessandro, 29/09/2026): il logo sta fermo. Un logo che si muove sempre e' rumore di fondo e toglie
   forza al resto. Restano animate solo le icone del meteo (sono il dato) e le anteprime SPOT+. */
.motc-page .k-o1,.motc-page .k-o2,.motc-page .px .wm,
.motc-page .k-logo-svg .k-nodo1,.motc-page .k-logo-svg .k-nodo2,.motc-page .k-logo-svg .k-nodo3,.motc-page .k-logo-svg .k-nodo4,
.motc-page .k-logo-svg .k-pharma,.motc-page[data-theme=light] .k-logo-svg .k-pharma{animation:none}
/* 1.9.6: il pallino "spot in onda" pulsa tre volte all'apertura ("e' in diretta") e poi smette di dirlo */
.motc-page .stat .pulse{animation:p 1.8s 3}
@media (prefers-reduced-motion:reduce){.motc-page .stat .pulse,.motc-page .promo .track{animation:none;transition:none}}

/* 1.9.6 — presentazione per chi non ha fatto l'accesso (solo testo e icone) e "In arrivo" nei Piani */
.motc-page.motc-pres .wrap{max-width:1080px;margin:0 auto;padding:0 16px}
.motc-page .pres-apertura{padding:48px 0 28px}
.motc-page .pres-apertura h1{margin:6px 0 10px;font-size:clamp(30px,5vw,46px);line-height:1.1}
.motc-page .pres-titolo{font-size:clamp(19px,2.6vw,24px);font-weight:600;color:var(--tx);margin:0 0 10px;max-width:34em}
.motc-page .pres-sotto{font-size:16px;color:var(--mu);margin:0 0 20px;max-width:40em}
.motc-page.motc-pres .azioni{display:flex;gap:12px;flex-wrap:wrap}
.motc-page.motc-pres .azioni a{display:inline-block;padding:11px 20px;border-radius:10px;font-weight:600;text-decoration:none;font-size:15px}
.motc-page.motc-pres .azioni .primario{background:var(--acc);color:#0B2A20}
.motc-page.motc-pres .azioni .secondario{border:1px solid var(--acc);color:var(--acc)}
.motc-page .pres-problema p{font-size:17px;margin:4px 0}
.motc-page .pres-griglia{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:10px}
.motc-page .pres-voce{background:var(--sur2);border:1px solid var(--line);border-radius:14px;padding:16px}
.motc-page .pres-voce h3{margin:8px 0 6px;font-size:17px}
.motc-page .pres-voce p{margin:0;font-size:14.5px;color:var(--mu);line-height:1.5}
.motc-page .pres-icona{width:36px;height:36px;color:var(--acc)}
.motc-page .pres-plus h2 .badge{font-size:12px;vertical-align:middle;margin-left:8px}
.motc-page .pres-plus p{font-size:16px;max-width:44em}
.motc-page .pres-arrivo{margin-top:16px;border:1px dashed var(--line);border-radius:12px;padding:12px 16px}
.motc-page .pres-arrivo h3{margin:0 0 6px;font-size:15px;color:var(--mu);letter-spacing:.04em}
.motc-page .pres-arrivo ul{margin:0 0 8px;padding-left:18px;font-size:14px;color:var(--tx)}
.motc-page .pres-addebito{margin:0;font-size:13px;color:var(--mu)}
.motc-page .pres-chiusura h2{font-size:clamp(20px,3vw,26px)}
.motc-page .pres-piede{font-size:13px;color:var(--mu)}

/* 1.9.8 — "Esci" in alto e messaggio dopo un accesso non riuscito */
.motc-page .motc-piano .lbl.esci{font-size:11.5px;border:1px solid var(--line);color:var(--mu);text-decoration:none;margin-left:6px}
.motc-page .motc-piano .lbl.esci:hover,.motc-page .motc-piano .lbl.esci:focus{color:var(--tx);border-color:var(--tx)}
.motc-page .avviso-accesso{margin:0 0 18px;font-size:15px}

/* 1.9.9 (Alessandro, 29/09/2026) — tre piani e banner sottili nell'anteprima.
   Il banner e' una riga sottile che porta ai Piani (nessun pulsante). Numero vero e fermo; si muove solo la luce,
   una volta quando il banner entra nello schermo; niente per chi chiede meno movimento. */
.motc-page .plan.spec{border-color:var(--line);border-style:dashed}
.motc-page .motc-banner{position:relative;overflow:hidden;display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;
  min-height:40px;margin:0 0 12px;padding:7px 14px;border:1px solid var(--line);border-left:3px solid var(--acc);border-radius:10px;
  background:var(--sur2);color:var(--tx);text-decoration:none;font-size:13.5px;line-height:1.35}
.motc-page .motc-banner:hover,.motc-page .motc-banner:focus{border-color:var(--acc);outline:none}
.motc-page .motc-banner:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.motc-page .motc-banner .bn-num{font:700 16px "JetBrains Mono",monospace;color:var(--acc)}
.motc-page .motc-banner .bn-piano{font:700 11px "JetBrains Mono",monospace;letter-spacing:.06em;color:var(--acc);white-space:nowrap;margin-left:auto}
.motc-page .motc-banner .bn-cosa{color:var(--mu);flex-basis:100%;font-size:12.5px}
.motc-page .motc-banner-fila{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0 12px;margin:0 0 8px}
.motc-page .motc-banner.bn-laboratorio,.motc-page .motc-banner.bn-social{border-left-style:dashed}
@media (min-width:900px){.motc-page .motc-banner .bn-cosa{flex-basis:auto;order:3}.motc-page .motc-banner .bn-piano{order:4}}
.motc-page .motc-banner .bn-luce{position:absolute;top:0;bottom:0;left:-40%;width:40%;pointer-events:none;opacity:0;
  background:linear-gradient(90deg,rgba(47,227,165,0),rgba(47,227,165,.22),rgba(47,227,165,0))}
.motc-page .motc-banner.anteprima.anima .bn-luce{animation:motc-bn-luce 2.4s ease-in-out 1 both}
@keyframes motc-bn-luce{0%{transform:translateX(0);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateX(350%);opacity:0}}
@media (prefers-reduced-motion:reduce){.motc-page .motc-banner.anteprima .bn-luce{display:none;animation:none}}
/* 1.9.9: tre piani affiancati solo quando il riquadro dei Piani e' largo abbastanza (conta il riquadro, non lo schermo:
   nel tema la colonna puo' essere stretta anche su un computer); sotto, uno sotto l'altro (mai due sopra e uno sotto) */
.motc-page #piani{container-type:inline-size}
.motc-page #piani .price{grid-template-columns:1fr}
@container (min-width:760px){.motc-page #piani .price{grid-template-columns:repeat(3,1fr)}}
/* 1.9.9: sul telefono il banner resta sottile: numero e testo sulla prima riga, piano e cosa aggiunge sulla seconda */
@media (max-width:640px){
  .motc-page .motc-banner{gap:2px 8px;padding:6px 12px;font-size:13px}
  .motc-page .motc-banner .bn-piano{margin-left:0}
  .motc-page .motc-banner .bn-cosa{flex-basis:auto;flex:1 1 12em;font-size:12px}
}
/* 1.9.9 (scelta 2a): banco SPOT+. Per chi ha SPOT le schede restano (titolo e perche' di oggi); al posto dell'elenco,
   tagliato sul server, solo quante categorie ci sono */
.motc-page .banco-sez.bloccata{border-style:dashed}
.motc-page .banco-sez .banco-chiuso{margin:10px 0 0;padding:10px 12px;border-radius:8px;background:var(--sur);color:var(--mu);
  font:600 12.5px "JetBrains Mono",monospace;letter-spacing:.04em}
.motc-page .banco-sez .banco-chiuso b{color:var(--acc);font-size:15px;margin-right:2px}
/* 1.9.9 — "Post social del giorno" (solo SPOTspecialist): testo, fonte, pulsante per copiare */
.motc-page .social-gruppo{margin:14px 0 0}
.motc-page .social-gruppo h3{margin:0 0 8px;font-size:15px}
.motc-page .social-post{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.motc-page .social-post li{background:var(--sur2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}
.motc-page .social-post .testo{margin:0;font-size:14.5px;line-height:1.45;color:var(--tx)}
.motc-page .social-post .fonte{margin:0;font-size:12px;color:var(--mu)}
.motc-page .social-post .copia{align-self:flex-start;margin-top:auto;font:600 12.5px Poppins,sans-serif;padding:6px 12px;border-radius:8px;
  border:1px solid var(--acc);background:transparent;color:var(--acc);cursor:pointer}
.motc-page .social-post .copia:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.motc-page .social-post .copia.fatto{background:var(--acc);color:#0B2A20}
/* 2.0.0 (Alessandro, 01/10/2026) — "Cosa preparare al banco" piu' evidente per chi ha SPOT. Riquadro chiuso in ambra,
   testo piu' grande. Le schede chiuse entrano una dopo l'altra (0, 80, 160 ms) una volta sola, quando la sezione
   entra nello schermo; si muove la scheda (opacita' e posizione), mai il numero; niente per chi chiede meno movimento. */
/* !important: la regola generale dei paragrafi (.motc-page p) mette il grigio con !important */
.motc-page .banco-sez .banco-chiuso{border:1px solid var(--amb);color:var(--amb)!important;font-size:14px}
.motc-page .banco-sez .banco-chiuso b{color:var(--amb)!important;font-size:18px}
.motc-page .banco.anima .banco-sez.bloccata{animation:motc-banco-entra .5s ease-out 1 both}
.motc-page .banco.anima .banco-sez.bloccata:nth-child(2){animation-delay:80ms}
.motc-page .banco.anima .banco-sez.bloccata:nth-child(n+3){animation-delay:160ms}
@keyframes motc-banco-entra{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.motc-page .banco .banco-sez.bloccata{animation:none}}
/* 2.0.0 — "Ordina su KonnectaSHOP" piu' grande e facile da toccare (44 px, anche sul telefono) */
.motc-page .buy{padding:13px 24px!important;min-height:44px!important;font-size:15px!important;border-radius:10px!important;
  max-width:100%!important;box-sizing:border-box!important;text-align:center!important}

/* 05/10/2026 — selettore di localita' (motc-localita.php) e riga "di quale localita' sono i dati" in ogni sezione */
.motc-page .motc-localita{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:6px 0 14px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--sur);font-size:14px}
.motc-page .motc-localita label{font-weight:600;font-size:12px;color:var(--mu)}
.motc-page .motc-localita select{font:inherit;font-size:14px;min-height:34px;padding:6px 10px;border-radius:8px;border:1px solid var(--line);background:var(--sur2);color:var(--tx);max-width:100%}
.motc-page .motc-localita button{font:inherit;min-height:34px;padding:6px 14px;border-radius:8px;border:1px solid var(--acc);background:var(--acc);color:var(--su-acc,#0B2A20);font-weight:700;cursor:pointer}
/* 06/10/2026 (Alessandro): la localita' dei dati sta in cima in un riquadro discreto, in una riga, non piu' fissa mentre si scorre */
.motc-page .motc-localita{margin:10px 0 0;gap:6px 10px;padding:6px 10px;font-size:13px}
.motc-page .motc-localita button:focus-visible,.motc-page .motc-localita select:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.motc-page .motc-localita .loc-ora{flex:1 1 200px;color:var(--mu);font-size:12px}
.motc-page .loc-riga{margin:-4px 0 10px;font-size:12.5px;font-weight:600;color:var(--mu);letter-spacing:.01em}
.motc-page .loc-riga span{color:var(--acc)}
.motc-page svg.italia g.altra{opacity:.28}
.motc-page svg.italia g.scelta .nome{font-weight:800}
.motc-page details.plus-citta>summary{cursor:pointer;list-style-position:inside}
.motc-page details.plus-citta>summary h4{display:inline}
@media (max-width:640px){.motc-page .motc-localita select{flex:1 1 100%}}
@media (max-width:760px){
  /* telefono: una riga sola (scelta e "Mostra"); l'etichetta resta per chi non vede, la riga di spiegazione la dice gia'
     ogni sezione ("Dati di ...", "Dato nazionale") */
  .motc-page:not(.motc-pres) .motc-localita{flex-wrap:nowrap;gap:8px;padding:6px 8px;margin:8px 0 0}
  .motc-page .motc-localita label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .motc-page .motc-localita select{flex:1 1 auto;min-width:0;min-height:44px}
  .motc-page .motc-localita button{min-height:44px}
  .motc-page .motc-localita .loc-ora{display:none}
}