.clasif{--hi:min(calc(((min(100vw, 760px) - 24px - 40px) / 6 - 14px) / 1.25), 96px);flex-direction:column;justify-content:center;gap:20px;width:min(100%,760px);height:100%;min-height:0;display:flex}.clasif__cajas{grid-template-columns:repeat(var(--c), minmax(0, 1fr));flex:auto;gap:8px;min-height:0;max-height:300px;display:grid}@media (width<=480px){.clasif{--hi:min(calc(((100vw - 24px - 16px) / 3 - 14px) / 1.25), 96px)}.clasif__cajas--orden{grid-template-columns:repeat(3,minmax(0,1fr))}.clasif__cajas--orden .caja{aspect-ratio:1/1.1}.clasif__cajas[style*=--c\:4]{grid-template-columns:repeat(2,minmax(0,1fr))}}.caja{border:4px dashed var(--violeta);border-radius:var(--radio);background:var(--salvia-tinte);min-width:0;min-height:0;color:var(--texto);font:700 1rem/1.1 var(--fuente-titulo);cursor:pointer;touch-action:manipulation;flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;padding:8px 4px;transition:transform .15s,background .15s;display:flex;position:relative}.caja--color{background:var(--color);border:4px solid #3b314740}.caja.sobre,.hay-seleccion .caja{border-style:solid;border-color:var(--violeta)}.caja.sobre{background-color:var(--coral-tinte);transform:scale(1.04)}.caja--color.sobre{background-color:var(--color);filter:brightness(1.1)}.caja:focus-visible{outline:3px solid var(--violeta);outline-offset:3px}.caja.rebote{animation:.4s ease-out rebote}@keyframes rebote{40%{transform:scale(1.06)}}.caja__rotulo{pointer-events:none;flex-direction:column;align-items:center;gap:2px;display:flex}.caja__icono{background:#fff;border-radius:50%;place-items:center;width:1.7em;height:1.7em;font-size:clamp(1.5rem,7vw,2.5rem);line-height:1;display:grid}.caja__texto{font-size:.9375rem}.caja__contenido{pointer-events:none;flex-wrap:wrap;flex:1;place-content:flex-start center;align-items:center;gap:2px;width:100%;min-height:0;display:flex;overflow:hidden}.caja .objeto{--tam:30px;width:auto;min-width:0;min-height:0;padding:0}.caja .objeto:disabled{cursor:default;color:var(--texto)}.clasif[data-criterio=grupo] .caja .objeto{--tam:26px}.clasif__cajas--orden{flex:none;align-items:end;gap:8px;max-height:none}.clasif__cajas--orden .caja{aspect-ratio:1/1.3;border-width:3px;justify-content:flex-end;padding:6px 2px}.clasif__cajas--orden .caja__rotulo{order:2;margin-top:auto}.clasif__cajas--orden .caja__contenido{align-content:flex-end;align-items:flex-end;position:absolute;inset:0 0 6px;overflow:visible}.clasif__cajas--orden .caja:has(.objeto) .caja__punto{opacity:.3}.caja__punto{width:calc(12px + (var(--hi) - 12px) * var(--k) / 5);height:calc(12px + (var(--hi) - 12px) * var(--k) / 5);background:var(--violeta);border-radius:50%;display:block}.clasif[data-criterio=tamano] .objeto .figura,.clasif[data-criterio=tamano] .caja .objeto{--tam:calc(28px + (var(--hi) - 28px) * var(--k) / 5)}@media (width>=900px) and (height>=700px){.clasif__cajas{flex:0 300px}.clasif__bandeja .objeto{--tam:64px;min-width:88px;min-height:88px}}.clasif__bandeja{border-radius:var(--radio);background:var(--superficie);border:3px solid var(--coral-tinte);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:8px;display:flex}.objeto{cursor:grab;touch-action:none;user-select:none;--tam:44px;background:0 0;border:3px solid #0000;border-radius:18px;justify-content:center;align-items:center;min-width:64px;min-height:64px;padding:0;display:inline-flex;position:relative}.objeto .figura{pointer-events:none}.objeto[aria-pressed=true]{border-color:var(--coral-texto);background:var(--coral-tinte);transform:scale(1.1)}.objeto.arrastrando{z-index:20;cursor:grabbing;background:var(--superficie);transition:none;box-shadow:0 10px 24px #3b31474d}.objeto.volviendo{transition:transform .25s ease-out}.objeto:focus-visible{outline:3px solid var(--violeta);outline-offset:2px}body[data-edad="6-8"] .objeto{--tam:36px;min-width:48px;min-height:48px}body[data-edad="6-8"] .clasif[data-criterio=tamano] .clasif__bandeja .objeto{min-width:48px;min-height:48px}body[data-edad="0-2"] .objeto{--tam:56px;min-width:80px;min-height:80px}.caja .objeto{min-width:0;min-height:0}@media (prefers-reduced-motion:reduce){.caja,.objeto.volviendo{transition:none}.caja.rebote{animation:none}}