/* Opiniones de un producto en la ficha (2026-11-11, parcial `_opiniones.html`). Toma los tokens de la página (`--tinta`, `--marca`…);
   las barras y estrellas son decorativas (aria-hidden): el número y el texto siempre están al lado, así no depende del color. */
.opiniones__resumen{display:grid;gap:.75rem;margin:0 0 1rem}
@media (min-width:600px){.opiniones__resumen{grid-template-columns:minmax(0,12rem) minmax(0,1fr);align-items:center}}
.opiniones__promedio{display:grid;gap:.25rem;margin:0}
.opiniones__numero{font-family:var(--letra-titulos);font-size:2.4rem;line-height:1}
.opiniones__barra{position:relative;display:inline-block;font-size:1.4rem;line-height:1;letter-spacing:.1em;color:var(--linea)}
.opiniones__barra::before{content:"★★★★★"}
.opiniones__barra span{position:absolute;inset:0 auto 0 0;overflow:hidden;white-space:nowrap;color:var(--marca)}
.opiniones__barra span::before{content:"★★★★★"}
.opiniones__distribucion{width:100%;border-collapse:collapse;font-size:.9rem}
.opiniones__distribucion th{padding:.125rem .75rem .125rem 0;font-weight:500;text-align:left;white-space:nowrap}
.opiniones__distribucion td:last-child{width:2.5rem;padding-left:.5rem;text-align:right;font-variant-numeric:tabular-nums}
.opiniones__medidor{width:100%;padding:0}
.opiniones__medidor,.opiniones__medidor span{height:.6rem;border-radius:999px}
.opiniones__medidor{background:var(--linea)}
.opiniones__medidor span{display:block;background:var(--marca)}
.opiniones__lista{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}
.opiniones__lista li{padding:.75rem 0;border-top:1px solid var(--linea)}
.opiniones__lista p{margin:.25rem 0}
.opiniones__texto{white-space:pre-line;overflow-wrap:anywhere}
.opiniones__paginas{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin:1rem 0 0}
.opiniones__paginas a,.opiniones__opinar{display:inline-flex;align-items:center;min-height:44px}
.opiniones :is(a):focus-visible{outline:3px solid var(--tinta);outline-offset:2px}
/* Anchos de 5 en 5 (ver el parcial): sin estilos en línea por la CSP. */
.opiniones__p0{width:0%}.opiniones__p5{width:5%}.opiniones__p10{width:10%}.opiniones__p15{width:15%}.opiniones__p20{width:20%}.opiniones__p25{width:25%}.opiniones__p30{width:30%}.opiniones__p35{width:35%}.opiniones__p40{width:40%}.opiniones__p45{width:45%}.opiniones__p50{width:50%}.opiniones__p55{width:55%}.opiniones__p60{width:60%}.opiniones__p65{width:65%}.opiniones__p70{width:70%}.opiniones__p75{width:75%}.opiniones__p80{width:80%}.opiniones__p85{width:85%}.opiniones__p90{width:90%}.opiniones__p95{width:95%}.opiniones__p100{width:100%}
@media (forced-colors:active){.opiniones__barra span{color:CanvasText}.opiniones__medidor span{background:CanvasText}}