/* KUAA · Paso 1 · Componentes reutilizables conectados a NALVI DS 1.0 */
.kuaa-activity{--kuaa-accent:var(--nalvi-primary-700,var(--green,#7757d9))}
.kuaa-activity[data-activity-type="listening"]{--kuaa-accent:var(--nalvi-secondary-700,var(--blue,#5b8def))}
.kuaa-activity-kicker{display:flex;align-items:center;gap:var(--nalvi-space-2,8px);margin-bottom:var(--nalvi-space-3,12px);color:var(--kuaa-accent);font-size:var(--nalvi-text-xs,12px);font-weight:var(--nalvi-weight-black,900);letter-spacing:.07em;text-transform:uppercase}
.kuaa-activity-mark{display:inline-block;width:8px;height:8px;border-radius:3px 3px 3px 1px;background:currentColor;box-shadow:8px 0 0 color-mix(in srgb,currentColor 28%,transparent)}
.kuaa-activity-instruction{margin:-4px 0 var(--nalvi-space-5,20px);color:var(--nalvi-text-secondary,var(--muted,#726d83));font-size:var(--nalvi-text-sm,15px);line-height:1.55}
.kuaa-learning-support{margin:0 0 var(--nalvi-space-5,20px);padding:14px 16px;border:1px solid color-mix(in srgb,var(--kuaa-accent) 22%,var(--nalvi-border,#e4deee));border-radius:var(--nalvi-radius-md,14px);background:color-mix(in srgb,var(--kuaa-accent) 7%,var(--nalvi-surface,#fff));color:var(--nalvi-text,var(--ink,#302b4f))}
.kuaa-learning-support>span{display:block;margin-bottom:5px;color:var(--kuaa-accent);font-size:var(--nalvi-text-xs,12px);font-weight:var(--nalvi-weight-black,900);letter-spacing:.055em;text-transform:uppercase}
.kuaa-learning-support p{margin:0;font-size:1rem;line-height:1.5}.kuaa-learning-support__explanation+.kuaa-learning-support__hint,.kuaa-learning-support>p+.kuaa-learning-support__hint{margin-top:8px}
.kuaa-learning-support__hint{color:var(--nalvi-text-secondary,var(--muted,#726d83))}
.nalvi-progressive-disclosure{margin-top:8px;border-top:1px solid color-mix(in srgb,var(--kuaa-accent) 15%,transparent);padding-top:8px}
.nalvi-progressive-disclosure summary{min-height:44px;display:flex;align-items:center;gap:8px;color:var(--kuaa-accent);font-size:var(--nalvi-text-sm,15px);font-weight:800;cursor:pointer;list-style:none}
.nalvi-progressive-disclosure summary::-webkit-details-marker{display:none}
.nalvi-progressive-disclosure summary::before{content:"+";display:grid;place-items:center;width:24px;height:24px;border:1px solid currentColor;border-radius:999px;font-size:17px;line-height:1}
.nalvi-progressive-disclosure[open] summary::before{content:"−"}
.nalvi-progressive-disclosure p{margin:6px 0 2px;padding-left:32px;color:var(--nalvi-text-secondary,var(--muted,#726d83));font-size:var(--nalvi-text-sm,15px);line-height:1.5}
.kuaa-listen{display:flex;align-items:center;gap:var(--nalvi-space-3,12px);margin:var(--nalvi-space-4,16px) 0 var(--nalvi-space-5,20px);padding:var(--nalvi-space-4,16px);border:1px solid var(--nalvi-border,var(--line,#e4deee));border-radius:var(--nalvi-radius-lg,18px);background:var(--nalvi-surface-subtle,#f8f6ff)}
.kuaa-listen button{flex:0 0 54px;width:54px;height:54px;border:0;border-radius:50%;background:var(--kuaa-accent);color:var(--nalvi-text-inverse,#fff);font-size:24px;cursor:pointer;box-shadow:var(--nalvi-shadow-sm,0 4px 12px rgba(41,35,75,.16))}
.kuaa-listen span{color:var(--nalvi-text-secondary,var(--muted,#726d83));font-weight:var(--nalvi-weight-bold,800)}
.kuaa-order-bank,.kuaa-order-result{display:flex;flex-wrap:wrap;gap:var(--nalvi-space-2,8px);min-height:56px;padding:var(--nalvi-space-3,12px);border-radius:var(--nalvi-radius-md,14px)}
.kuaa-order-bank{margin:var(--nalvi-space-4,16px) 0;background:var(--nalvi-surface-subtle,#f6f3fb)}
.kuaa-order-result{margin:0 0 var(--nalvi-space-4,16px);border:1px dashed var(--nalvi-border-strong,#cfc5e5);background:var(--nalvi-surface,#fff)}
.kuaa-order-chip{border:1px solid var(--nalvi-border,var(--line,#e4deee));border-radius:var(--nalvi-radius-md,12px);padding:9px 12px;background:var(--nalvi-surface,#fff);color:var(--nalvi-text,var(--ink,#302b4f));font-weight:var(--nalvi-weight-bold,800);cursor:pointer}
.kuaa-order-chip[disabled]{opacity:.42;cursor:default}
.kuaa-order-result .kuaa-order-chip{border-color:transparent;background:var(--nalvi-primary-700,var(--green,#7757d9));color:var(--nalvi-text-inverse,#fff)}
.kuaa-text-answer,.kuaa-fill-answer{width:100%;min-height:52px;padding:14px 15px;border:1px solid var(--nalvi-border-strong,var(--line,#e4deee));border-radius:var(--nalvi-radius-md,14px);background:var(--nalvi-surface,#fff);color:var(--nalvi-text,var(--ink,#302b4f));font:inherit;font-size:17px}
.kuaa-fill-line{margin:var(--nalvi-space-4,16px) 0;padding:var(--nalvi-space-4,16px);border-radius:var(--nalvi-radius-md,14px);background:var(--nalvi-surface-subtle,#f7f4ff);font-size:19px;font-weight:var(--nalvi-weight-bold,800);line-height:1.55}
.kuaa-match-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--nalvi-space-4,16px);margin:var(--nalvi-space-5,20px) 0}
.kuaa-match-column{display:grid;gap:var(--nalvi-space-2,8px);align-content:start}
.kuaa-match-option{min-height:48px;border:1px solid var(--nalvi-border,var(--line,#e4deee));border-radius:var(--nalvi-radius-md,13px);padding:10px;background:var(--nalvi-surface,#fff);color:var(--nalvi-text,var(--ink,#302b4f));font-weight:var(--nalvi-weight-bold,800);cursor:pointer}
.kuaa-match-option.selected{border-color:var(--nalvi-primary-700,var(--green,#7757d9));background:var(--nalvi-primary-50,#f1edff)}
.kuaa-match-option.matched{border-color:var(--nalvi-success,#35ae78);background:var(--nalvi-success-bg,#e8fff5);color:var(--nalvi-success,#176b49);cursor:default}
.kuaa-placeholder{display:grid;place-items:center;min-height:190px;margin:var(--nalvi-space-5,20px) 0;padding:var(--nalvi-space-8,32px);border:1px dashed var(--nalvi-border-strong,#d7cdec);border-radius:var(--nalvi-radius-lg,20px);background:var(--nalvi-surface-subtle,#faf8ff);text-align:center}
.kuaa-placeholder span{display:block;margin-bottom:var(--nalvi-space-2,8px);font-size:38px}
.kuaa-placeholder p{max-width:540px;margin:6px auto;color:var(--nalvi-text-secondary,var(--muted,#726d83));line-height:1.55}
.kuaa-activity-error{padding:var(--nalvi-space-5,20px);border:1px solid var(--nalvi-error,#e9b0b0);border-radius:var(--nalvi-radius-md,16px);background:var(--nalvi-error-bg,#fff2f2);color:var(--nalvi-error,#8e3333)}
@media(max-width:760px){
  .kuaa-activity{padding:23px}
  .kuaa-match-grid{grid-template-columns:1fr}
  .kuaa-listen{align-items:flex-start}
  .kuaa-order-chip{min-height:44px}
}

.nalvi-tutor-feedback{margin-top:14px;padding:14px 16px;border-radius:var(--nalvi-radius-md,14px);font-weight:800}
.nalvi-tutor-loading{display:grid;place-items:center;min-height:220px;padding:28px;border:1px solid var(--nalvi-border,#e4deee);border-radius:var(--nalvi-radius-lg,18px);background:var(--nalvi-surface,#fff);color:var(--nalvi-text-secondary,#5e6680);text-align:center}
.nalvi-tutor-loading__mark{width:34px;height:34px;border:3px solid color-mix(in srgb,var(--nalvi-primary,#3459b8) 18%,#fff);border-top-color:var(--nalvi-primary,#3459b8);border-radius:50%;animation:nalvi-tutor-spin .8s linear infinite}
.nalvi-tutor-loading p{margin:14px 0 0;font-weight:800}.nalvi-tutor-loading i{display:block;width:min(260px,72%);height:7px;margin-top:14px;border-radius:999px;background:linear-gradient(90deg,rgba(52,89,184,.08),rgba(52,89,184,.2),rgba(52,89,184,.08));background-size:220% 100%;animation:nalvi-adaptive-loading 1.25s ease-in-out infinite}
.nalvi-tutor-example{min-height:190px}.nalvi-tutor-example p{margin:14px 0 0;color:var(--nalvi-text-secondary,#5e6680);font-size:1.05rem;line-height:1.6}
@keyframes nalvi-adaptive-loading{0%{background-position:100% 0}100%{background-position:-100% 0}}
@keyframes nalvi-tutor-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.nalvi-tutor-loading__mark,.nalvi-tutor-loading i{animation:none}}
@media(max-width:620px){.nalvi-tutor-loading{min-height:180px;padding:22px 16px}.nalvi-tutor-feedback{padding:12px 14px}.kuaa-learning-support{padding:12px 14px}}

.nalvi-study-details{margin:14px 0;border:1px solid var(--nalvi-border,#e4deee);border-radius:var(--nalvi-radius-md,14px);background:var(--nalvi-surface-subtle,#f8f9fc);overflow:hidden}
.nalvi-study-details>summary{display:flex;align-items:center;min-height:48px;padding:10px 14px;color:var(--nalvi-primary-700,#3459b8);font-weight:850;cursor:pointer;list-style:none}
.nalvi-study-details>summary::-webkit-details-marker{display:none}
.nalvi-study-details>summary::after{content:"+";display:grid;place-items:center;width:26px;height:26px;margin-left:auto;border:1px solid currentColor;border-radius:999px;font-size:18px;line-height:1}
.nalvi-study-details[open]>summary::after{content:"−"}
.nalvi-study-details__body,.nalvi-study-details>.dialogue{padding:0 14px 14px}
.nalvi-study-details__body>.explain{margin-top:4px}
.nalvi-study-details__body>.callout{margin-bottom:0}
@media(max-width:620px){.nalvi-study-details{margin:10px 0}.nalvi-study-details>summary{min-height:44px;padding:8px 12px}.nalvi-study-details__body,.nalvi-study-details>.dialogue{padding:0 12px 12px}}