/* =========================================================
   SERVICIOS — grid
========================================================= */
.services-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:26px;
}
.service-card{
  --sv:var(--gold);
  position:relative;padding:38px 30px;border-radius:var(--radius-lg);background:var(--white);
  border:1px solid var(--border-light);overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease);
}
.service-card--gold{--sv:var(--gold);}
.service-card--navy-3{--sv:var(--navy-3);}
.service-card--steel{--sv:var(--steel);}
.service-card--gold-dark{--sv:var(--gold-dark);}
.service-card--navy{--sv:var(--navy);}
.service-card::before{
  content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity .45s var(--ease);
  background:radial-gradient(circle at 30% 20%,color-mix(in srgb, var(--sv) 22%, transparent),transparent 60%);
}
.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-soft);border-color:transparent;}
.service-card:hover::before{opacity:1;}
.service-icon{
  width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;
  background:color-mix(in srgb, var(--sv) 14%, white);color:var(--sv);margin-bottom:22px;position:relative;z-index:1;
}
.service-icon svg{width:28px;height:28px;stroke:var(--sv);}
.service-card h3{font-size:1.18rem;margin-bottom:12px;position:relative;z-index:1;}
.service-card ul{position:relative;z-index:1;}
.service-card li{
  font-size:.9rem;color:var(--steel);padding-left:16px;position:relative;margin-bottom:7px;
}
.service-card li::before{content:"—";position:absolute;left:0;color:var(--sv);}

/* Responsive */
@media (max-width:1024px){
  .services-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:768px){
  .services-grid{grid-template-columns:1fr;}
}