/* Franja de datos reales sobre fondo de color, sin tarjetas ni sombras —
   estilo carátula de instrumento, no "stat card" genérica. */
.stats { background: var(--azul-profundo); color: var(--blanco); }
.stats__grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-3);
  text-align: center;
}
.stats__grid::before,
.stats__grid::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 1px;
  height: 80px;
  transform: translateY(-50%);
  background: linear-gradient(to bottom, transparent, rgba(255,255,255,.75), transparent);
  z-index: 5;
}
.stats__grid::before { left: 33.333%; }
.stats__grid::after { left: 66.666%; }
.stats__item + .stats__item::before { display: none !important; }
.stats__item strong {
  display: block;
  font-family: var(--font-display);
  font-size: var(--text-4xl);
  color: var(--celeste-industrial);
}
.stats__item span { font-size: var(--text-base); }

/* Dos trazos finos, centrados en el espacio entre los datos. */
.stats__item { position: relative; }
.stats__item + .stats__item::before {
  content: '';
  position: absolute;
  left: calc(var(--space-3) / -2);
  top: 50%;
  width: 1px;
  height: 80px;
  transform: translateY(-50%);
  background: linear-gradient(to bottom, transparent, rgba(181, 226, 250, .55) 25%, rgba(255, 255, 255, .75) 50%, rgba(181, 226, 250, .55) 75%, transparent);
  pointer-events: none;
}

@media (max-width: 767px) {
  .stats__grid { grid-template-columns: 1fr; gap: var(--space-4); }
  .stats__item + .stats__item::before {
    top: calc(var(--space-4) / -2);
    left: 50%;
    width: 72px;
    height: 1px;
    transform: translateX(-50%);
    background: linear-gradient(to right, transparent, rgba(181, 226, 250, .65), transparent);
  }
}
@media (max-width: 767px) {
  .stats__grid::before, .stats__grid::after { display: none; }
}

.stats__item strong { color: white; font-weight: 600; }

.stats__item + .stats__item::before { display:block!important; opacity:1!important; z-index:2!important; }