.chat-ficha{align-content:start;gap:18px;display:grid}@keyframes ficha-entra{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.ficha-entra{animation:ficha-entra var(--t-ficha) var(--ease) both}.ficha-silueta svg{fill:none;stroke:var(--outline-accent);stroke-width:1.5px;stroke-dasharray:3 3}.ficha-cara{display:inline-flex}.ficha-cara--final{animation:ficha-entra var(--t-ficha) var(--ease) both}.ficha-barra{background:var(--overlay);border-radius:999px;height:6px;overflow:hidden}.ficha-barra>span{background:var(--element-high);height:100%;transition:width .3s var(--ease);border-radius:999px;display:block}.ficha-chip{border-radius:var(--radio-chip);border:1px solid var(--outline-accent);background:var(--surface);color:var(--element-high);animation:ficha-entra var(--t-ficha) var(--ease) both;animation-delay:calc(var(--i,0) * 50ms);padding:4px 10px;font-size:12.5px}.ficha-dial svg{width:100%;max-width:150px;height:auto;overflow:visible}.ficha-dial__pista{fill:none;stroke:var(--overlay);stroke-width:7px;stroke-linecap:round}.ficha-dial__lleno{fill:none;stroke:var(--element-high);stroke-width:7px;stroke-linecap:round;transition:stroke-dasharray .3s var(--ease)}.ficha-dial__marca{fill:var(--outline-accent)}.ficha-dial__marca--on{fill:var(--element-high)}.ficha-dial__aguja{transform-origin:50px 50px;transform-box:view-box;transition:transform .3s var(--ease)}.ficha-dial__aguja line{stroke:var(--element-high);stroke-width:2.5px;stroke-linecap:round}.ficha-dial__aguja circle{fill:var(--element-high)}.ficha-interruptor{background:var(--overlay);width:34px;height:20px;box-shadow:inset 0 0 0 1px var(--outline-accent);transition:background-color .2s var(--ease);border-radius:999px;flex:none;margin-top:1px;position:relative}.ficha-interruptor:after{content:"";background:var(--white);width:16px;height:16px;transition:transform .2s var(--ease);border-radius:999px;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #20291f33}.ficha-interruptor[data-prendido=si]{background:var(--green-darker);box-shadow:none}.ficha-interruptor[data-prendido=si]:after{transform:translate(14px)}.ficha-acto{border-radius:var(--radio-caja);border:1px solid var(--outline);background:var(--surface);animation:ficha-entra var(--t-ficha) var(--ease) both;animation-delay:calc(var(--i,0) * 50ms);padding:10px 12px}@media (prefers-reduced-motion:reduce){.ficha-entra,.ficha-chip,.ficha-acto,.ficha-cara--final{animation:none}.ficha-barra>span,.ficha-dial__lleno,.ficha-dial__aguja,.ficha-interruptor,.ficha-interruptor:after{transition:none}}
