/* Reseñas de la guía gratis: el formulario de /opinion y el bloque que las muestra. */
.estrellas-campo{border:0;display:grid;gap:8px}
.estrellas-campo legend{font-size:.86rem;color:var(--ink-soft);font-weight:850;margin-bottom:6px}
.estrellas{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px}
.estrellas input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.estrellas label{font-size:2.3rem;line-height:1;color:#d6cfb8;cursor:pointer;padding:2px;border-radius:10px;transition:color .15s,transform .15s}
.estrellas label:hover,.estrellas label:hover~label,
.estrellas input:checked~label{color:#e3a51a}
.estrellas input:focus-visible+label{outline:3px solid var(--metal);outline-offset:2px}
.estrellas-texto{font-size:.9rem;color:var(--muted);min-height:1.4em}
.casilla{display:flex;gap:10px;align-items:flex-start;font-weight:600;line-height:1.4;cursor:pointer}
.casilla input{width:20px;height:20px;flex:0 0 20px;margin-top:2px;accent-color:var(--metal-dark)}
.ayuda{font-size:.8rem;color:var(--muted);font-weight:500}
.form-msg.ok{color:var(--green-dark);font-weight:700}
.form-msg.mal{color:var(--pink-dark);font-weight:700}

.resenas-resumen{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:18px}
.resenas-nota{font-family:'Fraunces',Georgia,serif;font-size:3rem;font-weight:800;line-height:1;color:var(--metal-dark)}
.resenas-nota small{display:block;font-family:'Outfit',system-ui,sans-serif;font-size:.85rem;font-weight:600;color:var(--muted);margin-top:6px}
.resenas-barras{display:grid;gap:4px;min-width:220px;flex:1 1 220px;max-width:360px}
.resenas-barras div{display:grid;grid-template-columns:28px 1fr 28px;gap:8px;align-items:center;font-size:.82rem;color:var(--muted);font-variant-numeric:tabular-nums}
.resenas-barras span.barra{height:8px;border-radius:99px;background:var(--cream-2);overflow:hidden}
.resenas-barras span.barra i{display:block;height:100%;background:#e3a51a;border-radius:99px}
.resenas-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:22px}
.resena{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px}
.resena .quien{font-weight:800;color:var(--ink)}
.resena .donde{font-size:.82rem;color:var(--muted)}
.resena .pinta{color:#e3a51a;letter-spacing:2px;font-size:1rem}
.resena p{margin-top:8px;color:var(--ink-soft)}
.resenas-nota-pie{font-size:.85rem;color:var(--muted);margin-top:16px}