/* ════════════════════════════════════════════════════════
   ISFIS PIENSA RÁPIDO — [isfis_piensa_rapido]
   Juego de gamificación comercial: beneficios sin repetir
   ════════════════════════════════════════════════════════ */

.lms-pr-wrap {
    max-width: 640px; margin: 0 auto;
    background: var(--p-navy, #0B1628);
    border: 1px solid var(--p-border, rgba(201,168,76,.14));
    border-radius: var(--p-radius-lg, 16px);
    padding: 22px 24px;
    font-family: var(--p-font, 'DM Sans', -apple-system, sans-serif);
    box-sizing: border-box;
}
.lms-pr-wrap * { box-sizing: border-box; }

.lms-pr-header { margin-bottom: 16px; }
.lms-pr-titulo {
    font-family: var(--p-serif, 'DM Serif Display', Georgia, serif);
    font-size: 1.5rem; color: var(--p-white, #F0F4FF); margin: 0 0 4px; font-weight: 400;
}
.lms-pr-subtitulo { font-size: .85rem; color: var(--p-silver, #94A3B8); margin: 0; line-height: 1.5; }

.lms-pr-hint { font-size: .78rem; color: var(--p-silver, #94A3B8); margin: 6px 0 0; }

/* ── Botones: texto siempre blanco, con fallback si las variables del tema no resuelven ── */
.lms-pr-wrap .isfis-panel__btn {
    background: var(--p-glass2, rgba(255,255,255,.06)) !important;
    border: 1px solid var(--p-border2, rgba(148,163,184,.25)) !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-weight: 500 !important;
}
.lms-pr-wrap .isfis-panel__btn--primary {
    background: var(--p-gold, #C9A84C) !important;
    border-color: var(--p-gold, #C9A84C) !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.45);
}
.lms-pr-wrap .isfis-panel__btn--danger {
    background: rgba(224,82,82,.18) !important;
    border-color: var(--p-red, #E05252) !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-weight: 600 !important;
}
.lms-pr-wrap .isfis-panel__btn:disabled { opacity: .45; cursor: not-allowed; }
.lms-pr-wrap .isfis-panel__btn:not(:disabled):hover { filter: brightness(1.12); }

/* ── Formulario ── */
.lms-pr-form { display: flex; gap: 8px; flex-wrap: wrap; }
.lms-pr-form .isfis-qdet-input { flex: 1 1 220px; min-width: 0; }
.lms-pr-form .isfis-panel__btn { flex-shrink: 0; }

/* ── Pills (jugadores) ── */
.lms-pr-pills { display: flex; flex-wrap: wrap; gap: 6px; }
.lms-pr-pill {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 5px 12px; border-radius: 999px; font-size: .82rem;
    border: 1px solid var(--p-border2, rgba(148,163,184,.12));
    background: var(--p-glass, rgba(255,255,255,.03));
    color: var(--p-white2, #E2E8F0);
}
.lms-pr-pill--current {
    border-color: rgba(201,168,76,.5);
    background: rgba(201,168,76,.12);
    color: var(--p-gold2, #E8C96A);
    font-weight: 600;
}
.lms-pr-pill--out { color: var(--p-silver, #94A3B8); text-decoration: line-through; opacity: .6; }
.lms-pr-avatar {
    width: 20px; height: 20px; border-radius: 50%;
    background: var(--p-navy3, #172444);
    display: inline-flex; align-items: center; justify-content: center;
    font-size: .68rem; font-weight: 700; color: var(--p-white2, #E2E8F0);
}
.lms-pr-pill-remove { cursor: pointer; color: var(--p-silver, #94A3B8); margin-left: 2px; }
.lms-pr-pill-remove:hover { color: var(--p-red, #E05252); }

/* ── Producto en juego ── */
.lms-pr-product {
    display: flex; align-items: center; gap: 14px;
    background: linear-gradient(135deg, var(--p-navy2, #111F38) 0%, var(--p-navy3, #172444) 100%);
    border: 1px solid var(--p-border, rgba(201,168,76,.14));
    border-radius: var(--p-radius, 12px);
    padding: 14px 16px;
    margin: 12px 0 16px;
}
.lms-pr-product-icon { font-size: 1.8rem; line-height: 1; flex-shrink: 0; }
.lms-pr-product-label { font-size: .72rem; color: var(--p-silver, #94A3B8); text-transform: uppercase; letter-spacing: .06em; margin: 0 0 2px; }
.lms-pr-product-name { font-size: 1.1rem; font-weight: 600; color: var(--p-white, #F0F4FF); margin: 0; }
.lms-pr-product-cat { font-size: .8rem; color: var(--p-silver, #94A3B8); margin: 2px 0 0; }

/* ── Meta (ronda / jugadores en pie) ── */
.lms-pr-meta {
    display: flex; justify-content: space-between;
    font-size: .8rem; color: var(--p-silver, #94A3B8); margin-bottom: 10px;
}
.lms-pr-meta strong { color: var(--p-white2, #E2E8F0); }

.lms-pr-section-title { font-size: .8rem; color: var(--p-silver, #94A3B8); margin: 0 0 8px; }

/* ── Chips (beneficios) ── */
.lms-pr-chips { display: flex; flex-wrap: wrap; gap: 6px; min-height: 28px; }
.lms-pr-chip {
    display: inline-flex; align-items: center;
    padding: 4px 10px; border-radius: 8px; font-size: .8rem;
    border: 1px solid var(--p-border2, rgba(148,163,184,.12));
    background: var(--p-glass, rgba(255,255,255,.03));
    color: var(--p-white2, #E2E8F0);
}
.lms-pr-empty { font-size: .8rem; color: var(--p-silver, #94A3B8); font-style: italic; }

.lms-pr-dup { font-size: .8rem; color: #FCA5A5; margin: 8px 0 0; }

/* ── Historial ── */
.lms-pr-history { font-size: .82rem; color: var(--p-silver, #94A3B8); }
.lms-pr-history p { margin: 0 0 4px; }
.lms-pr-history strong { color: var(--p-white2, #E2E8F0); font-weight: 600; }

/* ── Ganador ── */
.lms-pr-winner-name { font-size: 1.3rem; font-weight: 700; color: var(--p-gold, #C9A84C); margin: 10px 0 2px; font-family: var(--p-serif, 'DM Serif Display', Georgia, serif); }

@media (max-width: 520px) {
    .lms-pr-form .isfis-qdet-input,
    .lms-pr-form .isfis-panel__btn { flex-basis: 100%; }
}