/* V16 — ajustes puntuales solicitados. Mantiene tipografías, paleta y lenguaje visual original. */

/* Hero: dar aire al descendente de la “g” sin cambiar la tipografía ni el gradiente. */
#top .hero-copy h2 .text-gradient {
  display: block;
  overflow: visible;
  padding-bottom: .08em;
  margin-bottom: -.08em;
  line-height: 1.03;
}

/* Métricas: escala más prolija, mejor lectura y un corte visual suave al terminar. */
#metricas {
  padding-bottom: 2.75rem !important;
}
#metricas > div > .grid {
  row-gap: 2rem !important;
}
#metricas .font-display.text-gradient {
  font-size: clamp(2.65rem, 4.2vw, 3.55rem) !important;
  letter-spacing: -.035em;
}
#metricas .font-display.text-gradient + span {
  margin-top: .65rem !important;
  max-width: 14.5rem !important;
  font-size: clamp(.68rem, .85vw, .78rem) !important;
  letter-spacing: .12em !important;
  line-height: 1.55 !important;
}
#metricas::after {
  content: "";
  display: block;
  width: min(1180px, calc(100% - 2.5rem));
  height: 1px;
  margin: 3rem auto 0;
  background: linear-gradient(90deg, transparent, color-mix(in oklab, var(--primary) 38%, var(--border)) 18%, color-mix(in oklab, var(--primary) 58%, transparent) 50%, color-mix(in oklab, var(--primary) 38%, var(--border)) 82%, transparent);
  box-shadow: 0 0 28px color-mix(in oklab, var(--primary) 16%, transparent);
}

/* Tarjetas: más compactas y con los dos CTAs de igual jerarquía visual. */
.services-v15-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1.35rem !important;
}
.services-v15-grid .service-vertical-card {
  min-height: 0 !important;
  padding: clamp(1.45rem, 1.8vw, 1.85rem) !important;
}
.services-v15-grid .service-card-kicker {
  margin-bottom: 1.15rem !important;
}
.services-v15-grid .service-vertical-card h3 {
  margin-bottom: .95rem !important;
  font-size: clamp(1.45rem, 1.75vw, 1.82rem) !important;
  line-height: 1.12 !important;
}
.services-v15-grid .service-vertical-card > p:not(.service-card-kicker) {
  font-size: clamp(.86rem, .92vw, .94rem) !important;
  line-height: 1.68 !important;
}
.services-v15-grid .service-card-actions {
  margin-top: 1.35rem !important;
  padding-top: 0 !important;
  gap: .6rem !important;
}
.services-v15-grid .service-card-actions a,
.services-v15-grid .service-card-actions a:last-child {
  min-height: 2.8rem !important;
  padding: .68rem .9rem !important;
  border-color: transparent !important;
  background: linear-gradient(90deg, #5868ff 0%, #a74be9 100%) !important;
  color: #fff !important;
  font-size: .78rem !important;
  font-weight: 650 !important;
  box-shadow: 0 8px 24px rgba(112, 75, 255, .13);
}
.services-v15-grid .service-card-actions a:hover,
.services-v15-grid .service-card-actions a:focus-visible {
  filter: brightness(1.08);
}

/* Sección de temas: apenas más de aire luego del separador del contador. */
#temas {
  padding-top: 1.5rem !important;
}

@media (max-width: 1100px) {
  .services-v15-grid {
    grid-template-columns: 1fr !important;
  }
  .services-v15-grid .service-vertical-card {
    max-width: 46rem;
    width: 100%;
    margin-inline: auto;
  }
}

@media (max-width: 640px) {
  #metricas {
    padding-top: 2.75rem !important;
  }
  #metricas::after {
    margin-top: 2.25rem;
  }
  .services-v15-grid .service-card-actions a,
  .services-v15-grid .service-card-actions a:last-child {
    width: 100%;
  }
}