/* ═══════════════════════════════════════════════════════════════════
   CECCHINATO HR - Simulazione costo/netto: pagina ospite (shortcode)
   Selettore della tipologia di rapporto + cornice del tool.
   Palette sito: navy #1B3059 · azzurro #008DD2 · tinta #EEF5FB
═══════════════════════════════════════════════════════════════════ */
.chr-sim{--navy:#1B3059;--navy2:#24406F;--azure:#008DD2;--azure-d:#0074AD;--tint:#EEF5FB;--line:#DCE6F0;--text:#2B3445;--muted:#5B6578;
  font-family:inherit;color:var(--text);line-height:1.5;max-width:1200px;margin:0 auto 56px;padding:0 20px;}
.chr-sim *{box-sizing:border-box;}
.chr-sim [hidden]{display:none!important;}

/* ── passi ── */
.chr-sim-steps{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 18px;padding:0;list-style:none;}
.chr-sim-steps li{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--muted);padding:6px 12px 6px 6px;border:1px solid var(--line);border-radius:40px;background:#fff;}
.chr-sim-steps li .n{width:22px;height:22px;border-radius:50%;background:var(--tint);color:var(--navy);font-size:.78rem;display:inline-flex;align-items:center;justify-content:center;font-weight:700;}
.chr-sim-steps li.on{color:var(--navy);border-color:var(--azure);box-shadow:0 0 0 3px rgba(0,141,210,.12);}
.chr-sim-steps li.on .n{background:var(--azure);color:#fff;}
.chr-sim-steps li.done .n{background:#1C7A45;color:#fff;}
.chr-sim-steps .sep{color:#B9C6D6;font-size:.9rem;}

/* ── intestazione ── */
.chr-sim-head{margin:0 0 18px;}
.chr-sim-head h2{margin:0 0 6px;color:var(--navy);font-size:1.5rem;line-height:1.25;font-weight:700;}
.chr-sim-head p{margin:0;color:var(--muted);font-size:.98rem;max-width:760px;}

/* ── cards tipologia ── */
.chr-sim-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 16px;}
.chr-sim-cards.n3{grid-template-columns:repeat(3,minmax(0,1fr));}
.chr-sim-cards.n2{grid-template-columns:repeat(2,minmax(0,1fr));}
.chr-sim-cards.n1{grid-template-columns:minmax(0,1fr);}
.chr-sim-cards.n5{grid-template-columns:repeat(5,minmax(0,1fr));}   /* v3.5.0: con il lavoro sportivo */
@media(max-width:1180px){.chr-sim-cards.n5{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:980px){.chr-sim-cards,.chr-sim-cards.n3,.chr-sim-cards.n5{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:520px){.chr-sim-cards,.chr-sim-cards.n3,.chr-sim-cards.n2,.chr-sim-cards.n5{grid-template-columns:1fr;}}
.chr-sim-card{position:relative;display:flex;flex-direction:column;gap:10px;text-align:left;cursor:pointer;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:18px 18px 16px;
  transition:transform .18s,box-shadow .18s,border-color .18s;font-family:inherit;color:var(--text);width:100%;}
.chr-sim-card:hover{transform:translateY(-2px);border-color:var(--azure);box-shadow:0 14px 34px rgba(19,31,63,.10);}
.chr-sim-card:focus-visible{outline:none;border-color:var(--azure);box-shadow:0 0 0 4px rgba(0,141,210,.18);}
.chr-sim-card.on{border-color:var(--azure);background:linear-gradient(180deg,#F4F9FE,#fff);box-shadow:0 14px 34px rgba(0,141,210,.14);}
.chr-sim-card .ic{width:46px;height:46px;border-radius:12px;background:var(--tint);color:var(--azure);display:flex;align-items:center;justify-content:center;}
.chr-sim-card .ic svg{width:26px;height:26px;}
.chr-sim-card.on .ic{background:var(--azure);color:#fff;}
.chr-sim-card .t{font-weight:700;color:var(--navy);font-size:1.02rem;line-height:1.25;margin:0;}
.chr-sim-card .d{font-size:.84rem;color:var(--muted);margin:0;line-height:1.45;}
.chr-sim-card .chk{position:absolute;top:12px;right:12px;width:22px;height:22px;border-radius:50%;background:var(--azure);color:#fff;display:none;align-items:center;justify-content:center;}
.chr-sim-card .chk svg{width:13px;height:13px;}
.chr-sim-card.on .chk{display:flex;}
.chr-sim-card .more{margin-top:auto;font-size:.78rem;font-weight:700;color:var(--azure);letter-spacing:.3px;text-transform:uppercase;}

/* ── sotto-scelta edile ── */
.chr-sim-sub{display:none;gap:12px;margin:-4px 0 16px;padding:14px 16px;border:1px dashed #BBD8F0;background:#F6FAFE;border-radius:14px;align-items:center;flex-wrap:wrap;}
.chr-sim-sub.show{display:flex;}
.chr-sim-sub .lbl{font-weight:700;color:var(--navy);font-size:.92rem;margin-right:4px;}
.chr-sim-opt{display:inline-flex;flex-direction:column;gap:2px;cursor:pointer;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:10px 16px;font-family:inherit;color:var(--text);min-width:220px;text-align:left;transition:.18s;}
.chr-sim-opt:hover{border-color:var(--azure);}
.chr-sim-opt.on{border-color:var(--azure);box-shadow:0 0 0 3px rgba(0,141,210,.14);background:#F4F9FE;}
.chr-sim-opt b{color:var(--navy);font-size:.95rem;}
.chr-sim-opt span{font-size:.78rem;color:var(--muted);}

/* ── cornice del tool ── */
.chr-sim-frame{display:none;margin-top:6px;}
.chr-sim-frame.show{display:block;}
.chr-sim-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:4px 2px 10px;color:var(--muted);font-size:.85rem;}
.chr-sim-bar.hidden{display:none;}
.chr-sim-bar .tt{font-weight:700;color:var(--navy);}
.chr-sim-bar .sb{color:var(--muted);}
.chr-sim-bar button{margin-left:auto;font-family:inherit;font-size:.82rem;font-weight:700;border-radius:30px;padding:6px 14px;cursor:pointer;border:1px solid var(--line);background:#fff;color:var(--navy);transition:.15s;}
.chr-sim-bar button:hover{border-color:var(--azure);color:var(--azure);}
.chr-sim-frame iframe{display:block;width:100%;border:0;min-height:720px;background:transparent;}
.chr-sim-loading{display:flex;align-items:center;gap:10px;justify-content:center;padding:40px 20px;color:var(--muted);font-size:.9rem;}
.chr-sim-loading .sp{width:16px;height:16px;border:2px solid #C9D6EA;border-top-color:var(--azure);border-radius:50%;animation:chrsimspin .8s linear infinite;}
@keyframes chrsimspin{to{transform:rotate(360deg);}}
.chr-sim-note{font-size:.8rem;color:var(--muted);margin:12px 2px 0;}