/* =========================================================
   PDP Heading: Título + Rating (promedio + estrellas + reseñas) + Separador
   ========================================================= */

.c-pdp-heading{
  margin: 0 0 10px 0;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(0,0,0,.10);
}

/* H1 */
.c-pdp-title{
  margin: 0;
  font-weight: 800 !important;
  letter-spacing: -0.4px;
  line-height: 1.06;
  color:#0b1220;
  font-size: clamp(1.7rem, 3.1vw, 2rem) !important;
  text-transform: none !important;
}

/* ===== Rating ===== */
.c-pdp-rating{
  margin-top: 10px;
  display: inline-flex;
  align-items: center;
  line-height: 1;
  gap: 0;

  /* ✅ control fino */
  --pdp-star-left: 10px;  /* 4.5 → ⭐ */
  --pdp-star-right: 2px; /* ⭐ → reseñas (MUCHO más cerca) */
}

/* Promedio */
.c-pdp-rating__avg{
  font-weight: 700;
  color:#111827;
  font-size: 0.85rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  transform: translateY(1px);
}

/* Conteo (✅ lo pegamos a las estrellas) */
.c-pdp-rating__count{
  font-size: .85rem;
  color:#555;
  line-height: 1;
  display: inline-flex;
  align-items: center;

  /* ✅ CLAVE: acercar reseñas a estrellas */
}

/* ⭐ Estrellas */
.c-pdp-rating .star-rating{
  position:relative !important;
  display:inline-block !important;
  width:5.4em !important;
  height:1em;
  line-height:1 !important;
  font-size:1.1rem !important;
  letter-spacing:.1em !important;
  vertical-align:middle;

  /* ✅ izquierda con aire, derecha casi pegada */
  margin: 0 var(--pdp-star-right) !important;
  margin-left: 3px !important;

  transform: translateY(1px);
}

.c-pdp-rating .star-rating::before{
  content:"★★★★★" !important;
  opacity:.25 !important;
  font-family:inherit !important;
}

.c-pdp-rating .star-rating > span{
  position:absolute !important;
  top:0; left:0;
  overflow:hidden;
  white-space:nowrap;
  line-height:1 !important;
  height:1em;
}

.c-pdp-rating .star-rating > span::before{
  content:"★★★★★" !important;
  letter-spacing:.1em !important;
  font-family:inherit !important;
}

.c-pdp-rating .star-rating,
.c-pdp-rating .star-rating > span::before{
  color:#f5b301 !important;
}

/* ✅ Desktop: subir estrellas un pelín */
@media (min-width: 768px){
  .c-pdp-rating__avg{ transform: translateY(0px); }

  .c-pdp-rating .star-rating{
    transform: translateY(-2px) !important;
  }

  .c-pdp-rating__count{
    font-size: .74rem;

    /* ✅ también pegado en desktop */
    margin-left: -10px !important;
  }
}

@media (max-width: 768px){
  .c-pdp-rating__avg{ transform: translateY(0px); }

  .c-pdp-rating .star-rating{
    transform: translateY(-1px) !important;
  font-size:0.9rem !important;
  }

  .c-pdp-rating__count{
    font-size: .74rem;
  }
}
