/* WC Product Reviews Pro (Lite) */
#wcpr { margin-top: 2rem; }
#wcpr .wcpr-header h2 { margin-bottom: .75rem; }
#wcpr .wcpr-form fieldset { border: 0; padding: 0; margin: 0 0 1rem; }
#wcpr .wcpr-form label { display: block; margin-bottom: .25rem; font-weight: 600; }
#wcpr .wcpr-form input[type="text"],
#wcpr .wcpr-form input[type="email"],
#wcpr .wcpr-form textarea,
#wcpr .wcpr-form select { width: 100%; padding: .5rem; border: 1px solid #ddd; border-radius: 6px; }
#wcpr .wcpr-form .wcpr-stars { display: inline-flex; gap: .25rem; align-items: center; }
#wcpr .wcpr-form .wcpr-stars input { display: none; }
#wcpr .wcpr-form .wcpr-stars label { cursor: pointer; font-size: 1.25rem; }
#wcpr .wcpr-list { display: grid; gap: 1rem; margin-top: 1rem; }
.wcpr-item { border: 1px solid #eee; border-radius: 10px; padding: 1rem; }
.wcpr-item header { display: flex; align-items: center; justify-content: space-between; margin-bottom: .5rem; }
.wcpr-item .wcpr-rating { font-weight: 700; }
.wcpr-item figure { margin: .5rem 0 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.wcpr-item figure img { width: 96px; height: 96px; object-fit: cover; border-radius: 8px; }

#wcpr .wcpr-form .wcpr-stars { display: inline-flex; gap: .35rem; align-items: center; }
#wcpr .wcpr-form .wcpr-stars input { position: absolute; left: -9999px; }
#wcpr .wcpr-form .wcpr-stars label.wcpr-star { cursor: pointer; font-size: 1.4rem; line-height: 1; user-select: none; }
#wcpr .wcpr-form .wcpr-stars label.wcpr-star:focus { outline: 2px solid #666; outline-offset: 2px; border-radius: 4px; }


/* Estrellas profesionales 2025 */
.wcpr-star { font-size: 1.6rem; transition: transform .12s ease, color .12s ease; color: #b7b7b7; }
.wcpr-star.selected { color: #ffb400; text-shadow: 0 1px 0 #d18f00, 0 2px 6px rgba(0,0,0,0.08); transform: translateY(-1px); }
.wcpr-stars { display: inline-flex; gap: .4rem; align-items: center; }
/* Hover effect */
.wcpr-star:hover { transform: translateY(-3px) scale(1.08); color: #ffca55; }
/* Login button obfuscated style */
.wcpr-login-button { background: linear-gradient(180deg,#ffffff,#f3f3f3); border: 1px solid #dcdcdc; color: #333; padding: .5rem 1rem; border-radius: 8px; box-shadow: 0 4px 14px rgba(0,0,0,0.06); font-weight: 600; }
.wcpr-login-prompt p { margin-bottom: .5rem; color: #666; font-size: .95rem; }


/* ==== WCPR Modern 2025 Theme ==== */
#wcpr { --wcpr-accent:#111827; --wcpr-card:#ffffff; --wcpr-muted:#6b7280; --wcpr-border:#e5e7eb; --wcpr-star:#ffb400; --wcpr-bg:#f9fafb; }
#wcpr .wcpr-header h2 { font-size:1.6rem; font-weight:800; color:var(--wcpr-accent); }
.wcpr-item { background:var(--wcpr-card); border:1px solid var(--wcpr-border); border-radius:16px; padding:1rem 1.1rem; box-shadow:0 8px 20px rgba(17,24,39,.04); }
.wcpr-item header div:first-child { color:var(--wcpr-muted); font-size:.95rem; }
#wcpr .wcpr-form textarea { min-height:110px; }
#wcpr .wcpr-form .button, #wcpr .wcpr-form button.button { background:#111827; color:#fff; border:none; border-radius:10px; padding:.6rem 1rem; font-weight:600; box-shadow:0 6px 14px rgba(0,0,0,.08); }
#wcpr .wcpr-form .button:hover { opacity:.92; }

/* Fotos grid */
.wcpr-photos { display:flex; flex-wrap:wrap; gap:.5rem; }
.wcpr-photos a { display:block; border-radius:10px; overflow:hidden; border:1px solid var(--wcpr-border); }
.wcpr-photo-img { width:140px; height:140px; object-fit:cover; display:block; }

/* Estrellas - ya teníamos estilos, reforzamos color */
.wcpr-star { color:#b7b7b7; }
.wcpr-star.selected { color:var(--wcpr-star); text-shadow:0 1px 0 #d18f00, 0 2px 6px rgba(0,0,0,.08); }

/* Modal */
#wcpr-modal { position:fixed; inset:0; display:block; opacity:0; pointer-events:none; transition:opacity .16s ease; z-index:99999; }
#wcpr-modal.is-open { opacity:1; pointer-events:auto; }
#wcpr-modal .wcpr-modal__backdrop { position:absolute; inset:0; background:rgba(0,0,0,.55); }
#wcpr-modal .wcpr-modal__content { position:relative; width:min(92vw,900px); margin:5vh auto; background:#0b0b0b; border-radius:14px; padding:1rem; outline:none; }
#wcpr-modal .wcpr-modal__img { width:100%; height:auto; display:block; border-radius:10px; }
#wcpr-modal .wcpr-modal__close { position:absolute; top:.25rem; right:.5rem; width:40px; height:40px; border-radius:999px; border:0; background:#ffffff; color:#111; font-size:1.4rem; line-height:1; box-shadow:0 6px 16px rgba(0,0,0,.2); cursor:pointer; }
#wcpr-modal .wcpr-modal__close:hover { transform:scale(1.04); }


/* Lightbox responsive: max height 400px */
#wcpr-modal .wcpr-modal__content { width:min(96vw, 900px); }
#wcpr-modal .wcpr-modal__img { max-height:400px; width:100%; height:auto; object-fit:contain; }
@media (max-width: 480px){
  #wcpr-modal .wcpr-modal__content { width:96vw; margin:4vh auto; }
  #wcpr-modal .wcpr-modal__img { max-height: 60vh; }
}


/* --- Lightbox: hard cap height 400px with stronger specificity --- */
#wcpr-modal.is-open .wcpr-modal__content { 
  width:min(96vw, 900px); 
  max-height: 80vh; 
  overflow: auto; 
}
#wcpr-modal.is-open .wcpr-modal__img { 
  max-height: 400px !important; 
  width: auto !important; 
  max-width: 100% !important; 
  height: auto !important; 
  object-fit: contain !important; 
  display:block; 
  margin: 0 auto;
}
@media (max-width: 480px){
  #wcpr-modal.is-open .wcpr-modal__content { width: 96vw; margin:4vh auto; }
  #wcpr-modal.is-open .wcpr-modal__img { max-height: 60vh !important; }
}