:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-touch: 48px;--radius-1: 6px;--radius-2: 12px;--radius-round: 999px;--motion-fast: .12s;--motion-base: .2s;--motion-slow: .32s;--motion-theme: .35s}:root,:root[data-theme=light]{color-scheme:light;--color-bg: #F5F1E6;--color-surface: #ECE6D4;--color-text: #232A4D;--color-text-soft: #4D5680;--color-border: #D4C9A8;--color-accent: #7E601C;--color-accent-contrast: #F5F1E6;--color-focus: #7E601C;--color-foco: #7E601C;--color-exito: #1E6E54;--color-graticula: rgba(126, 96, 28, .38);--color-halo: rgba(126, 96, 28, .3);--color-bruma: rgba(142, 151, 196, .4)}:root[data-theme=dark]{color-scheme:dark;--color-bg: #0B1026;--color-surface: #141A36;--color-text: #EEF2FF;--color-text-soft: #A9B2D6;--color-border: #2A3260;--color-accent: #D4A857;--color-accent-contrast: #0B1026;--color-focus: #FFE9B8;--color-foco: #FFE9B8;--color-exito: #7FD1AE;--color-graticula: rgba(212, 168, 87, .32);--color-halo: rgba(255, 233, 184, .55);--color-bruma: rgba(62, 74, 140, .55)}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--color-bg: #0B1026;--color-surface: #141A36;--color-text: #EEF2FF;--color-text-soft: #A9B2D6;--color-border: #2A3260;--color-accent: #D4A857;--color-accent-contrast: #0B1026;--color-focus: #FFE9B8;--color-foco: #FFE9B8;--color-exito: #7FD1AE;--color-graticula: rgba(212, 168, 87, .32);--color-halo: rgba(255, 233, 184, .55);--color-bruma: rgba(62, 74, 140, .55)}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;min-height:100dvh;transition:background var(--motion-base),color var(--motion-base)}#raiz{max-width:40rem;margin:0 auto;padding:var(--space-4)}.encabezado{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.enlace-marca{font-weight:700;font-size:1.1rem}.navegacion{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-left:auto}a.enlace,.enlace-marca,button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--space-touch);min-width:var(--space-touch);padding:var(--space-2) var(--space-3);color:var(--color-accent);text-decoration:none;border-radius:var(--radius-1)}button{font:inherit;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;transition:background var(--motion-fast)}button[disabled]{opacity:.6;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.vista{padding-top:var(--space-4)}.acciones,.acciones-columna{display:flex;gap:var(--space-3);flex-wrap:wrap}.acciones-columna{flex-direction:column;align-items:stretch}.suave{color:var(--color-text-soft)}.resumen-progreso{display:flex;gap:var(--space-5);flex-wrap:wrap;background:var(--color-surface);border-radius:var(--radius-2);padding:var(--space-4);margin:0}.resumen-progreso .dato dt{color:var(--color-text-soft);font-size:.9rem}.resumen-progreso .dato dd{margin:0;font-size:1.5rem;font-weight:700}.lista-habilidades,.lista-misiones,.lista-pasos,.mensajes{padding-left:var(--space-5)}.lista-habilidades li,.lista-misiones li,.lista-pasos li{margin-bottom:var(--space-2);overflow-wrap:anywhere}.chat{margin-top:var(--space-5);border-top:1px solid var(--color-border);padding-top:var(--space-4)}.mensajes{list-style:none;padding-left:0;display:flex;flex-direction:column;gap:var(--space-2)}.mensajes li{background:var(--color-surface);border-radius:var(--radius-2);padding:var(--space-2) var(--space-3);overflow-wrap:anywhere}.mensajes li.mio{background:var(--color-accent);color:var(--color-accent-contrast);align-self:flex-end}.formulario-chat{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.formulario-chat input{flex:1;min-width:0;min-height:var(--space-touch);padding:var(--space-2) var(--space-3);font:inherit;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-1)}.visualmente-oculto{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mira{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--space-touch);padding:var(--space-2) var(--space-4);font:inherit;font-weight:600;color:var(--color-accent-contrast);background:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-2);cursor:pointer;transition:background var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast)}.mira__reticulo{display:inline-flex;color:currentColor;opacity:.85}.mira__texto{line-height:1.2}.mira__insignia{display:inline-flex;align-items:center;margin-left:var(--space-1);padding:2px var(--space-2);font-size:.75rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--color-accent);background:var(--color-accent-contrast);border-radius:var(--radius-round)}.mira:hover{background:var(--color-focus);border-color:var(--color-focus)}.mira:active{transform:translateY(1px)}.mira:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.mira[disabled]{opacity:.55;cursor:not-allowed;transform:none}.mira--siguiente{box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-foco),0 0 12px var(--color-halo)}.mira--siguiente:focus-visible{outline-offset:4px}.mira-media{display:inline-flex;align-items:center;justify-content:center;min-height:var(--space-touch);padding:var(--space-2) var(--space-4);font:inherit;font-weight:600;color:var(--color-text);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-2);cursor:pointer;transition:background var(--motion-fast),border-color var(--motion-fast)}.mira-media:hover{background:var(--color-surface);border-color:var(--color-accent)}.mira-media:active{transform:translateY(1px)}.mira-media:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.mira-media[disabled]{opacity:.55;cursor:not-allowed}.sector{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2);padding:var(--space-4)}.sector__encabezado{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-graticula)}.sector__titulo{margin:0;font-size:1.1rem}.sector__nota{margin:0;font-size:.9rem}.sector__cuerpo>:first-child{margin-top:0}.lamina{position:relative;margin:0;padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2);overflow:hidden}.lamina__esquinas{position:absolute;inset:var(--space-2);color:var(--color-graticula);pointer-events:none}.lamina__esquinas svg{width:100%;height:100%;display:block}.lamina__titulo{margin:0 0 var(--space-3);font-size:1.25rem;font-weight:700}.lamina__cuerpo{position:relative}.lamina__pie{margin:var(--space-4) 0 0;font-size:.85rem}.instrumentos{border-top:1px solid var(--color-border);background:var(--color-surface)}.instrumentos__lista{display:flex;margin:0;padding:0;list-style:none}.instrumentos__item{flex:1;margin:0}.instrumento{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--space-touch);padding:var(--space-2);color:var(--color-text-soft);text-decoration:none;border-bottom:3px solid transparent;transition:color var(--motion-fast)}.instrumento__glifo{display:inline-flex}.instrumento__etiqueta{font-size:.8rem;line-height:1.1}.instrumento:hover{color:var(--color-text)}.instrumento:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.instrumento--activo{color:var(--color-text);font-weight:700;border-bottom-color:var(--color-accent)}.mensaje{display:flex;flex-direction:column;gap:2px;max-width:85%;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2);overflow-wrap:anywhere}.mensaje__remitente{font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-soft)}.mensaje--mio{align-self:flex-end;background:var(--color-accent);color:var(--color-accent-contrast);border-color:var(--color-accent);border-bottom-right-radius:var(--radius-1)}.mensaje--mio .mensaje__remitente{color:var(--color-accent-contrast);opacity:.85;text-align:right}.mensaje--agente{align-self:flex-start;border-bottom-left-radius:var(--radius-1)}.filtro{display:inline-flex;align-items:center;gap:var(--space-2)}.filtro__glifo{display:inline-flex;color:var(--color-foco)}.filtro__texto{line-height:1.2}.traza__eje{color:var(--color-graticula)}.traza__linea{color:var(--color-accent)}.traza__marcador{color:var(--color-foco)}.cielo{display:flex;flex-direction:column;gap:var(--space-5)}.cielo__cabecera h1{margin:0 0 var(--space-1)}.cielo__saludo{margin:0 0 var(--space-1);font-size:1.05rem;font-weight:600;color:var(--color-foco)}.cielo__cabecera p:last-child{margin:0}.siguiente-objeto{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.siguiente-objeto__titulo{margin:0;font-size:1.15rem;font-weight:700}.siguiente-objeto__meta{margin:0;font-size:.9rem}.siguiente-objeto--vacio{gap:var(--space-3)}.siguiente-objeto--vacio p{margin:0}.dato__sufijo{font-size:.8rem;font-weight:400}.lista-habilidades .habilidad{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2)}.habilidad__nombre{font-weight:600}.habilidad__area{font-size:.9rem}.habilidad__estado{margin-left:auto;padding:2px var(--space-2);font-size:.72rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;border:1px solid var(--color-border);border-radius:var(--radius-round);white-space:nowrap}.habilidad__estado--ganada{color:var(--color-exito);border-color:var(--color-exito)}.habilidad__estado--visible{color:var(--color-text-soft);border-style:dashed;border-color:var(--color-graticula)}.grafico-estadisticas{margin:0}.grafico-estadisticas__svg{display:block;width:100%;height:auto}.mision{display:flex;flex-direction:column;gap:var(--space-5)}.mision__cabecera h1{margin:0 0 var(--space-1)}.mision__intro{margin:0}.mision__meta{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-5);margin:0}.mision__meta .dato dt{color:var(--color-text-soft);font-size:.9rem}.mision__meta .dato dd{margin:0;font-weight:600}.mision__objetivo{margin:0;padding:var(--space-3) var(--space-4);background:var(--color-surface);border-left:3px solid var(--color-accent);border-radius:var(--radius-1)}.mision__artefacto{display:flex;flex-direction:column;gap:var(--space-1)}.mision__artefacto-titulo{font-size:.9rem;color:var(--color-text-soft)}.mision__avance{display:flex;flex-direction:column;gap:var(--space-2)}.mision__avance-carril{position:relative;height:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-round);overflow:hidden}.mision__avance-relleno{position:absolute;inset:0 auto 0 0;background:var(--color-accent);border-radius:var(--radius-round)}.mision__avance-texto{font-size:.85rem;color:var(--color-text-soft)}.lista-pasos{list-style:none;padding-left:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.paso{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2)}.paso__nombre{flex:1;min-width:0;overflow-wrap:anywhere}.paso__estado{margin-left:auto;padding:2px var(--space-2);font-size:.72rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;border:1px solid var(--color-border);border-radius:var(--radius-round);white-space:nowrap}.paso__estado--hecho{color:var(--color-exito);border-color:var(--color-exito)}.paso__estado--actual{color:var(--color-accent);border-color:var(--color-accent)}.paso__estado--pendiente{color:var(--color-text-soft);border-style:dashed;border-color:var(--color-graticula)}.progreso{display:flex;flex-direction:column;gap:var(--space-5)}.progreso__cabecera h1{margin:0 0 var(--space-1)}.progreso__intro,.serie-grafico{margin:0}.serie-grafico__svg{display:block;width:100%;height:auto}.tira-racha{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.tira-racha__dia{display:inline-flex;align-items:center;justify-content:center;width:var(--space-touch);height:var(--space-touch);border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface);color:var(--color-text-soft)}.tira-racha__dia--observada{color:var(--color-foco);border-color:var(--color-accent)}.tira-racha__dia--descanso{border-style:dashed;border-color:var(--color-graticula)}.tira-racha__dia--farol{color:var(--color-exito);border-color:var(--color-exito)}.tira-racha__dia--apagada{background:var(--color-bg);border-style:dotted}.tira-racha__glifo{display:inline-flex}.lista-areas{list-style:none;padding-left:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.area-fila{display:flex;flex-direction:column;gap:var(--space-1)}.area-fila__encabezado{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2)}.area-fila__nombre{font-weight:600}.area-fila__conteo{margin-left:auto;font-size:.85rem;color:var(--color-text-soft);white-space:nowrap}.area-fila__carril{position:relative;height:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-round);overflow:hidden}.area-fila__relleno{position:absolute;inset:0 auto 0 0;background:var(--color-accent);border-radius:var(--radius-round)}.temas{display:flex;flex-direction:column;gap:var(--space-5)}.temas__cabecera h1{margin:0 0 var(--space-1)}.temas__intro{margin:0}.temas__rejilla{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:32rem){.temas__rejilla{grid-template-columns:repeat(2,1fr)}}.tema{display:flex;flex-direction:column;gap:var(--space-3)}.tema__cabecera{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2)}.tema__nombre{margin:0;font-size:1.05rem;font-weight:700}.tema__conteo{margin-left:auto;font-size:.85rem;color:var(--color-text-soft);white-space:nowrap}.tema__carril{position:relative;height:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-round);overflow:hidden}.tema__relleno{position:absolute;inset:0 auto 0 0;background:var(--color-accent);border-radius:var(--radius-round)}.tema__habilidades{list-style:none;padding-left:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.tema-habilidad{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2)}.tema-habilidad__nombre{flex:1;min-width:0;overflow-wrap:anywhere}.tema-habilidad__estado{margin-left:auto;padding:2px var(--space-2);font-size:.72rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;border:1px solid var(--color-border);border-radius:var(--radius-round);white-space:nowrap}.tema-habilidad__estado--ganada{color:var(--color-exito);border-color:var(--color-exito)}.tema-habilidad__estado--visible{color:var(--color-text-soft);border-style:dashed;border-color:var(--color-graticula)}.tema__vacio{margin:0;color:var(--color-text-soft)}.logros{display:flex;flex-direction:column;gap:var(--space-5)}.logros__cabecera h1{margin:0 0 var(--space-1)}.logros__intro{margin:0}.logros__resumen{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2)}.logros__resumen-conteo{font-weight:700}.logros__rejilla{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media(min-width:32rem){.logros__rejilla{grid-template-columns:repeat(2,1fr)}}.logro{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2)}.logro__cabecera{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2)}.logro__titulo{margin:0;flex:1;min-width:0;overflow-wrap:anywhere;font-size:1rem;font-weight:700}.logro__descripcion{margin:0;color:var(--color-text-soft)}.logro__fecha{font-size:.85rem;color:var(--color-text-soft)}.logro__estado{margin-left:auto;padding:2px var(--space-2);font-size:.72rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;border:1px solid var(--color-border);border-radius:var(--radius-round);white-space:nowrap}.logro__estado--conseguido{color:var(--color-exito);border-color:var(--color-exito)}.logro__estado--pendiente{color:var(--color-text-soft);border-style:dashed;border-color:var(--color-graticula)}.logro--pendiente{background:var(--color-bg);border-style:dashed}.logros__vacio{margin:0;color:var(--color-text-soft)}.certificado{display:flex;flex-direction:column;gap:var(--space-5)}.certificado__cabecera h1{margin:0 0 var(--space-1)}.certificado__intro{margin:0}.certificado__lamina{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2);box-shadow:inset 0 0 0 1px var(--color-graticula)}.certificado__unidad{margin:0;font-size:1.15rem;font-weight:700;overflow-wrap:anywhere}.certificado__datos{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-5);margin:0}.certificado__datos .dato dt{color:var(--color-text-soft);font-size:.9rem}.certificado__datos .dato dd{margin:0;font-weight:600}.certificado__leyenda{margin:0;font-size:.85rem;color:var(--color-text-soft);border-top:1px solid var(--color-graticula);padding-top:var(--space-2)}.certificado__acciones{display:flex;flex-wrap:wrap;gap:var(--space-2)}.certificado__pendiente{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);background:var(--color-bg);border:1px dashed var(--color-graticula);border-radius:var(--radius-2);color:var(--color-text-soft)}.certificado__vacio{margin:0;color:var(--color-text-soft)}.cuenta{display:flex;flex-direction:column;gap:var(--space-5)}.cuenta__cabecera h1{margin:0 0 var(--space-1)}.cuenta__intro{margin:0}.cuenta__placeholder{margin:0;color:var(--color-text-soft)}.cuenta__seccion{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2)}.cuenta__estado{align-self:flex-start;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-1);font-size:.85rem;font-weight:600}.cuenta__estado--prueba{border-style:dashed}.cuenta__accion-sensible{background:var(--color-bg);border:1px dashed var(--color-graticula)}.cuenta__vacio{margin:0;color:var(--color-text-soft)}.transmision{display:flex;flex-direction:column;gap:var(--space-5)}.transmision__cabecera h1{margin:0 0 var(--space-1)}.transmision__intro{margin:0}.transmision__placeholder{margin:0;color:var(--color-text-soft)}.transmision__cuerpo{display:flex;flex-direction:column;gap:var(--space-4)}.transmision__chat{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2)}.transmision__turno{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-2);max-width:85%}.transmision__turno--persona{align-self:flex-end;border-style:solid}.transmision__turno--agente{align-self:flex-start;border-style:dashed}.transmision__vacio{margin:0;color:var(--color-text-soft)}.lamina{display:flex;flex-direction:column;gap:var(--space-5)}.lamina__cabecera h1{margin:0 0 var(--space-1)}.lamina__intro{margin:0}.lamina__placeholder{margin:0;color:var(--color-text-soft)}.lamina__placa{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2)}.lamina__vacio{margin:0;color:var(--color-text-soft)}.retos{display:flex;flex-direction:column;gap:var(--space-5)}.retos__cabecera h1{margin:0 0 var(--space-1)}.retos__intro{margin:0}.retos__placeholder{margin:0;color:var(--color-text-soft)}.retos__tarjeta{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2)}.retos__estado{align-self:flex-start;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-1);font-size:.85rem;font-weight:600}.retos__estado--proximo{border-style:dashed}.retos__estado--cerrado{border-style:dotted}.retos__vacio{margin:0;color:var(--color-text-soft)}@media(prefers-reduced-motion:reduce){.mira,.mira-media,.mira:active,.mira-media:active,.instrumento,.filtro{transition:none}.mira:active,.mira-media:active{transform:none}}