/* El LED encendido significa tema claro; el nombre accesible anuncia la acción. */
button.appearance{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:64px;min-height:44px;padding:9px 13px;border:1px solid #718569;border-radius:999px;background:#142d19;color:#f5f0de;box-shadow:inset 0 1px 2px #ffffff12;cursor:pointer}
button.appearance svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
button.appearance .luz-led{width:9px;height:9px;border-radius:50%;background:#465347;border:1px solid #869080;box-shadow:inset 0 1px 2px #0006}
button.appearance[data-light="on"] .luz-led{background:#f6cc58;border-color:#ffe8a1;box-shadow:0 0 7px #f6cc5870}
button.appearance[data-light="on"] svg{color:#ffe5a0}
button.appearance:hover{border-color:#e4cf87;background:#203f24}
button.appearance:focus-visible{outline:3px solid #f2b632;outline-offset:4px}