/* ──────────────────────────────────────────────
   RATINGS — Tarjeta de producto (bellezacoa_ratings)
────────────────────────────────────────────── */
.prod-rating {
    display: flex; align-items: center; justify-content: center;
    gap: 2px; margin: 6px 0 4px; cursor: default;
}
.prod-star {
    font-size: 1.05rem; color: #e0e0e0;
    cursor: pointer; transition: color 0.12s, transform 0.12s;
    line-height: 1; user-select: none;
}
.prod-star.filled       { color: #d4a574; }
.prod-star.hov          { color: #d4a574; transform: scale(1.18); }
.prod-rating-count      { font-size: 0.7rem; color: #aaa; margin-left: 4px; font-family: var(--font-body); }

/* RATINGS — Modal de producto */
.pm-rating-wrap  { margin-bottom: 18px; }
.pm-rating-lbl   { font-size: 0.7rem; letter-spacing: 0.2em; text-transform: uppercase;
                   color: var(--accent); font-family: var(--font-body); margin-bottom: 7px; display: block; }
.pm-stars        { display: flex; gap: 7px; }
.pm-star         { font-size: 1.45rem; color: #ddd; cursor: pointer;
                   transition: color 0.12s, transform 0.12s; user-select: none; }
.pm-star.filled  { color: #d4a574; }
.pm-star:hover   { color: #d4a574; transform: scale(1.22); }

/* ──────────────────────────────────────────────
   BADGE ESTADO BACKEND (Railway)
────────────────────────────────────────────── */
.bc-status-badge {
    display: inline-flex; align-items: center; gap: 5px;
    font-size: 0.73rem; padding: 4px 11px; border-radius: 20px;
    font-family: var(--font-body); font-weight: 600; letter-spacing: .3px;
    flex-shrink: 0;
}
.bc-status-badge.online  { background: #e8f5e9; color: #2e7d32; }
.bc-status-badge.offline { background: #fff3e0; color: #e65100; }
.bc-status-dot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; }
.bc-status-badge.online  .bc-status-dot { background: #4caf50; }
.bc-status-badge.offline .bc-status-dot { background: #ff9800; }

/* ──────────────────────────────────────────────
   WIDGET VENTAS MENSUALES (admin dashboard)
────────────────────────────────────────────── */
.bc-ventas-card {
    background: #fff; border-radius: 8px; padding: 24px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06); margin-top: 20px;
}
.bc-ventas-card h4 {
    font-family: var(--font-heading); font-size: 1.1rem; margin-bottom: 4px;
}
.bc-ventas-subtitle {
    font-size: 0.75rem; letter-spacing: .15em; text-transform: uppercase;
    color: var(--accent); font-family: var(--font-body); margin-bottom: 18px; display: block;
}
.bc-ventas-kpis {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(160px,1fr));
    gap: 14px; margin-bottom: 20px;
}
.bc-vkpi {
    background: #fdfaf7; padding: 16px 18px; border-left: 3px solid var(--accent);
}
.bc-vkpi-val {
    font-family: 'Space Grotesk', sans-serif; font-size: 1.25rem;
    font-weight: 700; line-height: 1; color: #1a1a1a;
}
.bc-vkpi-lbl {
    font-size: 0.73rem; text-transform: uppercase; letter-spacing: .4px;
    color: var(--text-muted); margin-top: 5px; font-family: var(--font-body);
}
.bc-top-items { list-style: none; padding: 0; margin: 0; }
.bc-top-item  {
    display: flex; justify-content: space-between; align-items: center;
    padding: 9px 0; border-bottom: 1px solid #f5f5f5; font-size: 0.87rem;
}
.bc-top-item:last-child { border-bottom: none; }
.bc-top-qty { font-weight: 700; color: var(--accent); font-family: 'Space Grotesk', sans-serif; }