.chart-scores-product-lcs {display: flex; align-items: center; text-transform: uppercase; font-size: 14px; font-weight: bold; margin: 10px;}
.chart-scores-product-lcs .chart-scores-product-lcs-total-wrap { text-align: center; background-color: #edf9fe; padding: 0px;}
.chart-scores-product-lcs .chart-scores-product-lcs-total-score { font-size: 64px; font-weight: bold;}
.chart-scores-product-lcs .chart-scores-product-lcs-total-title { font-size: 17px; margin-top: -10px; margin-bottom: 10px;}
.chart-scores-product-lcs .chart-scores-product-lcs-scores-wrap {flex: 1; margin-top: 18px; padding: 0px;}
.chart-scores-product-lcs .chart-scores-product-lcs-score-item {display: flex; align-items: center; margin-bottom: 10px; margin-left: 15px; margin-right: 15px;}
.chart-scores-product-lcs .chart-scores-product-lcs-score-wrap {flex: 1; background: #e5e5e5; padding-left: 0; padding-right: 0; text-align: left; color: #fff; font-size: 18px;}
.chart-scores-product-lcs .chart-scores-product-lcs-score {height: 100%; background: #38b2e2;}
.chart-scores-product-lcs .chart-scores-product-lcs-score-title {padding-left: 0; padding-right: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.chart-scores-product-lcs .chart-scores-product-lcs-score-internal {margin-left: 12px;}

/* === Grid autocontenido LCS (fix Woodmart 8.x: col-sm-* eliminado del tema) === */
.chart-scores-product-lcs { flex-wrap: wrap; }
.chart-scores-product-lcs .chart-scores-product-lcs-total-wrap { flex: 0 0 25%; max-width: 25%; width: 25%; }
.chart-scores-product-lcs .chart-scores-product-lcs-scores-wrap { flex: 1 1 0; width: auto; max-width: none; min-width: 0; }
.chart-scores-product-lcs .chart-scores-product-lcs-score-item { display: flex; flex-wrap: nowrap; width: 100%; }
.chart-scores-product-lcs .chart-scores-product-lcs-score-title { flex: 0 0 25%; max-width: 25%; width: 25%; }
.chart-scores-product-lcs .chart-scores-product-lcs-score-wrap { flex: 1 1 0; width: auto; max-width: none; min-width: 0; }
@media (max-width: 575px) {
  .chart-scores-product-lcs .chart-scores-product-lcs-total-wrap { flex: 0 0 100%; max-width: 100%; width: 100%; }
  .chart-scores-product-lcs .chart-scores-product-lcs-score-item { flex-wrap: wrap; }
  .chart-scores-product-lcs .chart-scores-product-lcs-score-title,
  .chart-scores-product-lcs .chart-scores-product-lcs-score-wrap { flex: 0 0 100%; max-width: 100%; width: 100%; }
}

/* fix movil: scores-wrap se quedaba con flex-basis 0 y la barra colapsaba a 0px de ancho */
@media (max-width: 575px) {
  .chart-scores-product-lcs .chart-scores-product-lcs-scores-wrap { flex: 1 1 100%; width: 100%; max-width: 100%; }
}