:root{--fondo:#f4efe6;--papel:#fffdf8;--tinta:#26211a;--tenue:#7a7266;--linea:#e4dccd;--acento:#b45309;--acento-tinta:#fff;--acento-suave:#fde9cc;--peligro:#b3261e;--sombra:0 1px 2px #3c280a14, 0 8px 24px #3c280a0f;--radio:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--fondo:#17140f;--papel:#211d17;--tinta:#efe7d8;--tenue:#a39a8a;--linea:#35302a;--acento:#f2a63a;--acento-tinta:#1a1205;--acento-suave:#3a2a12;--peligro:#ff7b72;--sombra:0 1px 2px #0006, 0 8px 24px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--fondo);color:var(--tinta);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font:17px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--acento)}.tenue{color:var(--tenue)}.boton{border:1px solid var(--linea);background:var(--papel);min-height:44px;color:var(--tinta);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:8px 18px;line-height:1.2;text-decoration:none;display:inline-flex}.boton:hover{border-color:var(--tenue)}.boton:focus-visible,input:focus-visible,textarea:focus-visible,.tarjeta:focus-visible{outline:3px solid var(--acento-suave);outline-offset:1px}.boton.primario{background:var(--acento);border-color:var(--acento);color:var(--acento-tinta);font-weight:600}.boton.peligro{color:var(--peligro)}.boton.chico{min-height:38px;padding:6px 14px;font-size:15px}.boton.grande{min-height:52px;font-size:18px}.boton.activo{background:var(--acento-suave);border-color:var(--acento)}.boton:disabled{opacity:.5;cursor:default}.enlace{color:var(--acento);background:0 0;border:0;padding:0;text-decoration:underline}.login{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.login form{background:var(--papel);width:min(400px,100%);box-shadow:var(--sombra);border-radius:20px;gap:14px;padding:28px 24px;display:grid}.login h1{margin:0;font-size:30px}.login .tenue{margin:-8px 0 4px}.campo{gap:6px;font-size:15px;font-weight:600;display:grid}.campo input{border:1px solid var(--linea);background:var(--fondo);border-radius:12px;width:100%;padding:12px 14px;font-size:18px;font-weight:400}.error{color:var(--peligro);margin:0;font-weight:600}.pin{border:1px solid var(--linea);background:var(--fondo);letter-spacing:.5em;text-align:center;font-variant-numeric:tabular-nums;border-radius:12px;width:100%;padding:10px 14px;font-size:34px;font-weight:600}.pin.chico{letter-spacing:.3em;width:8.5ch;padding:6px 8px;font-size:20px}.pin::placeholder{letter-spacing:0;color:var(--tenue);font-size:15px;font-weight:400}.panel-pin{border-bottom:1px solid var(--linea);background:var(--fondo);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 16px;font-size:15px;display:flex}.app{grid-template-rows:auto auto 1fr;height:100dvh;display:grid}.app>.cuerpo-app{grid-row:3}.cabecera{border-bottom:1px solid var(--linea);background:var(--papel);padding:8px 16px;padding-top:max(8px, env(safe-area-inset-top));align-items:center;gap:8px;display:flex}.cabecera h1{margin:0;font-size:20px}.cabecera .quien{color:var(--tenue);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;overflow:hidden}.cuerpo-app{grid-template-columns:360px 1fr;min-height:0;display:grid}.lado{border-right:1px solid var(--linea);flex-direction:column;min-height:0;display:flex}.acciones{gap:8px;padding:12px 12px 4px;display:flex}.acciones .primario{flex:1}.buscador{border:1px solid var(--linea);background:var(--papel);border-radius:12px;margin:8px 12px 4px;padding:10px 14px;font-size:16px}.lista{flex:1;padding:8px 12px 24px;overflow:auto}.tarjeta{text-align:left;background:var(--papel);border:1px solid var(--linea);border-radius:var(--radio);width:100%;margin-bottom:8px;padding:12px 14px;display:block}.tarjeta.activa{border-color:var(--acento);box-shadow:0 0 0 2px var(--acento-suave)}.tarjeta .t{gap:6px;font-weight:600;line-height:1.3;display:flex}.tarjeta .t>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tarjeta .pin{color:var(--acento);flex:none}.tarjeta .p{color:var(--tenue);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:15px;display:block;overflow:hidden}.tarjeta .f{color:var(--tenue);margin-top:4px;font-size:13px;display:block}.vacio{text-align:center;color:var(--tenue);padding:40px 20px}.vacio.grande{margin:auto;font-size:18px}.pie{color:var(--tenue);text-align:center;margin:0;padding:8px 14px 12px;font-size:13px}.editor{background:var(--papel);flex-direction:column;min-height:0;display:flex}.barra{border-bottom:1px solid var(--linea);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;display:flex}.barra .volver{display:none}.estado{color:var(--tenue);white-space:nowrap;margin-left:auto;font-size:14px}.estado.alerta{color:var(--peligro)}.confirmacion{align-items:center;gap:6px;font-size:15px;display:inline-flex}.titulo{background:0 0;border:0;outline:none;width:100%;padding:18px 20px 4px;font-size:24px;font-weight:700}.texto{resize:none;background:0 0;border:0;outline:none;flex:1;width:100%;min-height:0;padding:8px 20px 24px;font-size:18px;line-height:1.6}.pie-nota{color:var(--tenue);border-top:1px solid var(--linea);padding:6px 20px 10px;font-size:13px}.versiones{border-bottom:1px solid var(--linea);background:var(--fondo);max-height:40dvh;padding:10px 16px;overflow:auto}.versiones h2{margin:0 0 8px;font-size:15px}.version{border-top:1px solid var(--linea);align-items:center;gap:10px;padding:6px 0;font-size:15px;display:flex}.version .cuando{flex:none;font-weight:600}.version .que{min-width:0;color:var(--tenue);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.aviso{left:50%;bottom:max(16px, env(safe-area-inset-bottom));background:var(--tinta);color:var(--papel);box-shadow:var(--sombra);z-index:10;border-radius:12px;align-items:center;gap:12px;max-width:calc(100% - 32px);padding:12px 16px;display:flex;position:fixed;transform:translate(-50%)}.aviso button{color:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.tip{background:var(--acento-suave);border-radius:12px;align-items:center;gap:10px;margin:0 12px 8px;padding:10px 12px;font-size:14px;display:flex}.tip span{flex:1}@media (max-width:760px){.cuerpo-app{grid-template-columns:1fr}.lado{border-right:0}.app.con-nota .lado,.app:not(.con-nota) .editor{display:none}.barra .volver{display:inline-flex}.cabecera .ocultable{display:none}.titulo{padding:14px 16px 2px;font-size:22px}.texto{padding:6px 16px 24px}}