/* ============================================================
   Risorse: "La libreria" (concept della founder, ottobre 2026).
   Carta chiara, viola Peopleize e menta, copertine disegnate in CSS
   che si sollevano al passaggio. Font del sito: Sora e Inter.
   ============================================================ */
#pg-risorse{--ink:#222024;--muted:#746f77;--viola:#9463f5;--viola-d:#7f4cdf;--menta:#b2f4dd;--carta:#faf9f6;--filo:#e9e6e1;--notte:#25202c;
  background:var(--carta);color:var(--ink);font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;padding-top:96px}
#pg-risorse *{box-sizing:border-box}
#pg-risorse h1,#pg-risorse h2,#pg-risorse h3,#pg-risorse p{margin-top:0}
#pg-risorse a{color:inherit;text-decoration:none}
#pg-risorse [hidden]{display:none!important}
#pg-risorse .lb-wrap{max-width:1230px;margin:0 auto;padding:0 34px}

/* Occhiello con il trattino */
#pg-risorse .lb-occhiello{color:#7651b5;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;display:flex;align-items:center;gap:10px}
#pg-risorse .lb-occhiello:before{content:'';width:25px;height:2px;background:var(--viola)}
#pg-risorse .lb-chiaro{color:var(--menta)}#pg-risorse .lb-chiaro:before{background:var(--menta)}

/* Apertura */
#pg-risorse .lb-hero{display:grid;grid-template-columns:1fr 1fr;min-height:560px;gap:28px;align-items:center;padding-top:30px;padding-bottom:64px}
#pg-risorse .lb-hero h1{font-family:'Sora',sans-serif;font-weight:800;font-size:clamp(46px,5.6vw,84px);line-height:1;letter-spacing:-.06em;margin:24px 0 22px;max-width:640px}
#pg-risorse .lb-hero h1 i{font-style:normal;color:#8959e9}
#pg-risorse .lb-hero p{max-width:440px;color:#6d6670;font-size:17px;line-height:1.65}
#pg-risorse .lb-azioni{display:flex;align-items:center;gap:22px;margin-top:30px;flex-wrap:wrap}
#pg-risorse .lb-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--notte);color:#fff;border-radius:100px;padding:16px 24px;font-family:'Sora',sans-serif;font-size:13.5px;font-weight:700;border:none;cursor:pointer;transition:transform .2s,background .2s}
#pg-risorse .lb-btn:hover{transform:translateY(-3px);background:#6e42cc}
#pg-risorse .lb-btn-menta{background:var(--menta);color:#25372f;margin-top:6px}
#pg-risorse .lb-btn-menta:hover{background:#fff;color:#25372f}
#pg-risorse .lb-link{font-family:'Sora',sans-serif;font-size:13.5px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:5px}

/* La scena con i tre libri */
#pg-risorse .lb-scena{position:relative;background:#eee6ff;border-radius:14px;height:465px;overflow:hidden;isolation:isolate}
#pg-risorse .lb-scena:before{content:'';position:absolute;width:460px;height:460px;border:1px solid #c9b6f3;border-radius:50%;top:-140px;right:-120px;box-shadow:0 0 0 70px #e9ddfc,0 0 0 71px #d7c5f2;z-index:-1}
#pg-risorse .lb-palco{position:absolute;bottom:0;background:#d4bdf7;height:96px;width:100%;box-shadow:inset 0 15px 30px #b79ad34a}
#pg-risorse .lb-adesivo{position:absolute;right:25px;top:25px;border:1px solid #6246a3;color:#573b8d;padding:12px 14px;border-radius:99px;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;transform:rotate(8deg);text-align:center}

/* Il libro */
#pg-risorse .lb-libro{position:relative;overflow:hidden;box-shadow:13px 17px 18px #34244531,3px 4px 5px #1e163628;border-radius:3px 8px 8px 3px;transform-origin:bottom;transition:transform .35s}
#pg-risorse .lb-libro:before{content:'';position:absolute;left:0;top:0;width:10px;height:100%;background:#0002;box-shadow:2px 0 3px #fff3}
#pg-risorse .lb-libro:hover{transform:translateY(-10px) rotate(0)!important}
#pg-risorse .lb-uno{background:#35244f;color:#f5eefd}
#pg-risorse .lb-due{background:#e4f7e8;color:#234636}
#pg-risorse .lb-tre{background:#f6d5a8;color:#49301e}
#pg-risorse .lb-dentro{display:flex;flex-direction:column;justify-content:space-between;padding:23px;height:100%}
#pg-risorse .lb-alto,#pg-risorse .lb-piede{font-size:10px;letter-spacing:.12em;font-weight:800}
#pg-risorse .lb-titolo{font-family:'Sora',sans-serif;font-weight:800;font-size:25px;line-height:1.05;letter-spacing:-.05em}
#pg-risorse .lb-segno{font-family:'Sora',sans-serif;font-weight:800;font-size:100px;line-height:1;letter-spacing:-.13em;opacity:.32}
#pg-risorse .lb-scena .lb-libro{position:absolute;width:200px;height:296px;bottom:68px;animation:lb-galleggia 6s ease-in-out infinite}
#pg-risorse .lb-h1{left:10%;transform:rotate(-15deg)}
#pg-risorse .lb-h2{left:37%;bottom:84px!important;transform:rotate(5deg);z-index:2;animation-delay:-2s!important}
#pg-risorse .lb-h3{left:66%;width:174px!important;height:256px!important;transform:rotate(18deg);animation-delay:-4s!important}
@keyframes lb-galleggia{0%,100%{margin-bottom:0}50%{margin-bottom:8px}}

/* Sezioni */
#pg-risorse .lb-sez{padding:64px 34px}
#pg-risorse .lb-testa{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:29px}
#pg-risorse .lb-sez h2,#pg-risorse .lb-fascia h2{font-family:'Sora',sans-serif;font-weight:800;font-size:clamp(30px,3.8vw,46px);line-height:1.05;letter-spacing:-.05em;margin:12px 0}
#pg-risorse .lb-desc{font-size:15px;line-height:1.6;color:var(--muted);max-width:420px}

/* Catalogo */
#pg-risorse .lb-catalogo{display:grid;grid-template-columns:1fr 1fr;gap:24px}
#pg-risorse .lb-prodotto{background:#fff;border:1px solid var(--filo);border-radius:12px;padding:17px;display:grid;grid-template-columns:49% 1fr;gap:22px;min-height:340px;transition:box-shadow .2s,transform .2s}
#pg-risorse .lb-prodotto:hover{box-shadow:0 16px 45px #22202412;transform:translateY(-4px)}
#pg-risorse .lb-arte{display:flex;align-items:center;justify-content:center;border-radius:7px;min-height:305px;background:#e9dfff;overflow:hidden}
#pg-risorse .lb-arte.lb-menta{background:#e1f3e8}
#pg-risorse .lb-arte .lb-libro{height:235px;width:158px;transform:rotate(-8deg)}
#pg-risorse .lb-arte.lb-menta .lb-libro{transform:rotate(7deg)}
#pg-risorse .lb-arte .lb-dentro{padding:16px}
#pg-risorse .lb-arte .lb-titolo{font-size:21px}
#pg-risorse .lb-arte .lb-segno{font-size:70px}
#pg-risorse .lb-pill{padding:7px 10px;background:#f3edfe;color:#7546c1;border-radius:30px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.045em}
#pg-risorse .lb-testo{padding:10px 6px 9px 0;display:flex;flex-direction:column;align-items:flex-start}
#pg-risorse .lb-testo h3{font-family:'Sora',sans-serif;font-weight:800;font-size:25px;line-height:1.08;letter-spacing:-.04em;margin:22px 0 13px}
#pg-risorse .lb-testo p{color:#6e6870;font-size:14px;line-height:1.65;margin-bottom:25px}
#pg-risorse .lb-freccia{font-family:'Sora',sans-serif;font-size:13.5px;font-weight:700;margin-top:auto;border-bottom:1px solid var(--ink);padding-bottom:6px}

/* Fascia verso l'analisi gratuita */
#pg-risorse .lb-fascia{background:var(--notte);color:#fff;margin:20px 0 10px;border-radius:14px;display:grid;grid-template-columns:1fr 270px;gap:30px;align-items:center;padding:42px 49px;overflow:hidden}
#pg-risorse .lb-fascia h2{max-width:600px;color:#fff}
#pg-risorse .lb-fascia p{font-size:14.5px;color:#ddd5e4;max-width:530px;line-height:1.7}
#pg-risorse .lb-disegno{height:195px;border:2px dashed #766586;border-radius:15px;display:flex;align-items:center;justify-content:center;transform:rotate(-8deg);position:relative}
#pg-risorse .lb-disegno:before{content:'CV';font-family:'Sora',sans-serif;font-weight:800;font-size:85px;color:var(--menta)}
#pg-risorse .lb-disegno:after{content:'✓ GRATIS';font-weight:800;font-size:12px;background:var(--viola);padding:12px 14px;border-radius:30px;position:absolute;bottom:15px;right:-12px;transform:rotate(13deg)}

/* In arrivo */
#pg-risorse .lb-filtri{display:flex;gap:9px;flex-wrap:wrap}
#pg-risorse .lb-filtro{border:1px solid #ddd8e0;background:transparent;padding:11px 18px;border-radius:30px;font-family:'Sora',sans-serif;font-size:12.5px;font-weight:700;color:#656069;cursor:pointer}
#pg-risorse .lb-filtro.attivo{background:#27212f;color:#fff;border-color:#27212f}
#pg-risorse .lb-prossimi{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:24px}
#pg-risorse .lb-prossimo{border:1px solid #ebe7e3;border-radius:11px;background:#fff;padding:15px;display:flex;gap:17px;align-items:flex-start;min-height:170px;transition:transform .2s}
#pg-risorse .lb-prossimo:hover{transform:translateY(-3px)}
#pg-risorse .lb-mini{width:80px;min-width:80px;height:112px;border-radius:2px 5px 5px 2px;box-shadow:4px 5px 8px #261d2a25;padding:10px;display:flex;flex-direction:column;justify-content:space-between;font-family:'Sora',sans-serif;font-weight:700;font-size:12.5px;line-height:1.05;letter-spacing:-.03em}
#pg-risorse .lb-mini small{font-size:7px;letter-spacing:.1em;font-weight:800}
#pg-risorse .lb-tipo{font-size:10px;text-transform:uppercase;color:#8a65bf;font-weight:800;letter-spacing:.05em}
#pg-risorse .lb-prossimo h3{font-family:'Sora',sans-serif;font-weight:700;font-size:16px;line-height:1.2;letter-spacing:-.025em;margin:9px 0 6px}
#pg-risorse .lb-prossimo p{font-size:13px;color:var(--muted);line-height:1.5;margin-bottom:10px}
#pg-risorse .lb-prossimo .lb-avvisa{background:none;border:0;border-bottom:1px solid #6b4b98;color:#7145a4;padding:0 0 4px;font-family:'Sora',sans-serif;font-size:12px;font-weight:700;cursor:pointer}
#pg-risorse .lb-centro{margin-top:30px;text-align:center}

/* Il modulo "Avvisami" */
#pg-risorse .lb-modale{position:fixed;inset:0;background:#1e1924ad;display:flex;align-items:center;justify-content:center;padding:20px;z-index:2147483000}
#pg-risorse .lb-scheda{max-width:450px;width:100%;background:#fff;border-radius:16px;padding:32px;box-shadow:0 30px 70px #0004;position:relative}
#pg-risorse .lb-scheda h2{font-family:'Sora',sans-serif;font-weight:800;font-size:26px;letter-spacing:-.04em;margin:12px 0 8px}
#pg-risorse .lb-scheda p{font-size:14.5px;line-height:1.6;color:var(--muted)}
#pg-risorse .lb-scheda input:not([type=checkbox]){width:100%;border:1px solid #d9d4db;padding:14px;border-radius:8px;font:inherit;margin:0 0 10px}
#pg-risorse .lb-privacy{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--muted);margin:4px 0 14px}
#pg-risorse .lb-privacy a{text-decoration:underline}
#pg-risorse .lb-errore{color:#b4233c!important;font-size:13.5px!important;margin:0 0 10px}
#pg-risorse .lb-scheda .lb-btn{width:100%}
#pg-risorse .lb-ok{font-weight:600;color:var(--ink)!important}
#pg-risorse .lb-chiudi{position:absolute;right:16px;top:10px;border:0;background:none;font-size:28px;cursor:pointer;color:var(--ink)}

@media(max-width:970px){
  #pg-risorse .lb-hero{grid-template-columns:1fr}
  #pg-risorse .lb-scena{height:410px}
  #pg-risorse .lb-catalogo{grid-template-columns:1fr}
  #pg-risorse .lb-prossimi{grid-template-columns:repeat(2,1fr)}
  #pg-risorse .lb-fascia{grid-template-columns:1fr}
  #pg-risorse .lb-disegno{display:none}
}
@media(max-width:650px){
  #pg-risorse{padding-top:84px}
  #pg-risorse .lb-wrap{padding:0 18px}
  #pg-risorse .lb-sez{padding:43px 18px}
  #pg-risorse .lb-hero h1{font-size:48px}
  #pg-risorse .lb-scena{height:325px}
  #pg-risorse .lb-scena .lb-libro{width:145px;height:220px;bottom:50px}
  #pg-risorse .lb-h2{left:34%;bottom:68px!important}
  #pg-risorse .lb-h3{left:66%;width:125px!important;height:190px!important}
  #pg-risorse .lb-scena .lb-titolo{font-size:17px}
  #pg-risorse .lb-scena .lb-segno{font-size:60px}
  #pg-risorse .lb-scena .lb-dentro{padding:14px}
  #pg-risorse .lb-adesivo{display:none}
  #pg-risorse .lb-palco{height:72px}
  #pg-risorse .lb-testa{display:block}
  #pg-risorse .lb-filtri{margin-top:18px}
  #pg-risorse .lb-prodotto{grid-template-columns:1fr;gap:15px}
  #pg-risorse .lb-arte{min-height:245px}
  #pg-risorse .lb-prossimi{grid-template-columns:1fr}
  #pg-risorse .lb-fascia{padding:29px 24px}
}
@media(prefers-reduced-motion:reduce){#pg-risorse .lb-scena .lb-libro{animation:none}#pg-risorse *{transition:none!important}}
/* La barra del sito sta sopra a tutto: mentre il modulo e aperto si nasconde. */
html.lb-aperta #plz-root{visibility:hidden}