/* Impara: lezioni gratuite sul mestiere */
.im{padding:56px 0 90px}
.im-h{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:end}
@media(max-width:860px){.im-h{grid-template-columns:1fr;gap:18px}}
.im-h h1{margin-top:16px}.im-h h1 span,.ls-top h1 span{color:var(--orange)}
.im-h>div>p{color:var(--ink-muted);margin-top:14px;max-width:520px}
.im-how{display:flex;flex-direction:column;gap:10px}
.im-how div{display:flex;gap:12px;align-items:center;padding:12px 16px;border-radius:16px;background:#fff;border:1px solid #fff;color:#0A0A0A}
.im-how b{display:block;font-size:.95rem}.im-how small{color:#5a5a55;font-size:.82rem}
.im-how span{font-size:1.5rem}
.im-chips{margin:40px 0 22px}
.im-chips .chip{border-color:#2A2A2A;color:#fff;background:transparent}.im-chips .chip[aria-pressed="true"]{background:#fff;color:#0A0A0A;border-color:#fff}
.lgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.lc{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#242424,#1A1A1A);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 40px -24px rgba(0,0,0,.9);color:#fff;transition:transform .4s var(--spring),border-color .3s}
.lc:hover{transform:translateY(-4px);border-color:#FF7A1A}
.lc[hidden]{display:none}
.lc-cov{position:relative;aspect-ratio:16/10;display:grid;place-items:center;overflow:hidden}
.lc-cov img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lc-cov .emo{font-size:4.2rem;filter:drop-shadow(0 6px 0 rgba(0,0,0,.25))}
.lc-cov .play{position:absolute;width:56px;height:56px;border-radius:50%;background:rgba(10,10,10,.75);display:grid;place-items:center;backdrop-filter:blur(4px)}
.lc-cov .play i{width:0;height:0;border-left:16px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:4px}
.lc-cov .dur{position:absolute;right:12px;bottom:12px;padding:.2em .6em;border-radius:8px;background:#0A0A0A;color:#fff;font-weight:700;font-size:.78rem}
.lc-b{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.lc-a{font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#FF7A1A}
.lc-b h3{font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:1.5rem;line-height:1}
.lc-b p{color:#cfcfcb;font-size:.9rem;line-height:1.45}
.lc-f{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:10px}
.lc-f span{font-size:.74rem;font-weight:700;padding:.3em .7em;border-radius:999px;background:#fff;color:#0A0A0A}
.lc-f span.o{background:#FF6B00;color:#0A0A0A}
.im-empty{padding:26px;border-radius:22px;border:1px dashed rgba(255,255,255,.2);color:var(--ink-muted)}
.im-soon{margin-top:26px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.im-soon>span{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin-right:4px}
.im-soon b{display:inline-flex;align-items:center;gap:6px;padding:.45em .9em;border-radius:999px;background:#161616;border:1px solid #2A2A2A;font-size:.86rem;font-weight:700}
.im-sec{margin-top:70px}
.im-sec h2{margin-bottom:22px}.im-sec h2 span{color:var(--orange)}
.im-next{margin-top:70px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;scroll-margin-top:90px}
.im-next .card{background:linear-gradient(180deg,#242424,#1A1A1A);border-color:rgba(255,255,255,.12);color:#fff}
.im-next .card h3{margin:10px 0 8px}
.im-next .card .muted{color:var(--ink-muted)}
.im-next .card.w{background:#fff;border-color:#fff;color:#0A0A0A}.im-next .card.w .muted{color:#5a5a55}
.im-next .card.w ul{margin:12px 0 16px;padding-left:18px;color:#3a3a37;font-size:.9rem;line-height:1.5}
.im-next .card .acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
/* pagina della lezione */
.ls{padding:40px 0 90px}
.ls-top a{color:var(--ink-muted);font-size:.88rem}
.ls-top h1{margin-top:12px}
.ls-top p{color:var(--ink-muted);margin-top:10px}
.ls-g{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;margin-top:26px;align-items:start}
@media(max-width:900px){.ls-g{grid-template-columns:1fr}}
.ls-v{position:relative;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#000;display:grid;place-items:center}
.ls-v video,.ls-v img{width:100%;height:100%;object-fit:cover;display:block}
.ls-v video{object-fit:contain;background:#000}
.ls-v .emo{font-size:5.5rem}
.ls-v .soon{position:absolute;left:16px;bottom:16px;padding:.35em .8em;border-radius:999px;background:#0A0A0A;color:#fff;font-weight:700;font-size:.82rem}
.caps{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.caps li{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;padding:12px 14px;border-radius:16px;background:linear-gradient(180deg,#242424,#1A1A1A);border:1px solid rgba(255,255,255,.12)}
.caps li.go{cursor:pointer}.caps li.go:hover{border-color:#FF7A1A}
.caps .t{font-weight:800;color:#FF7A1A;font-size:.85rem;padding-top:2px}
.caps b{display:block}.caps p{color:#cfcfcb;font-size:.92rem;line-height:1.5;margin-top:2px}
.side{display:flex;flex-direction:column;gap:16px}
.box{border-radius:22px;background:linear-gradient(180deg,#242424,#1A1A1A);border:1px solid rgba(255,255,255,.12);padding:20px}
.box h2{font-size:1.5rem;margin:8px 0 12px}
.tl{display:flex;flex-direction:column;gap:8px}
.tl>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.06)}
.tl b{font-size:.95rem}.tl b i{font-style:normal;font-weight:500;font-size:.8rem;color:var(--ink-muted)}
.tl small{grid-column:1/-1;color:var(--ink-muted);font-size:.82rem}
.tl a{grid-column:1/-1;justify-self:start;font-size:.8rem;font-weight:700;color:#FFB27A}
.lv{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:.25em .6em;border-radius:999px;background:#fff;color:#0A0A0A;align-self:start}
.lv.g{background:#3FCB82}.lv.p{background:#FF6B00}
.nx{display:flex;flex-direction:column;gap:10px}
.nx a{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff}
.nx a span{font-size:1.6rem}.nx a b{display:block}.nx a small{color:var(--ink-muted);font-size:.82rem}
.nx a.cr{background:#fff;border-color:#fff;color:#0A0A0A}.nx a.cr small{color:#5a5a55}
.note{color:var(--ink-muted);font-size:.8rem;margin-top:10px}

/* il cast in Impara */
.im-cast{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px}
.im-cast .ctip{max-width:none}
@media(max-width:860px){.im-cast{grid-template-columns:1fr}}
.fz-sub{color:var(--ink-muted);margin-top:-8px;max-width:640px}
.fz-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:26px}
.fz-c{display:flex;gap:14px;align-items:flex-end;padding:16px 18px 0;border-radius:22px;background:linear-gradient(180deg,#242424,#1A1A1A);border:1px solid rgba(255,255,255,.12);overflow:hidden}
.fz-c img{height:170px;width:auto;max-width:42%;flex:none;display:block;margin-bottom:-4px;object-fit:contain;object-position:bottom}
.fz-c>div{padding-bottom:18px;display:flex;flex-direction:column;gap:8px}
.fz-c b{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#FF7A1A}
.fz-c q{display:block;font-family:var(--f-display);text-transform:uppercase;font-size:1.25rem;line-height:1.05;color:#fff}
.fz-c p{font-size:.88rem;line-height:1.45;color:#cfcfcb}
.fz-c p span{font-weight:800;color:#fff}
@media(max-width:400px){.fz-c img{height:140px}}

/* Impara con i giochi: il blocco occupa lo schermo sotto l'intestazione; durante il gioco passa a tutto schermo */
.ig-sec{background:#111113}
.ig-host{display:block}
html.ig-lock,html.ig-lock body{overflow:hidden}
.im.im-after{padding:10px 0 90px}