.btem{--bt-ink:var(--rail-ink);--bt-muted:var(--rail-muted);--bt-off:color-mix(in oklab,var(--rail-line),var(--rail-muted) 35%);--bt-on:var(--rail-ink);--bt-knob:var(--rail);--bt-hover:var(--rail-2);color:var(--bt-muted);font:inherit;text-align:left;cursor:pointer;border-radius:var(--r);-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:10px;width:100%;min-height:36px;padding:6px 0;font-size:14px;font-weight:700;display:flex}.btem .ic{flex:none;width:18px;height:18px}.btem-t{flex:1;min-width:0}.btem-sw{background:var(--bt-off);border-radius:9px;flex:none;width:30px;height:18px;transition:background-color .2s;position:relative}.btem-sw:after{content:"";background:var(--bt-knob);width:14px;height:14px;transition:transform .2s var(--ease);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #28241e2e}.btem[aria-pressed=true]{color:var(--bt-ink)}.btem[aria-pressed=true] .btem-sw{background:var(--bt-on)}.btem[aria-pressed=true] .btem-sw:after{transform:translate(12px)}.btem:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (hover:hover) and (pointer:fine){.btem:hover{color:var(--bt-ink)}}.btem-hoja{--bt-ink:var(--ink);--bt-muted:var(--ink);--bt-off:color-mix(in oklab,var(--line),var(--ink-3) 35%);--bt-on:var(--ink);--bt-knob:var(--surface);border-radius:8px;gap:12px;min-height:52px;padding:0 12px;font-size:16px}.btem-hoja .ic{width:22px;height:22px;color:var(--ink-3)}.btem-hoja:active{background:var(--sunk)}.btem-ingreso{--bt-ink:var(--ink);--bt-muted:var(--ink-2);--bt-off:color-mix(in oklab,var(--line),var(--ink-3) 25%);--bt-on:var(--ink);--bt-knob:var(--surface);top:max(10px,env(safe-area-inset-top,0px));z-index:5;background:color-mix(in oklab,var(--surface),transparent 30%);width:auto;min-height:44px;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--line),transparent 30%);border-radius:22px;gap:8px;padding:6px 10px;font-size:13.5px;font-weight:600;position:absolute;right:12px}.btem-ingreso .ic{width:16px;height:16px}@media (prefers-reduced-motion:reduce){.btem-sw,.btem-sw:after{transition:none}}.ingreso[data-intro] .btem-ingreso{opacity:0;pointer-events:none}@media (max-width:959px){.btem-ingreso .btem-t{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}
