.ba{position:relative;width:100%;max-width:560px;aspect-ratio:4/3;border-radius:var(--r-xl,28px);overflow:hidden;background:#fff;border:1px solid var(--line,#dce4eb);box-shadow:var(--sh-lg,0 24px 70px rgba(22,39,55,.1));-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:none}.ba-antes,.ba-despues{position:absolute;inset:0}.ba-despues{background:#fff}.xls-bar{background:#eef2f6;border-bottom:1px solid var(--line,#dce4eb);padding:9px 12px;color:var(--ink-2,#66717c);white-space:nowrap;overflow:hidden}.xls,.xls-bar{font-family:var(--mono,"PlexMono",ui-monospace,monospace);font-size:10.5px}.xr{display:grid;grid-template-columns:repeat(6,1fr)}.xc{border-right:1px solid #ebeff3;border-bottom:1px solid #ebeff3;padding:6px;color:#4a5560;white-space:nowrap;overflow:hidden}.xc.bad{color:#c0392b;background:#fdf1f0}.ui-bar{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line,#dce4eb);font-size:13.5px;font-weight:700}.ui-bar i{width:10px;height:10px;border-radius:3px;display:block}.ui-bar b,.ui-bar i{background:var(--blue,#2c5f8a)}.ui-bar b{margin-left:auto;font-size:11.5px;font-weight:700;color:#fff;padding:5px 11px;border-radius:999px}.ui-row{display:grid;grid-template-columns:14px 1fr auto auto;grid-gap:11px;gap:11px;align-items:center;padding:9px 14px;border-bottom:1px solid #f1f4f7;font-size:12.5px}.ui-row .dot{width:8px;height:8px;border-radius:50%}.dot.d0{background:var(--ok,#2e9e5b)}.dot.d1{background:var(--warn,#f5a524)}.dot.d2{background:var(--off,#b0a99f)}.ui-row .nm{font-weight:700}.ui-row .mt,.ui-row .pr{color:var(--ink-2,#66717c);font-size:11.5px}.ui-row .pr{font-family:var(--mono,"PlexMono",ui-monospace,monospace)}.ba-handle{top:0;bottom:0;width:2px;cursor:ew-resize;transform:translateX(-1px);box-shadow:0 0 0 1px rgba(18,22,27,.12)}.ba-handle,.ba-handle span{position:absolute;background:#fff}.ba-handle span{top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;box-shadow:0 6px 20px rgba(22,39,55,.24);display:grid;place-items:center;color:var(--blue,#2c5f8a);font-size:13px;font-weight:800}.ba-tag{position:absolute;top:14px;font-size:11px;font-weight:700;background:hsla(0,0%,100%,.92);color:var(--ink-2,#66717c);padding:5px 11px;border-radius:999px;box-shadow:var(--sh-sm,0 8px 30px rgba(27,45,61,.06))}.ba-tag.l{left:14px}.ba-tag.r{right:14px;background:var(--blue,#2c5f8a);color:#fff}.browser{width:100%;max-width:580px;border-radius:var(--r-xl,28px);overflow:hidden;background:#fff;border:1px solid var(--line,#dce4eb);box-shadow:var(--sh-lg,0 24px 70px rgba(22,39,55,.1))}.bb{display:flex;align-items:center;gap:6px;padding:12px 16px;background:#eef2f6;border-bottom:1px solid var(--line,#dce4eb)}.bb i{width:9px;height:9px;border-radius:50%;background:#cbd5df;display:block}.bb .url{margin-left:12px;font-size:11.5px;font-weight:600;color:var(--ink-2,#66717c)}.bbody{padding:14px 12px 6px;background:#fafcfe}.bbody svg{width:100%;height:auto;display:block}.lot{cursor:pointer;transition:fill-opacity .16s var(--ease,cubic-bezier(.16,1,.3,1))}.lot:hover{fill-opacity:1}.lot:focus-visible{fill-opacity:1;stroke-width:2.6;outline:none}.legend{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:13px 16px;border-top:1px solid var(--line,#dce4eb);font-size:12px;color:var(--ink-2,#66717c)}.legend span{display:inline-flex;align-items:center;gap:6px;font-weight:600}.legend .sw{width:9px;height:9px;display:block;border-radius:3px}.legend em{font-style:normal;color:var(--ink,#12161b);font-weight:800}.legend .tip{margin-left:auto;color:var(--blue,#2c5f8a);font-weight:700}.phone{width:min(340px,94vw);border-radius:44px;padding:14px;position:relative;box-shadow:var(--sh-xl,0 38px 80px rgba(18,22,27,.2)),inset 0 0 0 1px #525b65}.notch,.phone{background:#1b2027}.notch{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:112px;height:26px;border-radius:0 0 16px 16px;z-index:2}.phone canvas{width:100%;height:auto;display:block;border-radius:32px;background:#dceef9;outline:none;touch-action:manipulation}.phone canvas:focus-visible{box-shadow:0 0 0 3px var(--blue,#2c5f8a)}