/* ===== Home nuova Cartomando — tutto sotto .cmh per non toccare il resto del sito ===== */
.cmh{--rosso:#CE1638;--rosso-scuro:#A30F2B;--rosso-chiaro:#FDECEF;--rosa:#DF274F;--rosa-scuro:#B81D3F;--rosa-chiaro:#F6E4E8;--rosa-medio:#ffbfcd;--oro:#FFB102;--oro-scuro:#6B4A00;
  --verde:#2FA33C;--grigio:#838383;--testo:#16131A;--testo2:#4A4A4A;--fondo:#FFF9FA;--notte:#1C0A10;--notte2:#2A0E17;
  font-family:Inter,system-ui,sans-serif;color:var(--testo);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:clip}
.cmh *{box-sizing:border-box}
.cmh a{color:inherit}
.cmh h1,.cmh h2{font-family:Inter,sans-serif;font-weight:900;letter-spacing:-.035em;line-height:1.05;margin:0}
.cmh h3{margin:0}
.cmh p{margin:0}
.cmh-wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.cmh-sez{padding:64px 0}
.cmh-occhiello{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--rosso);margin-bottom:10px}
.cmh-sez h2{font-size:clamp(28px,5vw,42px)}
.cmh-sottotit{color:var(--testo2);font-size:17px;margin-top:12px;max-width:600px}
.cmh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;text-decoration:none;
  font:700 16px/1 Inter,sans-serif;padding:16px 26px;border-radius:999px;transition:transform .15s,box-shadow .15s,background .15s}
.cmh-btn:active{transform:scale(.97)}
.cmh-btn--rosa{background:var(--rosso);color:#fff!important;box-shadow:0 10px 24px -8px rgba(206,22,56,.6)}
.cmh-btn--rosa:hover{background:var(--rosso-scuro)}
.cmh-btn--chiaro{background:rgba(255,255,255,.12);color:#fff!important;border:1px solid rgba(255,255,255,.25)}
.cmh-btn--bordo{background:#fff;color:var(--rosso)!important;border:1.5px solid var(--rosso)}

/* ---------- Apertura ---------- */
.cmh-hero{position:relative;color:#fff;padding:48px 0 60px;overflow:hidden;
  background:radial-gradient(700px 500px at 88% 8%,rgba(255,177,2,.28),transparent 60%),
  radial-gradient(900px 600px at 0% 100%,#7A0A1F 0%,transparent 60%),linear-gradient(160deg,#E0203F 0%,#CE1638 45%,#9A0D28 100%)}
.cmh-hero__stelle{position:absolute;inset:0;pointer-events:none;opacity:.9}
.cmh-hero__stelle i{position:absolute;width:10px;height:10px;background:#FFD466;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);animation:cmh-brilla 3s ease-in-out infinite}
@keyframes cmh-brilla{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}
.cmh-hero__griglia{position:relative;z-index:1;display:grid;gap:36px;align-items:center}
.cmh-hero h1{font-size:clamp(38px,9vw,68px)}
.cmh-hero h1 em{font-style:normal;color:#FFC83D}
.cmh-hero__testo{font-size:18px;color:rgba(255,255,255,.9);margin-top:22px;max-width:540px}
.cmh-hero__azioni{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.cmh-btn--oro{background:#FFB102;color:#2A1A00!important;box-shadow:0 12px 28px -10px rgba(60,0,10,.6)}
.cmh-btn--oro:hover{background:#FFC83D}
.cmh-luna{display:none;position:relative;justify-self:center;width:320px;height:320px}
.cmh-luna img{width:100%;height:100%;border-radius:50%;box-shadow:0 30px 80px -20px rgba(60,0,10,.7),0 0 0 14px rgba(255,255,255,.06),0 0 0 30px rgba(255,255,255,.04);animation:cmh-galleggia 6s ease-in-out infinite}
@keyframes cmh-galleggia{50%{transform:translateY(-10px)}}
.cmh-chip{position:absolute;background:#fff;color:#16131A;border-radius:16px;padding:10px 14px;font-size:13px;font-weight:700;box-shadow:0 14px 30px -10px rgba(60,0,10,.5);display:flex;align-items:center;gap:8px;white-space:nowrap}
.cmh-chip small{display:block;font-weight:500;color:#777;font-size:11px}
.cmh-omaggio{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:7px 14px 7px 7px;border-radius:999px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.2);font-size:14px;color:#fff}
.cmh-omaggio b{background:#FFB102;color:#2A1A00;border-radius:999px;padding:4px 10px;font-weight:800}
.cmh-numeri{display:flex;gap:28px;margin-top:32px;flex-wrap:wrap}
.cmh-numeri div{font-size:13px;color:rgba(255,255,255,.65)}
.cmh-numeri strong{display:block;font-size:22px;color:#fff;font-weight:800}
.cmh-hero__vivo{display:flex;align-items:center;gap:10px;font-size:14px;color:rgba(255,255,255,.85);margin-top:10px}
.cmh-hero__facce{display:flex}
.cmh-hero__facce img{width:34px;height:34px;border-radius:50%;border:2px solid #CE1638;object-fit:cover;margin-left:-8px;background:#3a2640}
.cmh-hero__facce img:first-child{margin-left:0}
.cmh-pallino{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--verde);box-shadow:0 0 0 0 rgba(47,163,60,.7);animation:cmh-pulsa 2s infinite}
@keyframes cmh-pulsa{70%{box-shadow:0 0 0 8px rgba(47,163,60,0)}100%{box-shadow:0 0 0 0 rgba(47,163,60,0)}}

/* ---------- Demo dell'app ---------- */
.cmh-demo{background:linear-gradient(180deg,var(--fondo),#fff)}
.cmh-demo__griglia{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:center;margin-top:32px}
.cmh-demo__griglia>*,.cmh-hero__griglia>*{min-width:0}
.cmh-passi{list-style:none;margin:0;padding:0;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;scroll-snap-type:x mandatory}
.cmh-passi::-webkit-scrollbar{display:none}
.cmh-passo{flex:0 0 auto;scroll-snap-align:start}
.cmh-passo button{display:flex;align-items:center;gap:8px;border:1.5px solid #EADDE0;background:#fff;border-radius:999px;padding:9px 14px 9px 9px;
  font:600 14px Inter,sans-serif;color:var(--testo2);cursor:pointer;white-space:nowrap;transition:all .2s}
.cmh-passo__n{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--rosso-chiaro);color:var(--rosso);font-size:12px;font-weight:800}
.cmh-passo button[aria-selected=true]{background:var(--rosso);border-color:var(--rosso);color:#fff}
.cmh-passo button[aria-selected=true] .cmh-passo__n{background:#fff}
.cmh-spiega{margin-top:20px;min-height:150px}
.cmh-spiega h3{font-size:22px;font-weight:800;letter-spacing:-.01em}
.cmh-spiega p{color:var(--testo2);margin-top:8px;font-size:16px}
.cmh-spiega ul{margin:12px 0 0;padding:0;list-style:none}
.cmh-spiega li{position:relative;padding-left:26px;margin-top:6px;font-size:15px;color:var(--testo2)}
.cmh-spiega li::before{content:"";position:absolute;left:0;top:4px;width:16px;height:16px;border-radius:50%;
  background:var(--rosso-chiaro) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='%23DF274F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.cmh-spiega__nav{display:flex;gap:10px;margin-top:20px;align-items:center}
.cmh-spiega__nav .cmh-btn{padding:12px 20px;font-size:15px}
.cmh-tocca{font-size:13px;color:var(--grigio);display:flex;align-items:center;gap:6px}
.cmh-fade{animation:cmh-entra .35s ease both}
@keyframes cmh-entra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* il telefono */
.cmh-tel{position:relative;width:300px;height:620px;margin:0 auto;border-radius:48px;background:#0E0B10;padding:11px;
  box-shadow:0 0 0 2px #2d2630,0 40px 80px -20px rgba(90,20,50,.45),0 20px 40px -20px rgba(0,0,0,.4)}
.cmh-tel::before{content:"";position:absolute;top:20px;left:50%;transform:translateX(-50%);width:92px;height:26px;background:#0E0B10;border-radius:20px;z-index:5}
.cmh-schermo{position:relative;width:100%;height:100%;border-radius:38px;overflow:hidden;background:#fff;font-size:12px;color:#000}
.cmh-scr{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateX(24px);transition:opacity .35s,transform .35s,visibility .35s}
.cmh-scr.attivo{opacity:1;visibility:visible;transform:none}
.cmh-stato{height:44px;flex:0 0 44px;display:flex;justify-content:space-between;align-items:flex-end;padding:0 26px 6px;font-weight:700;font-size:12px}
.cmh-stato span:last-child{letter-spacing:1px}
.cmh-lista{flex:1;overflow:hidden;padding:0 10px;background:#FAF7F8}
.cmh-scheda{background:#fff;border-radius:14px;padding:10px;margin-top:8px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.cmh-scheda__alto{display:flex;gap:10px}
.cmh-foto{position:relative;flex:0 0 auto}
.cmh-foto img,.cmh-foto__vuota{width:54px;height:54px;border-radius:50%;object-fit:cover;background:var(--rosa-chiaro);display:block}
.cmh-foto i{position:absolute;right:1px;bottom:1px;width:13px;height:13px;border-radius:50%;border:2px solid #fff;background:#aaa}
.cmh-nome{font-weight:800;font-size:14px;display:flex;align-items:center;gap:6px}
.cmh-pill{font-size:9.5px;font-weight:700;border-radius:999px;padding:2px 7px}
.st-available i,.cmh-dot.st-available{background:var(--verde)}
.st-inMeeting i,.st-inBreak i,.cmh-dot.st-inMeeting,.cmh-dot.st-inBreak{background:var(--oro)}
.cmh-pill.st-available{background:rgba(47,163,60,.12);color:#1F7A2A}
.cmh-pill.st-inMeeting,.cmh-pill.st-inBreak{background:rgba(255,177,2,.16);color:#8A5E00}
.cmh-pill.st-notAvailable{background:#F0F0F0;color:#838383}
.cmh-stelle{color:var(--oro);font-size:11px;letter-spacing:1px}
.cmh-stelle b{color:#333;letter-spacing:0;margin-left:3px}
.cmh-desc{color:#666;font-size:11px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px}
.cmh-tasti{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}
.cmh-tasto{border-radius:10px;padding:6px 0;text-align:center;font-weight:800;font-size:12px;line-height:1.15;background:var(--rosa);color:#fff}
.cmh-tasto small{display:block;font-weight:500;font-size:9.5px;opacity:.85}
.cmh-tasto--chiaro{background:var(--rosa-chiaro);color:var(--rosa)}
.cmh-tasto--spento{background:#F0F0F0;color:#999}
/* punto da toccare */
.cmh-hot{position:absolute;z-index:4;border:0;background:transparent;cursor:pointer;padding:0;border-radius:14px}
.cmh-hot::after{content:"";position:absolute;inset:-4px;border-radius:inherit;border:2.5px solid var(--rosa);animation:cmh-hot 1.6s ease-out infinite}
@keyframes cmh-hot{0%{opacity:1;transform:scale(.96)}100%{opacity:0;transform:scale(1.06)}}
.cmh-dito{position:absolute;z-index:5;pointer-events:none;width:30px;height:30px;border-radius:50%;background:rgba(223,39,79,.25);border:2px solid #fff;
  box-shadow:0 4px 10px rgba(0,0,0,.2);animation:cmh-dito 1.6s ease-in-out infinite}
@keyframes cmh-dito{0%,100%{transform:scale(1)}50%{transform:scale(.8)}}
/* profilo */
.cmh-rec{background:#FAF7F8;border-radius:10px;padding:8px 10px;margin-top:6px;font-size:10.5px;color:#555}
.cmh-rec b{color:#000;font-size:11px}
/* ricarica */
.cmh-conferma{margin-top:12px;border-radius:12px;padding:11px;text-align:center;background:var(--rosa);color:#fff;font-weight:800;font-size:13px}
.cmh-ok{position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:rgba(255,255,255,.94);text-align:center;opacity:0;visibility:hidden;transition:.3s}
.cmh-ok.vedi{opacity:1;visibility:visible}
.cmh-ok__cerchio{width:64px;height:64px;border-radius:50%;background:var(--verde);display:grid;place-items:center;margin:0 auto 10px;color:#fff;font-size:30px}
/* chat */
.cmh-msgs{flex:1;padding:10px 12px;display:flex;flex-direction:column;gap:7px;overflow:hidden;background:#FFF9FA;justify-content:flex-end}
.cmh-msg{max-width:80%;padding:8px 11px;border-radius:16px;font-size:11.5px;line-height:1.35;animation:cmh-entra .35s both}
.cmh-scrive{align-self:flex-start;background:#fff;border:1px solid #F0E6E9;border-radius:16px;padding:9px 12px;display:flex;gap:3px}
.cmh-scrive i{width:6px;height:6px;border-radius:50%;background:#bbb;animation:cmh-punti 1.2s infinite}
.cmh-scrive i:nth-child(2){animation-delay:.15s}.cmh-scrive i:nth-child(3){animation-delay:.3s}
@keyframes cmh-punti{0%,60%,100%{opacity:.3}30%{opacity:1}}
/* chiamata */
/* prenota */
.cmh-pren{flex:1;padding:6px 14px;overflow:hidden}
.cmh-pren h4{font-size:16px;margin:4px 0 2px}
.cmh-giorni{display:flex;gap:6px;margin-top:10px}
.cmh-giorni span{flex:1;border-radius:12px;border:1.5px solid #EEE;padding:7px 0;text-align:center;font-size:10px;color:#777;font-weight:600}
.cmh-giorni span b{display:block;font-size:15px;color:#000}
.cmh-giorni span.sel{border-color:var(--rosa);background:var(--rosa-chiaro)}
.cmh-orari{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}
.cmh-orari span{border-radius:10px;background:#F6F3F4;padding:8px 0;text-align:center;font-weight:700;font-size:11.5px}
.cmh-orari span.no{color:#ccc;text-decoration:line-through}
.cmh-orari span.sel{background:var(--rosa);color:#fff}

/* ---------- Cartomanti ---------- */
.cmh-carto{background:#fff}
.cmh-carto__testa{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px}
.cmh-vivo{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1F7A2A;background:rgba(47,163,60,.08);padding:7px 12px;border-radius:999px}
.cmh-griglia{display:grid;gap:12px;margin-top:28px}
.cmh-card{background:#fff;border:1px solid #F0E6E9;border-radius:18px;padding:14px;transition:box-shadow .2s,transform .2s}
.cmh-card:hover{box-shadow:0 14px 30px -14px rgba(90,20,50,.25);transform:translateY(-2px)}
.cmh-card .cmh-foto img,.cmh-card .cmh-foto__vuota{width:70px;height:70px}
.cmh-card .cmh-foto i{width:16px;height:16px;border-width:3px}
.cmh-card .cmh-nome{font-size:17px}
.cmh-card .cmh-pill{font-size:11px;padding:3px 9px}
.cmh-card .cmh-stelle{font-size:13px}
.cmh-card .cmh-desc{font-size:13.5px;color:var(--testo2)}
.cmh-card .cmh-tasti{gap:8px;margin-top:12px}
.cmh-card .cmh-tasto{display:block;text-decoration:none;border-radius:12px;padding:9px 0;font-size:15px}
.cmh-card .cmh-tasto small{font-size:12px}
.cmh-tutte{text-align:center;margin-top:28px}

/* ---------- Come funziona ---------- */
.cmh-come{background:var(--fondo)}
.cmh-3{display:grid;gap:14px;margin-top:32px;counter-reset:p}
.cmh-3 li{list-style:none;background:#fff;border-radius:20px;padding:22px;border:1px solid #F0E6E9;position:relative}
.cmh-3 li::before{counter-increment:p;content:counter(p);display:grid;place-items:center;width:38px;height:38px;border-radius:12px;
  background:var(--rosso);color:#fff;font-weight:800;font-size:17px;margin-bottom:14px}
.cmh-3 h3{font-size:18px;font-weight:800}
.cmh-3 p{color:var(--testo2);margin-top:6px;font-size:15px}
.cmh-3{padding:0}

/* ---------- Perché fidarsi ---------- */
.cmh-fid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}
.cmh-fid div{border-radius:18px;padding:18px;background:#fff;border:1px solid #F0E6E9}
.cmh-fid svg{width:30px;height:30px;color:var(--rosso)}
.cmh-fid strong{display:block;font-size:15px;margin-top:10px}
.cmh-fid span{display:block;font-size:13.5px;color:var(--testo2);margin-top:4px}

/* ---------- Voci dei clienti ---------- */
.cmh-voci{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin-top:28px;padding-bottom:8px;scrollbar-width:thin}
.cmh-voce{flex:0 0 min(300px,82%);scroll-snap-align:start;background:var(--fondo);border-radius:18px;padding:18px}
.cmh-voce p{font-size:15px;color:var(--testo2);margin-top:8px}
.cmh-voce b{display:block;margin-top:10px;font-size:14px}

/* ---------- Blog ---------- */
.cmh-blog{display:grid;gap:14px;margin-top:28px}
.cmh-art{display:flex;gap:14px;text-decoration:none;align-items:center}
.cmh-art img{width:110px;height:80px;object-fit:cover;border-radius:14px;flex:0 0 auto;background:var(--rosso-chiaro)}
.cmh-art strong{font-size:15.5px;line-height:1.3;display:block}
.cmh-art span{font-size:13px;color:var(--rosso);font-weight:700;margin-top:4px;display:block}

/* ---------- FAQ ---------- */
.cmh-faq{margin-top:28px;max-width:760px}
.cmh-faq details{border-bottom:1px solid #EFE5E8}
.cmh-faq summary{list-style:none;cursor:pointer;padding:18px 36px 18px 0;font-weight:700;font-size:16px;position:relative}
.cmh-faq summary::-webkit-details-marker{display:none}
.cmh-faq summary::after{content:"+";position:absolute;right:4px;top:12px;font-size:24px;font-weight:400;color:var(--rosso);transition:transform .2s}
.cmh-faq details[open] summary::after{transform:rotate(45deg)}
.cmh-faq details p{padding:0 0 18px;color:var(--testo2);font-size:15px}

/* ---------- Chiusura ---------- */
.cmh-fine{background:var(--notte);color:#fff;text-align:center;border-radius:28px;padding:44px 22px;margin:0 20px 56px;position:relative;overflow:hidden}
.cmh-fine::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 50% 0%,rgba(206,22,56,.45),transparent 70%)}
.cmh-fine>*{position:relative}
.cmh-fine h2{font-size:clamp(28px,6vw,40px)}
.cmh-fine p{color:rgba(255,255,255,.75);margin:12px auto 24px;max-width:460px}
.cmh-store{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.cmh-store a{display:inline-flex;align-items:center;gap:10px;background:#000;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:9px 16px;text-decoration:none;color:#fff;text-align:left}
.cmh-store small{display:block;font-size:10px;opacity:.8}
.cmh-store b{font-size:16px}
.cmh-store svg{width:22px;height:22px}

/* ---------- Schermi grandi ---------- */
@media (min-width:600px){
  .cmh-griglia{grid-template-columns:1fr 1fr}
  .cmh-fid{grid-template-columns:repeat(3,1fr)}
  .cmh-blog{grid-template-columns:repeat(3,1fr)}
  .cmh-art{flex-direction:column;align-items:flex-start}
  .cmh-art img{width:100%;height:170px}
}
@media (min-width:900px){
  .cmh-sez{padding:96px 0}
  .cmh-hero{padding:88px 0 96px}
  .cmh-hero__griglia{grid-template-columns:1.2fr .8fr}
  .cmh-luna{display:block}
  .cmh-demo__griglia{grid-template-columns:minmax(0,1fr) 340px;gap:56px}
  .cmh-demo__griglia .cmh-tel{order:2}
  .cmh-griglia{grid-template-columns:repeat(3,1fr)}
  .cmh-3{grid-template-columns:repeat(3,1fr)}
  .cmh-passi{flex-wrap:wrap}
  .cmh-fine{max-width:1080px;margin:0 auto 96px;padding:64px}
}
@media (max-width:380px){.cmh-tel{transform:scale(.92);margin:-24px auto}}

/* ---------- ritocchi: rosso del sito fuori dal telefono, pagina corta su telefono ---------- */
.cmh-card .cmh-tasto{background:var(--rosso)}
.cmh-card .cmh-tasto--chiaro{background:var(--rosso-chiaro);color:var(--rosso)}
.cmh-card .cmh-tasto--spento{background:#F0F0F0;color:#999}
.cmh-fine{background:linear-gradient(160deg,#E0203F,#CE1638 50%,#9A0D28)}
.cmh-fine::before{background:radial-gradient(500px 260px at 50% 0%,rgba(255,177,2,.3),transparent 70%)}
.cmh-fine p{color:rgba(255,255,255,.9)}
@media (max-width:599px){
  .cmh-sez{padding:48px 0}
  .cmh-griglia{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:22px -20px 0;padding:0 20px 8px;scrollbar-width:none}
  .cmh-griglia::-webkit-scrollbar{display:none}
  .cmh-card{flex:0 0 84%;scroll-snap-align:center}
  .cmh-scorri{display:block}
  .cmh-3{gap:10px;margin-top:22px}
  .cmh-3 li{display:grid;grid-template-columns:38px 1fr;column-gap:14px;padding:16px}
  .cmh-3 li::before{grid-row:span 2;margin:0}
  .cmh-3 h3{font-size:16px}
  .cmh-3 p{font-size:14px;margin-top:2px}
  .cmh-fid{grid-template-columns:1fr;gap:0;margin-top:18px}
  .cmh-fid div{display:grid;grid-template-columns:30px 1fr;column-gap:14px;border:0;border-bottom:1px solid #F3E7EA;border-radius:0;padding:14px 0}
  .cmh-fid svg{grid-row:span 2;width:26px;height:26px}
  .cmh-fid strong{margin:0}
  .cmh-fid span{font-size:13.5px;margin-top:2px}
  .cmh-sottotit{font-size:15.5px}
  .cmh-blog{gap:12px}
  .cmh-art img{width:96px;height:72px}
  .cmh-fine{margin:0 16px 40px;padding:36px 20px}
}
.cmh-scorri{display:none;font-size:13px;color:var(--grigio);margin-top:6px}

/* ---------- pulsanti come nell'app ufficiale (theme/button.theme.ts, colors.theme.ts) ---------- */
.cmh .cmh-tasti{gap:8px}
.cmh .cmh-tasto,.cmh .cmh-card .cmh-tasto{display:flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;color:#fff;text-decoration:none;
  padding:8px 6px;font-weight:800;line-height:1.1;text-align:left}
.cmh .cmh-tasto svg{width:15px;height:15px;flex:0 0 auto;fill:#fff}
.cmh .cmh-tasto small{display:block;font-weight:500;opacity:.95}
.cmh .cmh-tasto--chat{background:linear-gradient(135deg,#2A9D3F,#6BD35B)}
.cmh .cmh-tasto--call{background:linear-gradient(135deg,#1B7FD6,#4EC0F2)}
.cmh .cmh-card .cmh-tasto{padding:10px 8px;font-size:16px}
.cmh .cmh-card .cmh-tasto small{font-size:12.5px}
.cmh .cmh-card .cmh-tasto svg{width:19px;height:19px}
/* pulsanti principali: lampone pieno; secondari: lampone chiaro; giallo «review» */
.cmh .cmh-btn--rosa,.cmh .cmh-conferma{background:#DF274F;box-shadow:0 10px 24px -10px rgba(223,39,79,.65)}
.cmh .cmh-btn--rosa:hover{background:#C81F44}
.cmh .cmh-btn--bordo{background:#F6E4E8;color:#DF274F!important;border:0}
.cmh .cmh-btn--oro{background:linear-gradient(135deg,#FFB102,#FFD66B);color:#000!important}
.cmh .cmh-passo button[aria-selected=true]{background:#DF274F;border-color:#DF274F}
.cmh .cmh-banner-oro{background:linear-gradient(135deg,#FFE58A,#F6B93B);color:#6B4A00;box-shadow:0 3px 6px rgba(0,0,0,.15)}
.cmh .cmh-msg--io{background:#ffbfcd;color:#000}
.cmh .cmh-msg--lei{background:#F4F4F4;border:0}
.cmh .cmh-scrive{background:#F4F4F4;border:0}
.cmh .cmh-msgs{background:#fff}

/* ---------- riordino 26/9: tutto piu' chiaro ---------- */
.cmh-demo__griglia{margin-top:28px}
.cmh-demo__testo{order:1}
.cmh-demo__tel{order:2}
.cmh-prog{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:800;color:#DF274F;text-transform:uppercase;letter-spacing:.06em}
.cmh-prog__barra{flex:1;height:6px;border-radius:99px;background:#F6E4E8;overflow:hidden}
.cmh-prog__barra i{display:block;height:100%;width:16%;background:#DF274F;border-radius:99px;transition:width .35s}
.cmh-spiega{margin-top:14px;min-height:0}
.cmh-spiega h3{font-size:24px}
.cmh-spiega p{font-size:16.5px}
.cmh-finito{margin-top:14px!important;font-weight:600;color:#16131A!important}
.cmh-finito a{color:#DF274F;font-weight:800}
.cmh-nav{display:flex;gap:10px;justify-content:center;margin-top:22px}
.cmh-nav .cmh-btn{min-width:140px;padding:15px 22px}
.cmh-dito{display:none!important}
.cmh-fumetto{position:absolute;z-index:6;display:none;background:#16131A;color:#fff;font:700 11px Inter,sans-serif;padding:6px 10px;border-radius:8px;pointer-events:none;white-space:nowrap;animation:cmh-galleggia 1.6s ease-in-out infinite}
.cmh-fumetto::after{content:"";position:absolute;left:50%;margin-left:-5px;top:100%;border:5px solid transparent;border-top-color:#16131A}
.cmh-fumetto.giu::after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#16131A}
.cmh-3 li>div a{display:inline-block;margin-top:10px;font-weight:800;font-size:14px;color:#DF274F;text-decoration:none}
.cmh-nota{display:flex;gap:10px;align-items:flex-start;margin-top:18px;background:#FFF6E0;border-radius:14px;padding:12px 14px;font-size:14.5px;color:#4A3500;max-width:640px}
.cmh-nota span{flex:0 0 22px;height:22px;border-radius:50%;background:#FFB102;color:#fff;font-weight:900;display:grid;place-items:center;font-size:13px;font-style:italic}
@media (max-width:899px){
  .cmh-passi{display:none}
  .cmh-spiega ul{display:none}
  .cmh-spiega{min-height:108px}
  .cmh-demo__intro .cmh-sottotit{display:none}
}
@media (max-width:599px){
  .cmh-3 li{grid-template-columns:38px 1fr}
  .cmh-3 li::before{grid-row:span 1}
}
@media (min-width:900px){
  .cmh-demo__griglia{grid-template-columns:minmax(0,1fr) 340px}
  .cmh-passi{display:flex;flex-direction:column;gap:6px;margin-top:26px}
  .cmh-passo button{width:100%;border-radius:14px;padding:12px 14px;border-color:transparent;background:transparent}
  .cmh-passo button:hover{background:#FFF1F4}
  .cmh-passo button.fatto .cmh-passo__n{background:#DF274F;color:#fff}
}

/* ---------- scorrimento stile Apple ---------- */
.cmh-demo{padding-bottom:0}
.cmh-scrolly{position:relative}
.cmh-sticky{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;overflow:hidden}
.cmh-sticky .cmh-demo__griglia{margin-top:0;width:100%}
.cmh-demo__tel{display:flex;flex-direction:column;align-items:center}
.cmh-tel-scala{transform-origin:top left;position:relative}
.cmh-tel-scala>.cmh-tel-tilt{width:300px;height:620px;transform-origin:top left}
.cmh-tel-scala{transform-origin:0 0}
.cmh-tel-tilt{transform-style:preserve-3d;will-change:transform;transition:transform .12s linear}
.cmh-tel.gira{animation:cmh-gira .75s cubic-bezier(.2,.7,.2,1)}
@keyframes cmh-gira{0%{transform:perspective(1400px) rotateY(0) scale(1)}
  35%{transform:perspective(1400px) rotateY(-22deg) rotateX(6deg) translateY(-8px) scale(.95)}
  100%{transform:perspective(1400px) rotateY(0) scale(1)}}
.cmh-tel{margin:0}
.cmh-nav{min-height:52px;align-items:center}
.cmh-scorri-giu{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#999}
.cmh-scorri-giu i{width:22px;height:34px;border:2px solid #ccc;border-radius:12px;position:relative}
.cmh-scorri-giu i::after{content:"";position:absolute;left:50%;top:6px;width:4px;height:7px;margin-left:-2px;border-radius:2px;background:#DF274F;animation:cmh-rotella 1.5s ease-in-out infinite}
@keyframes cmh-rotella{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(12px)}}
@media (max-width:899px){
  .cmh-sticky{align-items:flex-start;padding-top:16px}
  .cmh-demo__griglia{gap:10px}
  .cmh-spiega{min-height:96px;margin-top:8px}
  .cmh-spiega h3{font-size:21px}
  .cmh-spiega p{font-size:15px;margin-top:4px}
  .cmh-nav{margin-top:8px;min-height:40px}
  .cmh-scorri-giu{flex-direction:row;font-size:12px}
  .cmh-scorri-giu i{width:16px;height:24px;border-radius:9px}
  .cmh-scorri-giu i::after{top:4px;height:5px}
}
@media (max-width:380px){.cmh-tel{transform:none;margin:0}}
@media (prefers-reduced-motion:reduce){.cmh-tel-tilt{transform:none!important}}

/* ---------- telefono 3D realistico, cornice minimal (27/9) ---------- */
.cmh-tel-tilt{transition:none!important;transform:perspective(2600px) rotateX(4deg) rotateY(-22deg)}
.cmh .cmh-tel{width:300px;height:620px;border-radius:50px;padding:6px;background:linear-gradient(145deg,#3b3b40,#161618 40%,#0c0c0d);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),inset 0 0 0 2px #000;transform-style:preserve-3d;animation:none!important}
.cmh .cmh-tel::before{top:17px;width:78px;height:23px;background:#000;border-radius:14px;transform:translateX(-50%) translateZ(2px);z-index:7}
.cmh-spessore{position:absolute;inset:0;border-radius:50px;background:linear-gradient(90deg,#2a2a2e,#0d0d0f 30%,#0d0d0f 70%,#2a2a2e);pointer-events:none}
.cmh .cmh-schermo{border-radius:44px;transform:translateZ(1px);background:#fff}
.cmh .cmh-scr{transition:none!important;will-change:transform,opacity;backface-visibility:hidden;background:#fff}
.cmh-riflesso{position:absolute;top:-30%;left:-60%;width:90%;height:160%;z-index:9;pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.55) 50%,rgba(255,255,255,0));mix-blend-mode:soft-light;opacity:.15}
.cmh-ombra{display:block;width:230px;height:26px;margin-top:-6px;border-radius:50%;background:radial-gradient(closest-side,rgba(60,10,25,.35),transparent);filter:blur(4px);pointer-events:none}
.cmh-hot,.cmh-fumetto{transition:opacity .25s}
.cmh-punti{display:none}
@media (max-width:899px){
  .cmh-sticky{align-items:stretch;padding:10px 0 14px}
  .cmh-sticky .cmh-demo__griglia{display:flex;flex-direction:column;height:100%;gap:0}
  .cmh-demo__tel{order:1;flex:1;justify-content:center}
  .cmh-demo__testo{order:2;text-align:center;padding:0 8px}
  .cmh-prog{display:none}
  .cmh-punti{display:flex;justify-content:center;gap:6px;margin-bottom:8px}
  .cmh-punti i{width:6px;height:6px;border-radius:99px;background:#EBD3D9;transition:width .35s,background .35s}
  .cmh-punti i.fatto{background:#DF274F;opacity:.45}
  .cmh-punti i.on{width:22px;background:#DF274F}
  .cmh-spiega{min-height:78px;margin:0}
  .cmh-spiega h3{font-size:19px}
  .cmh-spiega p{font-size:14.5px;line-height:1.4;margin-top:3px}
  .cmh-ombra{width:170px;height:18px;margin-top:-4px}
  .cmh-nav{margin-top:0;min-height:0}
  .cmh-nav .cmh-scorri-giu{display:none}
  .cmh-nav .cmh-btn{margin-top:6px;padding:12px 22px}
  .cmh-demo__intro h2{font-size:30px}
}
.cmh-cta-fine{display:none}
@media (max-width:899px){
  .cmh-nav{display:none}
  .cmh-spiega.ultimo p{display:none}
  .cmh-spiega.ultimo .cmh-cta-fine{display:inline-flex;margin-top:10px;padding:13px 26px}
}
.cmh .cmh-ombra{margin-top:22px}
@media (max-width:899px){.cmh .cmh-ombra{margin-top:12px}.cmh .cmh-demo__testo{margin-top:10px}}

/* Safari ignora overflow+border-radius in 3D: ritaglio con clip-path */
.cmh .cmh-schermo{clip-path:inset(0 round 44px);-webkit-clip-path:inset(0 round 44px);isolation:isolate}
.cmh-intro-desk{display:none}
@media (min-width:900px){
  .cmh-demo__intro{display:none}
  .cmh-demo{padding-top:0}
  .cmh-intro-desk{display:block;margin-bottom:28px}
  .cmh-intro-desk h2{font-size:40px}
  .cmh-sticky .cmh-demo__griglia{align-items:center}
  .cmh-passi{margin-top:18px!important}
  .cmh-passo button{padding:9px 14px!important}
}
@media (min-width:900px) and (min-height:900px){
  .cmh-intro-desk h2{font-size:52px}
  .cmh-spiega h3{font-size:30px}
  .cmh-spiega p{font-size:19px}
  .cmh-passo button{font-size:16px}
  .cmh-sticky .cmh-demo__griglia{grid-template-columns:minmax(0,1fr) auto;gap:80px}
}
/* prima schermata: tutto dentro lo schermo */
.cmh .cmh-lista .cmh-scheda{margin-top:7px;padding:9px 10px}
.cmh .cmh-lista .cmh-scheda:nth-child(n+4){display:none}
.cmh .cmh-lista{display:flex;flex-direction:column;justify-content:flex-start;padding-bottom:6px}

/* ---------- telefono piu' realistico (titanio) ---------- */
.cmh .cmh-tel{padding:9px;border:2.5px solid transparent;border-radius:54px;
  background:linear-gradient(#050505,#050505) padding-box,linear-gradient(150deg,#f1f1f3 0%,#9a9aa0 18%,#d9d9dd 38%,#6f6f75 60%,#c9c9ce 82%,#8a8a90 100%) border-box;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.cmh .cmh-spessore{border-radius:54px;background:#9a9aa0}
.cmh .cmh-schermo{border-radius:43px;clip-path:inset(0 round 43px);-webkit-clip-path:inset(0 round 43px)}
.cmh .cmh-tel::before{top:20px;width:86px;height:25px;border-radius:15px;
  background:radial-gradient(circle at 76% 50%,#1d2a4a 0,#0b1020 3px,#000 4.5px) , #000}
.cmh-tasto-lat{position:absolute;left:-5px;width:4px;border-radius:2px 0 0 2px;transform:translateZ(-8px);
  background:linear-gradient(90deg,#6c6c72,#d6d6da 60%,#8d8d93)}
.cmh-tasto-lat--dx{left:auto;right:-5px;border-radius:0 2px 2px 0}
/* riflesso fisso sul vetro */
.cmh .cmh-schermo::after{content:"";position:absolute;inset:0;z-index:8;pointer-events:none;border-radius:inherit;
  background:linear-gradient(115deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,0) 28%,rgba(255,255,255,0) 72%,rgba(255,255,255,.08) 100%)}
.cmh .cmh-ombra{width:250px;height:34px;background:radial-gradient(closest-side,rgba(40,10,20,.42),rgba(40,10,20,.12) 60%,transparent);filter:blur(6px)}
@media (max-width:899px){.cmh .cmh-ombra{width:180px;height:22px}}
/* prospettiva corretta: si ruota attorno al centro del telefono */
.cmh .cmh-tel-scala>.cmh-tel-tilt{transform-origin:50% 50%}

/* ---------- prospettiva realistica + margini di sicurezza dello schermo ---------- */
.cmh .cmh-schermo{--ombra-vetro:.08}
.cmh .cmh-schermo::before{content:"";position:absolute;inset:0;z-index:8;pointer-events:none;border-radius:inherit;
  background:linear-gradient(90deg,rgba(0,0,0,var(--ombra-vetro)),rgba(0,0,0,0) 55%)}
.cmh-home-ind{position:absolute;left:50%;bottom:7px;width:112px;height:4px;margin-left:-56px;border-radius:3px;background:#111;z-index:9;opacity:.85;pointer-events:none}
.cmh .cmh-home-ind{background:#fff;mix-blend-mode:difference;opacity:.9}
/* margini come iOS: niente testo sotto gli angoli arrotondati */
.cmh .cmh-stato{padding:0 30px 6px 32px}
.cmh .cmh-app-testa{padding:4px 18px 9px}
.cmh .cmh-filtri{padding:10px 14px 3px}
.cmh .cmh-lista{padding:0 12px 6px}
.cmh .cmh-barra{flex:0 0 72px;padding:6px 12px 20px}
.cmh .cmh-barra span{font-size:8.5px}
.cmh .cmh-pren{padding:6px 18px}
.cmh .cmh-ric{padding:0 16px}
.cmh .cmh-ric-titolo{margin:0 -16px}
.cmh .cmh-chat-testa{padding:4px 16px 8px}
.cmh .cmh-msgs{padding:10px 16px}
.cmh .cmh-campo{padding:8px 16px 26px}
.cmh .cmh-call-tasti{margin-bottom:52px}
.cmh .cmh-lista .cmh-scheda:nth-child(n+3) .cmh-desc{-webkit-line-clamp:1}
/* niente zoom da doppio tocco sul telefono disegnato; didascalia sempre sotto */
.cmh .cmh-demo__tel,.cmh .cmh-schermo{touch-action:manipulation}
@media (max-width:899px){.cmh .cmh-demo__testo{flex:0 0 auto}.cmh .cmh-demo__tel{flex:1 1 auto;min-height:0;overflow:visible}}
/* banner con i colori dell'app: sfumatura della schermata d'avvio (assets/images/splash-background.png) #DF274F -> #871831, giallo accento #FFC02D */
.cmh .cmh-hero{background:linear-gradient(180deg,#E42A55 0%,#DF274F 35%,#CC2347 70%,#BA1F42 100%)}
.cmh .cmh-hero h1 em{color:#FFC02D;background:none;-webkit-text-fill-color:#FFC02D}
.cmh .cmh-fine{background:linear-gradient(180deg,#E42A55 0%,#DF274F 40%,#BA1F42 100%)}
.cmh .cmh-fine::before{display:none}
.cmh .cmh-hero__facce img{border-color:#D6264C}
/* luna di Cartomando che galleggia anche su telefono */
@media (max-width:899px){
  .cmh .cmh-hero__griglia{position:relative}
  .cmh .cmh-luna{display:block;position:absolute;top:-22px;right:18px;width:92px;height:92px;z-index:0;pointer-events:none}
  .cmh .cmh-luna img{box-shadow:0 14px 30px -10px rgba(80,0,20,.6),0 0 0 6px rgba(255,255,255,.07),0 0 0 13px rgba(255,255,255,.04);animation:cmh-galleggia-m 5s ease-in-out infinite}
  .cmh .cmh-luna .cmh-chip{display:none}
  .cmh .cmh-hero__griglia>div:first-child{position:relative;z-index:1}
}
@keyframes cmh-galleggia-m{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(4deg)}}
@media (max-width:359px){.cmh .cmh-luna{width:66px;height:66px;right:12px;top:-18px}}

/* ---------- 3 passi animati ---------- */
.cmh-passi3{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cmh-p3{min-width:0}
.cmh-p3__traccia{display:flex;align-items:center;gap:0;margin-bottom:16px}
.cmh-p3__num{position:relative;flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center}
.cmh-p3__num svg{position:absolute;inset:0;transform:rotate(-90deg)}
.cmh-p3__num circle{fill:none;stroke-width:3}
.cmh-p3__num .t{stroke:#F3DDE3;fill:#fff}
.cmh-p3__num .a{stroke:#DF274F;stroke-linecap:round;stroke-dasharray:144.5;stroke-dashoffset:144.5}
.cmh-p3__num b{position:relative;font-size:21px;font-weight:900;color:#C9B3B9;transition:color .3s}
.cmh-p3__linea{flex:1;height:3px;border-radius:3px;background:#F3DDE3;margin:0 -11px 0 10px;overflow:hidden}
.cmh-p3__linea i{display:block;height:100%;width:0;background:linear-gradient(90deg,#DF274F,#FF7A97);border-radius:3px;transition:width .7s cubic-bezier(.4,0,.2,1)}
.cmh-p3:last-child .cmh-p3__linea{visibility:hidden}
.cmh-p3__card{position:relative;height:calc(100% - 68px);background:#fff;border:1.5px solid #F2E4E8;border-radius:22px;padding:24px 22px 22px;
  transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .45s;overflow:hidden}
.cmh-p3__card::before{content:"";position:absolute;inset:0;background:radial-gradient(400px 160px at 0% 0%,rgba(223,39,79,.08),transparent 70%);opacity:0;transition:opacity .45s}
.cmh-p3__ico{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#FBEEF1;color:#DF274F;margin-bottom:14px;transition:background .45s,color .45s,transform .45s}
.cmh-p3__ico svg{width:24px;height:24px}
.cmh-p3 h3{position:relative;font-size:18px;font-weight:800}
.cmh-p3 p{position:relative;color:var(--testo2);margin-top:6px;font-size:15px}
.cmh-p3 a{position:relative;display:inline-block;margin-top:12px;font-weight:800;font-size:14px;color:#DF274F;text-decoration:none}
/* passo attivo */
.cmh-p3.on .cmh-p3__card{transform:translateY(-6px);border-color:#DF274F;box-shadow:0 22px 40px -22px rgba(223,39,79,.55)}
.cmh-p3.on .cmh-p3__card::before{opacity:1}
.cmh-p3.on .cmh-p3__ico{background:linear-gradient(135deg,#E42A55,#BA1F42);color:#fff;transform:rotate(-6deg) scale(1.06)}
.cmh-p3.on .cmh-p3__num b,.cmh-p3.fatto .cmh-p3__num b{color:#DF274F}
.cmh-p3.on .cmh-p3__num b{animation:cmh-num 0.6s cubic-bezier(.2,.9,.3,1.4)}
.cmh-p3.on .cmh-p3__num .a{animation:cmh-anello var(--durata,2.6s) linear forwards}
.cmh-p3.fatto .cmh-p3__num .a{stroke-dashoffset:0}
.cmh-p3.fatto .cmh-p3__num .t{fill:#DF274F;stroke:#DF274F}
.cmh-p3.fatto .cmh-p3__num b{color:#fff}
.cmh-p3.fatto .cmh-p3__linea i{width:100%}
@keyframes cmh-num{0%{transform:scale(.3) translateY(10px);opacity:0}100%{transform:none;opacity:1}}
@keyframes cmh-anello{from{stroke-dashoffset:144.5}to{stroke-dashoffset:0}}
@media (max-width:899px){
  .cmh-passi3{grid-template-columns:1fr;gap:0;margin-top:26px}
  .cmh-p3{display:grid;grid-template-columns:44px 1fr;column-gap:14px}
  .cmh-p3__traccia{flex-direction:column;margin:0;align-items:center}
  .cmh-p3__num{flex:0 0 44px;width:44px;height:44px}
  .cmh-p3__num b{font-size:18px}
  .cmh-p3__linea{width:3px;height:auto;flex:1;margin:6px 0 -2px;min-height:20px}
  .cmh-p3__linea i{width:100%!important;height:0;transition:height .7s cubic-bezier(.4,0,.2,1)}
  .cmh-p3.fatto .cmh-p3__linea i{height:100%}
  .cmh-p3__card{height:auto;margin-bottom:14px;padding:18px 18px 16px}
  .cmh-p3.on .cmh-p3__card{transform:translateX(4px)}
  .cmh-p3__ico{width:42px;height:42px;margin-bottom:10px}
  .cmh-p3 h3{font-size:17px}
  .cmh-p3 p{font-size:14.5px}
}
@media (prefers-reduced-motion:reduce){.cmh-p3 .cmh-p3__num .a{stroke-dashoffset:0}}
/* 3 passi compatti su telefono */
@media (max-width:899px){
  .cmh-passi3{margin-top:20px}
  .cmh-p3{grid-template-columns:36px 1fr;column-gap:12px}
  .cmh-p3__num{flex:0 0 36px;width:36px;height:36px}
  .cmh-p3__num b{font-size:15px}
  .cmh-p3__linea{margin:4px 0 -2px;min-height:12px}
  .cmh-p3__card{display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:center;padding:12px 14px;margin-bottom:10px;border-radius:16px}
  .cmh-p3__ico{width:34px;height:34px;border-radius:10px;margin:0}
  .cmh-p3__ico svg{width:18px;height:18px}
  .cmh-p3 h3{font-size:15.5px;line-height:1.25}
  .cmh-p3 p{grid-column:1 / -1;font-size:13.5px;line-height:1.4;margin-top:6px}
  .cmh-p3 a{grid-column:1 / -1;margin-top:6px;font-size:13px}
  .cmh-p3.on .cmh-p3__card{transform:translateX(3px)}
  .cmh-p3.on .cmh-p3__ico{transform:rotate(-6deg)}
}

/* ---------- banner iniziale: piu' bello e dinamico ---------- */
.cmh .cmh-hero{padding:40px 0 56px;isolation:isolate}
.cmh-hero__luci{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}
.cmh-hero__luci i{position:absolute;border-radius:50%;will-change:transform}
.cmh-hero__luci i:nth-child(1){width:620px;height:620px;left:-180px;top:-260px;background:radial-gradient(closest-side,rgba(255,120,150,.45),transparent);animation:cmh-luce1 16s ease-in-out infinite alternate}
.cmh-hero__luci i:nth-child(2){width:520px;height:520px;right:-160px;bottom:-240px;background:radial-gradient(closest-side,rgba(255,192,45,.14),transparent);animation:cmh-luce2 19s ease-in-out infinite alternate}
.cmh-hero__luci i:nth-child(3){width:420px;height:420px;left:45%;top:20%;background:radial-gradient(closest-side,rgba(120,0,40,.35),transparent);animation:cmh-luce3 22s ease-in-out infinite alternate}
@keyframes cmh-luce1{to{transform:translate(140px,90px) scale(1.15)}}
@keyframes cmh-luce2{to{transform:translate(-160px,-60px) scale(1.2)}}
@keyframes cmh-luce3{to{transform:translate(-120px,60px) scale(.85)}}
.cmh .cmh-hero__stelle,.cmh .cmh-hero__griglia{position:relative;z-index:1}
/* entrata in sequenza */
.cmh-in{opacity:0;transform:translateY(18px);animation:cmh-su .9s cubic-bezier(.2,.8,.2,1) forwards}
.cmh-hero__sx .cmh-in:nth-child(1){animation-delay:.05s}
.cmh-hero__sx .cmh-in:nth-child(2){animation-delay:.18s}
.cmh-hero__sx .cmh-in:nth-child(3){animation-delay:.36s}
.cmh-hero__sx .cmh-in:nth-child(4){animation-delay:.5s}
.cmh-hero__sx .cmh-in:nth-child(5){animation-delay:.64s}
.cmh-hero__dx .cmh-in{animation-delay:.75s}
@keyframes cmh-su{to{opacity:1;transform:none}}
.cmh h1.cmh-in span{display:inline-block}
/* pillola "online adesso" */
.cmh-live{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);
  color:#fff;font-size:13.5px;font-weight:600;margin-bottom:18px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.cmh-live .cmh-pallino{background:#4ADE6A}
/* vantaggi */
.cmh-vantaggi{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:8px 18px}
.cmh-vantaggi li{display:flex;align-items:center;gap:7px;font-size:14.5px;font-weight:600;color:rgba(255,255,255,.95)}
.cmh-vantaggi b{color:#FFC02D}
.cmh-vantaggi svg{width:18px;height:18px;color:#FFC02D;flex:0 0 auto}
.cmh .cmh-omaggio{display:none}
/* colonna destra */
.cmh-hero__dx{position:relative;display:flex;flex-direction:column;align-items:center}
.cmh .cmh-luna{position:relative;width:300px;height:300px;display:block}
.cmh .cmh-luna__img{position:absolute;inset:40px;width:220px;height:220px;border-radius:50%;
  box-shadow:0 30px 70px -20px rgba(70,0,20,.6),0 0 0 12px rgba(255,255,255,.07),0 0 0 26px rgba(255,255,255,.04);animation:cmh-galleggia 6s ease-in-out infinite}
.cmh-orbita{position:absolute;inset:0;border-radius:50%;border:1.5px dashed rgba(255,255,255,.28);animation:cmh-orbita 42s linear infinite}
.cmh-orb{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--a)) translateY(-150px)}
.cmh-orb__f{position:absolute;left:-27px;top:-27px;width:54px;height:54px;border-radius:50%;animation:cmh-controgiro 42s linear infinite;transform:rotate(calc(-1 * var(--a)))}
.cmh-orb__f img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 8px 20px -6px rgba(60,0,20,.6);display:block}
.cmh-orb__f i{position:absolute;right:0;bottom:1px;width:14px;height:14px;border-radius:50%;border:2.5px solid #fff;background:#aaa}
.cmh-orb__f.st-available i{background:#2FA33C}
.cmh-orb__f.st-inMeeting i,.cmh-orb__f.st-inBreak i{background:#FFB102}
@keyframes cmh-orbita{to{transform:rotate(360deg)}}
@keyframes cmh-controgiro{from{transform:rotate(calc(-1 * var(--a)))}to{transform:rotate(calc(-1 * var(--a) - 360deg))}}
/* scheda dal vivo */
.cmh-livecard{position:relative;width:340px;max-width:100%;margin-top:-28px;background:rgba(255,255,255,.97);color:#16131A;border-radius:22px;padding:14px;
  box-shadow:0 30px 60px -24px rgba(60,0,20,.65),0 0 0 1px rgba(255,255,255,.5)}
.cmh-livecard::before{content:"Adesso su Cartomando";position:absolute;top:-11px;left:16px;background:#16131A;color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;letter-spacing:.02em}
.cmh-livecard.cambia .cmh-livecard__in,.cmh-livecard.cambia .cmh-tasti{animation:cmh-scambio .6s cubic-bezier(.2,.8,.2,1)}
@keyframes cmh-scambio{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.cmh-livecard__in{display:flex;gap:12px;align-items:center}
.cmh-livecard .cmh-foto img{width:58px;height:58px}
.cmh-livecard .cmh-foto i{width:15px;height:15px;border-width:2.5px}
.cmh-livecard__txt{min-width:0}
.cmh-livecard .cmh-nome{font-size:16px}
.cmh-livecard .cmh-pill{font-size:10.5px}
.cmh-livecard .cmh-desc{font-size:12.5px;-webkit-line-clamp:1}
.cmh-livecard .cmh-tasti{margin-top:12px}
.cmh-livecard .cmh-tasto{padding:9px 6px;font-size:15px}
.cmh-livecard .cmh-tasto small{font-size:11.5px}
@media (min-width:900px){
  .cmh .cmh-hero{padding:72px 0 88px}
  .cmh .cmh-hero__griglia{grid-template-columns:1.15fr .85fr}
  .cmh .cmh-luna{width:360px;height:360px}
  .cmh .cmh-luna__img{inset:50px;width:260px;height:260px}
  .cmh-orb{transform:rotate(var(--a)) translateY(-180px)}
  .cmh .cmh-luna .cmh-chip{display:none}
}
@media (max-width:899px){
  .cmh .cmh-hero__griglia{gap:26px}
  .cmh .cmh-hero h1{font-size:clamp(34px,10vw,46px)}
  .cmh .cmh-hero__testo{font-size:16px;margin-top:14px}
  .cmh .cmh-hero__azioni{margin-top:22px}
  .cmh .cmh-hero__azioni .cmh-btn{padding:14px 20px;font-size:15px}
  .cmh-vantaggi{gap:8px 14px;margin-top:20px}
  .cmh-vantaggi li{font-size:13.5px}
  /* su telefono: niente orbita, la luna piccola resta in alto a destra */
  .cmh .cmh-luna{position:absolute;top:-6px;right:0;width:84px;height:84px}
  .cmh .cmh-hero__dx{position:static}
  .cmh .cmh-hero__griglia{position:relative}
  .cmh .cmh-luna__img{inset:0;width:84px;height:84px;box-shadow:0 14px 30px -10px rgba(80,0,20,.6),0 0 0 6px rgba(255,255,255,.07);animation:cmh-galleggia-m 5s ease-in-out infinite}
  .cmh-orbita{display:none}
  .cmh-livecard{width:100%;margin-top:0}
}
@media (max-width:359px){.cmh .cmh-luna,.cmh .cmh-luna__img{width:64px;height:64px}}
@media (prefers-reduced-motion:reduce){.cmh-in{opacity:1;transform:none}}
.cmh .cmh-luna .cmh-orb__f img{animation:none;box-shadow:0 8px 20px -6px rgba(60,0,20,.6);border-radius:50%;width:54px;height:54px}

@media (max-width:899px){
  .cmh .cmh-hero__azioni{display:flex;flex-wrap:nowrap;gap:8px}
  .cmh .cmh-hero__azioni .cmh-btn{flex:1 1 auto;padding:14px 12px;font-size:14.5px;white-space:nowrap}
}
@media (max-width:359px){.cmh .cmh-hero__azioni{flex-wrap:wrap}.cmh .cmh-hero__azioni .cmh-btn{flex:1 1 100%}}
/* 3 passi: stessa animazione fluida su telefono e computer; la linea si riempie con transform (piu' leggero) */
.cmh .cmh-p3__linea i{width:100%!important;height:100%!important;transform:scaleX(0);transform-origin:left center;transition:transform .8s cubic-bezier(.4,0,.2,1)}
.cmh .cmh-p3.fatto .cmh-p3__linea i{transform:scaleX(1)}
.cmh .cmh-p3__card{will-change:transform}
@media (max-width:899px){
  .cmh .cmh-p3__linea i{transform:scaleY(0);transform-origin:center top}
  .cmh .cmh-p3.fatto .cmh-p3__linea i{transform:scaleY(1)}
  .cmh .cmh-p3.on .cmh-p3__card{transform:translateY(-4px) scale(1.015);border-color:#DF274F;box-shadow:0 20px 34px -20px rgba(223,39,79,.6)}
  .cmh .cmh-p3.on .cmh-p3__ico{transform:rotate(-6deg) scale(1.08)}
  .cmh .cmh-p3__card{transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s,border-color .5s}
}
/* scheda dal vivo: dissolvenza incrociata morbida */
.cmh .cmh-livecard{display:grid}
.cmh-lc{grid-area:1/1;transition:opacity .85s cubic-bezier(.4,0,.2,1),transform .85s cubic-bezier(.2,.8,.2,1),filter .85s;will-change:opacity,transform}
.cmh-lc.entra{opacity:0;transform:translateY(12px) scale(.98);filter:blur(3px)}
.cmh-lc.esce{opacity:0;transform:translateY(-12px) scale(.98);filter:blur(3px);pointer-events:none}
.cmh .cmh-livecard.cambia .cmh-livecard__in,.cmh .cmh-livecard.cambia .cmh-tasti{animation:none}
/* telefono: passaggio della scheda solo con opacita' e movimento (niente sfocatura), meno lavoro grafico nel banner */
.cmh-lc{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0,0,0)}
.cmh-lc.entra{filter:none;transform:translate3d(0,14px,0)}
.cmh-lc.esce{filter:none;transform:translate3d(0,-14px,0)}
@media (max-width:899px){
  .cmh .cmh-live{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(255,255,255,.16)}
  .cmh-hero__luci i:nth-child(3){display:none}
  .cmh-hero__luci i:nth-child(1){animation-duration:26s}
  .cmh-hero__luci i:nth-child(2){animation-duration:30s}
  .cmh .cmh-livecard{box-shadow:0 18px 40px -20px rgba(60,0,20,.6)}
}
/* il riquadro bianco sfuma e ricompare con la nuova cartomante */
.cmh .cmh-livecard{transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.cmh .cmh-livecard.cala{opacity:0;transform:translate3d(0,8px,0) scale(.96)}
.cmh .cmh-lc{transition:none;transform:none}
/* passaggio ancora piu' morbido: uscita lenta e dolce, rientro piu' lungo */
.cmh .cmh-livecard{transition:opacity .75s cubic-bezier(.45,0,.55,1),transform .9s cubic-bezier(.22,1,.36,1)}
.cmh .cmh-livecard.cala{opacity:0;transform:translate3d(0,4px,0) scale(.985)}
/* fila semplice di foto "online adesso" nel banner */
.cmh-online{display:flex;align-items:center;gap:12px;margin-top:24px;flex-wrap:wrap}
.cmh-online__facce{display:flex}
.cmh-online__facce img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2.5px solid #D6264C;margin-left:-10px;background:#f3c}
.cmh-online__facce img:first-child{margin-left:0}
.cmh-online__txt{display:flex;align-items:center;gap:7px;font-size:14.5px;color:#fff}
.cmh-online__txt b{font-weight:800}
.cmh-online .cmh-pallino{background:#4ADE6A}
.cmh-hero__sx .cmh-in:nth-child(5){animation-delay:.64s}
.cmh-hero__sx .cmh-in:nth-child(6){animation-delay:.78s}
@media (max-width:899px){.cmh-online{margin-top:20px}.cmh-online__facce img{width:36px;height:36px}.cmh-online__txt{font-size:13.5px}}
/* meno distacco tra le sezioni */
.cmh .cmh-sez{padding:56px 0}
.cmh .cmh-sez h2+.cmh-sottotit{margin-top:8px}
.cmh .cmh-griglia,.cmh .cmh-fid,.cmh .cmh-voci,.cmh .cmh-blog,.cmh .cmh-faq{margin-top:22px}
.cmh .cmh-passi3{margin-top:26px}
.cmh .cmh-demo{padding-top:40px;padding-bottom:0}
.cmh .cmh-fine{margin-bottom:56px}
@media (max-width:899px){
  .cmh .cmh-sez{padding:34px 0}
  .cmh .cmh-demo{padding-top:30px}
  .cmh .cmh-griglia,.cmh .cmh-fid,.cmh .cmh-voci,.cmh .cmh-blog,.cmh .cmh-faq{margin-top:16px}
  .cmh .cmh-passi3{margin-top:18px}
  .cmh .cmh-fine{margin-bottom:34px}
}
/* meno spazio sotto il banner rosso */
.cmh .cmh-hero{padding-bottom:40px}
.cmh #come-funziona{padding-top:36px}
@media (min-width:900px){.cmh .cmh-hero{padding-bottom:60px}.cmh #come-funziona{padding-top:44px}}
@media (max-width:899px){.cmh .cmh-hero{padding-bottom:30px}.cmh #come-funziona{padding-top:24px}}
@media (max-width:899px){.cmh .cmh-hero__dx{display:contents}}
.cmh .cmh-online{flex-wrap:nowrap}
.cmh .cmh-online__facce{flex:0 0 auto}
.cmh .cmh-online__txt{align-items:flex-start;line-height:1.35}
.cmh .cmh-online__txt .cmh-pallino{margin-top:6px;flex:0 0 auto}
@media (max-width:899px){.cmh .cmh-online__facce img:nth-child(4){display:none}}

/* ---------- finestra di iscrizione ---------- */
.cmh-solo-telefono{display:none!important}
@media (max-width:899px){.cmh-solo-computer{display:none!important}.cmh-solo-telefono{display:inline-flex!important}}
.cmh-mod{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;font-family:Inter,system-ui,sans-serif;color:#16131A}
.cmh-mod[hidden]{display:none}
.cmh-mod__fondo{position:absolute;inset:0;background:rgba(28,8,16,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:cmh-mod-f .3s ease}
.cmh-mod__box{position:relative;width:100%;max-width:420px;max-height:calc(100vh - 32px);overflow:auto;background:#fff;border-radius:26px;padding:26px 24px 22px;
  box-shadow:0 40px 90px -30px rgba(60,0,20,.6);animation:cmh-mod-in .45s cubic-bezier(.2,.9,.3,1.1)}
@keyframes cmh-mod-f{from{opacity:0}}
@keyframes cmh-mod-in{from{opacity:0;transform:translateY(24px) scale(.96)}}
.cmh-mod__x{position:absolute;top:12px;right:14px;width:34px;height:34px;border-radius:50%;border:0;background:#F4EEF0;font-size:22px;line-height:1;cursor:pointer;color:#555}
.cmh-mod__prova{font-size:11px;font-weight:700;color:#8A5E00;background:#FFF6E0;border-radius:8px;padding:6px 10px;margin:0 36px 12px 0}
.cmh-mod__testa{text-align:center}
.cmh-mod__avatar{width:72px;height:72px;margin:0 auto 10px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#E42A55,#FFC02D)}
.cmh-mod__avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #fff;display:block}
.cmh-mod h3{margin:0;font-size:22px;font-weight:900;letter-spacing:-.02em}
.cmh-mod__testa p{margin:6px 0 0;color:#555;font-size:14.5px}
.cmh-mod__testa b{color:#DF274F}
.cmh-mod__passi{display:flex;justify-content:center;gap:6px;margin:16px 0 18px}
.cmh-mod__passi i{width:28px;height:5px;border-radius:9px;background:#F1E1E6;transition:background .3s,width .3s}
.cmh-mod__passi i.on{background:#DF274F;width:40px}
.cmh-mod__passi i.fatto{background:#DF274F;opacity:.45}
.cmh-mod__p{display:none}
.cmh-mod__p.on{display:block;animation:cmh-su .4s cubic-bezier(.2,.8,.2,1)}
.cmh-campo-l{display:block;font-size:13.5px;font-weight:700;margin:12px 0 6px;color:#333}
.cmh-campo-l small{font-weight:500;color:#888}
.cmh-tel-in{display:flex;align-items:center;border:1.5px solid #E6D9DD;border-radius:14px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.cmh-tel-in:focus-within,.cmh-in-t:focus{border-color:#DF274F;box-shadow:0 0 0 4px rgba(223,39,79,.12)}
.cmh-tel-in span{padding:0 12px;font-weight:700;font-size:15px;color:#333;border-right:1px solid #EEE;white-space:nowrap}
.cmh-tel-in input,.cmh-in-t{flex:1;border:0;outline:0;font:600 17px Inter,sans-serif;padding:14px 12px;min-width:0;background:transparent;color:#16131A}
.cmh-in-t{display:block;width:100%;box-sizing:border-box;border:1.5px solid #E6D9DD;border-radius:14px;transition:border-color .2s,box-shadow .2s}
.cmh-otp{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.cmh-otp input{width:100%;box-sizing:border-box;text-align:center;font:800 22px Inter,sans-serif;padding:12px 0;border:1.5px solid #E6D9DD;border-radius:12px;outline:0;color:#16131A}
.cmh-otp input:focus{border-color:#DF274F;box-shadow:0 0 0 4px rgba(223,39,79,.12)}
.cmh-check{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;font-size:13.5px;color:#444;cursor:pointer}
.cmh-check input{width:20px;height:20px;accent-color:#DF274F;flex:0 0 auto;margin:0}
.cmh-check a{color:#DF274F;font-weight:700}
.cmh-mod__btn{width:100%;margin-top:16px;border:0;cursor:pointer}
.cmh-mod__btn[disabled]{opacity:.6;cursor:wait}
.cmh-mod__err{min-height:0;margin:8px 0 0;color:#D1213F;font-size:13px;font-weight:600}
.cmh-mod__err:empty{display:none}
.cmh-mod__nota{margin:12px 0 0;text-align:center;color:#888;font-size:12.5px}
.cmh-link{background:none;border:0;padding:0;font:700 12.5px Inter,sans-serif;color:#DF274F;cursor:pointer}
.cmh-link[disabled]{color:#aaa;cursor:default}
.cmh-mod__fine-t{text-align:center}
.cmh-mod__fine-p{text-align:center;color:#555;font-size:14.5px;margin:8px 0 4px}
.cmh-mod .cmh-store{margin-top:14px}
@media (max-width:480px){
  .cmh-mod{align-items:flex-end;padding:0}
  .cmh-mod__box{max-width:none;border-radius:24px 24px 0 0;padding:22px 18px calc(40px + env(safe-area-inset-bottom));animation:cmh-mod-su .4s cubic-bezier(.2,.9,.3,1)}
  @keyframes cmh-mod-su{from{transform:translateY(100%)}}
}

/* ---------- profilo cartomante ---------- */
.cmh-prof{position:fixed;inset:0;z-index:99990;display:flex;justify-content:center;align-items:flex-start;overflow:auto;padding:28px 16px;font-family:Inter,system-ui,sans-serif;color:#16131A}
.cmh-prof[hidden]{display:none}
.cmh-prof__fondo{position:fixed;inset:0;background:rgba(28,8,16,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:cmh-mod-f .3s ease}
.cmh-prof__box{position:relative;width:100%;max-width:760px;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 40px 90px -30px rgba(60,0,20,.6);animation:cmh-mod-in .45s cubic-bezier(.2,.9,.3,1.1)}
.cmh-pr-barra{position:absolute;top:14px;left:14px;right:14px;z-index:3;display:flex;align-items:center;gap:8px}
.cmh-pr-barra .cmh-pr-ind{width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.92);font-size:22px;line-height:1;cursor:pointer;color:#222;box-shadow:0 4px 12px rgba(0,0,0,.15)}
.cmh-pr-barra .sp{flex:1}
.cmh-pr-barra .cmh-btn{padding:9px 14px;font-size:13.5px;border:0;cursor:pointer}
.cmh-pr-acc{background:rgba(255,255,255,.92);color:#16131A!important}
.cmh-pr-cover{position:relative;height:300px;background:#E9DDE1 center 25%/cover}
.cmh-pr-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 35%,rgba(30,5,15,.78))}
.cmh-pr-nome{position:absolute;left:24px;right:24px;bottom:20px;z-index:2;color:#fff}
.cmh-pr-nome h2{font-size:34px;font-weight:900;letter-spacing:-.02em;margin:0 0 6px;color:#fff}
.cmh-pr-riga{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px}
.cmh-pr-riga .cmh-stelle{font-size:15px}
.cmh-pr-riga .cmh-stelle b{color:#fff}
.cmh-pr-corpo{padding:20px 24px 28px}
.cmh-pr-corpo .cmh-tasti{gap:10px;margin:0}
.cmh-pr-corpo .cmh-tasto{padding:12px 8px;font-size:17px;cursor:pointer}
.cmh-pr-corpo .cmh-tasto small{font-size:13px}
.cmh-pr-corpo .cmh-tasto svg{width:20px;height:20px}
.cmh-pr-app{margin:10px 0 0;font-size:13px;color:#777;text-align:center}
.cmh-pr-corpo h3{font-size:18px;font-weight:800;margin:26px 0 10px}
.cmh-pr-spec{display:flex;flex-wrap:wrap;gap:6px}
.cmh-pr-spec span{background:#FBEEF1;color:#B81D3F;font-weight:700;font-size:13px;padding:6px 12px;border-radius:999px}
.cmh-pr-desc{color:#444;font-size:15.5px;line-height:1.6;white-space:pre-line}
.cmh-pr-rec{border-top:1px solid #F2E6E9;padding:14px 0}
.cmh-pr-rec:first-of-type{border-top:0}
.cmh-pr-rec__t{display:flex;align-items:center;gap:8px;font-size:14px}
.cmh-pr-rec__t b{font-weight:800}
.cmh-pr-rec__t time{margin-left:auto;color:#999;font-size:12.5px}
.cmh-pr-rec p{margin:6px 0 0;color:#444;font-size:14.5px;line-height:1.5}
.cmh-pr-risp{margin:10px 0 0 14px;padding:10px 12px;border-left:3px solid #DF274F;background:#FFF6F8;border-radius:0 10px 10px 0;font-size:14px;color:#444}
.cmh-pr-risp b{color:#B81D3F;display:block;font-size:12.5px;margin-bottom:2px}
.cmh-pr-vuoto{background:#FFF6E0;color:#6B4A00;border-radius:12px;padding:12px 14px;font-size:13.5px}
.cmh-pr-fisso{display:none}
.cmh-card{cursor:pointer}
@media (max-width:640px){
  .cmh-prof{padding:0;align-items:stretch}
  .cmh-prof__box{max-width:none;border-radius:0;min-height:100%;animation:cmh-mod-su .4s cubic-bezier(.2,.9,.3,1);padding-bottom:96px}
  .cmh-pr-cover{height:340px}
  .cmh-pr-nome h2{font-size:30px}
  .cmh-pr-corpo{padding:18px 18px 24px}
  .cmh-pr-corpo>.cmh-tasti{display:none}
  .cmh-pr-fisso{display:block;position:fixed;left:0;right:0;bottom:0;z-index:5;background:rgba(255,255,255,.96);padding:10px 14px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px -12px rgba(60,0,20,.25)}
  .cmh-pr-fisso .cmh-tasti{margin:0}
}
/* profilo e finestra stanno fuori da <main>: niente taglio orizzontale che li nasconda */
.cmh.cmh-prof,.cmh.cmh-mod{overflow-x:hidden}
.cmh.cmh-prof{overflow-y:auto}
.cmh-pr-riga .cmh-pill{background:rgba(255,255,255,.92)}
.cmh-scelta{display:block;text-decoration:none;border-radius:16px;padding:14px 16px;margin-top:10px;background:#DF274F;color:#fff!important;box-shadow:0 10px 24px -12px rgba(223,39,79,.7)}
.cmh-scelta b{display:block;font-size:16px}
.cmh-scelta span{display:block;font-size:13px;opacity:.92;margin-top:2px}
.cmh-scelta--app{background:#fff;color:#16131A!important;border:1.5px solid #EADDE0;box-shadow:none}
.cmh-scelta--app span{color:#666}

/* ---------- 3 passi in versione corta ---------- */
.cmh .cmh-come--corta{padding:26px 0 22px}
.cmh .cmh-come__tit{font-size:20px;font-weight:900;letter-spacing:-.02em;text-align:center;margin:0}
.cmh .cmh-passi3--corti{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:16px auto 0;max-width:760px}
.cmh .cmh-passi3--corti .cmh-p3{display:block;text-align:center}
.cmh .cmh-passi3--corti .cmh-p3 a{display:block;text-decoration:none;color:inherit;margin:0;font-size:inherit}
.cmh .cmh-passi3--corti .cmh-p3__traccia{flex-direction:row;justify-content:center;position:relative;margin:0 0 8px;height:44px}
.cmh .cmh-passi3--corti .cmh-p3__num{flex:0 0 44px;width:44px;height:44px;position:relative;z-index:1}
.cmh .cmh-passi3--corti .cmh-p3__num b{font-size:17px}
.cmh .cmh-passi3--corti .cmh-p3__linea{position:absolute;left:calc(50% + 28px);right:calc(-50% + 28px);top:50%;height:3px;width:auto;margin:-1.5px 0 0;min-height:0}
.cmh .cmh-passi3--corti .cmh-p3__linea i{transform:scaleX(0);transform-origin:left center}
.cmh .cmh-passi3--corti .cmh-p3.fatto .cmh-p3__linea i{transform:scaleX(1)}
.cmh .cmh-passi3--corti strong{display:block;font-size:15px;font-weight:800;color:#C9B3B9;transition:color .4s}
.cmh .cmh-passi3--corti small{display:block;font-size:12.5px;color:#999;margin-top:1px}
.cmh .cmh-passi3--corti .cmh-p3.on strong,.cmh .cmh-passi3--corti .cmh-p3.fatto strong{color:#16131A}
.cmh .cmh-passi3--corti .cmh-p3.on small{color:#DF274F;font-weight:600}
.cmh .cmh-passi3--corti .cmh-p3.on .cmh-p3__num{transform:scale(1.12);transition:transform .45s cubic-bezier(.2,.9,.3,1.4)}
.cmh .cmh-passi3--corti .cmh-p3__num{transition:transform .45s}
@media (max-width:899px){
  .cmh .cmh-come--corta{padding:20px 0 16px}
  .cmh .cmh-come__tit{font-size:18px}
  .cmh .cmh-passi3--corti{margin-top:12px}
  .cmh .cmh-passi3--corti .cmh-p3{display:block;grid-template-columns:none}
  .cmh .cmh-passi3--corti .cmh-p3__num{flex:0 0 38px;width:38px;height:38px}
  .cmh .cmh-passi3--corti .cmh-p3__traccia{height:38px;margin-bottom:6px;flex-direction:row}
  .cmh .cmh-passi3--corti .cmh-p3__linea{left:calc(50% + 24px);right:calc(-50% + 24px)}
  .cmh .cmh-passi3--corti strong{font-size:13.5px}
  .cmh .cmh-passi3--corti small{font-size:11.5px}
}
/* tutte le cartomanti: su telefono il carosello diventa un elenco */
@media (max-width:599px){
  .cmh .cmh-griglia.tutte{display:grid;grid-template-columns:1fr;overflow:visible;margin:16px 0 0;padding:0;gap:10px}
  .cmh .cmh-griglia.tutte .cmh-card{flex:none}
  .cmh .cmh-griglia.tutte ~ .cmh-scorri{display:none}
}
.cmh .cmh-griglia.tutte .cmh-card{animation:cmh-su .5s cubic-bezier(.2,.8,.2,1) both}
@media (prefers-reduced-motion:reduce){.cmh *{animation:none!important;transition:none!important}}

/* ======================= PAGINA /cartomanti/ ======================= */
.cmh-el-testa{background:linear-gradient(180deg,#E42A55 0%,#DF274F 45%,#BA1F42 100%);color:#fff;padding:26px 0 30px;position:relative;overflow:hidden}
.cmh-el-testa::after{content:"";position:absolute;right:-120px;top:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,192,45,.25),transparent)}
.cmh-el-testa .cmh-wrap{position:relative;z-index:1}
.cmh-el-home{display:inline-block;color:rgba(255,255,255,.85)!important;text-decoration:none;font-weight:700;font-size:14px;margin-bottom:10px}
.cmh-elenco h1{font-size:clamp(30px,6vw,46px);color:#fff}
.cmh-el-sotto{display:flex;align-items:center;gap:8px;margin-top:8px;color:rgba(255,255,255,.92);font-size:15px}
.cmh-el-sotto .cmh-pallino{background:#4ADE6A}
.cmh-el-strumenti{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}
.cmh-el-filtri{display:flex;gap:6px;flex-wrap:wrap}
.cmh-el-filtri button{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);color:#fff;font:700 14px Inter,sans-serif;padding:9px 16px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}
.cmh-el-filtri button.on{background:#fff;color:#DF274F;border-color:#fff}
.cmh-el-cerca{display:flex;align-items:center;gap:8px;margin-left:auto;background:#fff;border-radius:999px;padding:0 14px;min-width:220px;color:#999}
.cmh-el-cerca svg{width:18px;height:18px}
.cmh-el-cerca input{border:0;outline:0;font:500 15px Inter,sans-serif;padding:11px 0;flex:1;min-width:0;background:transparent;color:#16131A}
.cmh-el-corpo{padding-top:24px;padding-bottom:56px}
.cmh-el-griglia{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cmh-el-vuoto{text-align:center;color:#777;padding:30px 0}
.cmh-pos{position:absolute;left:-4px;top:-4px;z-index:2;min-width:22px;height:22px;border-radius:11px;background:#DF274F;color:#fff;font-size:11.5px;font-weight:800;display:grid;place-items:center;padding:0 5px;border:2px solid #fff}
.cmh-el-griglia .cmh-foto{position:relative}
.cmh-el-griglia .cmh-card{animation:cmh-su .5s cubic-bezier(.2,.8,.2,1) both}
/* ultimi commenti: nastro che scorre da solo */
.cmh-el-cm{grid-column:1/-1;margin:8px 0}
.cmh-el-cm__testa{display:flex;align-items:baseline;gap:12px;margin-bottom:10px}
.cmh-el-cm__testa h2{font-size:22px}
.cmh-el-cm__testa span{color:#888;font-size:13.5px}
.cmh-el-cm__nastro{overflow:hidden;margin:0 -20px;padding:4px 0 10px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.cmh-el-cm__scorri{display:flex;gap:12px;width:max-content;padding-left:20px;animation:cmh-nastro 70s linear infinite}
.cmh-el-cm__nastro:hover .cmh-el-cm__scorri,.cmh-el-cm__nastro.fermo .cmh-el-cm__scorri{animation-play-state:paused}
@keyframes cmh-nastro{to{transform:translateX(-50%)}}
.cmh-cm{margin:0;width:300px;flex:0 0 300px;background:#fff;border:1px solid #F2E4E8;border-radius:18px;padding:14px 16px;box-shadow:0 10px 24px -18px rgba(90,20,50,.35)}
.cmh-cm__t{display:flex;align-items:center;gap:10px;font-size:13.5px}
.cmh-cm__t img,.cmh-cm__vuota{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:0 0 auto;background:#F6E4E8}
.cmh-cm__t .cmh-stelle{font-size:11px}
.cmh-cm__su{color:#999}
.cmh-cm__op{color:#DF274F}
.cmh-cm__t time{margin-left:auto;color:#aaa;font-size:11.5px;white-space:nowrap}
.cmh-cm blockquote{margin:10px 0 0;color:#444;font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
/* bisogno di aiuto */
.cmh-el-aiuto{position:relative;overflow:hidden;border-radius:20px;padding:22px 20px;color:#fff;background:linear-gradient(160deg,#E42A55,#BA1F42);box-shadow:0 20px 40px -24px rgba(186,31,66,.8);display:flex;flex-direction:column;animation:cmh-su .5s cubic-bezier(.2,.8,.2,1) both}
.cmh-el-aiuto::before{content:"";position:absolute;right:-60px;bottom:-80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,192,45,.3),transparent)}
.cmh-el-aiuto__luna{position:absolute;right:16px;top:16px;width:54px;height:54px;border-radius:50%;box-shadow:0 8px 20px -8px rgba(0,0,0,.4);animation:cmh-galleggia 6s ease-in-out infinite}
.cmh-el-aiuto h3{font-size:22px;font-weight:900;margin:0;padding-right:64px;color:#fff}
.cmh-el-aiuto p{position:relative;margin:8px 0 0;font-size:14.5px;color:rgba(255,255,255,.92)}
.cmh-el-aiuto__orari{font-weight:700}
.cmh-el-wa{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:auto;padding:13px;border-radius:999px;background:#25D366;color:#fff!important;text-decoration:none;font-weight:800;font-size:16px;box-shadow:0 10px 22px -10px rgba(0,0,0,.45)}
.cmh-el-aiuto p+.cmh-el-wa{margin-top:16px}
.cmh-el-wa svg{width:22px;height:22px}
.cmh-el-mail{position:relative;display:block;text-align:center;margin-top:10px;color:#fff!important;font-weight:700;font-size:14px;text-decoration:none;opacity:.9}
@media (max-width:899px){.cmh-el-griglia{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:599px){
  .cmh-el-testa{padding:18px 0 22px}
  .cmh-el-griglia{grid-template-columns:1fr;gap:10px}
  .cmh-el-cerca{margin-left:0;flex:1 1 100%}
  .cmh-el-filtri button{padding:8px 13px;font-size:13.5px}
  .cmh-cm{width:260px;flex-basis:260px}
  .cmh-el-cm__testa h2{font-size:20px}
}
/* telefono: titoli delle sezioni cartomanti e demo centrati */
@media (max-width:599px){
  .cmh .cmh-carto__testa{flex-direction:column;align-items:center;text-align:center}
  .cmh .cmh-carto__testa h2{text-align:center}
  .cmh .cmh-tutte{text-align:center}
  .cmh .cmh-demo__intro{text-align:center}
  .cmh .cmh-demo__intro .cmh-sottotit{margin-left:auto;margin-right:auto}
}
@media (max-width:599px){.cmh .cmh-el-griglia{grid-template-columns:minmax(0,1fr)}.cmh .cmh-el-griglia .cmh-card{flex:none;min-width:0}}
/* «Bisogno di aiuto?» grande quanto una scheda cartomante; pronto per la foto di sfondo */
.cmh .cmh-el-aiuto{padding:14px 16px;border-radius:18px;justify-content:space-between;min-height:0;
  background:linear-gradient(160deg,rgba(228,42,85,.93),rgba(186,31,66,.9)),var(--sfondo,none) right center/cover,linear-gradient(160deg,#E42A55,#BA1F42)}
.cmh .cmh-el-aiuto h3{font-size:19px;padding-right:56px;margin-top:2px}
.cmh .cmh-el-aiuto__luna{width:44px;height:44px;right:14px;top:12px}
.cmh .cmh-el-aiuto__orari{display:flex;align-items:center;gap:7px;margin:6px 0 0;font-size:14px;font-weight:700}
.cmh .cmh-el-aiuto__orari svg{width:17px;height:17px;flex:0 0 auto}
.cmh .cmh-el-aiuto .cmh-el-wa{margin-top:12px;padding:10px;font-size:15px}
.cmh .cmh-el-aiuto .cmh-el-mail{margin-top:8px;font-size:13px}
/* «Bisogno di aiuto?» con sfondo tenue (in attesa della foto) */
.cmh .cmh-el-aiuto{color:#16131A;border:1.5px solid #F4D5DD;box-shadow:0 14px 30px -22px rgba(186,31,66,.45);
  background:linear-gradient(160deg,rgba(255,244,247,.9),rgba(252,228,235,.88)),var(--sfondo,none) right center/cover,linear-gradient(160deg,#FFF4F7,#FCE4EB)}
.cmh .cmh-el-aiuto::before{background:radial-gradient(closest-side,rgba(255,192,45,.22),transparent)}
.cmh .cmh-el-aiuto h3{color:#C81F44}
.cmh .cmh-el-aiuto__orari{color:#4A4A4A}
.cmh .cmh-el-aiuto__orari svg{color:#DF274F}
.cmh .cmh-el-aiuto .cmh-el-mail{color:#C81F44!important;opacity:1}
.cmh .cmh-el-aiuto__luna{box-shadow:0 6px 16px -6px rgba(186,31,66,.45)}
/* «Bisogno di aiuto?» su grigio tenue */
.cmh .cmh-el-aiuto{border-color:#E6E4E7;box-shadow:0 14px 30px -24px rgba(40,30,40,.35);
  background:linear-gradient(160deg,rgba(247,246,248,.9),rgba(236,234,238,.9)),var(--sfondo,none) right center/cover,linear-gradient(160deg,#F7F6F8,#ECEAEE)}
.cmh .cmh-el-aiuto::before{background:radial-gradient(closest-side,rgba(223,39,79,.07),transparent)}
/* «Bisogno di aiuto?» su grigio scuro (antracite) */
.cmh .cmh-el-aiuto{color:#fff;border-color:#3A383D;box-shadow:0 18px 36px -22px rgba(0,0,0,.55);
  background:linear-gradient(160deg,rgba(58,56,62,.9),rgba(30,29,33,.92)),var(--sfondo,none) right center/cover,linear-gradient(160deg,#3A383E,#1E1D21)}
.cmh .cmh-el-aiuto::before{background:radial-gradient(closest-side,rgba(223,39,79,.28),transparent)}
.cmh .cmh-el-aiuto h3{color:#fff}
.cmh .cmh-el-aiuto__orari{color:#D6D3D9}
.cmh .cmh-el-aiuto__orari svg{color:#FF6A8A}
.cmh .cmh-el-aiuto .cmh-el-mail{color:#FFB3C3!important}
.cmh .cmh-el-aiuto__luna{box-shadow:0 8px 20px -6px rgba(0,0,0,.6)}
/* solo la luna dorata, senza disco rosso */
.cmh .cmh-el-aiuto__luna{border-radius:0;box-shadow:none;width:46px;height:46px;filter:drop-shadow(0 0 10px rgba(255,192,45,.45))}
.cmh .cmh-el-aiuto__luna{top:16px;right:18px;width:42px;height:42px}
.cmh .cmh-el-aiuto .cmh-el-mail{color:#fff!important}
.cmh .cmh-el-aiuto::before{display:none}
/* grigio schiarito (resta scuro abbastanza per le scritte bianche) */
.cmh .cmh-el-aiuto{border-color:#5E5C63;background:linear-gradient(160deg,rgba(94,92,99,.9),rgba(66,64,71,.92)),var(--sfondo,none) right center/cover,linear-gradient(160deg,#5E5C63,#424047)}
/* tasti come nell'app: in consulto (rosso sfumato) e avvisami (grigio) */
.cmh .cmh-tasti--uno{grid-template-columns:1fr}
.cmh .cmh-tasti--prenota{grid-template-columns:2fr 1fr}
.cmh .cmh-tasto--occupato{background:linear-gradient(135deg,#E0234E,#F2643F);color:#fff}
.cmh .cmh-tasto--prenota{background:#DF274F;color:#fff}
.cmh .cmh-tasto--avvisami{background:linear-gradient(135deg,#DCDCDC,#F6F6F6);color:#16131A}
.cmh .cmh-tasto--avvisami svg{fill:#16131A}
/* scheda come nell'app ufficiale */
.cmh .cmh-card,.cmh .cmh-scheda{position:relative}
.cmh-scheda__info{min-width:0;flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px}
.cmh .cmh-card .cmh-nome{padding-right:34px}
.cmh-riga-stato{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-right:6px}
.cmh-statoop{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:13px}
.cmh-statoop i{position:relative;width:9px;height:9px;border-radius:50%;flex:0 0 auto}
.cmh-statoop i::after{content:"";position:absolute;inset:-4px;border-radius:50%;background:currentColor;opacity:.2}
.cmh-statoop.st-available{color:#2FA33C}.cmh-statoop.st-available i{background:#2FA33C}
.cmh-statoop.st-available i::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #2FA33C;animation:cmh-onda-stato 2s ease-out infinite}
@keyframes cmh-onda-stato{from{transform:scale(1);opacity:.8}to{transform:scale(2.6);opacity:0}}
.cmh-statoop.st-inMeeting,.cmh-statoop.st-inBreak{color:#E08A00}.cmh-statoop.st-inMeeting i,.cmh-statoop.st-inBreak i{background:#FFB102}
.cmh-statoop.st-notAvailable{color:#838383}.cmh-statoop.st-notAvailable i{background:#aaa}
.cmh-riga-stato .cmh-stelle{white-space:nowrap}
.cmh .cmh-desc--1{-webkit-line-clamp:1;margin:10px 0 0;color:#4A4A4A}
.cmh-cuore{position:absolute;top:10px;right:10px;z-index:2;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:#bbb;cursor:pointer;display:grid;place-items:center;transition:color .2s,background .2s}
.cmh-cuore:hover{color:#DF274F;background:#F6E4E8}
.cmh-cuore svg{width:20px;height:20px}
/* nel telefono della demo la scheda e' piu' piccola */
.cmh .cmh-scheda .cmh-nome{font-size:13.5px}
.cmh .cmh-scheda .cmh-statoop{font-size:10px;gap:5px}
.cmh .cmh-scheda .cmh-statoop i{width:7px;height:7px}
.cmh .cmh-scheda .cmh-desc--1{margin-top:6px;font-size:10.5px}
.cmh .cmh-scheda .cmh-riga-stato{padding-right:0}
.cmh .cmh-statoop{white-space:nowrap;flex:0 0 auto}
.cmh .cmh-riga-stato{justify-content:space-between;flex-wrap:nowrap}
.cmh .cmh-riga-stato .cmh-stelle{flex:0 0 auto}
.cmh .cmh-card .cmh-tasto--avvisami,.cmh .cmh-tasto--avvisami{color:#16131A;background:linear-gradient(135deg,#DCDCDC,#F6F6F6)}
.cmh .cmh-card .cmh-tasto--avvisami svg,.cmh .cmh-tasto--avvisami svg{fill:#16131A}
.cmh .cmh-card .cmh-tasto--occupato{background:linear-gradient(135deg,#E0234E,#F2643F)}
/* ---------- demo senza scorrimento guidato: sezione di altezza normale ---------- */
.cmh .cmh-scrolly{height:auto!important}
.cmh .cmh-sticky{position:static;height:auto!important;overflow:visible;display:block;padding:0}
.cmh .cmh-demo{padding:44px 0 40px}
.cmh .cmh-sticky .cmh-demo__griglia{margin-top:8px}
.cmh-nav{display:flex!important;align-items:center;justify-content:center;gap:14px;margin-top:14px;min-height:48px}
.cmh-freccia{width:46px;height:46px;border-radius:50%;border:1.5px solid #EADDE0;background:#fff;color:#DF274F;font:700 26px/1 Inter,sans-serif;cursor:pointer;display:grid;place-items:center;padding:0 0 3px;transition:background .2s,transform .15s}
.cmh-freccia:hover{background:#FBEEF1}
.cmh-freccia:active{transform:scale(.94)}
.cmh-freccia[disabled]{opacity:.3;cursor:default}
.cmh-nav__n{font-weight:800;color:#999;font-size:14px;min-width:48px;text-align:center}
.cmh-nav .cmh-btn{padding:12px 20px}
.cmh-punti i{cursor:pointer}
@media (max-width:899px){
  .cmh .cmh-demo{padding:28px 0 26px}
  .cmh .cmh-sticky .cmh-demo__griglia{display:flex;flex-direction:column;align-items:center}
  .cmh .cmh-demo__tel{order:1}
  .cmh .cmh-demo__testo{order:2;margin-top:6px}
  .cmh .cmh-nav{margin-top:10px}
  .cmh .cmh-spiega.ultimo .cmh-cta-fine{display:none}
  .cmh .cmh-demo__tel{touch-action:pan-y}
}
/* telefono: niente frecce e numero, si usa il dito (resta il pulsante finale) */
@media (max-width:899px){.cmh .cmh-nav .cmh-freccia,.cmh .cmh-nav .cmh-nav__n{display:none}.cmh .cmh-nav{min-height:0;margin-top:4px}}
/* telefono: nel banner solo la luna dorata, senza disco rosso, piu' a destra */
@media (max-width:899px){
  .cmh .cmh-luna{right:-10px;top:-4px;width:78px;height:78px}
  .cmh .cmh-luna__img{width:78px;height:78px;border-radius:0;box-shadow:none;filter:drop-shadow(0 0 12px rgba(255,192,45,.5))}
}
@media (max-width:359px){.cmh .cmh-luna,.cmh .cmh-luna__img{width:60px;height:60px}.cmh .cmh-luna{right:-6px}}
@media (max-width:899px){
  .cmh .cmh-hero .cmh-luna img.cmh-luna__img{box-shadow:none;border-radius:0;background:none;filter:drop-shadow(0 0 12px rgba(255,192,45,.5))}
  .cmh .cmh-hero .cmh-luna{right:2px}
}
@media (max-width:359px){.cmh .cmh-hero .cmh-luna{right:2px}}
@media (max-width:899px){.cmh .cmh-hero .cmh-luna{right:10px}}
/* ---------- cielo del banner: stelle sparse che brillano + una stella cadente ---------- */
.cmh .cmh-hero__stelle{position:absolute;inset:0;z-index:0;opacity:1;pointer-events:none}
.cmh .cmh-hero__griglia{z-index:1}
.cmh .cmh-st{position:absolute;left:var(--x);top:var(--y);width:var(--d);height:var(--d);clip-path:none;background:none;animation:cmh-scintilla 3s ease-in-out infinite}
.cmh .cmh-st--s::before{content:"";position:absolute;inset:0;background:#FFE08A;clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);filter:drop-shadow(0 0 4px rgba(255,214,102,.9))}
.cmh .cmh-st--p::before{content:"";position:absolute;inset:0;border-radius:50%;background:#FFF3C4;box-shadow:0 0 6px 1px rgba(255,224,138,.8)}
@keyframes cmh-scintilla{0%,100%{opacity:.25;transform:scale(.55) rotate(0deg)}45%{opacity:1;transform:scale(1.15) rotate(45deg)}60%{opacity:.85;transform:scale(1) rotate(45deg)}}
.cmh .cmh-cadente{position:absolute;top:8%;left:70%;width:110px;height:2px;border-radius:2px;opacity:0;transform:rotate(-24deg);
  background:linear-gradient(90deg,rgba(255,240,200,0),rgba(255,240,200,.95));animation:cmh-cadente 11s ease-in 3s infinite}
@keyframes cmh-cadente{0%{opacity:0;transform:translate(0,0) rotate(-24deg)}2%{opacity:1}9%{opacity:0;transform:translate(-260px,115px) rotate(-24deg)}100%{opacity:0;transform:translate(-260px,115px) rotate(-24deg)}}
@media (max-width:899px){
  .cmh .cmh-st{left:var(--mx);top:var(--my)}
  .cmh .cmh-cadente{top:3%;left:78%;width:80px}
}
@media (prefers-reduced-motion:reduce){.cmh .cmh-st{animation:none;opacity:.8}.cmh .cmh-cadente{display:none}}
@media (max-width:899px){.cmh .cmh-demo__intro{margin-bottom:26px}.cmh .cmh-sticky .cmh-demo__griglia{margin-top:0}}
@media (max-width:899px){.cmh .cmh-spiega.ultimo{display:none}.cmh .cmh-nav .cmh-btn{margin-top:4px}}
/* profilo: foto a cerchio, la foto grande sotto in trasparenza */
.cmh .cmh-pr-cover--tondo{height:auto;background:#2a1b22;display:flex;flex-direction:column;align-items:center;padding:64px 20px 22px;overflow:hidden}
.cmh .cmh-pr-cover--tondo::after{background:linear-gradient(180deg,rgba(40,15,25,.35),rgba(40,15,25,.55) 60%,rgba(40,15,25,.8))}
.cmh-pr-sfondo{position:absolute;inset:-30px;background:center 25%/cover no-repeat;filter:blur(14px) saturate(1.1);opacity:.55;transform:scale(1.08)}
.cmh-pr-tondo{position:relative;z-index:2;width:150px;height:150px;border-radius:50%;padding:4px;background:linear-gradient(135deg,#E42A55,#FFC02D);box-shadow:0 18px 40px -14px rgba(0,0,0,.6)}
.cmh-pr-tondo img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #fff;display:block}
.cmh-pr-tondo i{position:absolute;right:10px;bottom:10px;width:22px;height:22px;border-radius:50%;border:3px solid #fff;background:#aaa}
.cmh-pr-tondo.st-available i{background:#2FA33C}
.cmh-pr-tondo.st-inMeeting i,.cmh-pr-tondo.st-inBreak i{background:#FFB102}
.cmh .cmh-pr-cover--tondo .cmh-pr-nome{position:relative;left:auto;right:auto;bottom:auto;margin-top:14px;text-align:center}
.cmh .cmh-pr-cover--tondo .cmh-pr-riga{justify-content:center}
@media (max-width:640px){.cmh .cmh-pr-cover--tondo{height:auto;padding-top:70px}.cmh-pr-tondo{width:136px;height:136px}}
.cmh button.cmh-tasto{border:0;font-family:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}.cmh .cmh-pr-corpo>.cmh-tasti{margin-top:4px}
/* profilo: pulsanti Chat/Chiama piu' alti, testo piu' grande */
.cmh.cmh-prof .cmh-tasto{padding:16px 10px;font-size:20px;gap:10px;border-radius:999px}
.cmh.cmh-prof .cmh-tasto small{font-size:15px;margin-top:2px}
.cmh.cmh-prof .cmh-tasto svg{width:24px;height:24px}
.cmh.cmh-prof .cmh-tasti{gap:12px}
@media (max-width:640px){.cmh.cmh-prof .cmh-tasto{padding:14px 8px;font-size:19px}.cmh.cmh-prof .cmh-tasto small{font-size:14px}}
.cmh.cmh-prof .cmh-tasto{font-size:18.5px}.cmh.cmh-prof .cmh-tasto small{font-size:14px}
@media (max-width:640px){.cmh.cmh-prof .cmh-tasto{font-size:17.5px}.cmh.cmh-prof .cmh-tasto small{font-size:13px}}
/* sfondo del profilo piu' chiaro */
.cmh .cmh-pr-cover--tondo{background:#6b4a57}
.cmh-pr-sfondo{opacity:.8;filter:blur(14px) saturate(1.1) brightness(1.15)}
.cmh .cmh-pr-cover--tondo::after{background:linear-gradient(180deg,rgba(40,15,25,.12),rgba(40,15,25,.28) 60%,rgba(40,15,25,.5))}
/* orari di lavoro nel profilo */
.cmh-pr-orari{border:1px solid #F2E6E9;border-radius:16px;overflow:hidden}
.cmh-pr-orari>div{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 14px;font-size:14.5px;border-top:1px solid #F6ECEF}
.cmh-pr-orari>div:first-child{border-top:0}
.cmh-pr-orari b{font-weight:700;color:#16131A}
.cmh-pr-orari b i{font-style:normal;font-size:11px;font-weight:800;color:#fff;background:#DF274F;border-radius:999px;padding:2px 8px;margin-left:6px;vertical-align:1px}
.cmh-pr-orari span{text-align:right;color:#444;font-variant-numeric:tabular-nums}
.cmh-pr-orari span.no{color:#aaa}
.cmh-pr-orari .oggi{background:#FFF4F7}
/* «Bisogno di aiuto?» con la foto dell'operatrice (a destra) e le scritte a sinistra sul chiaro */
.cmh .cmh-el-aiuto--foto{color:#16131A;border-color:#EDE7EA;box-shadow:0 14px 30px -22px rgba(40,30,40,.35);
  background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.9) 38%,rgba(255,255,255,.35) 62%,rgba(255,255,255,0) 78%),
    url(aiuto-800.webp) right 30% center/cover no-repeat,#f4f2f3;
  background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.9) 38%,rgba(255,255,255,.35) 62%,rgba(255,255,255,0) 78%),
    -webkit-image-set(url(aiuto-800.webp) 1x,url(aiuto-1200.webp) 2x) right 30% center/cover no-repeat,#f4f2f3;
  background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.9) 38%,rgba(255,255,255,.35) 62%,rgba(255,255,255,0) 78%),
    image-set(url(aiuto-800.webp) 1x,url(aiuto-1200.webp) 2x) right 30% center/cover no-repeat,#f4f2f3}
.cmh .cmh-el-aiuto--foto h3{color:#C81F44}
.cmh .cmh-el-aiuto--foto .cmh-el-aiuto__orari{color:#4A4A4A}
.cmh .cmh-el-aiuto--foto .cmh-el-aiuto__orari svg{color:#DF274F}
.cmh .cmh-el-aiuto--foto .cmh-el-wa{width:62%;justify-content:flex-start;padding-left:14px;font-size:14.5px}
.cmh .cmh-el-aiuto--foto .cmh-el-mail{color:#4A4A4A!important;text-align:left;font-size:12.5px}
.cmh .cmh-el-aiuto--foto .cmh-el-wa{width:auto;align-self:flex-start;white-space:nowrap;padding:10px 18px 10px 14px;font-size:14px;gap:8px}.cmh .cmh-el-aiuto--foto .cmh-el-wa svg{width:20px;height:20px}
/* profilo su telefono: il riquadro cresce con il contenuto e la finestra scorre (prima era tagliato all'altezza dello schermo) */
@media (max-width:640px){
  .cmh.cmh-prof{display:block;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
  .cmh.cmh-prof .cmh-prof__box{height:auto;min-height:100%;overflow:visible}
}
.cmh.cmh-prof .cmh-prof__box{overflow:clip}
@media (max-width:640px){.cmh.cmh-prof .cmh-prof__box{overflow:visible}}
.cmh.cmh-prof[hidden],.cmh.cmh-mod[hidden]{display:none!important}
/* turni della cartomante: chiusi, si aprono al tocco */
.cmh-pr-turni{margin-top:22px;border:1px solid #F2E6E9;border-radius:16px;overflow:hidden;background:#fff}
.cmh-pr-turni summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:14px 44px 14px 16px;position:relative}
.cmh-pr-turni summary::-webkit-details-marker{display:none}
.cmh-pr-turni summary span{font-size:17px;font-weight:800;color:#16131A}
.cmh-pr-turni summary small{margin-left:auto;font-size:13px;font-weight:600;color:#DF274F;text-align:right}
.cmh-pr-turni summary::after{content:"";position:absolute;right:18px;top:50%;width:9px;height:9px;margin-top:-7px;border-right:2.5px solid #DF274F;border-bottom:2.5px solid #DF274F;transform:rotate(45deg);transition:transform .25s}
.cmh-pr-turni summary span,.cmh-pr-turni summary small i{white-space:nowrap}
.cmh-pr-turni summary small i{font-style:normal}
/* telefono: l'orario di oggi sotto il titolo, non accanto (Michelle: tutto andava a capo) */
@media (max-width:599px){
  .cmh-pr-turni summary{flex-direction:column;align-items:flex-start;gap:3px}
  .cmh-pr-turni summary small{margin-left:0;text-align:left}
}
.cmh-pr-turni[open] summary::after{transform:rotate(-135deg);margin-top:-2px}
.cmh-pr-turni .cmh-pr-orari{border:0;border-top:1px solid #F2E6E9;border-radius:0;animation:cmh-su .3s ease}
/* ---------- tarocchi Cartomando ---------- */
.cmh-tarocchi-hero{display:none}
@media (min-width:900px){
  .cmh .cmh-hero .cmh-luna picture{display:none}
  .cmh-tarocchi-hero{display:block;position:absolute;left:50%;top:50%;width:420px;height:auto;margin:-107px 0 0 -210px;z-index:1;
    filter:drop-shadow(0 26px 34px rgba(60,0,20,.5));animation:cmh-tarocchi 7s ease-in-out infinite}
  .cmh .cmh-orbita{z-index:2}
  .cmh .cmh-luna{width:420px;height:420px}
  .cmh-orb{transform:rotate(var(--a)) translateY(-205px)}
}
@keyframes cmh-tarocchi{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-12px) rotate(1.5deg)}}
.cmh-tarocchi-fine{display:block;width:340px;max-width:80%;height:auto;margin:-8px auto 14px;filter:drop-shadow(0 18px 24px rgba(60,0,20,.45));animation:cmh-tarocchi 7s ease-in-out infinite}
@media (max-width:599px){.cmh-tarocchi-fine{width:260px}}
@media (prefers-reduced-motion:reduce){.cmh-tarocchi-hero,.cmh-tarocchi-fine{animation:none}}
@media (min-width:900px){
  .cmh .cmh-hero .cmh-luna img.cmh-tarocchi-hero{width:420px;height:auto;border-radius:0;box-shadow:none;border:0;background:none;animation:cmh-tarocchi 7s ease-in-out infinite}
}
/* banner: fondo piu' pieno sotto il titolo (luce rosa piu' tenue, sfumatura che scende prima) */
.cmh .cmh-hero{background:linear-gradient(180deg,#E02852 0%,#D6244B 30%,#C8214A 60%,#B21D40 100%)}
.cmh-hero__luci i:nth-child(1){background:radial-gradient(closest-side,rgba(255,120,150,.16),transparent)}
.cmh-hero__luci i:nth-child(3){background:radial-gradient(closest-side,rgba(120,0,40,.28),transparent)}
/* due titoli che si alternano: impilati nella stessa cella, altezza fissa (niente salti) */
.cmh .cmh-titoli{display:grid}
.cmh .cmh-titolo{grid-area:1/1;opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1);display:block}
.cmh .cmh-titolo.on{opacity:1;transform:none}
.cmh .cmh-titolo:not(.on){transform:translateY(-14px)}
@media (max-width:899px){.cmh .cmh-hero h1{font-size:clamp(30px,9.4vw,44px)}}
.cmh .cmh-solo-m{display:none}
@media (max-width:899px){.cmh .cmh-solo-m{display:inline}.cmh .cmh-hero .cmh-luna{top:-34px}}
/* luna piu' piccola su telefono */
@media (max-width:899px){.cmh .cmh-hero .cmh-luna,.cmh .cmh-hero .cmh-luna img.cmh-luna__img{width:56px;height:56px}.cmh .cmh-hero .cmh-luna{top:-24px;right:14px}}
@media (max-width:359px){.cmh .cmh-hero .cmh-luna,.cmh .cmh-hero .cmh-luna img.cmh-luna__img{width:46px;height:46px}}

/* ======================= INTESTAZIONE ======================= */
.cmh-top{position:sticky;top:0;z-index:9000;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);
  border-bottom:1px solid transparent;transition:box-shadow .3s,border-color .3s;font-family:Inter,system-ui,sans-serif}
.cmh-top.ombra{box-shadow:0 8px 24px -16px rgba(60,10,25,.35);border-bottom-color:#F1E6E9}
.cmh-top__in{max-width:1120px;margin:0 auto;padding:0 20px;height:68px;display:flex;align-items:center;gap:28px}
.cmh-top__logo{display:flex;flex:0 0 auto}
.cmh-top__logo img{width:150px;height:auto;display:block}
.cmh-top__nav{display:flex;align-items:center;gap:4px;flex:1}
.cmh-top__nav>a,.cmh-top__menu>button{position:relative;border:0;background:none;font:600 15px Inter,sans-serif;color:#2A2530;text-decoration:none;padding:10px 12px;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:color .2s,background .2s}
.cmh-top__nav>a:hover,.cmh-top__menu>button:hover{color:#DF274F;background:#FFF1F4}
.cmh-top__nav>a.attiva{color:#DF274F}
.cmh-top__nav>a.attiva::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2.5px;border-radius:2px;background:#DF274F}
.cmh-top__menu{position:relative}
.cmh-top__menu svg{width:15px;height:15px;transition:transform .2s}
.cmh-top__menu.aperto svg{transform:rotate(180deg)}
.cmh-top__sotto{position:absolute;top:calc(100% + 6px);left:0;min-width:230px;background:#fff;border:1px solid #F1E6E9;border-radius:14px;padding:6px;box-shadow:0 18px 40px -18px rgba(60,10,25,.35);
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s}
.cmh-top__menu.aperto .cmh-top__sotto,.cmh-top__menu:hover .cmh-top__sotto{opacity:1;visibility:visible;transform:none}
.cmh-top__sotto a{display:block;padding:10px 12px;border-radius:10px;color:#2A2530;text-decoration:none;font-weight:600;font-size:14.5px}
.cmh-top__sotto a:hover{background:#FFF1F4;color:#DF274F}
.cmh-top__azioni{display:flex;align-items:center;gap:10px;margin-left:auto}
.cmh-top__accedi{border:0;background:none;font:700 15px Inter,sans-serif;color:#2A2530;padding:10px 12px;cursor:pointer;border-radius:10px}
.cmh-top__accedi:hover{color:#DF274F}
.cmh .cmh-top__iscr{padding:11px 20px;font-size:15px}
.cmh-top__app{display:none;background:#FFB102;color:#2A1A00!important;font:800 13.5px Inter,sans-serif;text-decoration:none;padding:9px 15px;border-radius:999px;white-space:nowrap}
.cmh-top__panino{display:none;width:44px;height:44px;border:0;background:none;border-radius:12px;cursor:pointer;position:relative}
.cmh-top__panino i{position:absolute;left:11px;right:11px;height:2.5px;border-radius:2px;background:#2A2530;transition:transform .3s,opacity .2s,top .3s}
.cmh-top__panino i:nth-child(1){top:14px}.cmh-top__panino i:nth-child(2){top:21px}.cmh-top__panino i:nth-child(3){top:28px}
.cmh-top__panino[aria-expanded=true] i:nth-child(1){top:21px;transform:rotate(45deg)}
.cmh-top__panino[aria-expanded=true] i:nth-child(2){opacity:0}
.cmh-top__panino[aria-expanded=true] i:nth-child(3){top:21px;transform:rotate(-45deg)}
.cmh-top__tendina{border-top:1px solid #F1E6E9;background:#fff;padding:8px 16px 18px;max-height:calc(100vh - 64px);overflow:auto;animation:cmh-su .25s ease}
.cmh-top__tendina[hidden]{display:none}
.cmh-top__tendina>a{display:block;padding:14px 6px;border-bottom:1px solid #F6EEF0;color:#2A2530;text-decoration:none;font-weight:700;font-size:17px}
.cmh-top__tendina-az{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.cmh-top__tendina-az .cmh-btn{border:0;cursor:pointer;padding:14px 10px}
@media (max-width:1023px){
  .cmh-top__nav,.cmh-top__accedi,.cmh .cmh-top__iscr{display:none}
  .cmh-top__app,.cmh-top__panino{display:inline-flex}
  .cmh-top__panino{display:block}
  .cmh-top__in{height:62px;gap:12px}
  .cmh-top__logo img{width:132px}
}
@media (max-width:359px){.cmh-top__logo img{width:112px}.cmh-top__app{padding:8px 11px;font-size:12.5px}}

/* ======================= PIÈ DI PAGINA ======================= */
.cmh-piede{background:linear-gradient(180deg,#C8214A 0%,#A91C40 100%);color:rgba(255,255,255,.88);font-family:Inter,system-ui,sans-serif;position:relative;overflow:hidden}
.cmh-piede::before{content:"";position:absolute;right:-180px;top:-200px;width:520px;height:520px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,192,45,.16),transparent)}
.cmh-piede__in{position:relative;max-width:1120px;margin:0 auto;padding:56px 20px 24px}
.cmh-piede__alto{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.3fr;gap:32px}
.cmh-piede__marca img{width:160px;height:auto;display:block}
.cmh-piede__marca p{margin:14px 0 0;font-size:14.5px;line-height:1.55;max-width:280px}
.cmh-piede__social{display:flex;gap:10px;margin-top:18px}
.cmh-piede__social a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center;color:#fff;transition:background .2s,transform .2s}
.cmh-piede__social a:hover{background:rgba(255,255,255,.26);transform:translateY(-2px)}
.cmh-piede__social svg{width:19px;height:19px}
.cmh-piede h4{margin:4px 0 14px;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#FFD877}
.cmh-piede__col a{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.9);text-decoration:none;font-size:14.5px;padding:5px 0;transition:color .2s}
.cmh-piede__col a:hover{color:#fff;text-decoration:underline}
.cmh-piede__aiuto svg{width:17px;height:17px;flex:0 0 auto}
.cmh .cmh-piede__store{justify-content:flex-start;margin-top:14px;gap:8px}
.cmh .cmh-piede__store a{padding:7px 12px;border-color:rgba(255,255,255,.25);text-decoration:none!important}
.cmh .cmh-piede__store b{font-size:14px}
.cmh-piede__basso{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:40px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);font-size:13px;color:rgba(255,255,255,.72)}
@media (max-width:1023px){.cmh-piede__alto{grid-template-columns:1fr 1fr 1fr}.cmh-piede__marca{grid-column:1/-1}.cmh-piede__aiuto{grid-column:1/-1}}
@media (max-width:599px){
  .cmh-piede__in{padding:40px 20px 22px}
  .cmh-piede__alto{grid-template-columns:1fr 1fr;gap:26px 18px}
  .cmh-piede__col:nth-child(4){grid-column:1/-1}
  .cmh-piede__col:nth-child(4) a{display:inline-flex;margin-right:16px}
  .cmh-piede__basso{margin-top:28px;justify-content:center;text-align:center}
}
/* telefono: «Iscriviti» lampone al posto di «Scarica l'app» giallo */
.cmh-top__app{border:0;cursor:pointer;background:#DF274F;color:#fff!important;font:800 13.5px Inter,sans-serif;padding:9px 16px;box-shadow:0 6px 14px -8px rgba(223,39,79,.7)}
.cmh-top__tendina-app{display:block;text-align:center;margin-top:12px;padding:12px;border-radius:999px;background:#FFB102;color:#2A1A00!important;font-weight:800;text-decoration:none}
/* logo piu' grande nell'intestazione */
.cmh-top__logo img{width:190px}
.cmh-top__in{height:74px}
@media (max-width:1023px){.cmh-top__logo img{width:168px}.cmh-top__in{height:66px}}
@media (max-width:374px){.cmh-top__logo img{width:140px}}
@media (max-width:339px){.cmh-top__logo img{width:124px}.cmh-top__app{padding:8px 12px;font-size:12.5px}}

/* ======================= MANO CHE TIENE IL TELEFONO ======================= */
.cmh-mano{position:relative;width:360px;max-width:100%;margin:0 auto;aspect-ratio:1024/1536;animation:cmh-mano 6s ease-in-out infinite}
@keyframes cmh-mano{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.cmh .cmh-mano .cmh-tel-scala{position:absolute;z-index:1;transform-origin:0 0;width:277px;height:603px}
.cmh .cmh-mano .cmh-tel-tilt{width:277px;height:603px;transform:none!important}
.cmh .cmh-mano .cmh-tel{width:277px;height:603px;padding:0;border:0;border-radius:39px;background:#000;box-shadow:none;animation:none!important}
.cmh .cmh-mano .cmh-tel::before,.cmh .cmh-mano .cmh-spessore,.cmh .cmh-mano .cmh-tasto-lat{display:none}
.cmh .cmh-mano .cmh-schermo{border-radius:39px;clip-path:inset(0 round 39px);-webkit-clip-path:inset(0 round 39px);transform:none}
.cmh .cmh-mano .cmh-schermo::before{display:none}
.cmh-mano__img{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;filter:drop-shadow(0 24px 30px rgba(60,10,25,.22))}
.cmh .cmh-demo__tel .cmh-ombra{display:none}
@media (max-width:899px){.cmh-mano{width:min(300px,calc(100vw - 60px))}}
@media (prefers-reduced-motion:reduce){.cmh-mano{animation:none}}
/* polso che sfuma in basso (niente taglio netto); mano piu' grande su computer */
.cmh-mano__img{-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent 99%);mask-image:linear-gradient(180deg,#000 80%,transparent 99%)}
@media (min-width:900px){.cmh-mano{width:440px}.cmh .cmh-sticky .cmh-demo__griglia{grid-template-columns:minmax(0,1fr) 440px}}
/* niente linea grigia a destra: l'ombra non sta piu' sull'immagine mascherata; il polso sfuma in basso e a destra */
.cmh-mano__img{filter:none;
  -webkit-mask-image:linear-gradient(180deg,#000 78%,transparent 99%),linear-gradient(270deg,transparent 0,#000 7%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(180deg,#000 78%,transparent 99%),linear-gradient(270deg,transparent 0,#000 7%);mask-composite:intersect}
.cmh-mano{filter:drop-shadow(0 22px 26px rgba(60,10,25,.16))}
/* ultimo passo: titolo e descrizione corta come gli altri, anche su telefono (Marco 27/9) */
@media (max-width:899px){.cmh .cmh-spiega.ultimo{display:block}.cmh .cmh-spiega.ultimo p{display:block}.cmh .cmh-spiega.ultimo .cmh-cta-fine{display:none}}
/* ultimo passo: la mano che indica il pulsante «Scarica l'app gratis» (punta del dito al 20,5% della larghezza, in fondo) */
.cmh-cta-mano{position:relative;display:inline-flex}
.cmh-indica{position:absolute;width:130px;height:auto;left:calc(78% - 26.6px);bottom:calc(100% - 10px);z-index:3;pointer-events:none;
  filter:drop-shadow(0 10px 14px rgba(60,10,25,.22));transform-origin:20% 100%;
  animation:cmh-indica-in .7s cubic-bezier(.2,.8,.2,1) both,cmh-indica-tap 1.6s ease-in-out .8s infinite}
@keyframes cmh-indica-in{from{opacity:0;transform:translate(40px,-40px)}to{opacity:1;transform:none}}
@keyframes cmh-indica-tap{0%,100%{transform:translateY(0)}45%{transform:translateY(7px)}55%{transform:translateY(7px) scale(.98)}}
.cmh-cta-mano .cmh-btn{animation:cmh-cta-tap 1.6s ease-in-out .8s infinite}
@keyframes cmh-cta-tap{0%,40%,70%,100%{transform:none}50%{transform:scale(.97)}}
@media (max-width:899px){.cmh-indica{width:110px;left:calc(78% - 22.5px)}}
@media (prefers-reduced-motion:reduce){.cmh-indica,.cmh-cta-mano .cmh-btn{animation:none}}
.cmh-indica{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%),linear-gradient(270deg,transparent 0,#000 22%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(180deg,transparent 0,#000 30%),linear-gradient(270deg,transparent 0,#000 22%);mask-composite:intersect}
.cmh-indica{filter:none}
/* ---------- fine demo: la mano col telefono sfuma e al suo posto compare quella che indica il pulsante ---------- */
.cmh .cmh-demo{overflow-x:clip}
.cmh-indica-grande{position:absolute;z-index:4;width:100%;height:auto;left:29.5%;bottom:-1%;pointer-events:none;opacity:0;
  transform:translate(26px,-26px);transition:opacity .9s ease .25s,transform 1s cubic-bezier(.2,.8,.2,1) .25s;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 26%),linear-gradient(270deg,transparent 0,#000 16%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(180deg,transparent 0,#000 26%),linear-gradient(270deg,transparent 0,#000 16%);mask-composite:intersect}
.cmh .cmh-mano .cmh-mano__img,.cmh .cmh-mano .cmh-tel-scala{transition:opacity .8s ease,transform .8s ease}
.cmh .cmh-mano.indica .cmh-mano__img,.cmh .cmh-mano.indica .cmh-tel-scala{opacity:0}
.cmh .cmh-mano.indica .cmh-mano__img{transform:translateY(16px) scale(.97)}
.cmh .cmh-mano.indica .cmh-indica-grande{opacity:1;transform:none;animation:cmh-indica-tap 1.6s ease-in-out 1.4s infinite}
.cmh .cmh-mano.indica ~ .cmh-nav .cmh-cta-finale{animation:cmh-cta-tap 1.6s ease-in-out 1.4s infinite}
@media (max-width:899px){.cmh-indica-grande{width:85%;left:32.6%}}
@media (prefers-reduced-motion:reduce){.cmh .cmh-mano.indica .cmh-indica-grande,.cmh .cmh-mano.indica ~ .cmh-nav .cmh-cta-finale{animation:none}}
/* su computer: sezione ferma sotto l'intestazione mentre la rotella cambia i passi */
@media (min-width:900px){
  .cmh #prova-app.cmh-rotella .cmh-scrolly{position:relative}
  .cmh #prova-app.cmh-rotella .cmh-sticky{position:sticky;top:74px;height:calc(100vh - 74px)!important;display:flex;align-items:center;overflow:visible}
  .cmh #prova-app.cmh-rotella .cmh-sticky .cmh-demo__griglia{margin-top:0}
}
@media (min-width:900px){.cmh #prova-app.cmh-rotella{overflow:visible}}
@media (min-width:900px){.cmh #prova-app.cmh-rotella .cmh-scrolly{height:var(--alt-rotella)!important}}
/* mano che indica n.2 (polso dritto dall'alto): posizione calcolata da mettiIndica(); il pulsante compare con lei */
.cmh .cmh-indica-grande{left:0;top:0;bottom:auto;width:100%;transform:translateY(-30px);
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 34%);mask-image:linear-gradient(180deg,transparent 0,#000 34%);-webkit-mask-composite:initial;mask-composite:initial}
@media (max-width:899px){.cmh .cmh-indica-grande{width:100%}}
.cmh .cmh-cta-finale{opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .6s ease .6s,transform .6s ease .6s,visibility 0s linear 1.2s}
.cmh .cmh-mano.indica ~ .cmh-nav .cmh-cta-finale{opacity:1;visibility:visible;transform:none;transition:opacity .6s ease .6s,transform .6s ease .6s}
/* sezione compatta prima e dopo: la parte ferma e' alta quanto il contenuto */
@media (min-width:900px){.cmh #prova-app.cmh-rotella .cmh-sticky{height:auto!important;display:block}}
/* mano che indica piu' grande: il polso si taglia (sfuma) prima */
.cmh .cmh-indica-grande{-webkit-mask-image:linear-gradient(180deg,transparent 0,transparent 30%,#000 52%);mask-image:linear-gradient(180deg,transparent 0,transparent 30%,#000 52%)}
@media (max-width:899px){.cmh .cmh-indica-grande{width:auto}}

/* scorrimento dei passi anche su telefono (col dito): stesse regole del computer, per tutte le larghezze */
.cmh #prova-app.cmh-rotella{overflow:visible}
.cmh #prova-app.cmh-rotella .cmh-scrolly{position:relative;height:var(--alt-rotella)!important}
.cmh #prova-app.cmh-rotella .cmh-sticky{position:sticky;height:auto!important;display:block;overflow:visible}
@media (max-width:899px){.cmh #prova-app.cmh-rotella .cmh-sticky .cmh-demo__griglia{display:flex}.cmh #prova-app.cmh-rotella{overflow-x:clip}}
@media (max-width:899px){.cmh #prova-app .cmh-nav{min-height:52px;margin-top:6px}}
/* ---------- punto guida: mostra dove avviene il gesto (lo schermo non si tocca) ---------- */
.cmh .cmh-mano .cmh-dito{display:block!important;position:absolute;z-index:6;width:34px;height:34px;border-radius:50%;pointer-events:none;
  background:rgba(223,39,79,.28);border:2.5px solid #fff;box-shadow:0 4px 14px rgba(0,0,0,.25);animation:cmh-guida 1.6s ease-in-out infinite;transition:left .5s cubic-bezier(.2,.8,.2,1),top .5s cubic-bezier(.2,.8,.2,1)}
.cmh .cmh-mano .cmh-dito[style*="display:none"]{display:none!important}
.cmh .cmh-mano .cmh-dito::after{content:"";position:absolute;inset:-9px;border-radius:50%;border:2px solid rgba(223,39,79,.6);animation:cmh-onda-guida 1.6s ease-out infinite}
@keyframes cmh-guida{0%,100%{transform:scale(1)}50%{transform:scale(.88)}}
@keyframes cmh-onda-guida{from{transform:scale(.7);opacity:1}to{transform:scale(1.5);opacity:0}}
.cmh .cmh-mano .cmh-dito.preme{animation:none;transform:scale(.72);background:rgba(223,39,79,.55)}
.cmh .cmh-mano .cmh-dito.preme::after{animation:cmh-onda-guida .7s ease-out infinite}
.cmh .cmh-mano .cmh-hot,.cmh .cmh-mano .cmh-fumetto{display:none!important}
.cmh .cmh-mano .cmh-schermo{pointer-events:none}
.cmh .cmh-mano.indica .cmh-dito{opacity:0}
/* telefono: i passi non scorrono con la pagina; guida «scorri a sinistra» */
@media (max-width:899px){.cmh #prova-app .cmh-nav{min-height:44px}}
.cmh-guida-swipe{display:none}
@media (max-width:899px){
  .cmh-guida-swipe{display:inline-flex;align-items:center;gap:10px;font:700 13.5px Inter,sans-serif;color:#DF274F;background:#FBEEF1;border-radius:999px;padding:9px 16px 9px 12px}
  .cmh-guida-swipe i{position:relative;width:34px;height:18px}
  .cmh-guida-swipe i::before{content:"";position:absolute;right:0;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:#DF274F;box-shadow:0 0 0 4px rgba(223,39,79,.2);animation:cmh-swipe 1.6s ease-in-out infinite}
  .cmh-guida-swipe i::after{content:"";position:absolute;left:0;top:50%;width:8px;height:8px;margin-top:-4px;border-left:2.5px solid #DF274F;border-bottom:2.5px solid #DF274F;transform:rotate(45deg);opacity:.7}
  #prova-app.scorso .cmh-guida-swipe{opacity:.75}
}
@keyframes cmh-swipe{0%{transform:translateX(0);opacity:0}15%{opacity:1}70%{transform:translateX(-22px);opacity:1}100%{transform:translateX(-22px);opacity:0}}
.cmh .cmh-mano .cmh-dito.via{display:none!important}
@media (max-width:899px){.cmh .cmh-punti{margin:12px 0 0}}
/* intestazione che si nasconde (telefono, sezione demo) */
.cmh-top{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}
.cmh-top.nascosta{transform:translateY(-105%)}
/* telefono: all'ultimo passo prima la guida «Scorri a sinistra», poi (con la mano che indica) il pulsante */
@media (max-width:899px){
  .cmh #prova-app .cmh-cta-finale{display:none}
  .cmh #prova-app .cmh-mano.indica ~ .cmh-nav .cmh-cta-finale{display:inline-flex;animation:cmh-su .6s ease .5s both,cmh-cta-tap 1.6s ease-in-out 1.6s infinite}
  .cmh #prova-app .cmh-mano.indica ~ .cmh-nav .cmh-guida-swipe{display:none}
}
@media (min-width:900px){.cmh-nav .cmh-guida-swipe{display:none!important}}

/* ======================= BANNER: ruota astrologica in movimento (al posto di luci e stelline) ======================= */
.cmh .cmh-hero__luci,.cmh .cmh-hero__stelle{display:none}
.cmh-hero__astro{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.cmh-astro{position:absolute;width:760px;height:760px;right:-60px;top:50%;margin-top:-380px;opacity:.55}
.cmh-astro *{fill:none;stroke:#FFD27A;stroke-width:1.2;vector-effect:non-scaling-stroke}
.cmh-astro line.f{stroke-width:1.8}
.cmh-astro text{fill:#FFD27A;stroke:none;font:500 26px "Segoe UI Symbol","Apple Symbols","Noto Sans Symbols 2",serif;text-anchor:middle;dominant-baseline:central}
.cmh-astro circle[r="2.2"]{fill:#FFD27A;stroke:none}
.cmh-astro .t{stroke-dasharray:3 7}
.cmh-astro g{transform-origin:300px 300px;transform-box:view-box}
.cmh-astro__esterno{animation:cmh-gira-o 140s linear infinite}
.cmh-astro__segni{animation:cmh-gira-a 220s linear infinite}
.cmh-astro__interno{animation:cmh-gira-o 90s linear infinite}
.cmh-astro__interno polygon{stroke-width:1;opacity:.8}
@keyframes cmh-gira-o{to{transform:rotate(360deg)}}
@keyframes cmh-gira-a{to{transform:rotate(-360deg)}}
/* telefono: piu' piccola, in alto a destra, piu' tenue dietro al testo */
@media (max-width:899px){.cmh-astro{width:520px;height:520px;right:-220px;top:-120px;margin-top:0;opacity:.32}}
@media (prefers-reduced-motion:reduce){.cmh-astro g{animation:none}}
@media (max-width:899px){.cmh-astro{opacity:.22}}
.cmh .cmh-hero .cmh-orbita{border-color:transparent}
/* computer: al posto dei tarocchi la luna dorata senza disco, al centro dell'orbita */
@media (min-width:900px){
  .cmh .cmh-hero .cmh-tarocchi-hero{display:none}
  .cmh .cmh-hero .cmh-luna picture{display:block}
  .cmh .cmh-hero .cmh-luna img.cmh-luna__img{position:absolute;left:50%;top:50%;width:280px;height:280px;margin:-140px 0 0 -140px;right:auto;bottom:auto;border-radius:0;box-shadow:none;border:0;background:none;
    filter:drop-shadow(0 0 30px rgba(255,192,45,.45)) drop-shadow(0 18px 30px rgba(80,0,20,.35));animation:cmh-galleggia 6s ease-in-out infinite}
}
@media (min-width:900px){.cmh .cmh-hero .cmh-luna img.cmh-luna__img{width:190px;height:190px;margin:-95px 0 0 -95px}}
@media (max-width:899px){.cmh .cmh-hero .cmh-luna{display:none!important}}
/* telefono: tarocchi leggeri in fondo al banner */
.cmh-tarocchi-m{display:none}
@media (max-width:899px){
  .cmh .cmh-hero{padding-bottom:0}
  .cmh-tarocchi-m{display:block;width:78%;max-width:320px;height:auto;margin:22px auto -14px;opacity:.95;
    filter:drop-shadow(0 14px 18px rgba(60,0,20,.35));animation:cmh-tarocchi 7s ease-in-out infinite;
    -webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 62%,transparent 100%)}
}
@media (prefers-reduced-motion:reduce){.cmh-tarocchi-m{animation:none}}
@media (max-width:899px){.cmh-tarocchi-m{width:100%;max-width:none;margin:22px 0 -14px}}
@media (max-width:899px){.cmh-tarocchi-m{margin:22px 0 -26%}.cmh .cmh-hero{overflow:hidden}}
@media (max-width:899px){.cmh-tarocchi-m{margin:22px 0 -15%}}
@media (max-width:899px){.cmh-tarocchi-m{-webkit-mask-image:linear-gradient(180deg,#000 38%,transparent 72%);mask-image:linear-gradient(180deg,#000 38%,transparent 72%)}}

/* ======================= 6 RIQUADRI «PERCHÉ CARTOMANDO» ======================= */
.cmh .cmh-fid{gap:16px}
.cmh .cmh-fid .cmh-fid__c{position:relative;overflow:hidden;background:#fff;border:1px solid #F2E6E9;border-radius:22px;padding:24px 22px 22px;
  box-shadow:0 18px 40px -30px rgba(90,20,50,.45);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;
  --c1:#E42A55;--c2:#FF7A97}
.cmh .cmh-fid .cmh-fid__c::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--c1),var(--c2))}
.cmh .cmh-fid .cmh-fid__c::after{content:"";position:absolute;right:-50px;top:-50px;width:160px;height:160px;border-radius:50%;background:radial-gradient(closest-side,var(--c2),transparent);opacity:.12;transition:opacity .35s,transform .5s}
.cmh .cmh-fid .cmh-fid__c:hover{transform:translateY(-6px);box-shadow:0 28px 50px -28px rgba(90,20,50,.5);border-color:transparent}
.cmh .cmh-fid .cmh-fid__c:hover::after{opacity:.25;transform:scale(1.2)}
.cmh .cmh-fid__ico{position:relative;z-index:1;display:grid;place-items:center;width:54px;height:54px;border-radius:16px;
  background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;box-shadow:0 12px 22px -10px var(--c1);transition:transform .35s}
.cmh .cmh-fid .cmh-fid__c:hover .cmh-fid__ico{transform:rotate(-8deg) scale(1.06)}
.cmh .cmh-fid .cmh-fid__ico svg{width:27px;height:27px;color:#fff;margin:0}
.cmh .cmh-fid .cmh-fid__c strong{position:relative;z-index:1;display:block;font-size:17px;font-weight:800;margin-top:16px;color:#16131A}
.cmh .cmh-fid .cmh-fid__c span:not(.cmh-fid__ico){position:relative;z-index:1;display:block;font-size:14.5px;line-height:1.5;color:#555;margin-top:6px}
/* un colore per riquadro, dalla tavolozza dell'app */
.cmh-fid__c--1{--c1:#E42A55!important;--c2:#FF7A97!important}
.cmh-fid__c--2{--c1:#1B7FD6!important;--c2:#4EC0F2!important}
.cmh-fid__c--3{--c1:#2A9D3F!important;--c2:#6BD35B!important}
.cmh-fid__c--4{--c1:#7B3FE4!important;--c2:#B38BFF!important}
.cmh-fid__c--5{--c1:#E89400!important;--c2:#FFC02D!important}
.cmh-fid__c--6{--c1:#BA1F42!important;--c2:#F2643F!important}
/* comparsa a cascata quando la sezione entra nello schermo */
.cmh .cmh-fid.anima .cmh-fid__c{opacity:0;transform:translateY(24px)}
.cmh .cmh-fid.anima.vista .cmh-fid__c{opacity:1;transform:none;transition:opacity .6s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.cmh .cmh-fid.anima.vista .cmh-fid__c:nth-child(2){transition-delay:.08s}.cmh .cmh-fid.anima.vista .cmh-fid__c:nth-child(3){transition-delay:.16s}
.cmh .cmh-fid.anima.vista .cmh-fid__c:nth-child(4){transition-delay:.24s}.cmh .cmh-fid.anima.vista .cmh-fid__c:nth-child(5){transition-delay:.32s}
.cmh .cmh-fid.anima.vista .cmh-fid__c:nth-child(6){transition-delay:.4s}
@media (max-width:599px){
  .cmh .cmh-fid{grid-template-columns:1fr 1fr;gap:10px}
  .cmh .cmh-fid .cmh-fid__c{display:block;padding:18px 14px 16px;border-radius:18px;border:1px solid #F2E6E9;border-bottom:1px solid #F2E6E9}
  .cmh .cmh-fid__ico{width:44px;height:44px;border-radius:13px}
  .cmh .cmh-fid .cmh-fid__ico svg{width:22px;height:22px}
  .cmh .cmh-fid .cmh-fid__c strong{font-size:15px;margin-top:12px}
  .cmh .cmh-fid .cmh-fid__c span:not(.cmh-fid__ico){font-size:13px}
}
@media (prefers-reduced-motion:reduce){.cmh .cmh-fid.anima .cmh-fid__c{opacity:1;transform:none}}
/* niente barretta colorata in alto (Marco 28/9) */
.cmh .cmh-fid .cmh-fid__c::before{display:none}

/* ======================= RECENSIONI ======================= */
.cmh-sez-testa{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.cmh-voci-nav{display:flex;gap:8px}
.cmh-voci-nav button{width:44px;height:44px;border-radius:50%;border:1.5px solid #EADDE0;background:#fff;color:#DF274F;font:700 24px/1 Inter,sans-serif;cursor:pointer;padding:0 0 3px;transition:background .2s}
.cmh-voci-nav button:hover{background:#FBEEF1}
.cmh .cmh-voci{gap:16px;padding:6px 2px 18px;scrollbar-width:none}
.cmh .cmh-voci::-webkit-scrollbar{display:none}
.cmh .cmh-voce{position:relative;margin:0;flex:0 0 min(340px,84%);background:#fff;border:1px solid #F2E6E9;border-radius:22px;padding:26px 24px 22px;
  box-shadow:0 18px 40px -30px rgba(90,20,50,.45);display:flex;flex-direction:column}
.cmh-voce__q{position:absolute;right:18px;top:-6px;font:900 96px/1 Georgia,serif;color:#F6D9E1;pointer-events:none}
.cmh .cmh-voce .cmh-stelle{position:relative;font-size:15px;letter-spacing:2px;color:#FFB102}
.cmh-voce blockquote{position:relative;margin:12px 0 0;font-size:15.5px;line-height:1.6;color:#3a3438;flex:1}
.cmh-voce figcaption{display:flex;align-items:center;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid #F4ECEE}
.cmh-voce__av{flex:0 0 auto;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,#E42A55,#FF7A97)}
.cmh-voce:nth-child(3n+2) .cmh-voce__av{background:linear-gradient(135deg,#1B7FD6,#4EC0F2)}
.cmh-voce:nth-child(3n) .cmh-voce__av{background:linear-gradient(135deg,#E89400,#FFC02D)}
.cmh-voce figcaption b{display:block;font-size:14.5px;color:#16131A}
.cmh-voce figcaption small{display:block;font-size:12.5px;color:#DF274F;font-weight:600}
@media (max-width:599px){.cmh-voci-nav{display:none}.cmh .cmh-voce{padding:22px 18px 18px}.cmh-voce blockquote{font-size:14.5px}}

/* ======================= DOMANDE FREQUENTI ======================= */
.cmh-faq-griglia{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:start}
.cmh-faq-lato{position:sticky;top:100px}
.cmh-faq-aiuto{margin-top:26px;background:#fff;border:1px solid #F2E6E9;border-radius:20px;padding:22px;box-shadow:0 18px 40px -30px rgba(90,20,50,.45)}
.cmh-faq-aiuto strong{display:block;font-size:17px}
.cmh-faq-aiuto span{display:block;color:#555;font-size:14.5px;margin-top:4px}
.cmh-faq-wa{display:inline-flex;align-items:center;gap:8px;margin-top:14px;background:#25D366;color:#fff!important;text-decoration:none;font-weight:800;font-size:14.5px;padding:11px 18px;border-radius:999px}
.cmh-faq-wa svg{width:20px;height:20px}
.cmh-faq-mail{display:block;margin-top:10px;color:#DF274F!important;font-weight:700;font-size:14px;text-decoration:none}
.cmh .cmh-faq{margin-top:0;max-width:none;display:flex;flex-direction:column;gap:10px}
.cmh .cmh-faq details{background:#fff;border:1px solid #F2E6E9;border-radius:16px;padding:0 20px;transition:box-shadow .3s,border-color .3s}
.cmh .cmh-faq details[open]{border-color:#F3C9D4;box-shadow:0 16px 34px -26px rgba(223,39,79,.45)}
.cmh .cmh-faq summary{padding:18px 44px 18px 0;font-size:16px}
.cmh .cmh-faq summary::after{content:"";right:0;top:50%;width:28px;height:28px;margin-top:-14px;border-radius:50%;background:#FBEEF1 center/12px no-repeat
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 1v10M1 6h10' stroke='%23DF274F' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");transition:transform .3s,background-color .3s}
.cmh .cmh-faq details[open] summary::after{transform:rotate(45deg);background-color:#DF274F;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 1v10M1 6h10' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.cmh .cmh-faq details p{padding:0 0 20px;margin:0;line-height:1.65}
@media (max-width:899px){.cmh-faq-griglia{grid-template-columns:1fr;gap:18px}.cmh-faq-lato{position:static}.cmh-faq-aiuto{display:none}
  .cmh .cmh-faq details{padding:0 16px}.cmh .cmh-faq summary{font-size:15px}}

/* ======================= BLOG ======================= */
.cmh-tutti{font-weight:800;color:#DF274F!important;text-decoration:none;font-size:15px;white-space:nowrap}
.cmh .cmh-blog{gap:20px}
.cmh .cmh-art{background:#fff;border:1px solid #F2E6E9;border-radius:20px;overflow:hidden;box-shadow:0 18px 40px -32px rgba(90,20,50,.45);transition:transform .35s,box-shadow .35s}
.cmh .cmh-art:hover{transform:translateY(-5px);box-shadow:0 26px 46px -30px rgba(90,20,50,.5)}
.cmh .cmh-art img{border-radius:0;transition:transform .6s}
.cmh .cmh-art:hover img{transform:scale(1.05)}
.cmh .cmh-art>div{padding:16px 18px 18px}
.cmh .cmh-art strong{font-size:16.5px;line-height:1.35}
.cmh .cmh-art span{margin-top:10px}
@media (min-width:600px){.cmh .cmh-art{display:block}.cmh .cmh-art img{height:190px;width:100%;max-width:none;display:block}}
@media (max-width:599px){.cmh .cmh-art{flex-direction:row;align-items:stretch}.cmh .cmh-art img{width:110px;height:auto;min-height:100px}.cmh .cmh-art>div{padding:12px 14px}.cmh .cmh-art strong{font-size:14.5px}}

/* ======================= CHIUSURA ======================= */
.cmh .cmh-fine{overflow:hidden}
.cmh .cmh-fine::after{content:"";position:absolute;left:50%;top:50%;width:720px;height:720px;margin:-360px 0 0 -360px;border-radius:50%;
  border:1px dashed rgba(255,210,122,.25);box-shadow:0 0 0 60px rgba(255,210,122,.03),inset 0 0 0 110px rgba(255,210,122,.03);pointer-events:none;animation:cmh-gira-o 120s linear infinite}
.cmh .cmh-fine>*{position:relative;z-index:1}
.cmh-fine__iscr{border:0;cursor:pointer;font-size:17px;padding:16px 34px}
.cmh-fine__o{display:block;margin:14px 0 10px;color:rgba(255,255,255,.75);font-size:13.5px}
.cmh .cmh-fine p{margin-bottom:20px}

/* ======================= CARTOMANDO PUÒ AIUTARTI + NUMERI ======================= */
.cmh-aiuta{background:var(--fondo)}
.cmh-aiuta__griglia{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center}
.cmh .cmh-aiuta h2{font-size:clamp(26px,4vw,38px)}
.cmh-aiuta__testo p{color:#4A4A4A;font-size:16.5px;line-height:1.65;margin:14px 0 0}
.cmh-aiuta__testo p b{color:#16131A}
.cmh-cifre{position:relative;overflow:hidden;border-radius:26px;padding:10px 30px;color:#fff;background:linear-gradient(160deg,#E42A55 0%,#DF274F 40%,#BA1F42 100%);box-shadow:0 30px 60px -36px rgba(186,31,66,.8)}
.cmh-cifre::after{content:"";position:absolute;right:-120px;top:-120px;width:300px;height:300px;border-radius:50%;border:1px dashed rgba(255,210,122,.35);pointer-events:none}
.cmh-cifra{position:relative;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.18)}
.cmh-cifra:last-child{border-bottom:0}
.cmh-cifra strong{display:block;font-size:46px;font-weight:900;letter-spacing:-.04em;line-height:1;color:#FFC02D;font-variant-numeric:tabular-nums}
.cmh-cifra span{display:block;margin-top:6px;font-size:15px;color:rgba(255,255,255,.92)}
@media (max-width:899px){.cmh-aiuta__griglia{grid-template-columns:1fr;gap:22px}.cmh-aiuta__testo p{font-size:15px}
  .cmh-cifre{display:grid;grid-template-columns:repeat(3,1fr);padding:18px 8px}
  .cmh-cifra{padding:4px 8px;border:0;border-right:1px solid rgba(255,255,255,.18);text-align:center}
  .cmh-cifra strong{font-size:27px}.cmh-cifra span{font-size:12px;line-height:1.3}}

/* ======================= INFO E CONTATTI ======================= */
.cmh-cont{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:start}
.cmh-cont__vie{margin-top:20px}
.cmh-cont__form{position:relative;background:#fff;border:1px solid #F2E6E9;border-radius:24px;padding:12px 26px 26px;box-shadow:0 18px 40px -30px rgba(90,20,50,.45)}
.cmh-cont__due{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cmh-cont__form .cmh-in-t{font-size:16px;font-weight:500;padding:12px 14px}
.cmh-cont__form textarea.cmh-in-t{resize:vertical;min-height:110px;font-family:Inter,sans-serif}
.cmh-cont__form .cmh-btn{margin-top:16px;border:0;cursor:pointer;width:100%}
.cmh-cont__trappola{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.cmh-cont__form.inviato>*:not(.cmh-cont__ok){visibility:hidden}
.cmh-cont__ok{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:6px}
.cmh-cont__ok[hidden]{display:none}
.cmh-cont__ok strong{font-size:20px}.cmh-cont__ok span{color:#555;max-width:300px}
@media (max-width:899px){.cmh-cont{grid-template-columns:1fr;gap:18px}.cmh-cont__form{padding:6px 18px 20px}}
@media (max-width:420px){.cmh-cont__due{grid-template-columns:1fr;gap:0}}
.cmh-cont-sez{background:var(--fondo)}
@media (max-width:899px){.cmh-cifra:last-child{border-right:0}}

/* ======================= FOTO DELLA HOME VECCHIA (28/9) ======================= */
.cmh-foto-sez{display:block;width:100%;height:auto;border-radius:24px;box-shadow:0 26px 50px -34px rgba(90,20,50,.55)}
/* «Perché»: testo a sinistra, foto del gruppo a destra */
.cmh-perche-testa{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}
/* «Può aiutarti»: foto | testo, sotto i numeri in una fascia */
.cmh .cmh-aiuta__griglia{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px 56px}
.cmh-aiuta__foto{aspect-ratio:1/1;object-fit:cover}
.cmh .cmh-cifre{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);padding:26px 10px}
.cmh .cmh-cifra{padding:4px 24px;border:0;border-right:1px solid rgba(255,255,255,.18);text-align:center}
.cmh .cmh-cifra:last-child{border-right:0}
/* contatti: foto sotto WhatsApp/email */
.cmh-cont__foto{margin-top:26px;max-width:400px;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%}
@media (max-width:899px){
  .cmh-perche-testa{grid-template-columns:1fr;gap:18px}
  .cmh .cmh-aiuta__griglia{grid-template-columns:1fr;gap:20px}
  .cmh-aiuta__foto{aspect-ratio:4/3;object-position:50% 25%}
  .cmh .cmh-cifre{padding:18px 6px}.cmh .cmh-cifra{padding:4px 8px}
  .cmh-cont__foto{max-width:none;aspect-ratio:16/10;margin-top:18px}
  .cmh-foto-sez{border-radius:20px}
}
@media (min-width:900px){.cmh-cont__foto{max-width:none;aspect-ratio:16/9;object-position:50% 28%}.cmh-cont{align-items:center}}
@media (max-width:899px){.cmh-aiuta__foto{object-position:50% 0}}
.cmh-cont__foto{object-position:72% 40%!important}

/* ======================= WHATSAPP: verde piu' profondo, dappertutto (28/9) ======================= */
.cmh .cmh-faq-wa,.cmh .cmh-el-wa{background:linear-gradient(135deg,#0A8A44 0%,#1DB45A 100%);color:#fff!important;
  box-shadow:0 12px 24px -12px rgba(10,138,68,.75),inset 0 1px 0 rgba(255,255,255,.18);transition:transform .2s,box-shadow .2s,filter .2s}
.cmh .cmh-faq-wa:hover,.cmh .cmh-el-wa:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 16px 28px -12px rgba(10,138,68,.8)}

/* contatti: WhatsApp ed email DENTRO la foto, sul lato chiaro a sinistra */
.cmh-cont__foto-box{position:relative;margin-top:24px}
.cmh-cont__foto-box .cmh-cont__foto{margin-top:0;max-width:none;width:100%}
.cmh-cont__foto-box::before{content:"";position:absolute;inset:0;z-index:1;border-radius:24px;pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.55) 38%,rgba(255,255,255,0) 60%)}
.cmh .cmh-cont__foto-box .cmh-cont__vie{position:absolute;z-index:2;left:22px;bottom:22px;margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.cmh-cont__foto-box .cmh-faq-wa{margin:0}
.cmh-cont__foto-box .cmh-faq-mail{margin:0;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.9);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
@media (max-width:899px){
  .cmh-cont__foto-box{margin-top:16px}.cmh-cont__foto-box::before{border-radius:20px}
  .cmh .cmh-cont__foto-box .cmh-cont__vie{left:14px;bottom:14px}
  .cmh-cont__foto-box .cmh-faq-wa{font-size:14px;padding:10px 16px}
  .cmh-cont__foto-box .cmh-faq-mail{font-size:13px}
}
/* WhatsApp + email a meta' altezza della foto (Marco 28/9) */
.cmh .cmh-cont__foto-box .cmh-cont__vie{top:50%;bottom:auto;transform:translateY(-50%)}

/* codice SMS: un solo campo trasparente sopra 6 caselle disegnate (niente rimbalzo su iPhone, 28/9) */
.cmh-otp{position:relative}
.cmh-otp span{display:grid;place-items:center;height:52px;font:800 22px Inter,sans-serif;border:1.5px solid #E6D9DD;border-radius:12px;color:#16131A;background:#fff;transition:border-color .15s,box-shadow .15s}
.cmh-otp span.piena{border-color:#D9C3CA}
.cmh-otp span.att{border-color:#DF274F;box-shadow:0 0 0 4px rgba(223,39,79,.12)}
.cmh-otp span.att:empty::after{content:"";width:2px;height:24px;background:#DF274F;animation:cmh-cursore 1s steps(1) infinite}
@keyframes cmh-cursore{50%{opacity:0}}
.cmh .cmh-otp input#cmh-otp-in{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:0;padding:0;margin:0;font-size:16px;color:transparent;caret-color:transparent;background:transparent;z-index:1;box-shadow:none}

/* finestra d'iscrizione con la tastiera aperta (classe .tastiera messa da comune.js): sta sopra la tastiera e si compatta */
.cmh-mod.tastiera{align-items:flex-end}
.cmh-mod.tastiera .cmh-mod__box{max-height:100%;animation:none;padding-top:14px;padding-bottom:12px}
.cmh-mod.tastiera .cmh-mod__prova,.cmh-mod.tastiera .cmh-mod__avatar,.cmh-mod.tastiera #cmh-mod-sub{display:none}
.cmh-mod.tastiera h3{font-size:18px;padding-right:40px;text-align:left}
.cmh-mod.tastiera .cmh-mod__passi{margin:8px 0 10px;justify-content:flex-start}
.cmh-mod.tastiera .cmh-mod__x{top:8px}
.cmh-mod.tastiera .cmh-campo-l{margin-top:4px}
.cmh-mod.tastiera .cmh-mod__btn{margin-top:10px}

/* recensioni vere: nome della cartomante cliccabile (apre il profilo) e data */
.cmh-voce__op{background:none;border:0;padding:0;font:inherit;color:#DF274F;font-weight:700;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(223,39,79,.3);text-underline-offset:3px}
.cmh-voce__op:hover{text-decoration-color:#DF274F}
.cmh-voce figcaption time{margin-left:auto;font-size:12px;color:#999;white-space:nowrap;align-self:flex-end}

/* ======================= DEMO: X per chiuderla, riga per riaprirla (28/9) ======================= */
.cmh .cmh-demo__griglia{position:relative}
.cmh-demo__x{position:absolute;top:0;right:20px;z-index:6;width:40px;height:40px;border-radius:50%;border:1px solid #EADDE0;background:rgba(255,255,255,.92);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#6b5f63;font:400 26px/1 Inter,sans-serif;padding:0 0 3px;cursor:pointer;
  box-shadow:0 8px 20px -12px rgba(90,20,50,.5);transition:background .2s,color .2s,transform .2s}
.cmh-demo__x:hover{background:#DF274F;color:#fff;border-color:#DF274F;transform:rotate(90deg)}
.cmh-demo__riapri{display:none}
.cmh #prova-app.chiusa{padding:22px 0}
.cmh #prova-app.chiusa .cmh-demo__intro,.cmh #prova-app.chiusa .cmh-scrolly{display:none!important}
.cmh #prova-app.chiusa .cmh-demo__riapri{display:block;text-align:center}
.cmh-demo__riapri button{display:inline-flex;align-items:center;gap:10px;border:1.5px solid #F0D6DD;background:#fff;color:#DF274F;font:800 15px Inter,sans-serif;
  padding:12px 22px;border-radius:999px;cursor:pointer;box-shadow:0 10px 24px -16px rgba(223,39,79,.6);transition:background .2s}
.cmh-demo__riapri button:hover{background:#FBEEF1}
.cmh-demo__riapri button span{font-size:11px}
@media (max-width:899px){.cmh-demo__x{right:14px;top:2px;width:36px;height:36px;font-size:24px}}

/* telefono: quando compaiono la mano che indica e il pulsante, sparisce la didascalia sotto («O prenota un orario» + descrizione).
   Dissolvenza e spazio tenuto: cosi' il pulsante non si sposta da sotto il dito (Marco 28/9) */
@media (max-width:899px){
  .cmh #cmh-spiega{transition:opacity .35s,visibility .35s}
  .cmh #prova-app.indica-on #cmh-spiega{opacity:0;visibility:hidden}
}

/* ===== schermate della demo come la build 1.1.3 (63) dell'app (29/9/2026) ===== */
.cmh-app-rossa{background:#DF274F;color:#fff;flex:0 0 auto}
.cmh-app-testa{display:flex;align-items:center;justify-content:space-between;padding:4px 12px 9px}
.cmh-logo{height:26px;width:auto;display:block}
.cmh-app-dx{display:flex;align-items:center;gap:9px}
.cmh-app-cuore{width:20px;height:20px}
.cmh-saldo{display:inline-flex;align-items:center;gap:5px;background:#262626;color:#fff;border-radius:999px;padding:4px 5px 4px 10px;font-weight:800;font-size:12px;transition:transform .3s;font-variant-numeric:tabular-nums}
.cmh-saldo::after{content:"";width:17px;height:17px;background:url(app-moneta.webp) center/contain no-repeat}
.cmh-saldo.su{transform:scale(1.15)}
.cmh-filtri{display:flex;gap:6px;padding:10px 12px 4px;overflow:hidden;background:#F6F6F6}
.cmh-filtri span{flex:0 0 auto;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:700;background:#fff;color:#333;border:1px solid #E6E6E6}
.cmh-filtri span:first-child{background:#DF274F;border-color:#DF274F;color:#fff}
.cmh-schermo .cmh-lista{background:#F6F6F6}
/* barra in basso */
.cmh-barra{flex:0 0 62px;display:flex;justify-content:space-around;align-items:flex-start;padding:7px 4px 0;border-top:1px solid #EEE;background:#fff}
.cmh-barra span{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:8.5px;color:#8E8E93;font-weight:600}
.cmh-barra span.on{color:#DF274F}
.cmh-barra svg{width:20px;height:20px}
.cmh-barra__centro b{width:40px;height:40px;margin-top:-3px;border-radius:50%;background:#ddd;display:grid;place-items:center;color:#333}
.cmh-barra__centro.on b{background:#DF274F;color:#fff}
.cmh-barra__av{width:20px;height:20px;border-radius:50%;background:#F6E4E8;color:#DF274F;font-style:normal;font-weight:800;font-size:10px;display:grid;place-items:center}
/* profilo della cartomante */
.cmh-det{flex:1;overflow:hidden;background:#F6F6F6;padding:10px 10px 0}
.cmh-det-card{position:relative;background:#fff;border-radius:16px;padding:14px 12px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.cmh-det-card .cmh-indietro{position:absolute;left:12px;top:10px;font-size:22px;font-weight:700;line-height:1}
.cmh-det-foto{width:92px;height:92px;border-radius:50%;object-fit:cover;background:#F6E4E8}
.cmh-det-nome{font-size:19px;font-weight:800}
.cmh-det-card .cmh-tasti{width:100%;margin-top:4px}
.cmh-det-prenota{width:100%;border-radius:10px;background:#EFEFEF;padding:8px 0;text-align:center;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;gap:5px}
.cmh-det-prenota svg{width:13px;height:13px}
.cmh-det h4{margin:12px 2px 4px;font-size:13px;display:flex;justify-content:space-between;align-items:center}
.cmh-det .cmh-desc{margin:0 2px}
.cmh-det .cmh-rec{background:#fff}
/* ricarica: Acquista crediti */
.cmh-ric{flex:1;overflow:hidden;padding:0 12px;background:#fff}
.cmh-ric-titolo{position:relative;text-align:center;font-weight:800;font-size:14px;padding:10px 0;border-bottom:1px solid #EEE;margin:0 -12px}
.cmh-ric-titolo span{position:absolute;left:14px;font-size:20px;line-height:.9}
.cmh-ric-pag{display:block;width:88%;height:auto;margin:10px auto 8px}
.cmh-ric-riga{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;border-top:1px solid #EEE;padding-top:8px}
.cmh-ric-riga span{color:#DF274F;font-weight:800}
.cmh-banner-oro{display:flex;align-items:center;gap:9px;border-radius:14px;padding:9px 10px;margin-top:9px;background:linear-gradient(135deg,#FFB102,#FFD66B);color:#3A2800;font-size:10.5px}
.cmh-banner-oro strong{font-size:14px;display:block}
.cmh-banner-oro__ic{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.45);display:grid;place-items:center;font-size:15px}
.cmh-pk{display:flex;align-items:center;gap:9px;background:#333;color:#fff;border-radius:14px;padding:8px 11px;margin-top:7px;border:1.5px solid transparent;transition:background .25s,transform .25s}
.cmh-pk img{width:30px;height:30px}
.cmh-pk__t{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;column-gap:6px}
.cmh-pk__t small{flex:0 0 100%;font-size:9.5px;opacity:.75}
.cmh-pk__t b{font-size:15px;font-weight:800}
.cmh-pk__t i{font-style:normal;background:#FFD66B;color:#6B4A00;border-radius:999px;padding:1px 6px;font-size:8.5px;font-weight:800}
.cmh-pk__f{font-size:18px;opacity:.9}
.cmh-pk-su{position:relative;margin-top:11px}
.cmh-pk-su .cmh-pk{margin-top:0;border-color:#FFD66B}
.cmh-pk.sel{background:#4a4a4a;transform:scale(1.03)}
.cmh-pk__scelto{position:absolute;top:-7px;left:12px;background:#DF274F;color:#fff;border-radius:999px;padding:1px 7px;font-size:8px;font-weight:800;letter-spacing:.4px}
/* chat */
.cmh-chat-testa{display:flex;align-items:center;gap:8px;padding:4px 10px 8px;border-bottom:1px solid #E6E6E6}
.cmh-chat-indietro{font-size:22px;font-weight:700;line-height:1;padding:0 2px}
.cmh-chat-testa img{width:28px;height:28px;border-radius:50%;object-fit:cover}
.cmh-chat-testa strong{flex:1;font-size:15px;font-weight:800}
.cmh-termina{background:#F6E4E8;color:#DF274F;border-radius:999px;padding:5px 10px;font-weight:800;font-size:10.5px}
.cmh-chat-da{text-align:center;padding:8px 0;font-size:11px;color:#666;border-bottom:1px solid #E6E6E6}
.cmh-chat-da b{color:#000;font-variant-numeric:tabular-nums}
.cmh-schermo .cmh-msgs{background:#fff url(app-sfondo-chat.webp) center/cover}
.cmh-msg--lei{background:#F4F4F4;border-bottom-left-radius:4px;align-self:flex-start}
.cmh-msg--io{background:#ffbfcd;color:#000;border-bottom-right-radius:4px;align-self:flex-end}
.cmh-schermo .cmh-scrive{background:#F4F4F4;border:0}
.cmh-campo{display:flex;align-items:center;gap:8px;padding:8px 12px 24px;border-top:1px solid #E6E6E6;background:#fff}
.cmh-campo span{flex:1;border-radius:999px;border:1px solid #E6E6E6;padding:8px 12px;color:#999}
.cmh-campo b{width:30px;height:30px;border-radius:50%;background:#DF274F;display:grid;place-items:center}
.cmh-campo svg{width:15px;height:15px}
/* chiamata */
.cmh .cmh-scr--call,.cmh-scr--call{background:linear-gradient(180deg,#000 0%,#1b1b1e 60%,#2a2a2e 100%);color:#fff;align-items:center;text-align:center}
.cmh-call-da{margin:8px 14px 0;align-self:stretch;background:rgba(255,255,255,.12);border-radius:14px;padding:10px 0;font-size:11px;color:rgba(255,255,255,.8)}
.cmh-call-da b{color:#fff;font-variant-numeric:tabular-nums}
.cmh-call-foto{position:relative;margin-top:62px;width:104px;height:104px}
.cmh-call-foto img{position:relative;z-index:1;width:104px;height:104px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 5px rgba(255,191,205,.25)}
.cmh-call-foto i{position:absolute;inset:0;border-radius:50%;border:2px solid #E42A55;animation:cmh-onda 2.4s ease-out infinite}
.cmh-call-foto i:nth-child(1){background:rgba(228,42,85,.18)}
.cmh-call-foto i:nth-child(2){border-color:#F2643F;animation-delay:.8s}
.cmh-call-foto i:nth-child(3){border-color:#FFBFCD;animation-delay:1.6s}
@keyframes cmh-onda{from{transform:scale(1);opacity:.9}to{transform:scale(1.75);opacity:0}}
.cmh-call-nome{font-size:21px;font-weight:800;margin-top:26px}
.cmh-call-costo{margin-top:6px;font-size:11px;color:rgba(255,255,255,.65)}
.cmh-call-tasti{margin-top:auto;margin-bottom:40px;display:flex;align-items:flex-start;gap:16px}
.cmh-call-tasti span{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;width:60px}
.cmh-call-tasti b{margin-top:5px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1.5px solid rgba(255,191,205,.35)}
.cmh-call-tasti span.on b{background:#fff;border-color:#fff}
.cmh-call-tasti span.rosso{width:66px}
.cmh-call-tasti span.rosso b{margin-top:0;width:62px;height:62px;border:0;background:radial-gradient(circle at 30% 30%,#F2643F,#E42A55 55%,#9C1A38);box-shadow:0 0 0 5px rgba(228,42,85,.18),0 7px 18px rgba(228,42,85,.5)}
.cmh-call-tasti svg{width:22px;height:22px}
.cmh-call-tasti span.rosso svg{width:25px;height:25px}

/* pulsante di iubenda (in basso a destra, sopra a tutto): sparisce mentre e'
   aperto il popup d'iscrizione o la scheda della cartomante (Marco 29/9) */
html:has(#cmh-mod:not([hidden])) .iubenda-tp-btn,
html:has(#cmh-prof:not([hidden])) .iubenda-tp-btn{display:none!important}
/* home: recensioni nel nastro come «Ultimi commenti» di /cartomanti (29/9) */
.cmh-voci-nastro{margin-top:22px}
/* domande frequenti: immagine di Cartomando sopra «Non trovi la risposta?», solo su computer (29/9) */
.cmh-faq-img{display:block;width:100%;height:auto;max-height:clamp(150px,calc(100vh - 570px),360px);object-fit:cover;margin-top:24px;border-radius:20px;box-shadow:0 18px 40px -30px rgba(90,20,50,.45)}
@media (max-width:899px){.cmh-faq-img{display:none}}
.cmh-faq-img+.cmh-faq-aiuto{margin-top:20px}
/* contrario di cmh-solo-m: sparisce su telefono (titolo «Cartomanti Online», Marco 29/9) */
@media (max-width:899px){.cmh .cmh-no-m{display:none}}
/* menu «Servizi»: ponte invisibile sui 6 px fra pulsante e riquadro, altrimenti
   passandoci col mouse il riquadro si chiudeva e sfarfallava (Marco 29/9) */
.cmh-top__sotto::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
/* su telefono «Cartomanti Online» con la O grande, senza una seconda parola nascosta nel codice */
@media (max-width:899px){.cmh .cmh-maiusc-m{text-transform:capitalize}}
/* la testata non taglia niente: con l'overflow-x:clip di .cmh il riquadro di
   «Servizi» usciva tagliato a meta' in Safari (Marco 29/9) */
.cmh.cmh-top{overflow:visible}
/* /cartomanti/: «Conosci le nostre cartomanti», scritto dal server (29/9) */
.cmh-chi{padding:44px 20px 64px}
.cmh-chi h2{font-size:28px;margin:0 0 8px}
.cmh-chi__intro{color:#555;max-width:760px;margin:0 0 20px}
.cmh-chi__elenco{display:grid;gap:10px}
@media (min-width:900px){.cmh-chi__elenco{grid-template-columns:1fr 1fr;align-items:start}}
.cmh-chi__voce{background:#fff;border:1px solid #F2E6E9;border-radius:16px;overflow:hidden}
.cmh-chi__voce summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:12px 44px 12px 14px;position:relative}
.cmh-chi__voce summary::-webkit-details-marker{display:none}
.cmh-chi__voce summary::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:8px;margin-top:-6px;border-right:2.5px solid #DF274F;border-bottom:2.5px solid #DF274F;transform:rotate(45deg);transition:transform .25s}
.cmh-chi__voce[open] summary::after{transform:rotate(-135deg);margin-top:-2px}
.cmh-chi__voce summary img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.cmh-chi__voce summary strong{display:block;font-size:16px}
.cmh-chi__voce summary small{display:block;color:#777;font-size:13px;line-height:1.35}
.cmh-chi__testo{padding:0 16px 14px;color:#444;font-size:14.5px;line-height:1.6;border-top:1px solid #F6ECEF}
.cmh-chi__testo p{margin:12px 0 0}
.cmh-chi__dati{color:#DF274F!important;font-weight:700;font-size:13px}
/* «Leggi chi sono le nostre cartomanti»: una riga chiusa, come le domande frequenti (Marco 29/9) */
.cmh-chi{padding:8px 20px 56px}
.cmh-chi__tutto>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #F2E6E9;border-radius:16px;padding:16px 20px}
.cmh-chi__tutto>summary::-webkit-details-marker{display:none}
.cmh-chi__tutto>summary h2{font-size:17px;font-weight:800;margin:0}
.cmh-chi__tutto>summary::after{content:"+";flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:#FBEEF1;color:#DF274F;font:700 20px/28px Inter,sans-serif;text-align:center;transition:transform .25s}
.cmh-chi__tutto[open]>summary::after{transform:rotate(45deg)}
.cmh-chi__tutto[open]>summary{margin-bottom:16px}