/* Box "Certificazioni Informatiche" della home - restyling solo CSS (nessuna modifica al testo o all'HTML).
   Funziona anche con il testo modificato online dal CMS, purche' mantenga le classi .single-courses / .category / .courses-title. */
.cc-content .top-courses-area .courses-wrapper .row{display:flex; flex-wrap:wrap;}
.cc-content .top-courses-area .courses-col{display:flex; padding-bottom:6px;}
.cc-content .top-courses-area .single-courses{
  --acc:#2f7ad5; --acc-ink:#fff;
  position:relative; display:flex; flex-direction:column; width:100%; box-sizing:border-box;
  background:#fff !important; color:var(--ink,#07294d);
  border:1px solid #e3ebf5; border-radius:18px; padding:26px 24px 22px; overflow:hidden;
  box-shadow:0 1px 2px rgba(7,41,77,.05), 0 8px 24px -12px rgba(7,41,77,.18);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
/* barra colore in alto: mantiene la palette storica di ogni box */
.cc-content .top-courses-area .single-courses::before{content:""; position:absolute; left:0; right:0; top:0; height:5px; background:var(--acc);}
.cc-content .top-courses-area .single-courses:hover{transform:translateY(-6px); border-color:var(--acc);
  box-shadow:0 2px 4px rgba(7,41,77,.06), 0 22px 40px -18px rgba(7,41,77,.35);}
.cc-content .top-courses-area .courses-col:nth-child(8n+1) .single-courses{--acc:#07294d;}
.cc-content .top-courses-area .courses-col:nth-child(8n+2) .single-courses{--acc:#3791fa;}
.cc-content .top-courses-area .courses-col:nth-child(8n+3) .single-courses{--acc:#2f7ad5;}
.cc-content .top-courses-area .courses-col:nth-child(8n+4) .single-courses{--acc:#27b8a7;}
.cc-content .top-courses-area .courses-col:nth-child(8n+5) .single-courses{--acc:#1ec1d9;}
.cc-content .top-courses-area .courses-col:nth-child(8n+6) .single-courses{--acc:#d94da6;}
.cc-content .top-courses-area .courses-col:nth-child(8n+7) .single-courses{--acc:#eab830; --acc-ink:#07294d;}
.cc-content .top-courses-area .courses-col:nth-child(8n+8) .single-courses{--acc:#753b76;}

/* etichetta con icona: icona generica (cappello di laurea); quelle specifiche solo nei box della home (hanno il pulsante "Iscriviti online") */
.cc-content .top-courses-area .single-courses .category{
  display:flex; align-items:center; gap:12px; margin:4px 0 14px; font-family:var(--font-head,inherit);
  font-weight:700; font-size:13px; letter-spacing:.07em; line-height:1.25; text-transform:uppercase; color:var(--navy-deep,#07294d);}
.cc-content .top-courses-area .single-courses .category::before{
  content:"\f19d"; 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;
  background:var(--acc); color:var(--acc-ink); font-size:20px; letter-spacing:0;
  box-shadow:0 8px 16px -8px var(--acc);}
.cc-content .top-courses-area .single-courses:has(.apply) .category[href^="digcomp"]::before{content:"\f2c2";}
.cc-content .top-courses-area .single-courses:has(.apply) .category[href^="coding"]::before{content:"\f121";}
.cc-content .top-courses-area .single-courses:has(.apply) .category[href^="tablet"]::before{content:"\f3fa";}
.cc-content .top-courses-area .single-courses:has(.apply) .category[href^="lim_mim"]::before{content:"\f51c";}
.cc-content .top-courses-area .single-courses:has(.apply) .category[href^="informatica_di_base"]::before{content:"\f108";}
.cc-content .top-courses-area .single-courses:has(.apply) .category[href^="animatore_digitale"]::before{content:"\f0eb";}
.cc-content .top-courses-area .single-courses:has(.apply) .category[href^="informatica_full"]::before{content:"\f5fc";}
.cc-content .top-courses-area .single-courses:has(.apply) .category[href^="dpo_privacy"]::before{content:"\f505";}
.cc-content .top-courses-area .single-courses:has(.apply) .category[href^="it_security"]::before{content:"\f3ed";}

/* testo */
.cc-content .top-courses-area .single-courses .courses-title{margin:0; flex:1 1 auto;}
.cc-content .top-courses-area .single-courses .courses-title a{
  font-family:var(--font-body,inherit); font-weight:400; font-size:15.5px; line-height:1.55; color:#34506e; text-decoration:none;}
/* stelle: piu' discrete */
.cc-content .top-courses-area .single-courses .rating{margin:16px 0 0; display:flex; align-items:center; gap:8px; color:#7a8ea5; font-size:12px;}
.cc-content .top-courses-area .single-courses .rating span{font-size:12px; color:#7a8ea5; margin:0;}
.cc-content .top-courses-area .single-courses .rating .star{display:flex; gap:2px; margin:0; padding:0; list-style:none;}
.cc-content .top-courses-area .single-courses .rating .star li{color:#f2b01e; font-size:12px; margin:0;}
/* azioni */
.cc-content .top-courses-area .single-courses .courses-link{
  display:flex; align-items:center; justify-content:space-between; gap:8px 10px; flex-wrap:wrap;
  margin-top:18px; padding-top:18px; border-top:1px solid #e8eef6;}
.cc-content .top-courses-area .single-courses .courses-link .apply{
  margin:0; padding:9px 15px; border-radius:99px; background:var(--navy-deep,#07294d); color:#fff; font-weight:600; font-size:13px; letter-spacing:0; line-height:1.2; text-decoration:none; white-space:nowrap;
  transition:background .2s, transform .2s;}
.cc-content .top-courses-area .single-courses .courses-link .apply:hover{background:var(--navy,#001e7c); transform:translateY(-1px);}
.cc-content .top-courses-area .single-courses .courses-link .more{
  margin:0; font-weight:600; font-size:13px; letter-spacing:0; line-height:1.2; color:var(--navy,#001e7c); text-decoration:none; white-space:nowrap;}
.cc-content .top-courses-area .single-courses .courses-link .more i{display:inline-block; margin-left:4px; transition:transform .2s;}
.cc-content .top-courses-area .single-courses .courses-link .more:hover i{transform:translateX(4px);}
.cc-content .top-courses-area .single-courses a:focus-visible{outline:3px solid var(--teal,#3792f9); outline-offset:3px; border-radius:6px;}

@media (max-width:767px){
  .cc-content .top-courses-area .single-courses{padding:22px 20px 18px;}
  .cc-content .top-courses-area .single-courses .courses-title a{font-size:15px;}
}
@media (prefers-reduced-motion:reduce){
  .cc-content .top-courses-area .single-courses,.cc-content .top-courses-area .single-courses *{transition:none !important;}
  .cc-content .top-courses-area .single-courses:hover{transform:none;}
}

/* ===== Box "Corsi di formazione online" e "Scarica Syllabus" ===== */
.cc-content .specialty-area{padding-top:70px; padding-bottom:20px;}
.cc-content .specialty-area .row{gap:0;}
.cc-content .specialty-area .col-sm-6{display:flex; padding:0 12px;}
.cc-content .specialty-area .single-specialty{width:100%; margin-top:30px;}
.cc-content .specialty-area .single-specialty::before{display:none;}
.cc-content .specialty-area .single-specialty .specialty-box{
  --g1:#07294d; --g2:#2f7ad5;
  position:relative; overflow:hidden; isolation:isolate; max-width:none; height:100%; box-sizing:border-box; margin:0;
  display:flex; align-items:center; gap:22px; padding:30px 32px; border-radius:22px;
  background:linear-gradient(120deg,var(--g1) 0%, var(--g2) 100%); color:#fff; box-shadow:0 18px 36px -20px rgba(7,41,77,.6);
  transition:transform .25s ease, box-shadow .25s ease;}
.cc-content .specialty-area .single-specialty.active .specialty-box{--g1:#0b7f8c; --g2:#3791fa; box-shadow:0 18px 36px -20px rgba(11,127,140,.6);}
.cc-content .specialty-area .single-specialty .specialty-box:hover{transform:translateY(-5px); box-shadow:0 26px 44px -20px rgba(7,41,77,.7);}
/* decorazione: cerchi concentrici sullo sfondo */
.cc-content .specialty-area .single-specialty .specialty-box::before{content:""; position:absolute; z-index:-1; right:-70px; top:-90px; width:280px; height:280px; border-radius:50%;
  background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.22), rgba(255,255,255,0) 70%); box-shadow:inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 38px rgba(255,255,255,.05), 0 0 0 76px rgba(255,255,255,.035);}
/* icona: l'immagine originale viene sostituita da un glifo */
.cc-content .specialty-area .single-specialty .specialty-box .box-icon{flex:0 0 auto; width:72px; height:72px; border-radius:20px; display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.32); backdrop-filter:blur(4px); box-shadow:0 10px 24px -10px rgba(0,0,0,.45);}
.cc-content .specialty-area .single-specialty .specialty-box .box-icon img{display:none;}
.cc-content .specialty-area .single-specialty .specialty-box .box-icon::before{content:"\f19d"; font-family:"Font Awesome 5 Pro"; font-weight:900; font-size:32px; line-height:1; color:#fff;}
.cc-content .specialty-area .single-specialty.active .specialty-box .box-icon::before{content:"\f56d";}
.cc-content .specialty-area .single-specialty .specialty-box .box-content{padding:0; flex:1 1 auto;}
.cc-content .specialty-area .single-specialty .specialty-box .box-content p{margin:0; font-family:var(--font-head,inherit); font-weight:700; font-size:22px; line-height:1.25; letter-spacing:-.01em; color:#fff;}
.cc-content .specialty-area .single-specialty .specialty-box .box-content p a{color:#fff; text-decoration:none;}
/* tutta la scheda e' cliccabile + freccia */
.cc-content .specialty-area .single-specialty .specialty-box .box-content p a::before{content:""; position:absolute; inset:0; z-index:2;}
.cc-content .specialty-area .single-specialty .specialty-box::after{content:"\f061"; font-family:"Font Awesome 5 Pro"; font-weight:900; flex:0 0 auto;
  width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#fff; color:var(--navy-deep,#07294d); font-size:16px; transition:transform .25s ease;}
.cc-content .specialty-area .single-specialty .specialty-box:hover::after{transform:translateX(5px);}
.cc-content .specialty-area .single-specialty .specialty-box a:focus-visible{outline:3px solid #fff; outline-offset:6px; border-radius:6px;}
@media (max-width:767px){
  .cc-content .specialty-area{padding-top:30px;}
  .cc-content .specialty-area .col-sm-6{padding:0 15px;}
  .cc-content .specialty-area .single-specialty .specialty-box{padding:22px 20px; gap:16px;}
  .cc-content .specialty-area .single-specialty .specialty-box .box-icon{width:58px; height:58px; border-radius:16px;}
  .cc-content .specialty-area .single-specialty .specialty-box .box-icon::before{font-size:26px;}
  .cc-content .specialty-area .single-specialty .specialty-box .box-content p{font-size:19px;}
}
@media (min-width:576px) and (max-width:991px){
  .cc-content .specialty-area .single-specialty .specialty-box{padding:22px 18px; gap:14px;}
  .cc-content .specialty-area .single-specialty .specialty-box .box-content p{font-size:17px;}
  .cc-content .specialty-area .single-specialty .specialty-box::after{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .cc-content .specialty-area .single-specialty .specialty-box,.cc-content .specialty-area .single-specialty .specialty-box::after{transition:none !important;}
  .cc-content .specialty-area .single-specialty .specialty-box:hover{transform:none;}
}