.product { font-family: Arial, sans-serif; padding: 10px; border: 1px solid #ddd; width: 300px; margin: 10px; background-color: #f9f9f9; border-radius: 5px; position: relative; } .best-seller { font-size: 14px; color: #fff; background-color: #f39c12; padding: 3px 8px; border-radius: 10px; position: absolute; top: 10px; right: 10px; font-weight: bold; text-transform: uppercase; } .rating { display: flex; flex-direction: column; align-items: flex-start; } .avg-rating { display: flex; align-items: center; } .avg-stars { font-size: 20px; color: #ffcc00; /* Amarillo brillante para las estrellas */ } .avg-score { margin-left: 10px; font-size: 16px; font-weight: bold; color: #333; } .rating-distribution { margin-top: 10px; font-size: 14px; color: #555; } .rating-distribution span { display: block; margin-bottom: 3px; } .percentage { color: #4caf50; /* Verde para el porcentaje */ font-weight: bold; } .reviews { margin-top: 10px; font-size: 14px; color: #888; }