/* Codice Binario - Dettagli servizi integrati 2026
   Scope prudente: non modifica topbar, logo o navigazione.
*/
.service-detail-header .service-kicker{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  margin-bottom:.8rem;
  padding:.45rem .75rem;
  border:1px solid #c8edf3;
  border-radius:999px;
  background:#e8fbff;
  color:#0b7280;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.06em;
}
.service-detail-visual{
  background:#ffffff;
  border:1px solid #dde5f0;
  border-radius:1.2rem;
  padding:.75rem;
  box-shadow:0 16px 36px rgba(15,155,168,.08);
}
.service-detail-visual img{
  display:block;
  width:100%;
  height:auto;
  border-radius:.9rem;
}
.service-detail-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-top:1rem;
}
.service-detail-actions .btn{
  min-width:210px;
}
.service-detail-breadcrumb{
  font-size:.82rem;
  color:#52606d;
  margin-bottom:.75rem;
}
.service-detail-breadcrumb a{
  color:#0f9ba8;
  text-decoration:none;
  font-weight:700;
}
.service-detail-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}
.service-detail-list{
  margin:0;
  padding-left:1.1rem;
  color:#52606d;
  line-height:1.75;
}
.service-detail-list li{
  margin:.4rem 0;
}
.service-method-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
  margin-top:1.1rem;
}
.service-method-grid .tech-card{
  border-style:solid;
}
.service-method-grid .step-num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:999px;
  background:#e0f7fa;
  color:#0f9ba8;
  font-weight:800;
  margin-bottom:.65rem;
}
.service-faq details{
  background:#fff;
  border:1px solid #dde5f0;
  border-radius:1rem;
  padding:1rem;
  margin:.75rem 0;
  box-shadow:0 10px 24px rgba(15,155,168,.04);
}
.service-faq summary{
  cursor:pointer;
  font-weight:800;
  color:#12212f;
}
.service-faq p{
  margin:.75rem 0 0;
}
.service-cta-panel{
  margin-top:1.4rem;
  padding:1.2rem;
  border-radius:1.1rem;
  background:linear-gradient(135deg,#0f9ba8,#0b7280);
  color:#e8fbff;
}
.service-cta-panel p{
  color:#e8fbff;
  margin-top:.35rem;
}
.service-cta-panel .btn.secondary{
  background:#fff;
  color:#0b7280;
  border-color:#fff;
}
.service-related-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
}
.service-related-grid .card{
  text-decoration:none;
  color:inherit;
}
.service-related-grid .card h3{
  margin-bottom:.4rem;
}
@media(max-width:900px){
  .service-detail-grid,
  .service-method-grid,
  .service-related-grid{
    grid-template-columns:1fr;
  }
  .service-detail-actions .btn{
    width:100%;
  }
}