.armador,.armador .zona-oscura,.armador.zona-oscura{--acento:var(--brand-primary-strong);--acento-suave:color-mix(in oklab, var(--acento) 13%, transparent);--acento-borde:color-mix(in oklab, var(--acento) 55%, transparent)}.armador{color:var(--brand-fg)}.armador-fondo{background-image:radial-gradient(900px 420px at 12% -10%, color-mix(in oklab, var(--brand-primary) 10%, transparent), transparent 70%), radial-gradient(800px 420px at 100% 0%, color-mix(in oklab, var(--brand-secondary) 9%, transparent), transparent 70%);-webkit-mask-image:linear-gradient(#0000,#000 160px 420px,#0000);mask-image:linear-gradient(#0000,#000 160px 420px,#0000)}.armador .panel-armador{background:linear-gradient(var(--brand-surface), var(--brand-surface)) padding-box, linear-gradient(160deg, color-mix(in oklab, var(--brand-primary) 40%, var(--brand-line-2)), var(--brand-line) 35%, var(--brand-line) 65%, color-mix(in oklab, var(--brand-secondary) 35%, var(--brand-line-2))) border-box;box-shadow:0 24px 60px -42px color-mix(in oklab, var(--brand-secondary) 55%, transparent), 0 2px 8px -4px rgb(var(--brand-shadow-color) / .08);border:1px solid #0000;border-radius:24px}.armador .tarjeta-armador{border:1px solid var(--brand-line-2);background:var(--brand-surface);border-radius:20px;transition:border-color .2s,box-shadow .25s,transform .25s cubic-bezier(.16,1,.3,1)}.armador .tarjeta-armador:not(:disabled):hover{border-color:var(--acento-borde);box-shadow:0 18px 40px -26px color-mix(in oklab, var(--brand-primary) 60%, transparent)}.armador .tarjeta-armador:has(>button:not(:disabled):hover){border-color:var(--acento-borde);box-shadow:0 18px 40px -26px color-mix(in oklab, var(--brand-primary) 60%, transparent)}.armador .zona-oscura .tarjeta-armador{background:color-mix(in oklab, var(--brand-surface-3) 75%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.armador .brillo,.armador .tarjeta-armador.brillo{box-shadow:0 0 0 1.5px var(--acento-borde), 0 0 0 5px color-mix(in oklab, var(--acento) 10%, transparent), 0 14px 40px -16px color-mix(in oklab, var(--acento) 45%, transparent);border-color:#0000}.armador .texto-acento{color:var(--acento)}.armador .fondo-acento-suave{background-color:var(--acento-suave)}.armador .cifra{font-variant-numeric:tabular-nums;letter-spacing:-.01em}.armador .barra-energia{transition:width .42s cubic-bezier(.16,1,.3,1),background-color .2s}@keyframes armador-entra{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.armador .entra{animation:.36s cubic-bezier(.16,1,.3,1) both armador-entra}@media (prefers-reduced-motion:reduce){.armador .entra{animation:none}.armador .barra-energia,.armador .tarjeta-armador{transition:none}}.armador .sin-scroll{scrollbar-width:none}.armador .sin-scroll::-webkit-scrollbar{display:none}.armador :focus-visible{outline:2px solid var(--acento);outline-offset:2px}.armador .barra-pasos{background:var(--brand-surface);box-shadow:0 14px 14px -4px var(--brand-surface)}.armador .boton-apagado:disabled{background:var(--brand-surface-3);color:var(--brand-muted);box-shadow:inset 0 0 0 1px var(--brand-line-2);filter:none;cursor:not-allowed}
