:root{--azul:#0e2a3b;--azul2:#1e4a63;--naranja:#f5a623;--fondo:#f4f6f8;--tinta:#0e2a3b;--suave:#4a5a65;--claro:#c9d6df;--borde:#c5cfd6;--linea:#e3e8ec;--verde-f:#e3f4ea;--verde-t:#136c3e;--azul-f:#e6effa;--azul-t:#1e4e8c;--naranja-f:#fdf0dc;--naranja-t:#6b3a00;--gris-f:#eceff2;--gris-t:#3b4852}*{box-sizing:border-box}html,body{background:var(--fondo);color:var(--tinta);-webkit-text-size-adjust:100%;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:#0f766e}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%}.app{min-height:100vh;padding-bottom:calc(96px + env(safe-area-inset-bottom));max-width:560px;margin:0 auto}.contenido{flex-direction:column;gap:14px;padding:16px;display:flex}.pila{flex-direction:column;gap:14px;display:flex}.cabecera{background:var(--azul);color:#fff;padding:calc(20px + env(safe-area-inset-top)) 20px 20px;flex-direction:column;gap:6px;display:flex}.cabecera h1{margin:0;font-size:23px;line-height:1.3}.cabecera p{color:var(--claro);margin:0;font-size:14px}.regreso{color:var(--claro);align-items:center;gap:6px;min-height:44px;font-size:15px;text-decoration:none;display:inline-flex}.fila-cabeza{justify-content:space-between;align-items:center;display:flex}.avatar{background:var(--azul2);color:#fff;border-radius:22px;justify-content:center;align-items:center;width:44px;height:44px;font-weight:700;text-decoration:none;display:flex}.marca{color:#fff;letter-spacing:-.3px;font-size:18px;font-weight:800}.marca span{color:var(--naranja)}.marca.grande{font-size:28px}.tarjeta{background:#fff;border-radius:16px;padding:18px;box-shadow:0 1px 2px #0e2a3b0f}.tarjeta.sin-relleno{padding:0;overflow:hidden}.h1{margin:0;font-size:22px}.h2{margin:0;font-size:16px}.texto{margin:0;font-size:15px;line-height:1.5}.suave{color:var(--suave)}.centro{text-align:center}.error{color:#8a1c1c;background:#fdecec;border-radius:12px;padding:12px 14px;font-size:15px;line-height:1.4}.exito{background:var(--verde-f);color:var(--verde-t);border-radius:12px;padding:12px 14px;font-size:15px;line-height:1.4}.aviso-claro{color:var(--naranja-t);background:#fff7e8;border-radius:12px;padding:12px 14px;font-size:15px}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;padding:0 18px;font-size:17px;font-weight:700;text-decoration:none;display:flex}.btn:disabled{opacity:.6}.btn.naranja{background:var(--naranja);color:var(--azul)}.btn.azul{background:var(--azul);color:#fff}.btn.borde{border:2px solid var(--borde);color:var(--azul);background:0 0;min-height:48px;font-size:16px}.btn.gris{background:var(--gris-f);color:var(--azul)}.btn.chico{width:auto;min-height:48px;font-size:15px}.btn-texto{color:#0f766e;cursor:pointer;background:0 0;border:none;align-self:flex-start;min-height:44px;padding:0;font-size:15px;font-weight:600}.campo{flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.campo small{color:var(--suave);font-weight:400}.campo input,.campo select,.campo textarea,.input{border:1px solid var(--borde);background:#fff;border-radius:10px;width:100%;min-height:48px;padding:0 14px;font-size:16px}.campo textarea{resize:vertical;padding:12px 14px;line-height:1.5}.fila{align-items:center;gap:8px;display:flex}.fila-entre{justify-content:space-between;align-items:center;gap:12px;display:flex}.foto{border:2px dashed var(--borde);cursor:pointer;background:#f8fafb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:130px;padding:10px;display:flex}.foto img{object-fit:cover;border-radius:8px;max-height:240px}.foto small{color:var(--suave)}.opciones{flex-wrap:wrap;gap:8px;display:flex}.opcion{border:2px solid var(--borde);cursor:pointer;background:#fff;border-radius:22px;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:15px;display:inline-flex}.opcion input{opacity:0;width:1px;height:1px;position:absolute}.opcion.on{background:var(--azul);border-color:var(--azul);color:#fff;font-weight:600}.opcion:focus-within{outline:3px solid var(--naranja);outline-offset:2px}.claves{flex-wrap:wrap;gap:6px;display:flex}.clave{background:var(--azul-f);color:var(--azul-t);cursor:pointer;border:none;border-radius:16px;min-height:36px;padding:6px 12px;font-size:14px}.chip{border-radius:6px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-block}.chip.verde{background:var(--verde-f);color:var(--verde-t)}.chip.azul{background:var(--azul-f);color:var(--azul-t)}.chip.naranja{background:var(--naranja-f);color:var(--naranja-t)}.chip.gris{background:var(--gris-f);color:var(--gris-t)}.lista-notas{flex-direction:column;gap:10px;display:flex}.nota{color:var(--tinta);background:#fff;border-radius:14px;flex-direction:column;gap:8px;padding:14px 16px;text-decoration:none;display:flex}.nota-titulo{font-size:15px;font-weight:600;line-height:1.35}.nota-meta{color:var(--suave);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.renglon{border-top:1px solid var(--linea);color:var(--tinta);flex-direction:column;gap:6px;padding:12px 16px;text-decoration:none;display:flex}.renglon:first-of-type{border-top:none}.renglon-fila{border-top:1px solid var(--linea);justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:12px 16px;display:flex}.titulo-bloque{margin:0;padding:16px 16px 4px;font-size:16px}.resumen{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.cifra{color:var(--tinta);background:#fff;border-radius:14px;flex-direction:column;gap:4px;padding:14px 12px;text-decoration:none;display:flex}.cifra b{font-size:26px}.cifra span{color:var(--suave);font-size:13px;line-height:1.3}.cifra.alerta{background:var(--naranja-f);color:var(--naranja-t)}.cifra.alerta span{color:var(--naranja-t)}.plan{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.filtros{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.filtro{border:1px solid var(--borde);min-height:40px;color:var(--azul);white-space:nowrap;background:#fff;border-radius:20px;align-items:center;padding:0 14px;font-size:14px;text-decoration:none;display:inline-flex}.filtro.on{background:var(--azul);border-color:var(--azul);color:#fff;font-weight:600}.motivo{border:2px solid #f5c97a}.cuerpo-nota{font-size:15px;line-height:1.6}.cuerpo-nota p{margin:0 0 12px}.portada{object-fit:cover;border-radius:12px;width:100%;max-height:260px}.interruptor{border-top:1px solid var(--linea);justify-content:space-between;align-items:center;gap:12px;min-height:52px;font-size:15px;display:flex}.interruptor:first-of-type{border-top:none}.interruptor input{width:24px;height:24px;accent-color:var(--azul)}.tabbar{border-top:1px solid var(--linea);padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:10;background:#fff;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{min-width:64px;min-height:48px;color:var(--suave);flex-direction:column;align-items:center;gap:3px;font-size:12px;font-weight:500;text-decoration:none;display:flex}.tab.on{color:var(--azul);font-weight:700}.pantalla-login{background:var(--azul);min-height:100vh;padding:calc(48px + env(safe-area-inset-top)) 24px 32px;flex-direction:column;gap:24px;max-width:560px;margin:0 auto;display:flex}.login-cabeza p{color:var(--claro);margin:10px 0 0;font-size:16px;line-height:1.45}.form-login{flex-direction:column;gap:16px;display:flex}.liga{font-size:14px}.login-pie{color:var(--claro);text-align:center;margin:0;font-size:14px;line-height:1.6}.login-pie a{color:var(--naranja);font-weight:600}.pasos{flex-direction:column;gap:10px;margin:0;padding-left:22px;font-size:15px;line-height:1.5;display:flex}.instalar{flex-direction:column;gap:10px;display:flex}.icono-paso{vertical-align:-5px;display:inline-block}.sombra-suave{box-shadow:none}