/* Stile delle pagine dei moduli di aimillo.it (Pastello) */
@font-face{font-family:Nunito;src:url(/nunito.woff2) format("woff2");font-weight:200 1000;font-display:swap}
html{scroll-behavior:smooth}
*{box-sizing:border-box}
body{margin:0;background:#F4F1FA;color:#24213A;font-family:Nunito,system-ui,sans-serif;font-weight:600;line-height:1.5}
a{color:#24213A}a:hover{color:#5B5470}
h1,h2,h3{font-weight:900;margin:0;letter-spacing:-.02em}
p{margin:0}
ul,ol{list-style:none;margin:0;padding:0}

.pagina{max-width:1200px;margin:0 auto;padding:16px 16px 40px;display:flex;flex-direction:column;gap:24px}
main{display:flex;flex-direction:column;gap:24px}

.testata{background:#FFFFFF;border-radius:28px;padding:14px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.marchio{display:flex;align-items:center;gap:10px;text-decoration:none;min-height:44px}
.marchio span{font-weight:900;font-size:26px;letter-spacing:-.03em}
.menu{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.menu a{padding:12px 14px;border-radius:16px;text-decoration:none;font-weight:700}

.btn-scuro,.btn-chiaro,.btn-giallo{display:inline-flex;align-items:center;min-height:44px;padding:12px 22px;border-radius:14px;text-decoration:none;font-weight:800}
.btn-scuro,.menu a.btn-scuro{background:#24213A;color:#FFFFFF}
.btn-scuro:hover,.menu a.btn-scuro:hover{color:#FFFFFF;background:#3D3852}
.btn-chiaro{background:#FFFFFF;color:#24213A}
.btn-giallo{background:#FDE68A;color:#24213A;font-weight:900}
.btn-giallo:hover{color:#24213A;background:#FCD34D}

.briciole{font-size:14px;color:#5B5470;padding:0 8px}
.briciole a{color:#5B5470}

.ico{display:inline-flex;align-items:center;justify-content:center;border-radius:13px;flex:none}

.hero{border-radius:28px;padding:56px 40px}
.hero-testo{max-width:820px;display:flex;flex-direction:column;gap:20px}
.occhiello{display:flex;align-items:center;gap:12px;font-weight:800;font-size:16px}
.occhiello .ico{background:#FFFFFF!important}
.arrivo{font-size:13px;background:#FFFFFF;color:#5B5470;padding:4px 10px;border-radius:999px}
.hero h1{font-size:50px;line-height:1.06}
.intro{font-size:20px;line-height:1.5;color:#3D3852}
.azioni{display:flex;flex-wrap:wrap;gap:12px}

.blocco{display:flex;flex-direction:column;gap:20px;padding-top:16px}
.blocco h2{font-size:34px}
.blocco.bianco,.blocco.millo{background:#FFFFFF;border-radius:28px;padding:40px}

.griglia{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.card{background:#FFFFFF;border-radius:24px;padding:22px;display:flex;gap:14px;align-items:flex-start}
.card h3{font-size:19px;margin-bottom:6px}
.card p{color:#3D3852}
.spunta{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:13px;flex:none}

.passi{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.passo{background:#F8F6FC;border-radius:24px;padding:22px;display:flex;flex-direction:column;gap:8px}
.num{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:13px;font-weight:900;font-size:18px}
.passo h3{font-size:19px}
.passo p{color:#3D3852}

.millo{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;align-items:center}
.millo p{color:#3D3852;margin-top:12px}
.chat{background:#F8F6FC;border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:10px}
.chat .tu{background:#FDE68A;color:#24213A;border-radius:18px;padding:14px 16px;margin:0;font-weight:700}
.chat .nota{font-size:13px;color:#5B5470;margin:0}

.faq{background:#FFFFFF;border-radius:20px;padding:0 20px}
.faq summary{cursor:pointer;font-weight:800;font-size:18px;padding:18px 0;min-height:44px}
.faq p{color:#3D3852;padding-bottom:18px}

.collegati{display:flex;flex-wrap:wrap;gap:12px}
.modlink{display:flex;align-items:center;gap:10px;background:#FFFFFF;border-radius:18px;padding:10px 16px 10px 10px;text-decoration:none;font-weight:800;min-height:44px}
.nota-moduli{color:#5B5470}

.cta{background:#24213A;color:#F4F1FA;border-radius:28px;padding:40px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.cta h2{font-size:34px;color:#FFFFFF}
.cta p{color:#D6D1E6;font-size:18px}

.piede{display:flex;flex-direction:column;gap:16px;padding:24px 8px 0;font-size:14px;color:#5B5470}
.piede ul{display:flex;flex-wrap:wrap;gap:8px 18px}
.legale{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}

@media (max-width:640px){
  .hero{padding:36px 22px}
  .hero h1{font-size:36px}
  .intro{font-size:18px}
  .blocco h2,.cta h2{font-size:28px}
  .blocco.bianco,.blocco.millo,.cta{padding:28px 22px}
  .griglia{grid-template-columns:1fr}
}