/* Blocco "Fornire il miglior Ambiente Educativo" della home - restyling solo CSS (testi e HTML invariati). */
.cc-content .features-area{padding-top:80px; padding-bottom:20px;}
.cc-content .features-wrapper{padding-bottom:10px;}
.cc-content .features-title{
  font-family:var(--font-head,inherit); font-weight:800; font-size:clamp(1.9rem, 1.2rem + 2.6vw, 3.4rem); line-height:1.1; letter-spacing:-.02em; text-align:left; text-wrap:balance; color:var(--navy-deep,#07294d);}
.cc-content .features-title br{display:none;}
.cc-content .features-title span{color:var(--teal,#3792f9);}
/* immagine: angoli morbidi, ombra, proporzioni controllate */
.cc-content .features-area .row.justify-content-end{justify-content:flex-start !important;}
.cc-content .features-area .col-lg-8,.cc-content .features-area .col-lg-11{flex:0 0 100%; max-width:100%;}
.cc-content .features-image{margin-top:26px; position:relative;}
.cc-content .features-image br{display:none;}
.cc-content .features-image img{display:block; width:100%; height:clamp(240px, 36vw, 440px); object-fit:cover; object-position:center 40%; border-radius:26px;
  box-shadow:0 30px 60px -30px rgba(7,41,77,.55);}
.cc-content .features-image::after{content:""; position:absolute; inset:0; border-radius:26px; pointer-events:none;
  background:linear-gradient(180deg, rgba(7,41,77,0) 55%, rgba(7,41,77,.35) 100%);}
/* i tre punti: da riquadro blu a tre schede con icona che si sovrappongono alla foto */
.cc-content .features-mask{position:relative; z-index:3; top:auto; left:auto; width:auto; max-width:none; height:auto; overflow:visible; border-radius:0; background:none;
  margin:-46px 24px 0; display:block;}
.cc-content .features-mask::before,.cc-content .features-mask::after,.cc-content .features-mask .features-mask-image{display:none;}
.cc-content .features-mask .features-mask-content{position:static; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
.cc-content .features-mask .features-mask-content p{
  margin:0; padding:18px 20px; display:flex; align-items:center; gap:14px; background:#fff; border-radius:18px; border:1px solid #e3ebf5;
  font-family:var(--font-head,inherit); font-weight:700; font-size:18px; line-height:1.25; color:var(--navy-deep,#07294d);
  box-shadow:0 14px 30px -16px rgba(7,41,77,.45); transition:transform .25s ease;}
.cc-content .features-mask .features-mask-content p:hover{transform:translateY(-4px);}
.cc-content .features-mask .features-mask-content p::before{
  position:static; transform:none; content:"\f518"; font-family:"Font Awesome 5 Pro"; font-weight:900; flex:0 0 auto;
  width:46px; height:46px; border-radius:14px; display:flex; align-items:center; justify-content:center; font-size:20px; line-height:1; color:#fff;
  background:var(--navy-deep,#07294d); box-shadow:0 8px 16px -8px var(--navy-deep,#07294d);}
.cc-content .features-mask .features-mask-content p:nth-child(2)::before{content:"\f51c"; background:var(--teal,#3792f9); box-shadow:0 8px 16px -8px var(--teal,#3792f9);}
.cc-content .features-mask .features-mask-content p:nth-child(3)::before{content:"\f109"; background:#27b8a7; box-shadow:0 8px 16px -8px #27b8a7;}
@media (max-width:991px){
  .cc-content .features-area{padding-top:50px;}
  .cc-content .features-mask{margin:-30px 14px 0;}
  .cc-content .features-mask .features-mask-content{grid-template-columns:1fr; gap:10px;}
  .cc-content .features-mask .features-mask-content p{padding:14px 16px; font-size:16.5px;}
  .cc-content .features-mask .features-mask-content p::before{width:40px; height:40px; font-size:17px; border-radius:12px;}
}
@media (min-width:576px) and (max-width:991px){
  .cc-content .features-mask .features-mask-content{grid-template-columns:repeat(3,1fr); gap:10px;}
  .cc-content .features-mask .features-mask-content p{flex-direction:column; text-align:center; gap:8px; padding:14px 8px; font-size:15px;}
}
@media (prefers-reduced-motion:reduce){.cc-content .features-mask .features-mask-content p{transition:none !important;} .cc-content .features-mask .features-mask-content p:hover{transform:none;}}