:root{--bg: #0b1220;--sup: #131c2e;--sup2: #1b2739;--borde: #27354b;--txt: #e8eef8;--txt2: #9fb0c8;--acento: #38bdf8;--verde: #22c55e;--amarillo: #f59e0b;--rojo: #ef4444;--r: 14px;--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--txt);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain}.app{max-width:620px;margin:0 auto;padding:16px 16px calc(24px + var(--safe-b));min-height:100%}h1{font-size:24px;line-height:1.2;margin:0 0 8px}h2{font-size:19px;margin:24px 0 10px}h3{font-size:16px;margin:18px 0 8px}p{margin:0 0 12px}.sub{color:var(--txt2);font-size:14.5px}.mini{color:var(--txt2);font-size:13px}.card{background:var(--sup);border:1px solid var(--borde);border-radius:var(--r);padding:16px;margin-bottom:12px}button{font:inherit;cursor:pointer;border:none;border-radius:12px}.btn{display:block;width:100%;padding:15px 18px;background:var(--acento);color:#06121f;font-weight:700;font-size:16.5px;text-align:center;text-decoration:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.sec{background:var(--sup2);color:var(--txt);border:1px solid var(--borde);font-weight:600}.btn.peligro{background:var(--rojo);color:#fff}.btn+.btn{margin-top:10px}.fila{display:flex;gap:10px}.fila>*{flex:1}label{display:block;font-size:14px;font-weight:600;color:var(--txt2);margin:14px 0 6px}input[type=text],input[type=number],select,textarea{width:100%;padding:13px 14px;background:var(--sup2);border:1px solid var(--borde);border-radius:11px;color:var(--txt);font:inherit;font-size:16px}textarea{min-height:84px;resize:vertical}.opciones{display:grid;gap:8px}.opcion{display:flex;align-items:flex-start;gap:11px;padding:13px 14px;background:var(--sup2);border:1.5px solid var(--borde);border-radius:12px;text-align:left;color:var(--txt);font-size:15px;width:100%}.opcion.activa{border-color:var(--acento);background:#0e2a3d}.opcion .caja{flex:0 0 20px;width:20px;height:20px;border:2px solid var(--txt2);border-radius:6px;margin-top:1px;display:grid;place-items:center;font-size:13px;font-weight:800;color:#06121f}.opcion.activa .caja{background:var(--acento);border-color:var(--acento)}.opcion small{display:block;color:var(--txt2);font-size:13px;margin-top:2px}.rejilla{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}@media(max-width:360px){.rejilla{grid-template-columns:repeat(2,1fr)}}.azulejo{background:var(--sup);border:1.5px solid var(--borde);border-radius:var(--r);padding:14px 8px 10px;color:var(--txt);display:flex;flex-direction:column;align-items:center;gap:6px;min-height:108px;justify-content:center}.azulejo:active{transform:scale(.97)}.azulejo.hecha{border-color:var(--acento);background:#0e2233}.azulejo .ico{font-size:27px;line-height:1}.azulejo .nom{font-size:13.5px;font-weight:600;text-align:center;line-height:1.2}.pill.clave{color:var(--acento);border-color:#0e4a63}.pill.vacio{color:#4b5a70;border-color:transparent;background:transparent}.chip-gas{width:100%;padding:12px;border-radius:12px;background:var(--sup2);border:1.5px dashed var(--borde);color:var(--txt2);font-size:14.5px;font-weight:600;margin-bottom:12px}.chip-gas.activo{background:#300c0c;border:1.5px solid #7f1d1d;color:#fecaca}.escaner{position:fixed;inset:0;display:flex;flex-direction:column;background:#000}.marco{position:relative;flex:1;overflow:hidden}.marco video{width:100%;height:100%;object-fit:cover;display:block}.revision{position:absolute;inset:0;animation:entrar .22s ease-out}.revision img{width:100%;height:100%;object-fit:cover;display:block}.sello-revision{position:absolute;top:calc(96px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);background:#000000bf;border:1px solid var(--acento);color:#fff;border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:700;white-space:nowrap}@keyframes entrar{0%{opacity:0}to{opacity:1}}.caja-hallazgo{position:absolute;border:2.5px solid var(--acento);border-radius:6px;box-shadow:0 0 0 9999px #00000005;pointer-events:none;animation:aparecer .18s ease-out}.caja-hallazgo span{position:absolute;top:-11px;left:-2px;font-size:10.5px;font-weight:800;color:#05121d;padding:2px 7px;border-radius:5px;white-space:nowrap;max-width:78vw;overflow:hidden;text-overflow:ellipsis}@keyframes aparecer{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.linea-barrido{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--acento),transparent);animation:barrer 2.4s linear infinite;pointer-events:none}@keyframes barrer{0%{top:0;opacity:0}12%{opacity:1}88%{opacity:1}to{top:100%;opacity:0}}.tapa-sup{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 22px;background:linear-gradient(rgba(0,0,0,.72),transparent)}.tapa-sup .icono{width:36px;height:36px;border-radius:50%;background:#0000008c;color:#fff;font-size:16px;flex:0 0 auto}.tapa-sup .zona-titulo{flex:1;font-weight:700;font-size:16px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}.nivel-vivo{position:absolute;top:calc(58px + env(safe-area-inset-top,0px));right:12px;display:flex;align-items:center;gap:8px;background:#0009;border-radius:999px;padding:6px 11px;color:#fff;font-size:12.5px;font-variant-numeric:tabular-nums}.nivel-vivo .burbuja{position:relative;width:54px;height:8px;border-radius:999px;background:#ffffff38;overflow:hidden}.nivel-vivo .burbuja i{position:absolute;top:1px;width:6px;height:6px;border-radius:50%;background:var(--acento);transform:translate(-50%);transition:left .12s linear}.tapa-inf{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 12px;background:linear-gradient(transparent,#000000d9);display:flex;flex-direction:column;gap:7px}.tapa-inf .msg{color:#fff;font-size:14px;line-height:1.35;text-shadow:0 1px 3px rgba(0,0,0,.9)}.tapa-inf .err-cam{background:#7f1d1deb;border-radius:9px;padding:9px 11px;font-size:13.5px}.tapa-inf .contadores b{font-size:17px}.tapa-inf .est{color:#fca5a5;font-weight:700}.tapa-inf .tenue{color:#ffffff9e;font-size:13px}.tapa-inf .analizando{display:flex;align-items:center;gap:8px;color:var(--acento);font-size:13px;margin-top:3px}.tapa-inf .plomo{border-radius:9px;padding:8px 11px;font-size:13px;font-weight:600}.tapa-inf .plomo.ok{background:#15803dd9}.tapa-inf .plomo.aviso{background:#b45309e6}.tapa-inf .plomo.grave{background:#b91c1ceb}.controles{display:flex;align-items:center;justify-content:space-around;gap:12px;padding:12px 16px calc(14px + var(--safe-b));background:#06090f;border-top:1px solid var(--borde)}.ctrl{background:var(--sup2);border:1px solid var(--borde);color:var(--txt);border-radius:16px;width:74px;height:62px;font-size:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.ctrl small{font-size:10.5px;font-weight:700;color:var(--txt2);letter-spacing:.02em}.ctrl:disabled{opacity:.4}.ctrl.grande{width:104px;height:72px;background:var(--acento);border-color:var(--acento);color:#06121f;font-size:24px}.ctrl.grande small{color:#06121f}.ctrl.grande.activo{background:var(--rojo);border-color:var(--rojo);color:#fff}.ctrl.grande.activo small{color:#fff}.veredicto{border-radius:var(--r);padding:18px;margin-bottom:14px;border:1px solid}.veredicto.verde{background:#062b18;border-color:#14532d}.veredicto.amarillo{background:#2e2205;border-color:#713f12}.veredicto.rojo{background:#300c0c;border-color:#7f1d1d}.veredicto .etiqueta{font-size:12.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.veredicto.verde .etiqueta{color:var(--verde)}.veredicto.amarillo .etiqueta{color:var(--amarillo)}.veredicto.rojo .etiqueta{color:var(--rojo)}.veredicto h2{margin:6px 0 8px;font-size:22px}.aviso{background:#300c0c;border:1px solid #7f1d1d;border-radius:var(--r);padding:14px;margin-bottom:12px;font-size:14.5px}.aviso.leve{background:#1d1a06;border-color:#713f12}ul.lista{margin:6px 0 0;padding-left:20px}ul.lista li{margin-bottom:7px;font-size:15px}.pill{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid var(--borde);background:var(--sup2);color:var(--txt2)}.pill.verde{color:var(--verde);border-color:#14532d}.pill.amarillo{color:var(--amarillo);border-color:#713f12}.pill.rojo{color:var(--rojo);border-color:#7f1d1d}.pill.est{color:#fca5a5;border-color:#7f1d1d}.progreso{height:6px;background:var(--sup2);border-radius:999px;overflow:hidden;margin:10px 0}.progreso i{display:block;height:100%;background:var(--acento);transition:width .2s}.cargando{display:flex;align-items:center;gap:11px;color:var(--txt2);font-size:15px}.spinner{width:19px;height:19px;border:2.5px solid var(--borde);border-top-color:var(--acento);border-radius:50%;animation:giro .75s linear infinite;flex:0 0 auto}@keyframes giro{to{transform:rotate(360deg)}}.barra-sup{display:flex;align-items:center;gap:10px;margin-bottom:14px}.barra-sup button{background:var(--sup2);color:var(--txt);border:1px solid var(--borde);padding:9px 13px;font-size:14px}.barra-sup .titulo{font-weight:700;font-size:15px}.informe h2{border-bottom:1px solid var(--borde);padding-bottom:7px}.informe li{margin-bottom:6px}.err{background:#300c0c;border:1px solid #7f1d1d;color:#fecaca;border-radius:11px;padding:12px 14px;font-size:14.5px;margin-bottom:12px}hr{border:none;border-top:1px solid var(--borde);margin:18px 0}a{color:var(--acento)}