.balanza{--ang:0deg;--B:min(94vw, 420px);--alto-plato:76px;--c:26px;flex-direction:column;justify-content:space-evenly;align-items:center;gap:6px;width:100%;height:100%;min-height:0;display:flex}.balanza[data-modo=kilos]{--alto-plato:112px}.balanza__progreso{gap:8px;display:flex}.balanza__progreso i{background:var(--salvia-tinte);border:2px solid var(--salvia);border-radius:50%;width:14px;height:14px}.balanza__progreso i.actual{background:var(--coral-tinte);border-color:var(--coral)}.balanza__progreso i.hecho{background:var(--salvia)}.balanza__consigna{font:600 1rem/1.2 var(--fuente-titulo);color:var(--texto);text-align:center;margin:0}.balanza__consigna b{color:var(--coral-texto)}.balanza__escena{width:var(--B);height:calc(var(--alto-plato) + 70px);flex:none;position:relative}.balanza__poste{background:var(--violeta);border-radius:4px;width:8px;margin-left:-4px;position:absolute;top:23px;bottom:0;left:50%}.balanza__base{background:var(--violeta);border-radius:8px;width:90px;height:12px;margin-left:-45px;position:absolute;bottom:0;left:50%}.balanza__brazo{background:var(--violeta);width:92%;height:10px;transform:rotate(var(--ang));border-radius:5px;transition:transform .5s ease-in-out;position:absolute;top:18px;left:4%}.balanza__brazo:after{content:"";background:var(--amarillo);border:3px solid var(--violeta);border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;position:absolute;top:50%;left:50%}.balanza__lado{width:calc(var(--B) * .46);transform:translateX(-50%) rotate(calc(-1 * var(--ang)));transform-origin:50% 0;flex-direction:column;align-items:center;transition:transform .5s ease-in-out;display:flex;position:absolute;top:5px}.balanza__lado--izq{left:23%}.balanza__lado--der{left:77%}.balanza__cuerda{background:var(--violeta);width:3px;height:22px}.balanza__plato{box-sizing:border-box;width:100%;min-height:var(--alto-plato);border:3px solid var(--violeta);background:var(--superficie);font:inherit;color:inherit;border-radius:8px 8px 28px 28px;flex-wrap:wrap;place-content:flex-start center;align-items:center;gap:4px;padding:6px;display:flex}button.balanza__plato{cursor:default}button.balanza__plato.sacable{cursor:pointer;background:var(--violeta-tinte);border-style:dashed}button.balanza__plato.sacable:hover{background:var(--coral-tinte)}button.balanza__plato:focus-visible,.grupo:focus-visible,.pesa:focus-visible{outline:3px solid var(--violeta);outline-offset:3px}.balanza.equilibrada .balanza__plato{border-color:var(--salvia);background:var(--salvia-tinte)}.cubito{box-sizing:border-box;width:var(--c);height:var(--c);border:2px solid var(--coral);background:#f7c548;border-radius:6px;justify-content:space-evenly;align-items:center;display:inline-flex}.cubito--doble{width:calc(var(--c) * 2 + 4px)}.cubito i{aspect-ratio:1;background:var(--coral);border-radius:50%;width:28%}.cubito--doble i{width:calc(var(--c) * .3)}#plato-der:not(button){grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.bolsa{background:var(--amarillo-tinte);border:3px solid var(--amarillo);min-width:56px;min-height:48px;font:700 1.25rem/1 var(--fuente-titulo);color:var(--texto);border-radius:18px 18px 10px 10px;justify-content:center;align-items:center;padding:0 10px;display:inline-flex}.bolsa--fija{grid-column:1/-1;gap:6px}.mas{font:700 1.25rem/1 var(--fuente-titulo);color:var(--secundario)}.grupo{border:2px solid var(--violeta);background:var(--violeta-tinte);white-space:nowrap;min-width:0;min-height:48px;font:700 1rem/1 var(--fuente-titulo);color:var(--violeta);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0 2px;display:flex}.grupo small{color:var(--coral-texto);font-size:.875rem}.balanza__pesas{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.pesa{border:3px solid var(--violeta);border-radius:var(--radio);background:var(--superficie);min-width:64px;min-height:64px;font:600 1rem/1 var(--fuente-titulo);color:var(--violeta);cursor:pointer;justify-content:center;align-items:center;gap:4px;padding:0 10px;display:inline-flex}.pesa:active{transform:scale(.95)}.pesa .cubito{--c:36px}body[data-edad="6-8"] .pesa{min-width:64px;min-height:52px}.pesa--kilos b{font-size:1.375rem}@media (orientation:landscape) and (height<=500px){.balanza{--B:min(56vw, 440px);grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr) auto;place-items:center;gap:4px 16px;display:grid}.balanza__progreso{grid-area:1/1/auto/-1}.balanza__consigna{grid-area:2/1}.balanza__escena{grid-area:3/1;align-self:start;margin-top:12px}.balanza__pesas{flex-flow:column;grid-area:2/2/-1;align-self:center}.balanza[data-modo=kilos] .balanza__pesas{grid-template-columns:repeat(2,auto);display:grid}.balanza:not([data-modo=kilos]) .balanza__consigna{display:none}}@media (prefers-reduced-motion:reduce){.balanza__brazo,.balanza__lado{transition:none}.pesa:active{transform:none}}