/* ====== Scoped styles solo para la página de opiniones ====== */
[data-route="opiniones"]{--bg:#0a090d;--ink:#FFFFFF;--muted:#FFFFFF;--line:rgba(255,255,255,.12);--accent:#D4AF37;--accent2:#FFD700}
[data-route="opiniones"] .wrap{max-width:1100px;margin:0 auto;padding:28px 16px 80px;position:relative;z-index:1}
[data-route="opiniones"] .title{font-size:clamp(28px,4.5vw,44px);line-height:1.1;margin:6px 0 8px;color:#FFFFFF;font-weight:700}
[data-route="opiniones"] .sub{color:#FFFFFF;max-width:70ch;margin:8px 0;line-height:1.5}
[data-route="opiniones"] .grid{display:grid;gap:24px;margin-top:22px} /* Aumentado gap de 16px a 24px */
@media(min-width:900px){[data-route="opiniones"] .grid{grid-template-columns:1fr 1fr}}

/* Tarjetas */
[data-route="opiniones"] .card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:32px;display:flex;flex-direction:column;gap:20px;position:relative;z-index:2}
[data-route="opiniones"] .head{display:flex;align-items:center;gap:16px;margin-bottom:12px}
[data-route="opiniones"] .avatar{width:48px;height:48px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#FFD700);color:white;font-weight:700;font-size:18px}
[data-route="opiniones"] .id{display:flex;flex-direction:column;gap:6px}
[data-route="opiniones"] .name{font-weight:700;color:#FFFFFF;line-height:1.4;font-size:16px}
[data-route="opiniones"] .meta{font-size:14px;color:#FFFFFF;line-height:1.4;opacity:.85}

/* Chips */
[data-route="opiniones"] .chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
[data-route="opiniones"] .chip{font-size:13px;color:#FFFFFF !important;background:linear-gradient(135deg,#FFD700,#D4AF37);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:8px 12px;font-weight:700;text-shadow:none !important}

/* Estrellas */
[data-route="opiniones"] .stars{display:inline-flex;gap:6px;margin-bottom:16px}
[data-route="opiniones"] .stars svg{width:20px;height:20px;fill:url(#gstar-op)}

/* Texto y leer más */
[data-route="opiniones"] .txt{color:#FFFFFF;line-height:1.8;font-size:16px;margin:0;padding:0;font-weight:400}
[data-route="opiniones"] .more{display:none;color:#FFFFFF}
[data-route="opiniones"] .btn-more{align-self:flex-start;border:1px solid rgba(255,255,255,.25);background:transparent;color:#FFFFFF;border-radius:999px;padding:10px 16px;font-size:14px;margin-top:16px;font-weight:600;transition:all .2s ease}
[data-route="opiniones"] .btn-more:hover{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.1)}

/* Nota: sin filtros, sin barras: solo reseñas. */

/* Asegurar visibilidad máxima del texto */
[data-route="opiniones"]{background:transparent;min-height:100vh}
[data-route="opiniones"] .wrap{background:transparent;position:relative}
[data-route="opiniones"] header{margin-bottom:40px;text-align:center}
[data-route="opiniones"] .card{box-shadow:0 8px 32px rgba(0,0,0,.4);backdrop-filter:blur(4px)}
[data-route="opiniones"] .card *{position:relative;z-index:3}
[data-route="opiniones"] .txt{word-wrap:break-word;overflow-wrap:break-word;text-shadow:0 1px 2px rgba(0,0,0,.3)}

/* Forzar color blanco en todos los botones de opiniones */
[data-route="opiniones"] .btn-more,
[data-route="opiniones"] .btn-more span,
[data-route="opiniones"] .btn-more *{color:#FFFFFF !important}

/* Aplicar color blanco a TODOS los botones dentro de opiniones */
[data-route="opiniones"] button,
[data-route="opiniones"] .btn,
[data-route="opiniones"] .btn-more,
[data-route="opiniones"] [class*="btn"]{color:#FFFFFF !important}

/* Reglas ultra-específicas para el texto de botones */
[data-route="opiniones"] .card .btn-more,
[data-route="opiniones"] article .btn-more,
[data-route="opiniones"] .btn-more.js-more{color:#FFFFFF !important;font-weight:600 !important;text-shadow:none !important}

/* Reglas ultra-específicas para CHIPS - texto BLANCO */
[data-route="opiniones"] .chips .chip,
[data-route="opiniones"] .card .chips .chip,
[data-route="opiniones"] article .chips .chip{color:#FFFFFF !important;font-weight:700 !important;text-shadow:none !important}

/* Mejorar contraste de chips con fondo dorado */
[data-route="opiniones"] .chip{background:linear-gradient(135deg,#D4AF37,#FFD700) !important;border:1px solid rgba(255,255,255,.4) !important}

/* Override extremo para herencia de color */
[data-route="opiniones"] .btn-more{color:#FFFFFF !important;background:transparent !important;border:1px solid rgba(255,255,255,.25) !important}