:root{--azul: #1e3a8a;--azul-claro: #eef2ff;--tinta: #0f172a;--gris: #64748b;--borde: #e2e8f0;--fondo: #f8fafc;--rojo: #dc2626;--verde: #16a34a;--ambar: #d97706}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--fondo);color:var(--tinta);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.pagina{max-width:26rem;margin:0 auto;padding:1rem}.pagina.centro{min-height:100dvh;display:flex;align-items:center}.tarjeta{background:#fff;border:1px solid var(--borde);border-radius:1rem;padding:1.5rem;width:100%}.cabecera{text-align:center;padding:1.5rem 0 1rem}.cabecera h1{font-size:1.25rem;margin:0 0 .25rem}h1{font-size:1.25rem;margin:.5rem 0}h2{font-size:1.05rem;margin:0 0 .25rem}.centrado{text-align:center}.apagado{color:var(--gris);margin:.25rem 0}.chico{font-size:.8rem}.fuerte{font-weight:600;margin:0}.opcional{color:var(--gris);font-style:normal;font-size:.75rem;font-weight:400}.campo{display:block;margin-top:1.25rem}.campo>span{display:block;font-size:.875rem;font-weight:600;margin-bottom:.375rem}.campo small{display:block;color:var(--gris);font-size:.75rem;margin-top:.25rem}input[type=text],input:not([type]){width:100%}input{width:100%;padding:.75rem;border:1px solid var(--borde);border-radius:.625rem;font-size:1rem;font-family:inherit;margin-bottom:.5rem;background:#fff;color:var(--tinta)}input:focus{outline:2px solid var(--azul);outline-offset:1px;border-color:var(--azul)}.boton{width:100%;margin-top:1.5rem;padding:.875rem;border:none;border-radius:.625rem;background:var(--azul);color:#fff;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;min-height:3rem}.boton:disabled{opacity:.5;cursor:default}.botonSec{flex:1;padding:.75rem;border:1px solid var(--borde);border-radius:.625rem;background:#fff;color:var(--tinta);font-size:.9rem;font-family:inherit;cursor:pointer;min-height:2.75rem}.botonTexto{border:none;background:none;color:var(--rojo);font-size:.85rem;font-family:inherit;cursor:pointer;padding:.5rem}.filaBotones{display:flex;gap:.5rem;flex-wrap:wrap}.pill{width:2.75rem;height:2.75rem;border:1px solid var(--borde);border-radius:.625rem;background:#fff;color:var(--tinta);font-size:1rem;font-family:inherit;cursor:pointer}.pillOn{background:var(--azul);border-color:var(--azul);color:#fff;font-weight:600}.zonaFoto{border:2px dashed var(--borde);border-radius:.75rem;padding:1rem;text-align:center}.previewWrap{display:flex;flex-direction:column;align-items:center;gap:.5rem}.preview{max-width:100%;max-height:12rem;border-radius:.5rem}.error{margin-top:1rem;padding:.75rem;border-radius:.625rem;background:#fef2f2;color:var(--rojo);font-size:.875rem}.icono{width:3rem;height:3rem;margin:0 auto .5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff}.icono-ok{background:var(--verde)}.icono-alerta{background:var(--rojo)}.icono-reloj{background:var(--ambar)}.spinner{width:2rem;height:2rem;margin:1rem auto;border:3px solid var(--azul-claro);border-top-color:var(--azul);border-radius:50%;animation:girar .9s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.qr{display:inline-block;background:#fff;padding:.75rem;border-radius:.75rem;border:1px solid var(--borde);margin:.5rem 0}.qr canvas{display:block;max-width:100%;height:auto}.detalle{margin:1rem 0 .5rem}