{% scope_css %}
.bento-stats-clean {
  padding: 20px 0;
  background-color: transparent;
  overflow: hidden;
}

.bento-grid-v4 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  /* Líneas horizontales continuas "apagadas" */
  border-top: 1px solid rgba(115, 137, 255, 0.20);
  border-bottom: 1px solid rgba(115, 137, 255, 0.20);
}

.bento-item-v4 {
  position: relative;
  flex: 1 1 250px;
  padding: 60px 40px;
  text-align: left;
  /* Eliminamos cualquier borde lateral */
  border: none;
  transition: background-color 0.3s ease;
}

/* Efecto de Luz (Glow) al hacer Hover */
.glow-line {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #0064e0; /* Color primario  */
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
  z-index: 2;
  
  /* Efecto de desvanecimiento en los extremos (Tapered) */
  -webkit-mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
  mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
}

.glow-line.top { top: -1px; }
.glow-line.bottom { bottom: -1px; }

.bento-item-v4:hover .glow-line {
  opacity: 1;
}

/* Estilos de texto heredados */
.stat-value-v4 {
  margin-bottom: 10px !important;
  color: #040045; /* Hereda de headings del tema [cite: 111, 1109] */
}

.stat-label-v4 {
  font-size: 1rem;
  color: #3e4867; /* Color definido para párrafos [cite: 113, 1108] */
  margin: 0;
}

/* Responsivo: En móvil se apilan y mantienen la línea horizontal */
@media (max-width: 767px) {
  .bento-item-v4 {
    flex: 1 1 100%;
    padding: 40px 20px;
  }
}
{% end_scope_css %}