/* SERVICIOS */ .services {
  background:var(--paper)
}
.section-heading {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:40px;
  margin-bottom:42px
}
.section-heading h2,.quote-intro h2 {
  margin:0;
  font-size:clamp(35px,4vw,50px);
  line-height:1.15
}
.section-heading>p {
  max-width:390px;
  margin:0 0 4px;
  color:var(--muted);
  font-size:15px
}
.service-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px
}
.service-card {
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:328px;
  padding:28px 30px 25px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--white);
  box-shadow:0 8px 25px rgba(7,27,66,.025);
  transition:transform .25s,box-shadow .25s,border-color .25s
}
.service-card:hover {
  transform:translateY(-4px);
  border-color:#cbeef2;
  box-shadow:var(--shadow)
}
.service-card-featured {
  background:linear-gradient(145deg,#fff,#f2fcfd);
  border-color:#cceff3
}
.service-card-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:18px
}
.service-icon {
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:var(--cyan-soft);
  color:var(--blue)
}
.service-icon svg {
  width:31px;
  height:31px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round
}
.service-number {
  color:#9aa8bd;
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em
}
.service-card h3 {
  margin:0 0 8px;
  font-size:22px;
  letter-spacing:-.035em
}
.service-card>p {
  max-width:500px;
  margin:0 0 13px;
  color:var(--muted);
  font-size:14px
}
.service-card ul {
  display:grid;
  gap:7px;
  margin:0 0 22px;
  padding:0;
  list-style:none;
  color:#41516c;
  font-size:13px
}
.service-card li {
  position:relative;
  padding-left:19px
}
.service-card li:before {
  content:"";
  position:absolute;
  left:0;
  top:.58em;
  width:7px;
  height:7px;
  border-radius:2px;
  background:var(--cyan);
  transform:rotate(45deg)
}
.service-link {
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:auto;
  color:var(--blue);
  font-size:13px;
  font-weight:800
}
.service-link span {
  transition:transform .2s
}
.service-link:hover span {
  transform:translate(3px,-3px)
}
.service-promise {
  display:flex;
  align-items:center;
  gap:16px;
  margin-top:23px;
  padding:18px 22px;
  border-radius:16px;
  background:#dff8fb
}
.promise-icon {
  flex:0 0 36px;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--white);
  color:var(--blue);
  font-size:20px
}
.service-promise p {
  flex:1;
  margin:0;
  color:#36506f;
  font-size:14px
}
.service-promise p strong {
  color:var(--navy)
}
.service-promise .text-link {
  white-space:nowrap
}
