:root{color-scheme:light;--rojo: #bd121f;--indigo: #312783;--amarillo: #fcc31b;--naranja: #ff451a;--azul: #4687d0;--celeste: #9adee1;--amarillo-claro: #fddd80;--azul-texto: #2f6db5;--rojo-oscuro: #9a0e19;--indigo-oscuro: #231b63;--rojo-palido: #fdecee;--amarillo-palido: #fff6dc;--azul-palido: #e9f2fb;--celeste-palido: #ecf9fa;--indigo-palido: #f0eefa;--naranja-palido: #fff0ea;--texto: var(--indigo);--texto-suave: #5b52a0;--fondo: #ffffff;--borde: #e4e1f3;--borde-fuerte: #b3acdc;--sust-fondo: #fde9a8;--sust-texto: #5a3d00;--omi-fondo: #fbe0e1;--omi-texto: #a00f1a;--ins-fondo: #ffe1d6;--ins-texto: #9c3407;--ok-fondo: #d9f3df;--ok-texto: #12602a;--mal-fondo: #fbd5d8;--mal-texto: #a00f1a;--falta-fondo: #2f6db5;--falta-texto: #ffffff;--falta-borde: #9cc2ea;--e1: 4px;--e2: 8px;--e3: 12px;--e4: 16px;--e5: 20px;--e6: 24px;--e8: 32px;--e10: 40px;--e12: 48px;--e16: 64px;--fuente-texto: "Sassoon Sans Std", ui-rounded, "SF Pro Rounded", "Nunito", "Varela Round", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--fuente-titulo: "TCL Grafito", var(--fuente-texto);--t-xs: .8125rem;--t-sm: .9375rem;--t-base: 1.125rem;--t-md: 1.375rem;--t-lg: 1.75rem;--t-xl: 2.25rem;--t-2xl: 3rem;--radio: 16px;--radio-lg: 24px;--sombra-suave: 0 2px 0 rgba(49, 39, 131, .05), 0 6px 18px rgba(49, 39, 131, .07);--sombra: 0 4px 0 rgba(49, 39, 131, .08), 0 14px 32px rgba(49, 39, 131, .12);--ancho: 44rem;--rapido: .16s cubic-bezier(.2, .7, .3, 1);--rebote: .52s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;background:var(--fondo)}body{margin:0;font-family:var(--fuente-texto);font-size:var(--t-base);line-height:1.5;color:var(--texto);background:var(--fondo);min-height:100dvh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}img,audio,canvas{max-width:100%;display:block}h1,h2,p,ul,ol,blockquote,figure{margin:0}button,input,textarea{font:inherit;color:inherit}svg{flex-shrink:0}:where(a,button,input,textarea,summary,audio,[tabindex]):focus-visible{outline:3px solid var(--naranja);outline-offset:3px;border-radius:var(--e2)}.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}.contenedor{width:100%;max-width:var(--ancho);margin-inline:auto;padding-inline:var(--e4)}.pasos{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:0;position:sticky;top:0;z-index:20}.pasos__item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:60px;padding:var(--e2) var(--e1);color:#fff;font-weight:700;font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.05em;text-align:center}.pasos__item:nth-child(1){background:var(--rojo)}.pasos__item:nth-child(2){background:var(--indigo)}.pasos__item:nth-child(3){background:var(--amarillo);color:var(--indigo-oscuro)}.pasos__num{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:2px solid currentColor;font-size:.75rem;line-height:1}.pasos__item[aria-current=step] .pasos__num{background:#fff;border-color:#fff;color:var(--indigo-oscuro)}.pasos__item[aria-current=step]:after{content:"";position:absolute;left:50%;bottom:-1px;width:0;height:0;transform:translate(-50%);border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid var(--fondo)}.pasos__item.hecho .pasos__num{font-size:0}.pasos__item.hecho .pasos__num:before{content:"✓";font-size:.8125rem}.marca{display:flex;flex-direction:column;align-items:center;gap:var(--e1);padding:var(--e6) var(--e4) var(--e2)}.marca__logo{width:min(240px,64vw);height:auto;transition:width var(--rebote)}.marca__producto{font-size:var(--t-xs);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--rojo)}body:not([data-pantalla=inicio]) .marca{padding-top:var(--e4)}body:not([data-pantalla=inicio]) .marca__logo{width:min(150px,44vw)}@media (prefers-reduced-motion: no-preference){.marca__logo{animation:caerSuave .7s var(--rebote) both}}@keyframes caerSuave{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}main{flex:1;padding-block:var(--e4) var(--e16)}.pantalla{display:flex;flex-direction:column;gap:var(--e5)}h1{font-family:var(--fuente-titulo);font-size:clamp(2.25rem,9vw,3rem);line-height:1.05;letter-spacing:-.02em;font-weight:800;color:var(--indigo);text-align:center}.subtitulo{font-family:var(--fuente-titulo);font-size:var(--t-md);font-weight:800;color:var(--rojo);margin-top:var(--e3)}.hero{display:flex;flex-direction:column;align-items:center;gap:var(--e3);text-align:center}.hero__personajes{display:flex;justify-content:center;align-items:flex-end;gap:0;margin-bottom:var(--e1)}.hero__personaje{width:clamp(76px,22vw,124px);height:auto;margin-inline:-6px}.hero__personaje:nth-child(2),.hero__personaje:nth-child(3){width:clamp(88px,26vw,146px)}@media (prefers-reduced-motion: no-preference){.hero__personaje{animation:saltar .7s var(--rebote) both}.hero__personaje:nth-child(2){animation-delay:90ms}.hero__personaje:nth-child(3){animation-delay:.18s}.hero__personaje:nth-child(4){animation-delay:.27s}.hero__personajes:hover .hero__personaje{animation:bailar .9s ease-in-out infinite}.hero__personajes:hover .hero__personaje:nth-child(2n){animation-delay:.15s}}@keyframes saltar{0%{opacity:0;transform:translateY(40px) scale(.85)}to{opacity:1;transform:none}}@keyframes bailar{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(-3deg)}}.hero__intro{color:var(--texto-suave);max-width:34ch;font-size:var(--t-base)}.lista-textos{display:grid;gap:var(--e3)}.tarjeta-texto{--c: var(--azul);--c-palido: var(--azul-palido);position:relative;display:grid;grid-template-columns:72px 1fr;gap:var(--e3);align-items:center;width:100%;text-align:left;background:var(--fondo);border:3px solid var(--borde);border-radius:var(--radio-lg);padding:var(--e3) var(--e4) var(--e3) var(--e3);color:var(--texto);cursor:pointer;box-shadow:var(--sombra-suave);transition:border-color var(--rapido),transform var(--rapido),box-shadow var(--rapido),background var(--rapido)}.tarjeta-texto:hover{border-color:var(--c);transform:translateY(-2px);box-shadow:var(--sombra)}.tarjeta-texto:active{transform:translateY(0) scale(.99)}.tarjeta-texto[aria-checked=true]{border-color:var(--c);background:var(--c-palido);box-shadow:var(--sombra)}.tarjeta-texto__avatar{width:72px;height:72px;border-radius:50%;background:var(--c-palido);display:grid;place-items:center;overflow:visible;transition:transform var(--rebote)}.tarjeta-texto[aria-checked=true] .tarjeta-texto__avatar{background:#fff;transform:rotate(-6deg) scale(1.08)}.tarjeta-texto__avatar img{width:84px;height:84px;max-width:none;margin-top:-8px}.tarjeta-texto__cuerpo{display:flex;flex-direction:column;gap:2px;min-width:0}.tarjeta-texto__fila{display:flex;align-items:center;gap:var(--e2);flex-wrap:wrap}.tarjeta-texto__titulo{font-weight:800;font-size:var(--t-md);line-height:1.2;color:var(--indigo)}.tarjeta-texto__desc{color:var(--texto-suave);font-size:var(--t-sm);line-height:1.4}.tarjeta-texto__meta{display:flex;align-items:center;gap:var(--e2);margin-top:var(--e1);flex-wrap:wrap}.estrellitas{color:#f2ae00;font-size:var(--t-base);letter-spacing:1px;line-height:1;text-shadow:0 1px 0 #c98f00}.estrellitas .apagada{color:#cfc9ea;text-shadow:none}.chip{display:inline-flex;align-items:center;gap:var(--e1);font-size:var(--t-xs);font-weight:700;color:var(--indigo);background:var(--indigo-palido);border-radius:999px;padding:3px var(--e3);white-space:nowrap}.tarjeta-texto__check{position:absolute;top:-10px;right:-10px;width:32px;height:32px;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 4px #fff;transform:scale(0);transition:transform var(--rebote)}.tarjeta-texto[aria-checked=true] .tarjeta-texto__check{transform:scale(1)}details.bloque-propio{border:3px dashed var(--borde-fuerte);border-radius:var(--radio-lg);padding:var(--e3) var(--e4) var(--e3) var(--e3);background:var(--fondo);transition:border-color var(--rapido)}details.bloque-propio:hover,details.bloque-propio[open]{border-color:var(--rojo)}details.bloque-propio summary{display:grid;grid-template-columns:72px 1fr;gap:var(--e3);align-items:center;cursor:pointer;list-style:none}details.bloque-propio summary::-webkit-details-marker{display:none}.bloque-propio__avatar{width:72px;height:72px;border-radius:50%;background:var(--rojo-palido)}.bloque-propio__titulo{display:block;font-weight:800;font-size:var(--t-md);color:var(--indigo)}.bloque-propio__desc{display:block;font-size:var(--t-sm);color:var(--texto-suave)}details.bloque-propio[open] summary{margin-bottom:var(--e4)}.campo{display:flex;flex-direction:column;gap:var(--e2)}.campo--estrecho{max-width:22rem}label{font-weight:700;font-size:var(--t-sm);color:var(--indigo)}.opcional{font-weight:400;color:var(--texto-suave)}input[type=text],input[type=number],select,textarea{background:var(--fondo);border:2px solid var(--borde-fuerte);border-radius:var(--radio);padding:var(--e3) var(--e4);min-height:52px;width:100%;font-size:var(--t-base);color:var(--indigo);transition:border-color var(--rapido),box-shadow var(--rapido)}input::placeholder,textarea::placeholder{color:#9d97c9}input[type=text]:hover,input[type=number]:hover,textarea:hover{border-color:var(--indigo)}input[type=text]:focus,input[type=number]:focus,textarea:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 4px var(--indigo-palido)}textarea{resize:vertical;line-height:1.5}.ayuda{font-size:var(--t-xs);color:var(--texto-suave)}.ayuda--centrada{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--e2);min-height:52px;padding:var(--e3) var(--e6);border-radius:999px;border:3px solid transparent;font-weight:800;font-size:var(--t-base);cursor:pointer;transition:background var(--rapido),border-color var(--rapido),transform var(--rapido),box-shadow var(--rapido)}.btn:active{transform:translateY(2px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--primario{background:var(--indigo);color:#fff;box-shadow:0 4px 0 var(--indigo-oscuro)}.btn--primario:hover{background:#3a2f99}.btn--primario:active{box-shadow:0 2px 0 var(--indigo-oscuro)}.btn--secundario{background:var(--fondo);color:var(--indigo);border-color:var(--indigo)}.btn--secundario:hover{background:var(--indigo-palido)}.btn--texto{background:none;color:var(--rojo);padding:var(--e2) 0;min-height:44px;align-self:flex-start;font-size:var(--t-sm);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.btn--texto:hover{color:var(--rojo-oscuro)}.btn--play{background:var(--rojo);color:#fff;min-height:64px;padding:var(--e2) var(--e8) var(--e2) var(--e2);font-size:var(--t-md);box-shadow:0 5px 0 var(--rojo-oscuro),0 14px 28px #bd121f47}.btn--play:hover{background:#d0182a}.btn--play:active{box-shadow:0 2px 0 var(--rojo-oscuro);transform:translateY(3px)}.btn--play__circulo{width:48px;height:48px;border-radius:50%;background:#fff;color:var(--rojo);display:grid;place-items:center;padding-left:3px;transition:transform var(--rebote)}.btn--play:hover .btn--play__circulo{transform:scale(1.1) rotate(-8deg)}.acciones{display:flex;flex-direction:column;gap:var(--e3)}.acciones--centro{align-items:center;margin-top:var(--e3)}.acciones--final{margin-top:var(--e6)}.acciones--dos .btn{width:100%}@media (min-width: 30rem){.acciones--dos{flex-direction:row}.acciones--dos .btn{flex:1}}.error{background:var(--rojo-palido);border:2px solid var(--rojo);color:var(--rojo-oscuro);border-radius:var(--radio);padding:var(--e3) var(--e4);font-size:var(--t-sm);font-weight:700}.error--arranque{font-weight:400;line-height:1.6;margin-bottom:var(--e6)}.error--arranque strong{display:block;margin-bottom:var(--e2)}.error--arranque code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#fff;border:1px solid var(--rojo);border-radius:var(--e1);padding:1px var(--e1);font-size:var(--t-xs)}.error--arranque a{color:inherit}.advertencias{background:var(--naranja-palido);border:2px solid var(--naranja);color:#9c3407;border-radius:var(--radio);padding:var(--e3) var(--e4);font-size:var(--t-sm)}.aviso-privacidad{display:flex;gap:var(--e3);align-items:flex-start;background:var(--celeste-palido);border:2px solid var(--celeste);border-radius:var(--radio-lg);padding:var(--e3) var(--e4);font-size:var(--t-sm);line-height:1.45;color:var(--texto)}.aviso-privacidad svg{color:#1c7c83;margin-top:1px}.modo-prueba{display:flex;flex-direction:column;gap:0}.cuaderno{position:relative;background:#fff;border:3px solid var(--indigo);border-radius:var(--radio-lg);box-shadow:6px 6px 0 var(--amarillo);padding-top:var(--e8);margin-top:var(--e3)}.cuaderno__anillos{position:absolute;left:var(--e6);right:var(--e6);top:-14px;height:28px;background:radial-gradient(circle at 50% 50%,var(--indigo) 0 5px,transparent 5.5px) 0 50% / 30px 28px space no-repeat,radial-gradient(circle at 50% 50%,#fff 0 8px,var(--indigo) 8.5px 11px,transparent 11.5px) 0 50% / 30px 28px space no-repeat}.cuaderno__etiqueta{position:absolute;top:var(--e4);left:56px;font-size:var(--t-xs);font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--rojo)}.texto-lectura{--renglon: 1.9em;font-size:clamp(1.5rem,6.4vw,2.125rem);line-height:var(--renglon);letter-spacing:.01em;word-spacing:.1em;color:var(--indigo);padding:var(--renglon) var(--e5) .5em 56px;min-height:calc(var(--renglon) * 4);border-radius:0 0 var(--radio-lg) var(--radio-lg);background-image:linear-gradient(to right,transparent 40px,#f2a2a8 40px,#f2a2a8 42px,transparent 42px),repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--renglon) - 2px),#cfe1f4 calc(var(--renglon) - 2px),#cfe1f4 var(--renglon));background-origin:border-box,content-box;background-clip:border-box,padding-box}.grabadora{display:flex;flex-direction:column;align-items:center;gap:var(--e4);padding:var(--e4) 0 var(--e2)}.compa{display:flex;align-items:center;gap:var(--e2);width:100%;justify-content:center}.compa__img{width:84px;height:84px;transition:transform var(--rebote)}.burbuja{position:relative;background:var(--indigo);color:#fff;font-weight:700;font-size:var(--t-sm);line-height:1.35;padding:var(--e3) var(--e4);border-radius:20px;max-width:17rem}.burbuja:before{content:"";position:absolute;left:-9px;top:50%;transform:translateY(-50%);border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:11px solid var(--indigo)}body.grabando .compa__img{transform:rotate(-8deg) scale(1.06)}body.grabando .burbuja{background:var(--rojo)}body.grabando .burbuja:before{border-right-color:var(--rojo)}.cronometro{font-size:var(--t-2xl);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1;color:var(--indigo);background:var(--indigo-palido);border-radius:999px;padding:var(--e2) var(--e6)}body.grabando .cronometro{background:var(--rojo-palido);color:var(--rojo)}.btn-rec{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--e1);width:176px;height:176px;border-radius:50%;border:6px solid #fff;background:var(--rojo);color:#fff;font-weight:800;font-size:var(--t-base);cursor:pointer;box-shadow:0 0 0 4px var(--rojo),0 10px 0 4px var(--rojo-oscuro),0 22px 40px #bd121f4d;transition:transform var(--rapido),box-shadow var(--rapido),background var(--rapido)}.btn-rec:hover{transform:translateY(-2px) scale(1.02)}.btn-rec:active{transform:translateY(4px);box-shadow:0 0 0 4px var(--rojo),0 4px 0 4px var(--rojo-oscuro)}.btn-rec__icono--stop,.btn-rec[aria-pressed=true] .btn-rec__icono--mic{display:none}.btn-rec[aria-pressed=true] .btn-rec__icono--stop{display:block}.btn-rec__texto{position:relative;line-height:1.2;max-width:7.5em;text-align:center}.btn-rec__icono{position:relative}.btn-rec__onda{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:4px solid var(--rojo);opacity:0;pointer-events:none}.btn-rec[aria-pressed=true]{background:var(--naranja);box-shadow:0 0 0 4px var(--naranja),0 10px 0 4px #c9310e,0 22px 40px #ff451a59}.btn-rec[aria-pressed=true] .btn-rec__onda{border-color:var(--naranja)}@media (prefers-reduced-motion: no-preference){.btn-rec[aria-pressed=true] .btn-rec__onda{animation:onda 1.8s ease-out infinite}.btn-rec[aria-pressed=true] .btn-rec__onda--2{animation-delay:.9s}.btn-rec[aria-pressed=false]{animation:respirar 2.6s ease-in-out infinite}}@keyframes onda{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}@keyframes respirar{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.btn-rec:disabled{opacity:.6;cursor:not-allowed;animation:none}.medidor{width:min(320px,100%);height:48px}.revision{width:100%;display:flex;flex-direction:column;gap:var(--e3);align-items:center;background:var(--amarillo-palido);border:3px solid var(--amarillo);border-radius:var(--radio-lg);padding:var(--e4)}.revision__titulo{font-weight:800;color:var(--indigo)}.revision audio{width:100%}.revision .acciones{width:100%}.resultados{display:flex;flex-direction:column;gap:var(--e5)}.logro{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;background:radial-gradient(circle at 50% 0%,rgba(253,221,128,.55),transparent 60%),var(--amarillo-palido);border:3px solid var(--amarillo);border-radius:var(--radio-lg);padding:var(--e2) var(--e5) var(--e6);overflow:hidden}.logro__personaje{width:150px;height:150px;margin-top:-4px}@media (prefers-reduced-motion: no-preference){.logro__personaje{animation:saltar .7s var(--rebote) both,bailar 1.6s .7s ease-in-out infinite}}.logro__estrellas{display:flex;gap:var(--e2);margin-top:calc(var(--e2) * -1)}.estrella{width:38px;height:38px;color:var(--borde)}.estrella.encendida{color:var(--amarillo);filter:drop-shadow(0 2px 0 #d9a100)}@media (prefers-reduced-motion: no-preference){.estrella.encendida{animation:brillar .52s var(--rebote) both}.estrella.encendida:nth-child(2){animation-delay:.12s}.estrella.encendida:nth-child(3){animation-delay:.24s}.estrella.encendida:nth-child(4){animation-delay:.36s}}@keyframes brillar{0%{transform:scale(0) rotate(-40deg)}to{transform:none}}.logro__mensaje{font-family:var(--fuente-titulo);font-size:clamp(1.625rem,7vw,2.25rem);font-weight:800;line-height:1.1;color:var(--indigo);margin-top:var(--e3)}.logro__etiqueta{margin-top:var(--e4);font-size:var(--t-xs);font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--texto-suave)}.logro__nivel{font-family:var(--fuente-titulo);font-size:var(--t-lg);font-weight:800;color:var(--rojo);line-height:1.2}.logro__descripcion{color:var(--texto-suave);font-size:var(--t-sm);max-width:36ch;margin-top:var(--e1)}.logro__meta{margin-top:var(--e4);background:#fff;border:2px dashed var(--amarillo);border-radius:var(--radio);padding:var(--e3) var(--e4);font-size:var(--t-sm);line-height:1.4;color:var(--indigo);max-width:34ch}.logro__meta:empty{display:none}.escala{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--e1);counter-reset:nivel}.escala__item{display:flex;flex-direction:column;align-items:center;gap:var(--e1);text-align:center;font-size:.75rem;font-weight:700;line-height:1.2;color:var(--texto-suave)}.escala__barra{width:100%;height:10px;border-radius:999px;background:var(--indigo-palido)}.escala__item:nth-child(1) .escala__barra{background:#fbd0d3}.escala__item:nth-child(2) .escala__barra{background:#d3cfee}.escala__item:nth-child(3) .escala__barra{background:#fde6a3}.escala__item:nth-child(4) .escala__barra{background:#cfe2f6}.escala__item.alcanzado:nth-child(1) .escala__barra{background:var(--rojo)}.escala__item.alcanzado:nth-child(2) .escala__barra{background:var(--indigo)}.escala__item.alcanzado:nth-child(3) .escala__barra{background:var(--amarillo)}.escala__item.alcanzado:nth-child(4) .escala__barra{background:var(--azul)}.escala__item.actual{color:var(--indigo);font-weight:800}.escala__item.actual .escala__barra{height:14px;margin-block:-2px;box-shadow:0 0 0 3px #fff,0 0 0 5px currentColor}.destacadas{display:grid;gap:var(--e3);grid-template-columns:1fr}@media (min-width: 34rem){.destacadas{grid-template-columns:1.3fr 1fr}}.kpi{background:var(--fondo);border:3px solid var(--borde);border-radius:var(--radio-lg);padding:var(--e4) var(--e5);box-shadow:var(--sombra-suave);display:flex;flex-direction:column;gap:var(--e2)}.kpi__titulo{font-size:var(--t-xs);font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--texto-suave)}.kpi__valor{font-size:var(--t-2xl);font-weight:800;line-height:1;color:var(--indigo);font-variant-numeric:tabular-nums}.kpi__unidad{font-size:var(--t-sm);font-weight:700;color:var(--texto-suave);margin-left:var(--e1)}.kpi__nota{font-size:var(--t-xs);color:var(--texto-suave)}.barra-meta{position:relative;height:16px;border-radius:999px;background:var(--indigo-palido);margin:var(--e2) 0 var(--e5)}.barra-meta__relleno{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--rojo),var(--naranja) 45%,var(--amarillo));width:0;transition:width .9s cubic-bezier(.2,.7,.3,1)}.barra-meta__marca{position:absolute;top:-6px;bottom:-6px;width:3px;background:var(--indigo);border-radius:2px}.barra-meta__marca span{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);font-size:.6875rem;font-weight:800;white-space:nowrap;color:var(--indigo)}.kpi--precision{flex-direction:row;align-items:center;gap:var(--e4)}.anillo{width:104px;height:104px;flex-shrink:0;transform:rotate(-90deg)}.anillo__fondo{stroke:var(--indigo-palido)}.anillo__valor{stroke:var(--azul);stroke-linecap:round;transition:stroke-dashoffset .9s cubic-bezier(.2,.7,.3,1)}.kpi--precision .kpi__texto{display:flex;flex-direction:column;gap:var(--e1)}.metricas{list-style:none;padding:0;margin:0;display:grid;gap:var(--e3);grid-template-columns:repeat(3,minmax(0,1fr))}.metrica{--c: var(--indigo);--c-palido: var(--indigo-palido);background:var(--c-palido);border-radius:var(--radio);padding:var(--e3);text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}.metrica__valor{font-size:clamp(1.25rem,6vw,1.75rem);font-weight:800;line-height:1.1;color:var(--c);font-variant-numeric:tabular-nums}.metrica__unidad{font-size:var(--t-xs);font-weight:700}.metrica__etiqueta{font-size:.75rem;font-weight:700;color:var(--texto);line-height:1.25}.metrica--sust{--c: var(--sust-texto);--c-palido: var(--sust-fondo)}.metrica--omi{--c: var(--omi-texto);--c-palido: var(--omi-fondo)}.metrica--ins{--c: var(--ins-texto);--c-palido: var(--ins-fondo)}.bloque{display:flex;flex-direction:column;gap:var(--e3)}.bloque .subtitulo{margin-top:var(--e2)}.leyenda{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--e2) var(--e4);font-size:var(--t-xs);font-weight:700;color:var(--texto-suave)}.leyenda li{display:flex;align-items:center;gap:var(--e1)}.diff{--renglon: 2.3em;font-size:var(--t-md);line-height:var(--renglon);color:var(--indigo);border:3px solid var(--borde);border-radius:var(--radio-lg);padding:.25em var(--e4) .25em 48px;background-color:#fff;background-image:linear-gradient(to right,transparent 32px,#f2a2a8 32px,#f2a2a8 34px,transparent 34px),repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--renglon) - 2px),#e3eefa calc(var(--renglon) - 2px),#e3eefa var(--renglon));background-origin:border-box,content-box;background-clip:border-box,padding-box}.p{border-radius:var(--e2);padding:3px 6px;white-space:nowrap}.p--correcta{background:var(--ok-fondo);color:var(--ok-texto);font-weight:800}.p--sustitucion{background:var(--mal-fondo);color:var(--mal-texto);text-decoration:underline wavy;text-underline-offset:5px;font-weight:800}.p--omision{background:var(--falta-fondo);color:var(--falta-texto);font-weight:800;box-shadow:0 0 0 2px var(--falta-borde)}.p--insercion{background:var(--ins-fondo);color:var(--ins-texto);text-decoration:underline;text-underline-offset:5px;font-weight:800}.transcripcion{background:var(--azul-palido);border-left:6px solid var(--azul);border-radius:0 var(--radio) var(--radio) 0;padding:var(--e4);font-size:var(--t-base);color:var(--indigo)}.transcripcion:empty:before{content:"(sin palabras detectadas)";color:var(--texto-suave)}.fuente-transcripcion{font-size:var(--t-xs);color:var(--texto-suave);margin-top:calc(var(--e2) * -1)}details.bloque-manual{background:var(--indigo-palido);border-radius:var(--radio-lg);padding:var(--e3) var(--e4);margin-top:var(--e2)}details.bloque-manual summary{cursor:pointer;font-weight:800;color:var(--indigo);min-height:32px;display:flex;align-items:center}details.bloque-manual>*:not(summary){margin-top:var(--e3)}.cargando{display:flex;flex-direction:column;align-items:center;gap:var(--e4);padding-top:var(--e4)}.cargando__personaje{width:140px;height:140px}@media (prefers-reduced-motion: no-preference){.cargando__personaje{animation:bailar 1.1s ease-in-out infinite}}.cargando__texto{font-weight:800;font-size:var(--t-md);color:var(--indigo)}.cargando__puntos{display:flex;gap:var(--e2)}.cargando__puntos span{width:12px;height:12px;border-radius:50%;background:var(--rojo)}.cargando__puntos span:nth-child(2){background:var(--amarillo)}.cargando__puntos span:nth-child(3){background:var(--azul)}@media (prefers-reduced-motion: no-preference){.cargando__puntos span{animation:bailar .9s ease-in-out infinite}.cargando__puntos span:nth-child(2){animation-delay:.15s}.cargando__puntos span:nth-child(3){animation-delay:.3s}}.skeleton{width:100%;background:linear-gradient(90deg,var(--indigo-palido) 25%,#fff 50%,var(--indigo-palido) 75%);background-size:200% 100%;animation:brillo 1.3s linear infinite;border-radius:var(--radio-lg)}.skeleton--metricas{height:110px}.skeleton--texto{height:160px}@keyframes brillo{0%{background-position:200% 0}to{background-position:-200% 0}}.confeti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:50}.confeti i{position:absolute;top:-20px;width:10px;height:16px;border-radius:3px;animation:caerConfeti var(--dur, 2.4s) cubic-bezier(.3,.6,.5,1) forwards}@keyframes caerConfeti{to{transform:translate(var(--dx, 0),105vh) rotate(var(--giro, 540deg));opacity:.9}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.pie{margin-top:var(--e8)}.pie__franja{display:grid;grid-template-columns:repeat(6,1fr);height:10px}.pie__franja span:nth-child(1){background:var(--rojo)}.pie__franja span:nth-child(2){background:var(--indigo)}.pie__franja span:nth-child(3){background:var(--amarillo)}.pie__franja span:nth-child(4){background:var(--naranja)}.pie__franja span:nth-child(5){background:var(--azul)}.pie__franja span:nth-child(6){background:var(--celeste)}.pie__inner{display:flex;flex-direction:column;align-items:center;gap:var(--e3);padding-block:var(--e6);text-align:center;font-size:var(--t-xs);color:var(--texto-suave)}.pie__logo{width:110px;height:auto}.p--boton{font:inherit;border:0;cursor:pointer}.p--boton:hover{filter:brightness(.95);text-decoration:underline}.p--pausa{text-decoration:underline dotted;text-underline-offset:5px}.consejos{background:var(--amarillo-palido);border:3px solid var(--amarillo);border-radius:var(--radio-lg);padding:var(--e4) var(--e5);display:flex;flex-direction:column;gap:var(--e3)}.consejos ul{margin:0;padding-left:var(--e5);display:flex;flex-direction:column;gap:var(--e2)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:#231b6373;padding:var(--e4)}.modal__caja{width:100%;max-width:24rem;background:#fff;border:3px solid var(--indigo);border-radius:var(--radio-lg);box-shadow:6px 6px 0 var(--amarillo);padding:var(--e6);display:flex;flex-direction:column;gap:var(--e4);align-items:stretch;text-align:center}.modal__palabra{font-family:var(--fuente-titulo);font-size:var(--t-xl);font-weight:800;color:var(--indigo);line-height:1.1}.modal__estado{font-weight:800;color:var(--rojo);margin-top:calc(var(--e2) * -1)}.modal__puntaje{background:var(--indigo-palido);border-radius:var(--radio);padding:var(--e3);display:flex;flex-direction:column;font-size:var(--t-sm);color:var(--texto-suave)}.modal__puntaje strong{font-size:var(--t-xl);color:var(--indigo);line-height:1.1}.modal__sub{font-size:var(--t-sm);font-weight:800;color:var(--texto-suave);margin-bottom:var(--e2)}.fonemas{display:flex;flex-wrap:wrap;gap:var(--e2);justify-content:center}.fonema{background:var(--celeste-palido);color:#1c7c83;border-radius:var(--e2);padding:2px var(--e3);font-weight:800;font-size:var(--t-sm)}.fonema--flojo{background:var(--omi-fondo);color:var(--omi-texto)}select{background:var(--fondo);border:2px solid var(--borde-fuerte);border-radius:var(--radio);padding:var(--e3) var(--e4);min-height:52px;width:100%;font-size:var(--t-base);color:var(--indigo)}select:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 4px var(--indigo-palido)}input:disabled{background:var(--indigo-palido);color:var(--texto-suave);cursor:not-allowed}.rubrica__personaje{width:110px;height:auto}.rubrica__niveles{display:grid;gap:var(--e4)}.rubrica__nivel{border:3px solid var(--borde);border-radius:var(--radio-lg);padding:var(--e4);box-shadow:var(--sombra-suave);display:flex;flex-direction:column;gap:var(--e3)}.rubrica__cabecera{display:flex;align-items:center;justify-content:space-between}.rubrica__cabecera img{width:64px;height:64px}.rubrica__estrellas{color:#f2ae00;font-size:var(--t-md);letter-spacing:2px}.rubrica__numeros{display:grid;grid-template-columns:1fr 1fr;gap:var(--e3)}.rubrica__errores{margin:0;padding-left:var(--e5)}.rubrica__ok{background:var(--celeste-palido);border:2px solid var(--celeste);border-radius:var(--radio);padding:var(--e3) var(--e4);font-weight:700;color:#1c7c83}