:root{--fondo: #0B1719;--tarjeta: #112428;--tarjeta-2: #0F2124;--dock: #0E1F22;--linea: rgba(244, 239, 230, .09);--linea-2: rgba(244, 239, 230, .16);--tinta: #F4EFE6;--tinta-2: #A8BFBE;--tinta-3: #7C9695;--jade: #47C08F;--jade-claro: #7FD9B4;--jade-tenue: rgba(71, 192, 143, .14);--laton: #D9B45B;--laton-claro:#E0C078;--laton-tenue:rgba(217, 180, 91, .1);--ambar: #E7A94A;--ambar-claro:#EFBE72;--ambar-tenue:rgba(231, 169, 74, .1);--rojo: #E5705E;--rojo-claro: #F29C8C;--rojo-tenue: rgba(229, 112, 94, .1);--serif: "Instrument Serif", Georgia, serif;--sans: "Manrope", system-ui, -apple-system, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--r-chica: 12px;--r-media: 16px;--r-grande: 20px;--r-pilula: 999px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--fondo);color:var(--tinta);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}#app{min-height:100dvh}a{color:var(--laton);text-decoration:none}a:hover{color:var(--laton-claro)}.pantalla{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:calc(84px + env(safe-area-inset-bottom))}.pantalla.sin-dock{padding-bottom:28px}.cuerpo{padding:0 20px;display:flex;flex-direction:column;gap:12px}.crecer{flex-grow:1}.barra{display:flex;align-items:center;gap:10px;padding:20px 20px 10px}.barra h1{font-family:var(--serif);font-weight:400;font-size:22px;margin:0;line-height:1.15}.barra .sub{font-size:11.5px;color:var(--tinta-3);margin-top:2px}.titulo-serif{font-family:var(--serif);font-weight:400;line-height:1.15;margin:0}.h-grande{font-size:34px}.h-media{font-size:26px}.h-chica{font-size:19px}.etiqueta{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--tinta-2)}.nota{font-size:11.5px;line-height:1.55;color:var(--tinta-3);margin:0}.parrafo{font-size:13.5px;line-height:1.6;color:var(--tinta-2);margin:0}.mono{font-family:var(--mono)}.tarjeta{background:var(--tarjeta);border:1px solid var(--linea);border-radius:var(--r-grande);padding:16px}.tarjeta.plana{background:var(--tarjeta-2)}.tarjeta.punteada{background:var(--tarjeta-2);border-style:dashed;border-color:var(--linea-2)}.tarjeta.jade{background:var(--jade-tenue);border-color:#47c08f57}.tarjeta.laton{background:var(--laton-tenue);border-color:#d9b45b57}.tarjeta.ambar{background:var(--ambar-tenue);border-color:#e7a94a61}.tarjeta.roja{background:var(--rojo-tenue);border-color:#e5705e66}.tarjeta.hero{background:linear-gradient(180deg,#14292c,#102225);border-color:#47c08f38;padding:20px 22px 18px}.fila{display:flex;align-items:center;gap:12px}.fila-sep{display:flex;align-items:baseline;gap:10px}.divisor{height:1px;background:var(--linea);margin:12px 0}.cifra{font-family:var(--mono);font-weight:500;line-height:1;letter-spacing:-.02em}.cifra-xl{font-size:46px}.cifra-l{font-size:34px}.cifra-m{font-size:24px}.cifra-s{font-size:16px}.verde{color:var(--jade)}.laton{color:var(--laton)}.ambar{color:var(--ambar)}.rojo{color:var(--rojo-claro)}.apagado{color:var(--tinta-2)}.chip{display:inline-flex;align-items:center;flex-shrink:0;white-space:nowrap;gap:6px;padding:6px 11px;border-radius:var(--r-pilula);font-size:11.5px;font-weight:600}.chip .punto{width:6px;height:6px;border-radius:50%;flex-shrink:0}.chip.verde{background:#47c08f26;color:var(--jade-claro)}.chip.verde .punto{background:var(--jade)}.chip.amarillo{background:#e7a94a29;color:var(--ambar-claro)}.chip.amarillo .punto{background:var(--ambar)}.chip.rojo{background:#e5705e29;color:var(--rojo-claro)}.chip.rojo .punto{background:var(--rojo)}.chip.gris{background:#f4efe612;color:var(--tinta-2)}.chip.gris .punto{background:var(--tinta-3)}.chip.laton{background:#d9b45b24;color:var(--laton-claro)}.prioridad{width:26px;height:26px;flex-shrink:0;border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:13px}.prioridad.esencial{background:#47c08f29;color:var(--jade-claro)}.prioridad.otro{background:#f4efe614;color:var(--tinta-2)}.barra-fondo{height:7px;border-radius:var(--r-pilula);background:#f4efe61a;overflow:hidden}.barra-relleno{height:100%;border-radius:var(--r-pilula);transition:width .5s ease}.barra-relleno.verde{background:var(--jade)}.barra-relleno.mezcla{background:linear-gradient(90deg,var(--jade) 0%,var(--laton) 100%)}.barra-relleno.ambar{background:var(--ambar)}.barra-relleno.rojo{background:var(--rojo)}.barra-relleno.laton{background:var(--laton)}.boton{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:54px;padding:0 18px;border:0;border-radius:var(--r-media);font-family:var(--sans);font-size:15.5px;font-weight:700;cursor:pointer;transition:transform .08s ease,filter .15s ease}.boton:active{transform:scale(.985)}.boton:disabled{opacity:.45;cursor:not-allowed}.boton.principal{background:var(--jade);color:#07211a}.boton.laton{background:var(--laton);color:#1a1405}.boton.peligro{background:var(--rojo);color:#2a0d08}.boton.contorno{background:transparent;color:var(--tinta);border:1px solid var(--linea-2)}.boton.contorno.laton-borde{border-color:#d9b45b73;color:var(--laton-claro);background:#d9b45b0f}.boton.fantasma{background:#f4efe60f;color:var(--tinta-2)}.boton.chico{min-height:44px;font-size:13px}.boton-icono{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--linea-2);border-radius:14px;background:transparent;color:var(--tinta);cursor:pointer}.boton-icono.laton-borde{border-color:#d9b45b73;color:var(--laton)}.boton-icono.sin-borde{border:0}.acciones{display:flex;gap:10px}.acciones>*{flex:1}.campo{display:flex;flex-direction:column;gap:7px}.campo label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-2)}.campo input,.campo select,.campo textarea{width:100%;min-height:52px;padding:0 16px;border-radius:14px;border:1px solid var(--linea-2);background:var(--tarjeta);color:var(--tinta);font-family:var(--sans);font-size:15px}.campo textarea{padding:14px 16px;min-height:90px;resize:vertical}.campo input:focus,.campo select:focus,.campo textarea:focus{outline:none;border-color:var(--jade);box-shadow:0 0 0 3px #47c08f24}.campo input.mono{font-family:var(--mono);font-size:16px}.campo select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23A8BFBE' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:42px}.dos-campos{display:flex;gap:12px}.dos-campos>.campo{flex:1}.dos-campos>.campo.angosto{flex:0 0 120px}.monto-grande{display:flex;align-items:center;gap:10px;min-height:74px;padding:0 18px;border-radius:var(--r-grande);border:1px solid rgba(71,192,143,.35);background:var(--tarjeta)}.monto-grande span{font-family:var(--mono);font-size:28px;color:var(--tinta-3)}.monto-grande input{flex-grow:1;min-width:0;border:0;background:transparent;color:var(--tinta);font-family:var(--mono);font-size:32px;font-weight:500;padding:0}.monto-grande input:focus{outline:none}.pastillas{display:flex;flex-wrap:wrap;gap:7px}.pastilla{padding:10px 14px;border-radius:var(--r-pilula);border:1px solid var(--linea-2);background:transparent;color:var(--tinta-2);font-family:var(--sans);font-size:12.5px;cursor:pointer}.pastilla.activa{border-color:var(--jade);background:var(--jade-tenue);color:var(--jade-claro);font-weight:700}.opciones-grandes{display:flex;gap:10px}.opcion-grande{flex:1;display:flex;flex-direction:column;gap:3px;padding:13px 14px;border-radius:14px;border:1px solid var(--linea-2);background:transparent;color:var(--tinta);text-align:left;cursor:pointer;font-family:var(--sans)}.opcion-grande b{font-size:13px}.opcion-grande small{font-size:10.5px;color:var(--tinta-2);line-height:1.4}.opcion-grande.activa{border-color:var(--jade);background:var(--jade-tenue)}.opcion-grande.activa b{color:var(--jade-claro)}.opcion-fuente{display:block;padding:14px 15px;border-radius:var(--r-grande);border:1px solid var(--linea-2);background:var(--tarjeta);cursor:pointer}.opcion-fuente.activa{border-color:var(--jade);background:var(--jade-tenue)}.opcion-fuente.bloqueada{opacity:.5;cursor:not-allowed}.opcion-fuente input[type=radio]{width:19px;height:19px;margin:1px 0 0;accent-color:var(--jade)}.caja-check{display:flex;align-items:flex-start;gap:11px;padding:13px 15px;border-radius:var(--r-media);background:var(--tarjeta-2);border:1px solid var(--linea);cursor:pointer}.caja-check input{width:19px;height:19px;margin:1px 0 0;accent-color:var(--laton)}.seccion{display:flex;align-items:center;gap:8px;padding:6px 0 2px}.seccion .punto{width:6px;height:6px;border-radius:50%}.seccion .nombre{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.seccion .raya{flex-grow:1;height:1px}.seccion .pie{font-size:10.5px;color:var(--tinta-3)}.seccion.esenciales .punto{background:var(--jade)}.seccion.esenciales .nombre{color:var(--jade-claro)}.seccion.esenciales .raya{background:#47c08f33}.seccion.otros .punto{background:var(--tinta-2)}.seccion.otros .nombre{color:var(--tinta-2)}.seccion.otros .raya{background:var(--linea-2)}.dock{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;display:flex;background:var(--dock);border-top:1px solid var(--linea);padding-bottom:env(safe-area-inset-bottom);z-index:20}.dock a{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:13px 0 15px;color:var(--tinta-2);font-size:10px;font-weight:600;letter-spacing:.04em}.dock a.activo{color:var(--jade);font-weight:700}.dock .globo{position:absolute;top:9px;margin-left:13px;width:8px;height:8px;border-radius:50%;background:var(--rojo);border:2px solid var(--dock)}.aviso{position:fixed;left:50%;transform:translate(-50%);top:calc(14px + env(safe-area-inset-top));width:calc(100% - 40px);max-width:440px;padding:13px 16px;border-radius:var(--r-media);background:#16343a;border:1px solid rgba(71,192,143,.4);color:var(--tinta);font-size:13px;line-height:1.5;z-index:40;box-shadow:0 10px 30px #00000073}.aviso.malo{border-color:#e5705e80;background:#2b1a18}.error-caja{padding:12px 14px;border-radius:var(--r-chica);background:var(--rojo-tenue);border:1px solid rgba(229,112,94,.4);color:var(--rojo-claro);font-size:12.5px;line-height:1.5}.esqueleto{border-radius:var(--r-media);background:linear-gradient(90deg,#112428,#17323a,#112428);background-size:200% 100%;animation:brillo 1.4s ease-in-out infinite}@keyframes brillo{0%{background-position:200% 0}to{background-position:-200% 0}}.fundido-enter-active,.fundido-leave-active{transition:opacity .18s ease}.fundido-enter-from,.fundido-leave-to{opacity:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.arrastrable{display:flex;flex-direction:column;gap:7px}.arrastrable .renglon{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:14px;background:var(--tarjeta);border:1px solid var(--linea)}.arrastrable .renglon.no-esencial{background:var(--ambar-tenue);border-color:#e7a94a61}.arrastrable .agarre{color:#4a6260;display:flex;cursor:grab}.corte{display:flex;align-items:center;gap:8px;padding:6px 2px 2px}.corte .raya{flex-grow:1;height:1px;background:#e7a94a59}.corte .texto{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ambar);font-weight:700}