:root{--papel:oklch(98.2% .008 85);--panel:oklch(99.5% .004 85);--papel-hondo:oklch(95.5% .01 82);--tinta:oklch(26% .014 58);--tinta-media:oklch(38% .015 65);--tinta-suave:oklch(50% .015 70);--tinta-tenue:oklch(60% .015 70);--linea:oklch(90% .012 80);--linea-suave:oklch(92% .01 80);--sombra:oklch(30% .02 60/.06);--sombra-honda:oklch(30% .02 60/.1);--azul:oklch(45% .055 250);--azul-claro:oklch(58% .045 250);--azul-papel:oklch(98% .006 250);--verde:oklch(45% .05 145);--verde-claro:oklch(62% .05 145);--verde-papel:oklch(95.5% .022 138);--rosa:oklch(46% .07 348);--rosa-papel:oklch(95.8% .02 348);--ambar:oklch(46% .06 74);--ambar-papel:oklch(95.5% .03 80);--percibir:var(--azul);--interpretar:oklch(45% .06 300);--actuar:var(--ambar);--aprender:var(--verde);--fuera:var(--rosa);--serif:"Newsreader", Georgia, "Times New Roman", serif;--sans:"Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--papel-hondo);color:var(--tinta);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:15px;line-height:1.5}.marco{background:var(--papel);flex-direction:column;max-width:390px;min-height:100dvh;margin:0 auto;display:flex;position:relative}@media (width>=430px){.marco{min-height:calc(100dvh - 24px);box-shadow:0 2px 30px var(--sombra-honda);border-radius:28px;margin-top:12px;margin-bottom:12px;overflow:hidden}}.rotulo{font-family:var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--tinta-tenue);margin:0;font-size:8.5px;font-weight:500}.rotulo[data-etapa=percibir]{color:var(--percibir)}.rotulo[data-etapa=interpretar]{color:var(--interpretar)}.rotulo[data-etapa=actuar]{color:var(--actuar)}.rotulo[data-etapa=aprender]{color:var(--aprender)}.rotulo[data-etapa=fuera]{color:var(--fuera)}.prosa{font-family:var(--serif);color:var(--tinta);font-size:17px;line-height:1.45}.prosa[data-sugiere=si]{color:var(--tinta-suave);font-size:14px;font-style:italic}.cabecera{background:var(--papel);z-index:5;align-items:center;gap:10px;padding:16px 22px 10px;display:flex;position:sticky;top:0}.cabecera h1{font-family:var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--tinta-tenue);margin:0;font-size:8.5px;font-weight:500}.cabecera .ciclo{font-family:var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--tinta-tenue);margin-left:auto;font-size:8.5px}.cabecera .punto{background:var(--verde-claro);border-radius:50%;flex:none;width:7px;height:7px}.cuerpo{scrollbar-width:none;flex:1;padding-bottom:8px;overflow-y:auto}.cuerpo::-webkit-scrollbar{display:none}.pestanas{padding:10px 20px calc(16px + env(safe-area-inset-bottom,0px));background:var(--papel);gap:6px;display:flex;position:sticky;bottom:0}.pestanas button{border:1px solid var(--linea);background:var(--panel);font-family:var(--sans);color:var(--tinta-suave);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:12px}.pestanas button[data-activa=si]{background:var(--tinta);color:var(--panel);border-color:var(--tinta)}.hilo{flex-direction:column;gap:18px;padding:8px 22px 16px;display:flex}.turno{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.turno[data-de=tu]{align-items:flex-end}.dicho{background:var(--azul);color:oklch(99% .005 85);max-width:86%;font-family:var(--serif);border-radius:999px;padding:8px 14px;font-size:15px}.sugeridas{flex-wrap:wrap;gap:6px;display:flex}.sugeridas button{border:1px solid var(--linea);background:var(--panel);font-family:var(--sans);color:var(--tinta-media);cursor:pointer;border-radius:999px;padding:6px 13px;font-size:12.5px}.riel{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.riel .grupo{align-items:center;gap:3px;display:flex}.riel .grupo+.grupo{border-left:1px solid var(--linea);margin-left:5px;padding-left:5px}.luz{border:1px solid var(--linea);cursor:pointer;background:0 0;border-radius:50%;width:7px;height:7px;padding:0}.luz[data-luz=escucha]{border-style:dotted}.luz[data-luz=consulta]{background:var(--linea);border-color:#0000}.luz[data-luz=tocaria]{border-color:var(--actuar);border-width:1.5px}.luz[data-luz=cambio]{background:var(--actuar);border-color:var(--actuar);box-shadow:0 0 0 2px color-mix(in srgb, var(--actuar) 25%, transparent)}.luz[data-luz=consulta][data-etapa=percibir]{background:var(--percibir)}.luz[data-luz=consulta][data-etapa=interpretar]{background:var(--interpretar)}.luz[data-luz=consulta][data-etapa=actuar]{background:var(--actuar)}.luz[data-luz=consulta][data-etapa=aprender]{background:var(--aprender)}.riel .quien{font-family:var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--tinta-tenue);margin-left:4px;font-size:8.5px}.compositor{background:var(--papel);align-items:center;gap:8px;padding:8px 20px 10px;display:flex}.compositor .caja{border:1px solid var(--linea);background:var(--panel);border-radius:999px;flex:1;align-items:center;gap:9px;padding:9px 15px;display:flex}.compositor .late{background:var(--azul-claro);border-radius:50%;flex:none;width:8px;height:8px;animation:2.6s infinite beat}@keyframes beat{0%,22%{transform:scale(1)}9%{transform:scale(1.35)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){*{animation:none!important}}.compositor textarea{font-family:var(--serif);color:var(--tinta);resize:none;background:0 0;border:0;flex:1;max-height:88px;padding:0;font-size:15px;line-height:1.4}.compositor textarea::placeholder{color:var(--tinta-tenue);font-style:italic}.compositor textarea:focus{outline:none}.compositor>button{background:var(--tinta);color:var(--panel);font-family:var(--sans);cursor:pointer;border:0;border-radius:999px;padding:9px 16px;font-size:12.5px}.compositor>button:disabled{background:var(--linea);color:var(--tinta-tenue)}.tarjeta{border:1px solid var(--linea);background:var(--panel);border-radius:14px;flex-direction:column;gap:11px;width:100%;padding:14px 16px;display:flex}.tarjeta ol{flex-direction:column;gap:11px;margin:0;padding-left:0;list-style:none;display:flex}.tarjeta li{font-family:var(--serif);font-size:15px;line-height:1.35}.tarjeta .efecto{font-family:var(--sans);color:var(--tinta-suave);margin-top:3px;font-size:11.5px;line-height:1.4;display:block}.tarjeta .botones{flex-wrap:wrap;gap:8px;display:flex}.tarjeta .botones button{border:1px solid var(--linea);background:var(--panel);min-width:108px;color:var(--tinta);font-family:var(--sans);cursor:pointer;border-radius:10px;flex:1;padding:10px 14px;font-size:13px}.tarjeta .botones button[data-principal=si]{background:var(--azul);color:oklch(99% .005 85);border-color:var(--azul);flex-basis:100%}.tarjeta .botones button:disabled{opacity:.45;cursor:default}.tarjeta .noPuede{font-family:var(--serif);color:var(--rosa);font-size:14px}.tira{background:var(--ambar-papel);font-family:var(--sans);color:var(--tinta-media);border-radius:9px;align-items:flex-start;gap:8px;padding:9px 11px;font-size:12px;line-height:1.35;display:flex}.tira:before{content:"";background:var(--ambar);border-radius:50%;flex:none;width:5px;height:5px;margin-top:5px}.definicion{align-items:baseline;gap:12px;display:flex}.definicion .rotulo{flex:none;width:92px;padding-top:3px}.definicion .valor{font-family:var(--serif);font-size:14px;line-height:1.35}.mapa{padding:0 0 12px}.fila{border-bottom:1px solid var(--linea-suave);cursor:pointer;text-align:left;width:100%;color:var(--tinta);background:0 0;border-top:0;border-left:0;border-right:0;align-items:center;gap:12px;padding:13px 22px;display:flex}.fila .nombre{font-family:var(--serif);font-size:16px;line-height:1.2}.fila .nivel{font-family:var(--sans);color:var(--tinta-tenue);font-size:11px}.fila .derecha{align-items:center;gap:6px;margin-left:auto;display:flex}.fila[data-hondo="1"]{padding-left:36px}.fila[data-hondo="2"]{padding-left:50px}.anillo{margin:4px auto 0;display:block}.heroe{font-family:var(--serif);letter-spacing:-.01em;color:var(--tinta);font-size:42px;font-weight:300;line-height:1}.heroe .unidad{color:var(--tinta-suave);margin-left:4px;font-size:15px}.ficha{padding:4px 22px 24px}.ficha h2{font-family:var(--serif);margin:10px 0 3px;font-size:26px;font-weight:400;line-height:1.15}.ficha .proposito{font-family:var(--serif);color:var(--tinta-suave);margin:0 0 16px;font-size:14px;font-style:italic}.medida{border-bottom:1px solid var(--linea-suave);padding:14px 0}.medida .arriba{align-items:baseline;gap:8px;display:flex}.medida .nombre{font-family:var(--serif);font-size:16px}.medida .zona{font-family:var(--sans);color:var(--tinta-suave);margin-left:auto;font-size:11.5px}.medida[data-fuera=si] .zona{color:var(--fuera)}.medida .pie{flex-wrap:wrap;align-items:center;gap:5px;margin-top:8px;display:flex}.barra{background:var(--papel-hondo);border-radius:3px;height:6px;margin-top:10px;position:relative}.barra .zonaBuena{background:var(--verde-papel);border-radius:3px;position:absolute;top:0;bottom:0}.barra .punto{background:var(--tinta);border-radius:50%;width:12px;height:12px;position:absolute;top:-3px;transform:translate(-50%)}.barra .meta{background:var(--panel);border:1.5px solid var(--tinta-tenue);border-radius:50%;width:12px;height:12px;position:absolute;top:-3px;transform:translate(-50%)}.barra[data-fuera=si] .punto{background:var(--rosa)}.propio{align-items:center;gap:9px;margin:14px 0 4px;display:flex}.propio .via{background:var(--papel-hondo);border-radius:2px;flex:1;height:4px}.propio .lleno{background:var(--tinta-tenue);border-radius:2px;height:100%}.propio .texto{font-family:var(--sans);color:var(--tinta-tenue);font-size:10.5px}.marca{font-family:var(--sans);border:1px solid var(--linea);color:var(--tinta-suave);white-space:nowrap;background:var(--panel);border-radius:999px;padding:3px 9px;font-size:10.5px}.marca[data-tipo=fabrica]{border-style:dashed}.marca[data-tipo=fuera]{background:var(--rosa-papel);color:var(--rosa);border-color:#0000}.entrar{flex-direction:column;flex:1;justify-content:center;gap:12px;padding:0 30px;display:flex}.entrar h1{font-family:var(--serif);margin:0 0 4px;font-size:40px;font-weight:300}.entrar p{font-family:var(--serif);color:var(--tinta-suave);margin:0 0 18px;font-size:15px;font-style:italic}.entrar input{border:1px solid var(--linea);font-family:var(--sans);background:var(--panel);color:var(--tinta);border-radius:10px;padding:13px 15px;font-size:16px}.entrar input:focus{border-color:var(--tinta-tenue);outline:none}.entrar button{background:var(--azul);color:oklch(99% .005 85);font-family:var(--sans);cursor:pointer;border:0;border-radius:10px;padding:14px;font-size:14px}.entrar .error{font-family:var(--serif);color:var(--rosa);font-size:14px}.vacio{text-align:center;font-family:var(--serif);color:var(--tinta-suave);padding:40px 26px;font-size:15px;font-style:italic;line-height:1.45}.aviso{background:var(--ambar-papel);font-family:var(--sans);color:var(--tinta-media);border-radius:10px;margin:12px 22px;padding:11px 13px;font-size:12px;line-height:1.4}.pensando{font-family:var(--serif);color:var(--tinta-tenue);padding:0 22px;font-size:14px;font-style:italic}.tarjeta .campo{margin:10px 0;display:block}.tarjeta .campo>span{font-family:var(--sans);text-transform:uppercase;letter-spacing:.11em;color:var(--tinta-tenue);margin-bottom:4px;font-size:8.5px;display:block}.tarjeta .campo input{box-sizing:border-box;border:1px solid var(--linea);background:var(--panel);width:100%;color:var(--tinta);font-family:var(--serif);border-radius:9px;padding:8px 10px;font-size:15px}.tarjeta .campo input[type=checkbox]{width:auto}.tarjeta .campo input:focus{border-color:var(--azul-claro);outline:none}.acciones{flex-wrap:wrap;gap:6px;margin:10px 0 2px;display:flex}.acciones button{border:1px solid var(--linea);background:var(--panel);color:var(--tinta-media);font-family:var(--sans);cursor:pointer;border-radius:999px;padding:5px 11px;font-size:11.5px}.acciones button:hover{border-color:var(--azul-claro);color:var(--azul)}.tarjeta .campo select{box-sizing:border-box;border:1px solid var(--linea);background:var(--panel);width:100%;color:var(--tinta);font-family:var(--serif);border-radius:9px;padding:8px 10px;font-size:15px}.tarjeta .campo select:focus{border-color:var(--azul-claro);outline:none}.compositor .microfono,.compositor .altavoz{border:1px solid var(--linea);background:var(--panel);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;height:42px;padding:0;font-size:17px;line-height:1;display:flex}.compositor .altavoz[data-encendida=si]{border-color:var(--azul);background:var(--azul-papel)}.compositor .microfono[data-grabando=si]{border-color:var(--rosa);background:var(--rosa-papel,var(--panel));animation:1.1s ease-in-out infinite latido}.compositor .microfono:disabled{opacity:.45;cursor:default;animation:none}@keyframes latido{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.compositor .microfono[data-grabando=si]{animation:none}}.compositor .noPuede{font-family:var(--sans);color:var(--rosa);flex-basis:100%;font-size:11.5px}.contadores{gap:8px;padding:14px 20px 6px;display:flex}.contador{border:1px solid var(--linea);background:var(--panel);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;flex:1;gap:2px;padding:10px 12px;display:flex}.contador[data-activa=si]{border-color:var(--tinta-media);background:var(--papel)}.contador .cifra{font-family:var(--serif);font-size:22px;line-height:1}.contador .que{font-family:var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--tinta-tenue);font-size:8.5px}.lista{margin:0;padding:4px 20px 16px;list-style:none}.lista>li{border-bottom:1px solid var(--linea);padding:10px 0}.lista>li:last-child{border-bottom:0}.lista .fila{flex-wrap:wrap;align-items:baseline;gap:7px;display:flex}.lista .fila strong{font-family:var(--serif);font-size:15px;font-weight:400}.lista .miga{font-family:var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--tinta-tenue);font-size:8.5px}.filtros{align-items:center;gap:8px;padding:4px 20px 0;display:flex}.filtros input{border:1px solid var(--linea);background:var(--panel);font-size:13px;font-family:var(--sans);color:var(--tinta);border-radius:999px;flex:1;padding:7px 13px}.filtros button{border:1px solid var(--linea);background:var(--panel);cursor:pointer;font-family:var(--sans);color:var(--tinta-media);border-radius:999px;padding:7px 12px;font-size:11px}.filtros button[data-activa=si]{border-color:var(--tinta-media);color:var(--tinta)}.lista .comofila{cursor:pointer;text-align:left;color:inherit;background:0 0;border:0;flex-wrap:wrap;align-items:baseline;gap:7px;width:100%;padding:0;display:flex}.arbol{padding:10px 20px 16px}.rama{flex-direction:column;gap:5px;display:flex}.rama .ramas{border-left:1px solid var(--linea);flex-wrap:wrap;gap:5px;margin-left:14px;padding-left:10px;display:flex}.nodo{border:1px solid var(--linea);background:var(--panel);cursor:pointer;font-family:var(--serif);color:var(--tinta);border-radius:8px;align-self:flex-start;align-items:center;gap:6px;padding:5px 10px;font-size:14px;display:inline-flex}.nodo[data-fuera=si]{border-color:var(--actuar);border-width:1.5px}.nodo .cuantas{font-family:var(--sans);color:var(--actuar);font-size:10px}.punto[data-fuera]{cursor:pointer}.punto[data-fuera=si]{background:var(--actuar)}.transformacion{padding:12px 20px 6px}.transformacion .entra{flex-wrap:wrap;align-items:baseline;gap:6px;padding-bottom:10px;display:flex}.recurso{border:1px solid var(--linea);font-family:var(--sans);color:var(--tinta-media);border-radius:999px;padding:3px 9px;font-size:11.5px}.recurso[data-propio=no]{border-style:dashed}.cadena{gap:6px;display:flex}.eslabon{border:1px solid var(--linea);background:var(--panel);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;flex:1;gap:2px;padding:9px 10px;display:flex}.eslabon[data-activa=si]{border-color:var(--tinta-media);background:var(--papel)}.eslabon[data-fuera=si]{border-color:var(--actuar)}.eslabon .que{font-family:var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--tinta-tenue);font-size:8.5px}.eslabon .cifra{font-family:var(--serif);font-size:19px;line-height:1}.eslabon[data-etapa=percibir] .cifra{color:var(--percibir)}.eslabon[data-etapa=interpretar] .cifra{color:var(--interpretar)}.eslabon[data-etapa=actuar] .cifra{color:var(--actuar)}.eslabon[data-etapa=aprender] .cifra{color:var(--aprender)}.rotulo{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-tenue);margin:0;padding:14px 20px 2px;font-size:9px;font-weight:400}.trayectoria{border-bottom:1px solid var(--linea);padding:8px 20px}.trayectoria:last-of-type{border-bottom:0}.tiras{flex-wrap:wrap;gap:2px;margin:5px 0 3px;display:flex}.tira{background:var(--linea);cursor:default;border-radius:2px;width:9px;height:16px}.tira[data-dicho=muy\ poco]{background:var(--actuar)}.tira[data-dicho=poco]{background:color-mix(in srgb, var(--actuar) 45%, var(--linea))}.tira[data-dicho="en su zona"]{background:color-mix(in srgb, var(--aprender) 55%, var(--linea))}.tira[data-dicho=mucho]{background:color-mix(in srgb, var(--actuar) 45%, var(--linea))}.tira[data-dicho=demasiado]{background:var(--actuar)}.tira[data-etapa=percibir]{background:var(--percibir)}.tira[data-etapa=interpretar]{background:var(--interpretar)}.tira[data-etapa=actuar]{background:var(--actuar)}.tira[data-etapa=aprender]{background:var(--aprender)}.taller{padding:2px 20px 8px}.parfila{border-bottom:1px solid var(--linea);align-items:baseline;gap:10px;padding:5px 0;display:flex}.parfila:last-child{border-bottom:0}.parfila .miga{flex-shrink:0;min-width:108px}.parfila span:last-child{font-family:var(--sans);color:var(--tinta);word-break:break-all;font-size:12.5px}.cuatro{flex-wrap:wrap;gap:5px;margin:4px 0 2px;display:flex}.contado{font-family:var(--sans);border:1px solid var(--linea);color:var(--tinta-media);border-radius:999px;padding:2px 8px;font-size:11px}.contado[data-cero=si]{color:var(--tinta-tenue);border-style:dashed}.contado[data-etapa=percibir][data-cero=no]{border-color:var(--percibir)}.contado[data-etapa=interpretar][data-cero=no]{border-color:var(--interpretar)}.contado[data-etapa=actuar][data-cero=no]{border-color:var(--actuar)}.contado[data-etapa=aprender][data-cero=no]{border-color:var(--aprender)}.plan{flex-direction:column;margin:4px 0 2px;display:flex}.plan .parfila{border-bottom:0;padding:2px 0}.plan .parfila .miga{min-width:62px}.plan em{color:var(--actuar);font-style:normal}.camino{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.hito{border:1px solid var(--linea);font-family:var(--sans);color:var(--tinta-media);border-radius:7px;flex-direction:column;align-items:center;gap:1px;padding:3px 8px;font-size:12px;display:flex}.hito[data-fuera=si]{border-color:var(--actuar);color:var(--tinta)}.filtros select{border:1px solid var(--linea);background:var(--panel);font-family:var(--sans);color:var(--tinta);border-radius:999px;padding:6px 12px;font-size:13px}.galeria{flex-direction:column;gap:8px;padding:6px 0 12px;display:flex}.galeria>.miga{padding:0 0 0 2px}.galeria .arbol{padding:0}.galeria .arbol .fila{border-bottom:0;padding:3px 0}.galeria .taller{padding:0}.tiempo{align-items:center;gap:10px;padding:8px 20px 0;display:flex}.tiempo input[type=range]{accent-color:var(--interpretar);flex:1}.tiempo .miga{flex-shrink:0}.tiempo button{border:1px solid var(--linea);background:var(--panel);cursor:pointer;flex-shrink:0}.parfila span:not(.miga){flex:1;min-width:0}.parfila span:not(.miga):not(:last-child){word-break:normal}