/* Diseño original (widget "stats") portado sin Elementor */

:root{
  --gold:      #C9A84C;
  --gold-rule: rgba(201,168,76,0.22);
  --text:      #E9E3D2;
  --soft:      rgba(233,227,210,0.55);
  --ease:      cubic-bezier(0.4, 0, 0.2, 1);
}

/* CONTENEDOR */
.stats-section{
  width:100%;
  max-width:960px;
  margin:0 auto;
  font-family:'Inter', sans-serif;
}

/* GRID */
.stats-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid var(--gold-rule);
}

/* ITEM */
.stat-item{
  position:relative;
  padding:2.2rem 1.4rem;
  text-align:center;
  border-right:1px solid var(--gold-rule);
  transition:background .3s var(--ease);
}

.stat-item:last-child{ border-right:none; }

/* Línea superior elegante */
.stat-item::after{
  content:'';
  position:absolute;
  top:0;
  left:20%;
  right:20%;
  height:1px;
  background:var(--gold);
  transform:scaleX(0);
  transition:transform .35s var(--ease);
}

.stat-item:hover::after{
  transform:scaleX(1);
}

/* ICONO */
.stat-icon{
  width:26px;
  height:26px;
  margin:0 auto 1rem;
}

.stat-icon svg{
  width:100%;
  height:100%;
  stroke:var(--gold);
  fill:none;
  stroke-width:1.3;
  opacity:.75;
}

/* NÚMERO */
.stat-number{
  font-size:2.1rem;
  font-weight:600;
  color:var(--text);
  letter-spacing:-0.01em;
  margin-bottom:.35rem;
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:.08em;
}

.stat-number .suffix,
.stat-number .prefix{
  font-size:.55em;
  font-weight:500;
  color:var(--gold);
  letter-spacing:.08em;
}

/* DIVIDER */
.stat-divider{
  width:22px;
  height:1px;
  background:var(--gold-rule);
  margin:.6rem auto;
  transition:width .3s;
}

.stat-item:hover .stat-divider{
  width:36px;
}

/* LABEL */
.stat-label{
  font-size:.68rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--soft);
  line-height:1.5;
  font-weight:500;
}

/* RESPONSIVE */
@media (max-width:600px){
  .stats-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .stat-item:nth-child(2){
    border-right:none;
  }

  .stat-item:nth-child(1),
  .stat-item:nth-child(2){
    border-bottom:1px solid var(--gold-rule);
  }

  .stat-number{
    font-size:1.8rem;
  }
}