.m2-footer-seo{
  max-width:100%;
  margin:86px auto 60px;
  padding:0;
  color:#fff;
}

.m2-footer-seo-inner{
  border:1px solid rgba(120,180,255,.16);
  border-radius:34px;
  background:
    radial-gradient(circle at 10% 0%,rgba(54,159,255,.22),transparent 34%),
    linear-gradient(145deg,rgba(7,22,43,.96),rgba(4,11,23,.98));
  padding:34px;
  box-shadow:0 24px 80px rgba(0,0,0,.26);
}

.m2-footer-seo-head small{
  color:#65bdff;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:900;
}

.m2-footer-seo-head h2{
  margin:12px 0 10px;
  font-size:34px;
  line-height:1.1;
  font-weight:950;
}

.m2-footer-seo-head p{
  margin:0 0 26px;
  color:#d7e8f6;
  max-width:850px;
  font-size:17px;
}

.m2-footer-seo-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.m2-footer-seo-grid a{
  display:block;
  padding:20px;
  border-radius:22px;
  text-decoration:none;
  color:#fff;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.08);
}

.m2-footer-seo-grid a:hover{
  background:rgba(96,182,255,.12);
  border-color:rgba(96,182,255,.35);
}

.m2-footer-seo-grid b{
  display:block;
  font-size:18px;
  margin-bottom:6px;
}

.m2-footer-seo-grid span{
  display:block;
  color:#bcd3e8;
  font-size:14px;
  line-height:1.35;
}

@media(max-width:900px){
  .m2-footer-seo-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:620px){
  .m2-footer-seo{
    padding:0 18px;
    margin:60px auto 42px;
  }
  .m2-footer-seo-inner{padding:24px}
  .m2-footer-seo-head h2{font-size:28px}
  .m2-footer-seo-grid{grid-template-columns:1fr}
}

/* Card con icona e accento cromatico, in linea con il resto della home */
.m2-footer-seo-grid .m2-fs-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:18px 20px 18px 60px;
  border-radius:16px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
  transition:.2s ease;
  overflow:hidden;
}

.m2-footer-seo-grid .m2-fs-card:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,.075);
}

.m2-fs-icon{
  position:absolute;
  left:16px;
  top:50%;
  transform:translateY(-50%);
  width:32px;
  height:32px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-style:normal;
  font-size:17px;
}

.m2-fs-today  .m2-fs-icon{ background:rgba(255,196,84,.18);  color:#ffc454; }
.m2-fs-radar  .m2-fs-icon{ background:rgba(94,224,135,.16);  color:#5ee087; }
.m2-fs-webcam .m2-fs-icon{ background:rgba(255,90,90,.16);   color:#ff6b6b; }
.m2-fs-models .m2-fs-icon{ background:rgba(168,121,255,.16); color:#a879ff; }
.m2-fs-news   .m2-fs-icon{ background:rgba(103,199,255,.16); color:#67c7ff; }
.m2-fs-places .m2-fs-icon{ background:rgba(126,210,255,.14); color:#7ed2ff; }

.m2-fs-today:hover  { border-color:rgba(255,196,84,.35); }
.m2-fs-radar:hover  { border-color:rgba(94,224,135,.35); }
.m2-fs-webcam:hover { border-color:rgba(255,90,90,.35); }
.m2-fs-models:hover { border-color:rgba(168,121,255,.35); }
.m2-fs-news:hover   { border-color:rgba(103,199,255,.35); }
.m2-fs-places:hover { border-color:rgba(126,210,255,.35); }

.m2-fs-credits{margin:26px 0 0;font-size:12px;color:#7d8fa6;text-align:center}
.m2-fs-credits a{color:#8fb6e6;text-decoration:none}