body{background:#F7F1EA;padding-bottom:30px}
.mut{color:var(--tinta-s)}.sm{font-size:.78rem}.center{text-align:center}
h2{margin:0 0 4px;font:700 1.2rem var(--f-display);color:var(--guinda)}
.bar{background:var(--guinda);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 4px 18px rgba(0,0,0,.25)}
.bar-in{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px 6px;max-width:560px;margin:0 auto}
.brand{display:flex;align-items:center;gap:10px}
.brand img{height:40px;width:auto}
.brand b{display:block;font:700 1.15rem var(--f-display);color:#F3DDB6;line-height:1.1}.brand small{color:#e9cfd4;font-size:.7rem}
.cnt{display:flex;align-items:center;gap:8px;font-size:.66rem;line-height:1.2;color:#e9cfd4;text-align:left}
.cnt b{font:700 2rem/1 var(--f-display);color:#F3DDB6}
.tabs{display:grid;grid-template-columns:1fr 1fr;max-width:560px;margin:0 auto}
.tabs button{min-height:48px;border:0;border-bottom:3px solid transparent;background:none;color:#e9cfd4;font:700 .9rem var(--f-body);touch-action:manipulation}
.tabs button[aria-selected="true"]{color:#fff;border-bottom-color:var(--oro-c)}
main{max-width:560px;margin:0 auto;padding:16px}
section[hidden]{display:none}
.cam{position:relative;aspect-ratio:1/1;border-radius:18px;overflow:hidden;background:#1d0309;border:3px solid var(--oro-c)}
.cam video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.frame{position:absolute;inset:18%;pointer-events:none}
.frame i{position:absolute;width:34px;height:34px;border:4px solid #F3DDB6}
.frame i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0;border-radius:10px 0 0 0}
.frame i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0;border-radius:0 10px 0 0}
.frame i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0;border-radius:0 0 0 10px}
.frame i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0;border-radius:0 0 10px 0}
.cam-off{position:absolute;inset:0;display:grid;place-content:center;gap:14px;text-align:center;padding:24px;color:#f0dfe2;background:radial-gradient(circle,#5C0E1F,#2f0610)}
.cam.on .cam-off{display:none}
.sim{margin-top:16px}
.sims{display:grid;gap:10px;margin-top:12px}
.sims button{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:52px;padding:10px 14px;border:1px solid var(--borde);border-radius:12px;background:#fff;text-align:left;font:600 .88rem var(--f-body);touch-action:manipulation}
.sims button small{display:block;font-weight:400;color:var(--tinta-s);font-size:.74rem}
.sims button .pill{flex:none}
.found{list-style:none;margin:14px 0;padding:0;display:grid;gap:10px}
.found li button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:60px;padding:10px 14px;border:1px solid var(--borde);border-radius:12px;background:#fff;text-align:left;font:600 .92rem var(--f-body);touch-action:manipulation}
.found small{display:block;font-weight:400;color:var(--tinta-s)}
.sheet{position:fixed;inset:0;z-index:50;background:rgba(30,6,14,.78);display:grid;place-items:end center;padding:0}
@media(min-width:600px){.sheet{place-items:center}}
.sheet[hidden]{display:none}
.res{width:min(560px,100%);border-radius:22px 22px 0 0;overflow:hidden;background:#fff;animation:up .3s cubic-bezier(.2,.8,.3,1);box-shadow:0 -10px 50px rgba(0,0,0,.4)}
@media(min-width:600px){.res{border-radius:22px}}
@keyframes up{from{transform:translateY(40px);opacity:0}}
.res-h{padding:20px 20px 16px;text-align:center;color:#fff}
.res-h.ok{background:var(--ok)}.res-h.bad{background:var(--bad)}.res-h.warn{background:#9a6a00}
.res-h .ic{font-size:2.6rem;line-height:1}
.res-h h3{margin:6px 0 0;font:700 1.7rem/1.1 var(--f-display);letter-spacing:.02em;text-transform:uppercase}
.res-b{padding:18px 20px 22px;text-align:center}
.res-b .nm{font:700 1.7rem/1.15 var(--f-display);color:var(--guinda)}
.res-b .dt{color:var(--tinta-s);margin-top:4px;font-size:.92rem}
.res-b .ms{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#F6EDEF;font-size:.88rem}
.res-b .acts{display:grid;gap:10px;margin-top:16px}
.res-b .acts button{min-height:52px;border-radius:12px;border:1px solid var(--guinda);background:var(--guinda);color:#fff;font:700 1rem var(--f-body);touch-action:manipulation}
.res-b .acts button.g{background:transparent;color:var(--guinda)}
.res-b .acts button.go{background:var(--ok);border-color:var(--ok)}