/* Eligesoft · 4. Finiture di colore, WhatsApp, modulo, animazioni d'ingresso. */
/* ritocchi colore sulle sezioni riusate */
.yr{border-radius:22px}
.yr:nth-child(1){background:#fff}.yr:nth-child(2){background:var(--sun)}.yr:nth-child(3){background:#fff}.yr:nth-child(4){background:var(--teal);color:#fff}.yr:nth-child(5){background:var(--red);color:#fff}
.person{border-radius:28px}
.person:first-child{background:#fff}
.person + .person{background:var(--ink);color:#fff}
.person + .person dl div{border-top-color:#2A2B2F}.person + .person dt{color:#9EA1A7}
.person .role{color:var(--red)}
.person + .person .role{color:var(--sun)}
.train{border-radius:0}
.faq details{border-radius:16px}
.contact .nap dt{color:#fff;opacity:.85}
.contact input,.contact select,.contact textarea{color:#fff;border-bottom-color:rgba(255,255,255,.7)}
.contact input::placeholder,.contact textarea::placeholder{color:rgba(255,255,255,.75)}
.contact input:focus,.contact select:focus,.contact textarea:focus{border-bottom-color:#fff}
.contact .note{color:#fff;opacity:.85}
.contact form .btn{justify-self:start}
.contact{padding-block:clamp(110px,12vw,180px)}
.contact .contact-grid{width:100%}
.contact h2{font-size:clamp(2.6rem,5.6vw,6rem)}
@media (min-width:901px){.gl .contact .contact-grid{grid-template-columns:minmax(0,6fr) minmax(0,6fr)}}
footer{background:var(--ground)}
.wordmark{color:var(--ink)}

/* WhatsApp */
.wa-float{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:50;display:flex;align-items:center;gap:10px;height:60px;padding:0 20px 0 16px;border-radius:999px;background:#25D366;color:#0B0B0C;font-weight:800;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.25);transition:transform .25s var(--ease)}
.wa-float:hover{transform:translateY(-3px)}
.wa-float:active{transform:scale(.95)}
@media (max-width:700px){.wa-float{width:60px;padding:0;justify-content:center}.wa-float span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
.btn.wa{background:#25D366;color:#0B0B0C}.btn.wa:hover{color:#fff}
.btn.wa svg{flex:none}
body{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
footer{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}

/* modulo */
.formsec{position:relative;background:var(--ink);color:#fff;padding-block:clamp(80px,9vw,140px)}
.formgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,80px)}
.formsec h2{font-size:clamp(2.4rem,5vw,5.4rem)}
.formsec .lead{margin-top:22px;max-width:30ch;font-size:1.15rem;color:#C9CBD0}
.formsec input,.formsec select,.formsec textarea{color:#fff;border-bottom-color:#5A5C62}
.formsec input:focus,.formsec select:focus,.formsec textarea:focus{border-bottom-color:var(--sun)}
.formsec input::placeholder,.formsec textarea::placeholder{color:#8E9096}
.formsec .note{color:#A4A7AD}
.formsec form .btn{justify-self:start;background:var(--red)}
.formsec form .btn::before{background:#fff}.formsec form .btn:hover{color:#0B0B0C}
.contact .nap{margin-top:36px}
.contact .nap dd{font-size:clamp(1.15rem,1.6vw,1.5rem)}
@media (max-width:900px){.formgrid{grid-template-columns:1fr}}
.bar.dark .btn{background:#fff;color:#0B0B0C}.bar.dark .btn:hover{color:#fff}
.bar.onred .logo path[fill="#E10600"]{fill:#fff}

/* entrate */
.rv{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--i,0) * 80ms)}
.rv.in{opacity:1;transform:none}
.no-js .rv{opacity:1;transform:none}
.no-js .hero h1 .w > span{transform:none}
@media (prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none;transition:none}
  .hero h1 .w > span{transform:none;transition:none}
  .marquee .row{transform:none!important}
  .scrollhint i::after{animation:none}
  *{transition:none!important}
}

/* aggiunte per la versione a file separati */
.anchor{display:block;height:0}
.wa-float svg{width:28px;height:28px}
.btn.wa svg{width:22px;height:22px}
