/* ============================================================
   Paz House 8.2 F6
   Estilos de funciones Fase 2 que siguen siendo compartidos.
   La navegacion/chatbot vive en navigation.css y las paginas en pages.css.
   ============================================================ */

/* Favoritos y puntuacion sobre productos */
.product-favorite {
  position:absolute;
  top:12px;
  right:12px;
  z-index:4;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  padding:0;
  border:1px solid rgba(255,255,255,.72);
  border-radius:50%;
  background:rgba(255,255,255,.92);
  color:var(--ph-text);
  box-shadow:0 7px 20px rgba(33,24,30,.12);
  cursor:pointer;
  backdrop-filter:blur(8px);
}
.product-favorite:hover { color:var(--ph-brand-text); border-color:var(--ph-brand-border); }
.product-favorite.is-active { border-color:var(--ph-brand); background:var(--ph-brand); color:var(--ph-text); }
.product-favorite .paz-icon { width:20px; height:20px; }
.product-rating { display:flex; gap:6px; align-items:center; margin:6px 0; color:#a86d08; font-size:var(--ph-fs-12); }
.product-rating small { color:var(--ph-text-muted); }

/* Login social */
.auth-social { margin-top:14px; }
.auth-social a {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:10px 14px;
  border:1px solid var(--ph-border);
  border-radius:var(--ph-radius-md);
  background:#fff;
  color:var(--ph-text);
  font-size:var(--ph-fs-12);
  font-weight:700;
  text-decoration:none;
}
.auth-social a:hover { border-color:var(--ph-brand-border); background:var(--ph-brand-soft); }

/* Estado de carga de la ruleta */
.roulette-wheel.is-spinning { animation:spinwheel 2.8s cubic-bezier(.15,.7,.18,1); }
@keyframes spinwheel { to { transform:rotate(1800deg); } }

@media (prefers-reduced-motion: reduce) {
  .roulette-wheel.is-spinning { animation-duration:.01ms; }
}