:root{--verde: #1c5d3a;--verde-claro: #e7f3ec;--verde-oscuro: #12402780;--rojo: #a4262c;--rojo-claro: #fdeceb;--ambar: #8a5a00;--ambar-claro: #fff4e0;--azul: #1b4f8a;--azul-claro: #e8f0f9;--tinta: #16181c;--tinta-suave: #5a6069;--borde: #d6d9de;--fondo: #f5f6f8;--papel: #ffffff;--radio: 14px;--sombra: 0 1px 3px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .04);--seguro-arriba: env(safe-area-inset-top, 0px);--seguro-abajo: env(safe-area-inset-bottom, 0px);color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;min-height:100%}body{background:var(--fondo);color:var(--tinta);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.45;overscroll-behavior-y:none}#raiz{min-height:100dvh;display:flex;flex-direction:column}img{max-width:100%;display:block}[hidden]{display:none!important}.pantalla{flex:1;display:flex;flex-direction:column;padding-bottom:calc(24px + var(--seguro-abajo))}.contenido{flex:1;width:100%;max-width:560px;margin:0 auto;padding:16px}.encabezado{background:var(--verde);color:#fff;padding:calc(14px + var(--seguro-arriba)) 16px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.encabezado h1{font-size:1.05rem;font-weight:600;margin:0;letter-spacing:.01em}.encabezado .sub{font-size:.82rem;opacity:.85;margin:2px 0 0}.tarjeta{background:var(--papel);border:1px solid var(--borde);border-radius:var(--radio);padding:16px;margin-bottom:14px;box-shadow:var(--sombra)}.tarjeta h2{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-suave);margin:0 0 10px}.boton{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;padding:14px 18px;font-size:1.05rem;font-weight:600;font-family:inherit;border:1px solid transparent;border-radius:var(--radio);background:var(--verde);color:#fff;cursor:pointer;transition:transform .06s ease,opacity .15s ease}.boton:active:not(:disabled){transform:scale(.985)}.boton:disabled{opacity:.45;cursor:not-allowed}.boton:focus-visible{outline:3px solid var(--azul);outline-offset:2px}.boton.grande{min-height:76px;font-size:1.2rem}.boton.salida{background:var(--rojo)}.boton.neutro{background:var(--papel);color:var(--tinta);border-color:var(--borde)}.boton.texto{background:none;color:var(--azul);min-height:48px;font-weight:600;border:none}.campo{margin-bottom:16px}.campo label{display:block;font-size:.88rem;font-weight:600;color:var(--tinta-suave);margin-bottom:6px}.campo input,.campo textarea,.campo select{width:100%;min-height:52px;padding:12px 14px;font-size:16px;font-family:inherit;color:var(--tinta);background:var(--papel);border:1px solid var(--borde);border-radius:10px}.campo textarea{min-height:96px;resize:vertical}.campo input:focus,.campo textarea:focus,.campo select:focus{outline:none;border-color:var(--verde);box-shadow:0 0 0 3px var(--verde-claro)}.campo .ayuda{font-size:.85rem;color:var(--tinta-suave);margin-top:6px}.aviso{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:10px;font-size:.95rem;margin-bottom:14px;border:1px solid}.aviso .icono{flex-shrink:0;font-weight:700}.aviso.error{background:var(--rojo-claro);border-color:#f0c2c0;color:var(--rojo)}.aviso.advertencia{background:var(--ambar-claro);border-color:#f2ddb4;color:var(--ambar)}.aviso.exito{background:var(--verde-claro);border-color:#bcdcc9;color:var(--verde)}.aviso.informativo{background:var(--azul-claro);border-color:#c3d8ef;color:var(--azul)}.cargando{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:48px 16px;color:var(--tinta-suave)}.girador{width:34px;height:34px;border:3px solid var(--borde);border-top-color:var(--verde);border-radius:50%;animation:girar .8s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.girador{animation-duration:2s}.boton:active:not(:disabled){transform:none}}.vacio{text-align:center;padding:40px 20px;color:var(--tinta-suave)}.vacio .emoji{font-size:2.2rem;margin-bottom:8px}.dato{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:9px 0;border-bottom:1px solid var(--borde)}.dato:last-child{border-bottom:none}.dato .etiqueta{color:var(--tinta-suave);font-size:.92rem}.dato .valor{font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.marca{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:.8rem;font-weight:700;border:1px solid}.marca.ok{background:var(--verde-claro);color:var(--verde);border-color:#bcdcc9}.marca.mal{background:var(--rojo-claro);color:var(--rojo);border-color:#f0c2c0}.marca.ojo{background:var(--ambar-claro);color:var(--ambar);border-color:#f2ddb4}.marca.info{background:var(--azul-claro);color:var(--azul);border-color:#c3d8ef}.visor{position:relative;width:100%;aspect-ratio:3 / 4;background:#000;border-radius:var(--radio);overflow:hidden}.visor video,.visor img{width:100%;height:100%;object-fit:cover}.visor video.espejo{transform:scaleX(-1)}.contenido.ancho{max-width:1040px}.pestanas{display:flex;gap:4px;overflow-x:auto;background:var(--verde);padding:0 8px;scrollbar-width:none}.pestanas::-webkit-scrollbar{display:none}.pestanas button{flex-shrink:0;background:none;border:none;border-bottom:3px solid transparent;color:#ffffffbf;font-family:inherit;font-size:.95rem;font-weight:600;padding:12px 14px;min-height:48px;cursor:pointer}.pestanas button[aria-current=true]{color:#fff;border-bottom-color:#fff}.cifras{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:14px}.cifra{background:var(--papel);border:1px solid var(--borde);border-radius:var(--radio);padding:14px}.cifra .numero{font-size:1.9rem;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.cifra .rotulo{font-size:.82rem;color:var(--tinta-suave);margin-top:2px}.cifra.alerta .numero{color:var(--rojo)}.cifra.ojo .numero{color:var(--ambar)}.cifra.bien .numero{color:var(--verde)}.tabla-envoltura{overflow-x:auto;border:1px solid var(--borde);border-radius:var(--radio);background:var(--papel)}table.tabla{width:100%;border-collapse:collapse;font-size:.93rem}table.tabla th{text-align:left;font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;color:var(--tinta-suave);padding:11px 12px;border-bottom:1px solid var(--borde);white-space:nowrap;background:var(--fondo)}table.tabla td{padding:11px 12px;border-bottom:1px solid var(--borde);vertical-align:middle}table.tabla tr:last-child td{border-bottom:none}table.tabla td.num{text-align:right;font-variant-numeric:tabular-nums}table.tabla .principal{font-weight:600}table.tabla .secundario{color:var(--tinta-suave);font-size:.85rem}.fila{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--borde)}.fila:last-child{border-bottom:none}.fila .texto{min-width:0}.fila .titulo{font-weight:600}.fila .detalle{font-size:.87rem;color:var(--tinta-suave)}.fila .acciones{display:flex;gap:6px;flex-shrink:0}.boton.chico{width:auto;min-height:40px;padding:8px 14px;font-size:.9rem}.rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 14px}.barra-acciones{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.barra-acciones .boton{width:auto;min-width:160px}