.lienzo{grid-template-columns:184px minmax(0,1fr);min-height:100dvh;display:grid}.lienzo[data-panel]{grid-template-columns:184px minmax(0,1fr) 480px}.mono,.rotulo,.barra-marca,.barra-esp,.barra-fila,.cabecera-titulos,.cabecera-enlace,.inciso-letra,.inciso-tag,.exp-meta,.exp-toggle,.pie-nav{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums;font-weight:500}.rotulo{color:var(--secundario);margin:0;font-size:12px}.barra{border-right:1px solid var(--hairline);flex-direction:column;height:100dvh;padding:0 12px 20px;display:flex;position:sticky;top:0;overflow-y:auto}.barra-marca{height:56px;color:var(--tinta);flex:none;align-items:center;padding:0 12px;font-size:13px;display:flex}.barra-lista{flex-direction:column;gap:6px;display:flex}.barra-esp{color:var(--apagado);margin:0;padding:12px 12px 6px;font-size:11px}.barra-fila{height:38px;color:var(--apagado);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font-size:12px;transition:background-color .12s ease-out,color .12s ease-out;display:flex}.barra-fila:hover{color:var(--tinta)}.barra-fila[data-estado=hecho],.barra-fila[data-estado=parcial]{color:var(--secundario)}.barra-fila[data-actual]{background:var(--seleccionado);color:var(--tinta)}.barra-fila:focus-visible{outline:2px solid var(--marca);outline-offset:-2px}.barra-conteo{color:var(--apagado);margin:auto 12px 8px;padding-top:16px;font-size:11px}.barra-pie{color:var(--apagado);margin:0 12px;font-size:11px}.barra-pie:hover{color:var(--tinta)}.barra-punto{background:currentColor;border-radius:999px;width:6px;height:6px}.columna{flex-direction:column;min-width:0;min-height:100dvh;display:flex}.cabecera{border-bottom:1px solid var(--hairline);flex:none;justify-content:space-between;align-items:center;gap:16px;height:56px;padding:0 28px;display:flex}.cabecera-titulos{white-space:nowrap;align-items:baseline;gap:12px;min-width:0;font-size:12px;display:flex;overflow:hidden}.cabecera-boton{font:inherit;cursor:pointer;color:var(--apagado);background:0 0;border:0;padding:0}.cabecera-boton:focus-visible{outline:2px solid var(--marca);outline-offset:4px;border-radius:4px}.cabecera-caso{color:var(--secundario)}.cabecera-esp{color:var(--apagado);text-overflow:ellipsis;overflow:hidden}.cabecera-enlace{color:var(--apagado);white-space:nowrap;font-size:11px}.cabecera-enlace:hover{color:var(--tinta)}.cuerpo{flex:1;justify-content:center;padding:28px 28px 32px;display:flex}.hoja{flex-direction:column;gap:20px;width:100%;max-width:760px;display:flex}.tarjeta{border:1px solid var(--hairline);border-radius:12px;padding:16px 20px 18px}.tarjeta .rotulo{border-bottom:1px solid var(--hairline);padding-bottom:12px}.vineta{color:var(--tinta);text-wrap:pretty;margin:12px 0 0;font-size:16px;line-height:1.6}.vineta strong{color:var(--tinta);font-weight:600}.vineta-imagen{margin:14px 0 0}.vineta-imagen img{border:1px solid var(--hairline);border-radius:8px;width:100%;height:auto;display:block}.vineta-imagen figcaption{color:var(--secundario);margin-top:8px;font-size:13px}.vineta-imagen .credito{color:var(--apagado);font-size:11px}.enunciado{letter-spacing:-.02em;text-wrap:pretty;margin:8px 0 0;font-size:20px;font-weight:600;line-height:1.2}.incisos{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.inciso{text-align:left;width:100%;min-height:52px;font:inherit;color:var(--tinta);border:1px solid var(--hairline);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:14px;padding:8px 14px;font-size:16px;line-height:1.3;transition:border-color .12s ease-out,background-color .12s ease-out,color .12s ease-out,transform .12s ease-out;display:flex}.inciso:hover{border-color:var(--borde-apagado)}.inciso:active{transform:scale(.985)}.inciso:focus-visible{outline:2px solid var(--marca);outline-offset:2px}.inciso-letra{border:1px solid var(--hairline);width:28px;height:28px;color:var(--secundario);letter-spacing:0;border-radius:6px;flex:none;place-items:center;font-size:12px;display:grid}.inciso-texto{flex:1;min-width:0}.inciso-tag{white-space:nowrap;color:var(--apagado);align-items:center;gap:8px;margin-left:auto;font-size:11px;display:flex}.inciso[data-estado=elegida],.inciso[data-estado=correcta],.inciso[data-estado=fallida]{border-color:var(--borde-apagado)}.inciso[data-estado=elegida] .inciso-letra,.inciso[data-estado=correcta] .inciso-letra{background:var(--tinta);border-color:var(--tinta);color:var(--fondo)}.inciso[data-estado=fallida] .inciso-letra{border-color:var(--borde-apagado)}.inciso[data-estado=correcta] .inciso-tag,.inciso[data-estado=fallida] .inciso-tag,.inciso[data-estado=descartada],.inciso[data-estado=resto]{color:var(--secundario)}.inciso[data-estado=descartada] .inciso-tag{color:var(--apagado)}.inciso[data-activa]{background:var(--seleccionado)}.explicacion{border:1px solid var(--borde-apagado);border-radius:12px;margin-top:4px;padding:16px 20px 18px;animation:.22s ease-out entrar}.exp-cabeza{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.exp-titulos{flex-wrap:wrap;align-items:baseline;gap:12px;min-width:0;display:flex}.exp-veredicto{letter-spacing:-.02em;font-size:16px;font-weight:600}.exp-meta{color:var(--apagado);font-size:11px}.exp-toggle{border:1px solid var(--hairline);height:28px;color:var(--secundario);white-space:nowrap;cursor:pointer;background:0 0;border-radius:6px;flex:none;align-items:center;gap:8px;padding:0 10px;font-size:11px;display:inline-flex}.exp-toggle:hover{border-color:var(--borde-apagado);color:var(--tinta)}.exp-toggle:focus-visible{outline:2px solid var(--marca);outline-offset:2px}.exp-cuerpo{color:var(--tinta);text-wrap:pretty;margin:12px 0 0;font-size:16px;line-height:1.6}.exp-cuerpo strong{color:var(--tinta);font-weight:600}.lamina{border:1px solid var(--hairline);border-radius:8px;width:100%;height:auto;display:block}.lamina-boton{cursor:zoom-in;background:0 0;border:0;border-radius:8px;width:100%;max-width:300px;margin-top:16px;padding:0;transition:transform .16s ease-out;display:block}.lamina-boton:hover{transform:translateY(-1px)}.lamina-boton:active{transform:scale(.98)}.lamina-boton:hover .lamina{border-color:var(--borde-apagado)}.lamina-boton:focus-visible{outline:2px solid var(--marca);outline-offset:3px}.panel .lamina-boton{max-width:none}.lamina-grande .lamina{border-color:var(--borde-apagado);width:auto;max-width:100%;max-height:88dvh}.panel{border-left:1px solid var(--hairline);flex-direction:column;height:100dvh;display:flex;position:sticky;top:0;overflow-y:auto}.panel-cabeza{border-bottom:1px solid var(--hairline);flex:none;align-items:center;height:56px;padding:0 24px;display:flex}.panel-cuerpo{padding:12px 24px 24px;animation:.22s ease-out entrar}.panel .exp-cabeza{flex-direction:column;align-items:flex-start}.panel .exp-titulos{flex-direction:column;gap:4px}.panel .exp-veredicto{font-size:20px}.pie{border-top:1px solid var(--hairline);flex:none;justify-content:space-between;align-items:center;gap:16px;padding:16px 28px;display:flex}.pie-nav{color:var(--apagado);align-items:center;gap:8px;font-size:12px;display:inline-flex}.pie-nav:hover{color:var(--tinta)}.pie-hueco{visibility:hidden}.cta{height:44px;font:inherit;letter-spacing:-.02em;background:var(--tinta);color:var(--fondo);border:1px solid var(--tinta);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 32px;font-size:16px;font-weight:600;transition:background-color .16s ease-out,color .16s ease-out,border-color .16s ease-out;display:inline-flex}.cta:disabled{color:var(--apagado);border-color:var(--hairline);cursor:default;background:0 0}.cta:focus-visible{outline:2px solid var(--marca);outline-offset:2px}@media (max-width:899px){.lienzo,.lienzo[data-panel]{grid-template-columns:minmax(0,1fr)}.barra,.solo-ancho,.cabecera-boton .cabecera-caso{display:none}.cabecera-boton .cabecera-esp{color:var(--tinta)}.hoja-barra .barra{border-right:0;height:100%;display:flex;position:static}.cabecera{padding:0 16px}.cuerpo{padding:20px 16px 24px}.tarjeta{padding:14px 16px 16px}.inciso{padding:8px 12px;font-size:15px}.inciso-tag-texto{display:none}.pie{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));background:var(--fondo);position:sticky;bottom:0}.pie-nav{border:1px solid var(--hairline);width:44px;height:44px;color:var(--secundario);border-radius:6px;flex:none;justify-content:center}.pie-nav span{display:none}.cta{flex:1;max-width:none}}@keyframes entrar{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.explicacion,.panel-cuerpo{animation-duration:80ms}.inciso,.barra-fila,.lamina-boton,.cta{transition-duration:80ms}}
