/* ==========================================================
   Servicios
   ========================================================== */
.section-services {
  min-height: var(--snap-h);
  display: flex;
  align-items: stretch;
  overflow: hidden;
  background: var(--dark);
}

.section-services .services-bg,
.section-services .services-overlay {
  position: absolute;
  inset: 0;
}

.section-services .services-bg {
  background-image: url("../../images/services-it.png");
  background-size: cover;
  background-position: center;
}

.section-services .services-overlay {
  background: linear-gradient(
    to bottom,
    rgba(15, 18, 23, 0.25) 0%,
    rgba(15, 18, 23, 0.60) 45%,
    rgba(15, 18, 23, 0.92) 100%
  );
}

.section-services .services-stack {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding-top: 56px;
  padding-bottom: 56px;
}

.section-services .services-top {
  max-width: 760px;
  margin-bottom: 72px;
}

.section-services .h2-invert,
.section-services .p-invert {
  color: rgba(255, 255, 255, 0.92);
}

.section-services .card-dark {
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(6px);
}

.section-services .card-dark .h3 {
  color: rgba(255, 255, 255, 0.95);
}

.section-services .card-dark .p {
  color: rgba(255, 255, 255, 0.78);
}

.section-services .card-dark .p-muted {
  color: rgba(255, 255, 255, 0.72);
}

@media (max-height: 780px) {
  .section-services .services-stack {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section-services .services-top {
    margin-bottom: 44px;
  }
}