/* WP Visitas Stats — Frontend Styles */

.wvs-fe-badge { display:inline-flex; align-items:center; gap:6px; font-size:13px; line-height:1; }
.wvs-fe-badge--doble { gap:8px; }

.wvs-fe-pill {
  display:inline-flex; align-items:center; gap:5px;
  padding:5px 12px; border-radius:999px;
  font-size:13px; font-weight:500; line-height:1;
  text-decoration:none !important;
}
.wvs-fe-pill strong { font-weight:700; font-size:14px; }
.wvs-fe-pill--blue  { background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; }
.wvs-fe-pill--green { background:#f0fdf4; color:#15803d; border:1px solid #bbf7d0; }
.wvs-fe-lbl { font-size:11px; opacity:.7; font-weight:400; }
.wvs-fe-icon { font-size:13px; line-height:1; }

.wvs-fe-texto { display:inline-flex; align-items:center; gap:4px; font-size:13px; color:#6b7280; }
.wvs-fe-texto strong { color:#111; }

.wvs-fe-numero { font-weight:700; color:#2563eb; }

.wvs-fe-auto {
  margin-top:20px; padding-top:16px; border-top:1px solid #f3f4f6;
  display:flex; align-items:center; gap:8px;
}
.wvs-fe-auto::before {
  content:'Estadísticas:'; font-size:11px; color:#9ca3af;
  font-weight:600; text-transform:uppercase; letter-spacing:.05em; margin-right:4px;
}

/* Lista */
.wvs-fe-lista { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; }
.wvs-fe-lista-item { display:flex; flex-direction:column; gap:5px; }
.wvs-fe-lista-top { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.wvs-fe-lista-link { font-size:14px; font-weight:500; color:#111; text-decoration:none; flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wvs-fe-lista-link:hover { color:#2563eb; text-decoration:underline; }
.wvs-fe-lista-count { font-size:12px; font-weight:600; color:#6b7280; white-space:nowrap; }
.wvs-fe-bar-track { height:5px; background:#f3f4f6; border-radius:99px; overflow:hidden; }
.wvs-fe-bar-fill  { height:100%; background:linear-gradient(90deg,#2563eb,#7c3aed); border-radius:99px; }

/* Tarjetas */
.wvs-fe-cards { display:flex; flex-direction:column; gap:10px; }
.wvs-fe-card {
  display:flex; align-items:center; gap:12px; padding:12px 16px;
  background:#fff; border:1px solid #e5e7eb; border-radius:10px;
  text-decoration:none !important; color:inherit;
  transition:box-shadow .15s,border-color .15s;
}
.wvs-fe-card:hover { border-color:#bfdbfe; box-shadow:0 2px 8px rgba(37,99,235,.1); }
.wvs-fe-card-rank {
  width:26px; height:26px; border-radius:50%; background:#eff6ff;
  color:#2563eb; font-size:12px; font-weight:700;
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.wvs-fe-card-body { flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
.wvs-fe-card-title { font-size:14px; font-weight:600; color:#111; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wvs-fe-card-stats { display:flex; gap:12px; font-size:12px; color:#6b7280; }

.wvs-fe-empty { color:#9ca3af; font-size:13px; font-style:italic; }