/* 30/10/2026 · prezzi per canale (listino 2026-10-30). Usata da /prezzi e dalla sezione prezzi della home. */
/* 03/11 contrasto (QA): --cp-g-deep = verde per i testi sullo sfondo tenue (#E4F4F1), 5.2:1; --cp-gray = grigio dei dettagli del finto telefono, ≥ 5.3:1 su bianco e sulle bolle. */
.cp{--cp-g:var(--teal-ink,#1B7067);--cp-g-deep:#1B7067;--cp-gray:#5E6E78;--cp-soft:var(--teal-soft,#E4F4F1);--cp-ink:var(--ink,#111317);--cp-mut:var(--muted,#68717D);--cp-line:var(--line,#E2E5E9);--cp-surf:var(--surface,#fff);color:var(--cp-ink)}
.cp *{box-sizing:border-box}
.cp-top{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;justify-content:space-between}
.cp-bill{display:inline-flex;gap:4px;background:var(--cp-surf);border:1px solid var(--cp-line);border-radius:999px;padding:4px}
.cp-bill button{font:inherit;font-size:15px;font-weight:600;cursor:pointer;border:0;border-radius:999px;padding:10px 18px;min-height:44px;background:transparent;color:#33414a}
.cp-bill button[aria-pressed=true]{background:var(--cp-soft);color:var(--cp-g-deep)}
.cp-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:18px}
.cp-tab{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;cursor:pointer;font:inherit;border-radius:18px;padding:16px 18px;min-height:44px;border:1px solid var(--cp-line);background:var(--cp-surf);color:var(--cp-ink);transition:background .2s,color .2s,box-shadow .2s}
.cp-tab b{font-size:17px}.cp-tab span{font-size:14px;opacity:.8}
.cp-tab[aria-pressed=true]{background:var(--cp-ink);border-color:var(--cp-ink);color:#fff;box-shadow:0 14px 30px rgba(17,19,23,.16)}
.cp-panel{margin-top:22px}
.cp-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:24px;align-items:start}
.cp-two.top{align-items:stretch}
.cp-card{position:relative;background:var(--cp-surf);border:1px solid var(--cp-line);border-radius:24px;padding:30px;display:flex;flex-direction:column;gap:18px}
.cp-card.on{border:2px solid var(--cp-g);box-shadow:0 18px 44px rgba(27,112,103,.14)}
/* 03/11: la scheda unica delle sezioni a due colonne (WhatsApp, telefono, aziende tecniche) ha lo stesso riquadro della scheda scelta del chatbot: prima aveva solo il bordo chiaro, invisibile sullo sfondo della pagina. */
.cp-two>.cp-card{border:2px solid var(--cp-g);box-shadow:0 18px 44px rgba(27,112,103,.14)}
.cp-name{font-size:24px;font-weight:700;letter-spacing:-.01em}
.cp-sub{font-size:15px;color:var(--cp-mut);margin-top:4px}
.cp-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.cp-price b{font-size:52px;font-weight:800;letter-spacing:-.03em;line-height:1}
.cp-price s{font-size:18px;color:var(--cp-mut)}
.cp-note{font-size:14px;color:var(--cp-mut);margin-top:4px}
.cp-cta{display:flex;align-items:center;justify-content:center;min-height:50px;padding:14px 22px;border-radius:999px;background:var(--cp-g);color:#fff!important;font-weight:600;text-decoration:none;border:1px solid var(--cp-g);font:inherit;font-weight:600;cursor:pointer}
.cp-cta.ghost{background:var(--cp-surf);color:var(--cp-g)!important}
.cp-inc{border-top:1px solid #EEF0F2;padding-top:16px;display:flex;flex-direction:column;gap:11px;margin:0;list-style:none;padding-left:0}
.cp-inc>b{font-size:15px}
.cp-inc li{display:flex;gap:10px;font-size:15px;line-height:1.4}
.cp-inc li svg{flex:none;margin-top:1px}
.cp-pop{position:absolute;top:20px;right:20px;background:var(--cp-g);color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:5px 10px}
.cp-three{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;align-items:stretch}
.cp-box{background:var(--cp-surf);border:1px solid var(--cp-line);border-radius:24px;padding:26px;margin-top:20px}
.cp-k{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cp-g)}
.cp-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px;margin-top:14px}
.cp-step{background:var(--bg,#F7F7F5);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:8px}
.cp-step i{width:32px;height:32px;border-radius:50%;background:var(--cp-soft);color:var(--cp-g-deep);display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:700;font-size:14px}
.cp-step b{font-size:16px}.cp-step span{font-size:14.5px;line-height:1.5;color:var(--cp-mut)}
.cp-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px}
.cp-chars{display:grid;grid-template-columns:repeat(9,minmax(110px,1fr));gap:12px;overflow-x:auto;margin-top:16px;padding-bottom:4px}
.cp-pick{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;font:inherit;color:inherit;background:var(--bg,#F7F7F5);border-radius:18px;min-height:44px;border:2px solid transparent;padding:10px 8px 12px}
.cp-pick[aria-pressed=true]{background:var(--cp-soft);border-color:var(--cp-g)}
.cp-pick img{width:100%;height:220px;object-fit:contain;display:block}
.cp-pick b{font-size:14px}.cp-pick small{font-size:12px;color:var(--cp-mut)}
.cp-faces{display:flex;flex-wrap:wrap;gap:24px;margin-top:16px}
.cp-face-big{flex:0 1 300px;min-width:0;display:flex;flex-direction:column;gap:10px}
.cp-face-big img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:22px}
.cp-face-big b{font-size:26px;font-weight:800;letter-spacing:-.02em}
.cp-face-big span{font-size:15px;line-height:1.5;color:var(--cp-mut)}
.cp-face-grid{flex:1 1 520px;min-width:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-content:start}
.cp-face-grid .cp-pick{padding:6px 6px 8px}
.cp-face-grid .cp-pick img{height:auto;aspect-ratio:1;object-fit:cover;border-radius:14px}
.cp-face-grid .cp-pick b{font-size:13px;font-weight:600}
/* finto telefono con chat WhatsApp */
.cp-phone{width:310px;max-width:100%;margin:0 auto;background:#1b1f23;border-radius:52px;padding:11px;box-shadow:0 0 0 2px #3a4047,0 40px 80px rgba(17,19,23,.25);position:relative}
.cp-phone:before{content:"";position:absolute;top:22px;left:50%;transform:translateX(-50%);width:92px;height:26px;border-radius:999px;background:#000;z-index:2}
.cp-scr{border-radius:42px;overflow:hidden;background:#efeae2;display:flex;flex-direction:column;height:640px}
.cp-wh{background:#f6f6f6;padding:56px 12px 10px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #e2e2e2}
.cp-av{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex:none}
.cp-wb{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:7px;background-color:#efeae2;background-image:radial-gradient(rgba(0,0,0,.05) 1px,transparent 1.2px);background-size:16px 16px;overflow:hidden}
.cp-sys{align-self:center;background:#fff;color:#54656f;font-size:11.5px;border-radius:8px;padding:4px 10px;text-align:center;max-width:88%}
.cp-sys.y{background:#fff5c4;font-size:11px;line-height:1.4;padding:5px 10px}
.cp-in,.cp-out{max-width:84%;padding:6px 9px 4px;font-size:14px;line-height:1.36;color:#111b21;box-shadow:0 1px 0 rgba(0,0,0,.08)}
.cp-in{align-self:flex-start;background:#fff;border-radius:0 10px 10px 10px}
.cp-out{align-self:flex-end;background:#d9fdd3;border-radius:10px 0 10px 10px}
.cp-t{display:flex;justify-content:flex-end;align-items:center;gap:3px;font-size:10.5px;color:#54656f;margin-top:2px}
.cp-wf{background:#f6f6f6;padding:8px 10px 22px;display:flex;align-items:center;gap:8px}
.cp-wf span{flex:1;background:#fff;border-radius:18px;border:1px solid #e2e2e2;padding:8px 12px;font-size:14px;color:var(--cp-gray)}
/* agenda del telefono */
.cp-agenda{background:var(--cp-surf);border:1px solid var(--cp-line);border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:12px;min-width:0}
.cp-call{background:#111317;color:#fff;border-radius:16px;padding:12px 14px;display:flex;gap:12px;align-items:center}
.cp-call small{display:block;font-size:12.5px;color:#A3AAB5}
.cp-tag{background:#123A36;color:#7ADBCF;font-size:11.5px;font-weight:600;border-radius:999px;padding:5px 9px;white-space:nowrap}
.cp-soon{background:#FFF6D6;color:#6B4E00;font-size:12px;font-weight:600;border-radius:999px;padding:3px 9px;white-space:nowrap}
.cp-week{display:grid;grid-template-columns:30px repeat(5,minmax(0,1fr));gap:5px}
.cp-week.h{font-size:12px;color:var(--cp-mut);text-align:center}
.cp-hours{display:flex;flex-direction:column;font-size:10.5px;color:var(--cp-gray)}.cp-hours span{height:28px}
.cp-day{position:relative;height:252px;background:var(--bg,#F7F7F5);border-radius:8px}
.cp-ap{position:absolute;left:2px;right:2px;border-radius:7px;padding:3px 5px;display:flex;flex-direction:column;overflow:hidden;font-size:10.5px;line-height:1.2;background:#E9ECEA;color:#33414a}
.cp-ap.new{background:var(--cp-g);color:#fff;box-shadow:0 0 0 3px #7ADBCF}
.cp-new{display:flex;gap:10px;align-items:flex-start;background:var(--cp-soft);border-radius:12px;padding:10px 12px;font-size:13.5px;line-height:1.45}
/* pannelli scuri */
.cp-dark{background:#111317;background-image:linear-gradient(180deg,#123A36,#111317 60%);color:#fff;border-radius:28px;padding:36px;display:flex;flex-direction:column;gap:26px}
.cp-dark .cp-mini{background:rgba(255,255,255,.07);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:6px}
/* 03/11 contrasto: nei riquadri traslucidi sopra la sfumatura verde scura il grigio #A3AAB5 scendeva a 4.3:1; #B8BFC8 resta ≥ 5.4:1 in ogni punto. */
.cp-dark .cp-mini span,.cp-dark .cp-note{color:#B8BFC8}
.cp-dark .cp-cta{background:#fff;border-color:#fff;color:#111317!important}
.cp-tec{background:#111317;background-image:linear-gradient(180deg,#123A36,#111317 70%);color:#fff;border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:16px;min-width:0}
.cp-tec .cp-mini{background:rgba(255,255,255,.07);border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:10px}
.cp-tec ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.4}
/* tabella dettagli */
.cp-det{margin-top:56px}
.cp-det h2{text-align:center}
.cp-tw{overflow-x:auto;margin-top:18px}
.cp-tbl{min-width:640px;display:flex;flex-direction:column;gap:12px}
.cp-grid{display:grid;gap:12px;align-items:center}
.cp-heads{padding:0 20px}.cp-heads div{display:flex;flex-direction:column;align-items:center;gap:2px}.cp-heads b{font-size:17px}.cp-heads span{font-size:13px;color:var(--cp-mut)}
.cp-grp{background:var(--cp-surf);border:1px solid var(--cp-line);border-radius:16px;overflow:hidden}
.cp-grp>b{display:block;padding:13px 20px;font-size:15px;background:#FBFBFA}
.cp-grp .cp-grid{padding:12px 20px;border-top:1px solid #EEF0F2}
.cp-grp .cp-grid:nth-child(odd){background:#FBFBFA}
.cp-grp .cp-grid>span:first-child{font-size:14px;color:#33414a}
.cp-grp .cp-grid>span.sub{padding-left:18px;color:var(--cp-mut)}
.cp-c{display:flex;justify-content:center;align-items:center;gap:6px;font-size:14px;text-align:center}
.cp-legend{font-size:13px;color:var(--cp-mut);margin-top:10px;text-align:center}
.cp-more{display:flex;justify-content:center;margin-top:26px}
.cp-fx{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;pointer-events:none}
@media (max-width:720px){.cp-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.cp-tab{flex:0 0 auto;min-width:168px;scroll-snap-align:start}.cp-price b{font-size:44px}.cp-card{padding:24px}.cp-face-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cp-dark{padding:26px}}
@media (prefers-reduced-motion:reduce){.cp-tab{transition:none}}
/* telefono (30/10, Maurizio): niente schede da scorrere. Le cinque offerte stanno tutte nello schermo: tre canali sopra, Tutto insieme e Aziende tecniche sotto */
@media (max-width:720px){
  .cp-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;overflow:visible;padding:6px;background:#EEF0EF;border-radius:20px}
  .cp-tab{grid-column:span 2;min-width:0;align-items:center;justify-content:center;text-align:center;padding:10px 6px;border-radius:14px;border-color:transparent;background:transparent;gap:2px;box-shadow:none}
  .cp-tab:nth-child(n+4){grid-column:span 3}
  .cp-tab b{font-size:13.5px;line-height:1.2}
  .cp-tab span{font-size:11.5px;line-height:1.25}
  .cp-tab[aria-pressed=true]{background:var(--cp-ink);color:#fff;box-shadow:0 8px 18px rgba(17,19,23,.18)}
}