/* psamz_reviews · front · kit 441 (#0C6D72 / #2E1450). Todo bajo .psr para no pisar el tema. */
.psr{--v:#0C6D72;--m:#2E1450;--l:#e8e8e8;--t:#171717;--g:#c9c9c9;--bg:#f6fafa;color:#333;font-size:16px;line-height:1.5}
.psr *{box-sizing:border-box}

/* Estrellas: máscara SVG; --r = nota media (0-5, admite decimales) */
.psr-stars{--s:20px;display:inline-block;position:relative;width:calc(var(--s)*5);height:var(--s);vertical-align:middle;
  background:linear-gradient(90deg,var(--v) calc(var(--r,0)/5*100%),var(--g) 0);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 1.6l2.5 5.4 5.9.7-4.4 4 1.2 5.8L10 14.6 4.8 17.5 6 11.7 1.6 7.7l5.9-.7z'/%3E%3C/svg%3E") 0 0/20% 100% repeat-x;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 1.6l2.5 5.4 5.9.7-4.4 4 1.2 5.8L10 14.6 4.8 17.5 6 11.7 1.6 7.7l5.9-.7z'/%3E%3C/svg%3E") 0 0/20% 100% repeat-x}
.psr-stars--sm{--s:16px}.psr-stars--lg{--s:28px}

/* Resumen compacto junto al título (hook displayProductRating / widget "psr-rating") */
.psr-rating{display:inline-flex;align-items:center;gap:8px;margin:0 0 8px;font-size:15px;color:var(--t);text-decoration:none}
.psr-rating b{font-weight:700}
.psr-rating a{color:var(--v);text-decoration:underline;text-underline-offset:2px}
.psr-rating--empty .psr-stars{opacity:.55}
.psr-rating--empty a{color:var(--v)}

/* Miniatura de listado */
.psr-mini{display:flex;align-items:center;gap:6px;font-size:13px;color:#555;min-height:18px}

/* Bloque Opiniones */
.psr-block{max-width:900px}
.psr-summary{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;background:var(--bg);border:1px solid var(--l);border-radius:14px;padding:22px 26px;margin:0 0 22px}
.psr-score{text-align:center}
.psr-score strong{display:block;font-size:48px;line-height:1;color:var(--m);font-weight:700;letter-spacing:-1px}
.psr-score small{display:block;margin-top:6px;font-size:14px;color:#555}
.psr-bars{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.psr-bars li{display:grid;grid-template-columns:34px 1fr 30px;gap:10px;align-items:center;font-size:14px;color:#444}
.psr-bars .bar{height:8px;border-radius:99px;background:#dde7e7;overflow:hidden}
.psr-bars .bar i{display:block;height:100%;width:var(--p,0%);background:var(--v);border-radius:99px}
.psr-bars .n{text-align:right;color:#666}
.psr-cta{display:inline-block;border:2px solid var(--v);color:var(--v);background:#fff;border-radius:999px;padding:11px 22px;font-weight:700;font-size:15.5px;cursor:pointer;text-decoration:none;white-space:nowrap}
.psr-cta:hover,.psr-cta:focus-visible{background:var(--v);color:#fff}

/* Lista */
.psr-list{list-style:none;margin:0;padding:0}
.psr-item{padding:22px 0;border-bottom:1px solid var(--l)}
.psr-item:first-child{border-top:1px solid var(--l)}
.psr-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 8px}
.psr-author{font-weight:700;color:var(--t)}
.psr-badge{display:inline-flex;align-items:center;gap:5px;background:var(--m);color:#fff;border-radius:999px;padding:2px 10px 2px 8px;font-size:12.5px;font-weight:600}
.psr-badge:before{content:"";width:12px;height:12px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M4.6 9.2L1.8 6.4l1-1 1.8 1.8 4.6-4.6 1 1z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M4.6 9.2L1.8 6.4l1-1 1.8 1.8 4.6-4.6 1 1z'/%3E%3C/svg%3E") center/contain no-repeat}
.psr-date{margin-left:auto;font-size:13.5px;color:#666}
.psr-title{display:block;font-size:17px;font-weight:700;color:var(--t);margin:2px 0 4px}
.psr-text{margin:0;font-size:16px;line-height:1.6;color:#333;white-space:pre-line}
.psr-reply{margin:14px 0 0;padding:12px 16px;border-left:4px solid var(--v);background:var(--bg);border-radius:0 10px 10px 0;font-size:15px}
.psr-reply b{display:block;color:var(--v);margin-bottom:2px}
.psr-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;font-size:13.5px;color:#666}
.psr-actions button{font:inherit;background:none;border:1px solid var(--l);border-radius:999px;padding:5px 12px;color:#444;cursor:pointer}
.psr-actions button:hover{border-color:var(--v);color:var(--v)}
.psr-actions button[aria-pressed=true]{background:var(--v);border-color:var(--v);color:#fff}
.psr-actions .psr-report{border:0;padding:5px 4px;text-decoration:underline;color:#777}
.psr-more{display:block;margin:22px auto 0}
.psr-empty{text-align:center;background:var(--bg);border:1px dashed var(--g);border-radius:14px;padding:30px 20px}
.psr-empty p{margin:0 0 14px;color:#444}

/* Formulario */
.psr-form{margin:28px 0 0;border:1px solid var(--l);border-radius:14px;padding:22px 26px}
.psr-form h3{margin:0 0 14px;font-size:20px;color:var(--v)}
.psr-form label{display:block;font-weight:600;font-size:14.5px;margin:12px 0 4px;color:var(--t)}
.psr-form input[type=text],.psr-form input[type=email],.psr-form textarea{width:100%;border:1px solid #bbb;border-radius:10px;padding:11px 13px;font:inherit;color:var(--t);background:#fff}
.psr-form input:focus,.psr-form textarea:focus{outline:3px solid rgba(12,109,114,.28);border-color:var(--v)}
.psr-form textarea{min-height:120px;resize:vertical}
.psr-pick{display:inline-flex;flex-direction:row-reverse;gap:2px;border:0;padding:0;margin:0}
.psr-pick input{position:absolute;opacity:0;width:1px;height:1px}
.psr-pick label{margin:0;cursor:pointer;width:38px;height:38px;background:var(--g);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 1.6l2.5 5.4 5.9.7-4.4 4 1.2 5.8L10 14.6 4.8 17.5 6 11.7 1.6 7.7l5.9-.7z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 1.6l2.5 5.4 5.9.7-4.4 4 1.2 5.8L10 14.6 4.8 17.5 6 11.7 1.6 7.7l5.9-.7z'/%3E%3C/svg%3E") center/contain no-repeat}
.psr-pick label span{position:absolute;left:-9999px}
.psr-pick input:checked~label,.psr-pick label:hover,.psr-pick label:hover~label{background:var(--v)}
.psr-pick input:focus-visible+label{outline:3px solid rgba(12,109,114,.45);outline-offset:2px}
.psr-form .psr-note{font-size:13px;color:#666;margin:8px 0 0}
.psr-submit{margin-top:16px;background:var(--v);color:#fff;border:0;border-radius:999px;padding:14px 28px;font-weight:700;font-size:16px;cursor:pointer}
.psr-submit:hover{background:var(--m)}
.psr-msg{margin:12px 0 0;padding:12px 16px;border-radius:10px;font-size:15px}
.psr-msg--ok{background:#e6f4f4;color:#0a4f53}.psr-msg--err{background:#fdecec;color:#8a1c1c}

@media(max-width:767px){
  .psr-summary{grid-template-columns:1fr;gap:16px;padding:18px}
  .psr-score{display:flex;align-items:center;gap:14px;text-align:left}
  .psr-score strong{font-size:40px}
  .psr-cta{text-align:center;width:100%}
  .psr-date{margin-left:0;flex-basis:100%}
  .psr-form{padding:18px}
  .psr-pick label{width:44px;height:44px}
}
