:root{--fondo: #f6f6f7;--tarjeta: #fff;--texto: #1d1d1f;--suave: #6b6b70;--borde: #d9d9de;--marca: #c9281a;--marca-texto: #fff;--ok: #1d7a4d;--aviso: #8a5a00;--error: #b3261e;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--fondo: #121214;--tarjeta: #1c1c1f;--texto: #f2f2f4;--suave: #a0a0a8;--borde: #34343a;--marca: #e0483a;--ok: #4cc38a;--aviso: #e8b040;--error: #ff8a80}}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--texto);font:17px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;-webkit-text-size-adjust:100%}main{max-width:640px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 16px max(32px,env(safe-area-inset-bottom))}h1{font-size:1.5rem;margin:8px 0 4px}h2{font-size:1.15rem;margin:0 0 12px}p{margin:8px 0}.suave{color:var(--suave);font-size:.92rem}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:14px;padding:16px;margin:16px 0}label{display:block;font-weight:600;margin:14px 0 6px}input,select{width:100%;min-height:48px;padding:10px 12px;font:inherit;color:inherit;background:var(--fondo);border:1px solid var(--borde);border-radius:10px}input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid var(--marca);outline-offset:2px}button{min-height:48px;padding:10px 16px;font:inherit;font-weight:600;border-radius:10px;border:1px solid var(--borde);background:var(--tarjeta);color:var(--texto);cursor:pointer}button.principal{background:var(--marca);color:var(--marca-texto);border-color:var(--marca)}button.peligro{color:var(--error)}button[disabled]{opacity:.55;cursor:default}.fila{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.fila>button{flex:1 1 auto}.error{color:var(--error);margin:12px 0;font-weight:600}.ok{color:var(--ok);margin:12px 0;font-weight:600}.aviso{color:var(--aviso)}.secreto{font-family:ui-monospace,Menlo,monospace;word-break:break-all;background:var(--fondo);border:1px dashed var(--borde);border-radius:10px;padding:10px}.qr{display:block;margin:12px auto;width:220px;height:220px;background:#fff;padding:8px;border-radius:10px}ul.lista{list-style:none;padding:0;margin:0}ul.lista li{padding:12px 0;border-top:1px solid var(--borde)}ul.lista li:first-child{border-top:0}.etiqueta{display:inline-block;font-size:.78rem;padding:2px 8px;border-radius:99px;border:1px solid var(--borde);color:var(--suave);margin-left:6px}.cabecera{display:flex;justify-content:space-between;align-items:center;gap:12px}@media(prefers-reduced-motion:no-preference){button{transition:opacity .15s ease-out}}
